/*
 Theme Name:   Yale Pediatric Dentistry
 Theme URI:    https://ori.agency
 Description:  Yale Pediatric Dentistry child theme
 Author:       The Ori Agency
 Template:     denticare
 Version:      1.0.0
 Text Domain:  yalepd
*/


/* Theme customization starts here
-------------------------------------------------------------- */
body.btStickyHeaderActive div.logo span a img {
	visibility: hidden;
}

body.btStickyHeaderActive div.logo span {
	background-image: url(https://yalepediatric.wpenginepowered.com/wp-content/themes/yalepd/images/YPD-full_logo-color@8x.png);
	width: 100%;
    height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	background-position: 50% 50%;
}

@media (min-width:1200px) {
	.home-headline .bt_bb_headline_tag {
		margin-top: 2em !important;
	}
}

@media (min-width:1000px) and (max-width:1399px) {
	.bt_bb_size_extralarge.bt_bb_headline h2 {
		font-size: 5rem !important;
	}
}

.bt_bb_section[class*="accent_solid"]:before {
	opacity: 0.5 !important;
}

.h2-purple h2 {
	color: #4c1369;
	font-size: 3.5em;
}

.dentist-name h4 {
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: 0.02em;
}

#testimonials {
	background-color: #4c1369;
	border-radius: 10px;
}

@media (min-width:1200px) {
	
	#testimonials {
		margin-top: -10em;
		background-color: transparent;
		background-image: url(https://yalepediatric.wpenginepowered.com/wp-content/themes/yalepd/images/Quote-circle.png);
		background-repeat: no-repeat;
		background-size: contain;
		padding: 5%;
		background-position: 50% 50%;
		border-radius: none;
	}
	
}

#testimonials .slick-slider {
	padding: 40px 50px;
}

#testimonials h3 {
	font-size: 1.35em;
	line-height: 1.5;
	font-style: normal;
	font-family: "kigelia-lgc", sans-serif;
	font-weight: 400;
	color: rgba(255,255,255,0.7);
}

@media (min-width:1200px) {
	#testimonials h3 {
		padding: 1em 2em 0;
	}
}

#testimonials .bt_bb_headline_subheadline {
	padding: 0 2em;
	font-weight: bold;
	font-size: 1.25em !important;
	color: white;
}

.bt_bb_height_keep-height .slick-slider .slick-slide {
	align-items: center;
}

.yellow-separator {
	max-width: 250px;
    margin: 0 auto 2em !important;
    border-bottom-color: #fbae17 !important;
}

.btMenuInitFinished.btMenuVertical .mainHeader {
	background-color: #4c1369;
}

@media (max-width:480px) {
	
	.btMenuVertical .mainHeader .logo {
		padding: 1em 0 !important;
		float: left;
	}

	.btMenuVertical .btLogoArea .logo img {
		height: 110px;
	}

	.btLogoArea {
		margin-left: 16%;
	}

	.mainHeader.btClear.gutter .btLogoArea {
		margin-left: 0;
	}

	.mainHeader.btClear.gutter .btLogoArea .logo {
		width: 100% !important;
	}


	.btTransparentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon .bt_bb_icon_holder:before,
	.btTransparentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before,
	.btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon:before,
	.btMenuVerticalOn .btVerticalMenuTrigger:hover .bt_bb_icon:after,
	.btTransparentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btTransparentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btAccentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btAccentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btLightDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger:hover .bt_bb_icon:before, .btTransparentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btTransparentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btAccentLightHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btAccentDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btLightDarkHeader .btVerticalMenuTrigger:hover .bt_bb_icon:after, .btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger:hover .bt_bb_icon:after,
	.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:before,
	.btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:after,
	.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:before,
	.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon:after,
	.btHasAltLogo.btStickyHeaderActive .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
		border-top-color: white;
	}
	
}

.btMenuHorizontal.btMenuCenter .logo { margin-bottom: -15px; }


.btStickyHeaderActive.btMenuHorizontal.btMenuCenter .mainHeader .logo { margin-bottom: 0; }

.bt_bb_size_normal.bt_bb_icon .bt_bb_icon_holder > span {
	font-family: "Aleo";
	color: #4c1369;
	font-size: 2em;
}

.btContentHolder a {
	text-decoration: underline;
}

h3.bt_bb_headline_tag .bt_bb_headline_content a,
a.bt_bb_link { 
	text-decoration: none !important; 
}

.home .bt_bb_video {
	margin-top: -35px;
}

.btMenuHorizontal.btMenuCenter .menuPort .rightNav ul > li > a:after {
    left: calc(50px * .4);
}

.btMenuFocusElementDash.btLightAccentHeader:not(.btMenuBelowLogo) .menuPort nav > ul > li.current-menu-ancestor:not(.on) > a:after, .btMenuFocusElementDash.btLightAccentHeader:not(.btMenuBelowLogo) .menuPort nav > ul > li.current-menu-item:not(.on) > a:after {
	opacity: 0;
}