/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

@media only screen and (max-width: 768px) {
    nav.mobile_menu > ul {
        width: 100% !important;
    }

	.menu-item-has-children:after {
		display: none;
	}
}

@media only screen and (max-width: 1000px) {
	.header_bottom nav.mobile_menu ul::after {
		content: '';
		display: block;
		height: 16px;
	}

    .header_bottom, nav.mobile_menu {
        background: transparent !important;
    }

	.menu-item-has-children:after {
		display: none;
	}
}

/* Podcast Shortcode */
.podcast-channels {
	align-items: center;
	display: flex;
	justify-content: center;
	gap: 16px;
}

.podcast-channels a {
	border-radius: 50px;
}

/* Small */
.podcast-channels.small a {
	align-items: center;
	display: inline-flex;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.podcast-channels.small svg {
	width: 16px;
}

/* Large */
.podcast-channels.large a {
	align-items: center;
	display: inline-flex;
	height: 47px;
	justify-content: center;
	width: 47px;
}

.podcast-channels.large svg {
	width: 25px;
}

/* White */
.podcast-channels.white a {
	background: #ffffff;
}

.podcast-channels.white .spotify svg,
.podcast-channels.white .spotify svg g {
	fill: #1DB954;
}

.podcast-channels.white .apple svg,
.podcast-channels.white .apple svg g {
	fill: #872EC4;
}

.podcast-channels.white .google svg,
.podcast-channels.white .google svg g {
	fill: #307DEF;
}

.podcast-channels.white .youtube svg,
.podcast-channels.white .youtube svg g {
	fill: #FF0000;
}

/* Colours */
.podcast-channels.colours svg {
	fill: #ffffff;
}

.podcast-channels.colour .spotify {
	background: #1DB954;
}

.podcast-channels.colour .apple {
	background: #872EC4;
}

.podcast-channels.colour .google {
	background: #307DEF;
}

.podcast-channels.colour .youtube {
	background: #FF0000;
}

.embla {
	max-width: 48rem;
	margin: auto;
	--slide-height: 19rem;
	--slide-spacing: 1rem;
	--slide-size: 500px;
}

@media only screen and (max-width: 767px) {
	.embla {
		--slide-size: 300px;
	}
}

.embla__viewport {
	overflow: hidden;
}

.embla__container {
	backface-visibility: hidden;
	display: flex;
	touch-action: pan-y pinch-zoom;
	margin-left: calc(var(--slide-spacing) * -1);
	width: 100% !important;
}

.embla__slide {
	flex: 0 0 var(--slide-size) !important;
	min-width: 0;
	padding-left: var(--slide-spacing);
}

.embla__controls {
	display: grid;
	grid-template-columns: auto 1fr;
	justify-content: space-between;
	gap: 1.2rem;
	margin-top: 1.8rem;
}

.embla__buttons {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.6rem;
	align-items: center;
}

.embla__button {
	-webkit-tap-highlight-color: rgba(var(--text-high-contrast-rgb-value), 0.5);
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	touch-action: manipulation;
	display: inline-flex;
	text-decoration: none;
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
	box-shadow: inset 0 0 0 0.2rem var(--detail-medium-contrast);
	width: 3.6rem;
	height: 3.6rem;
	z-index: 1;
	border-radius: 50%;
	color: var(--text-body);
	display: flex;
	align-items: center;
	justify-content: center;
}

.embla__button:disabled {
	color: var(--detail-high-contrast);
}

.embla__button__svg {
	width: 35%;
	height: 35%;
}