/*
 Theme Name:   Vox Populi Child
 Theme URI:    http://vox-populi.bold-themes.com
 Description:  Vox Populi child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     vox-populi
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  vox-populi-child
*/


/* Theme customization starts here
-------------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css2?family=Domine&family=Montserrat&display=swap');

h1{
	font-family: 'Domine', serif !important;
}

h2, p, a, .bt_bb_button_text {
	font-family: 'Montserrat', sans-serif !important;
}


.mainHeaderInner{
	display:flex;
	
}

.btBelowLogoArea {
	margin-top: 3rem;
}
.hero-text {
	padding: 50px;
}
/* CLM Styles */
/* Adds transparent background to contact for legibility */
/* Adds on to hero-headline style defined elsewhere */

#appointment-card {
	width: 100%;
	height: 55vh;
	margin-top: 5px;
}

.appointment-card img{
	height: 356.45px;
	width: 352px;
    object-fit: cover;
    object-position: top;
}


@media only screen and (max-width: 625px) {
	.appointment-card img {
		height: 250px;
	}
	
	#appointment-card {
		margin-bottom:: 40px !important;
		height: unset;
	}
	
	.bt_bb_card .bt_bb_card_content {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media only screen and (max-width: 500px) {
	#appointment-card {
		padding: 5px;
	}
	
	#appointment-card .bt_bb_card_title {
		font-size: 12px !important;
	}
}

.appointment-card .bt_bb_card_content {
	height: 140px;
}
 
.btVerticalHeaderTop .btVerticalMenuTrigger {
	height: 15px !important;
}
.contact_form {
	padding: 20px;
	background-color: rgb(3,44,83, .7);
}
.apply-text {
	padding: 0px 50px;
}
@media only screen and (max-width: 960px) {
	.contact_form {
		padding: 10px;
	}
}
@media only screen and (min-width: 1200px) {
	p {
		font-size: 18px;
	}
	.hero-text {
		 padding: 50px 150px;
	}
	.apply-text {
		max-width: 430px;
    	margin: 20px auto 30px;
		padding: unset;
	}
	.btLogoArea .logo {
    	float: left;
    	width: 100%;
	}
	.btLogoArea .logo img {
		height: 50% !important;
		width: 100% !important;
		/* margin-top: 30px !important; */
		margin: 27px 0 0 0px !important;
	}
	.btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
    	width: 410vw !important;
	}
	.bt_bb_image img {
		width: 100%;
		height: 40vh;
		object-fit: cover;
		object-position: top;
	}
	
	#footer-logo a img{
		max-width: 200px;
		height: auto;
	}
}
@media only screen and (min-width: 1265px) {
	.btLogoArea .logo img {
    	margin: 21px 0 0 25px !important;
	}
}
@media only screen and (min-width: 1355px) {
	.btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea {
    	width: 295vw !important;
	}
	.btLogoArea .logo img {
    	margin: 4px 0 0 25px !important;
	}
}

/* Only Applies to the image within partners section with text wrap*/
.text-wrap-image {
	width: 40%;
	margin-bottom: 10px !important;
}
.text-wrap {
	width: 80%;
    margin: 0 auto;
}
@media only screen and (max-width: 768px) {
	.text-wrap-image {
		min-width: 300px;
	}
}

@media only screen and (max-width: 610px) {
	.text-wrap-image {
		min-width: 100%;
	}
	.text-wrap {
		width: 95%;
	}
}

#black-appointment-title {
	font-size: 47px;
    line-height: 55px;
    margin-bottom: 35px;
}
@media only screen and (min-width: 768px) {
	#black-appointment-title {
		text-align: center;
	}
}
@media only screen and (min-width: 992px) {
	#black-appointment-title {
		font-size: 60px;
    	line-height: 78px;
    	margin-bottom: 55px;
    	margin-top: 30px;
	}


}
/* END Black Appointment Section */


@media only screen and (max-width: 500px) {
	/* Removes padding from blue text and title blocks hero section */
	.bt_bb_row .bt_bb_column {
		padding-right: 0px;
		padding-left: 0px;
	}
}
/* END CLM Styles */
@media only screen and (max-width: 576px) {
	.hero-text {
		padding: 20px 20px;
	}
}
@media only screen and (max-width: 1199px) {
 	.action-button{
	padding: 2px 30px !important;
	margin-bottom: 40px !important;
	}
	
	.btLogoArea .logo {
    line-height: 0;
    float: right !important;
	}
	
	.hero-headline{
		padding: 16px;
	}
	
	.btVerticalHeaderTop{
		background-color: #032c53;
	}
}

@media only screen and (max-width: 1360px) {
	.btBelowLogoArea{
		margin-right: 0 !important;
	}
	.btMenuHorizontal.btMenuBelowLogo .btBelowLogoArea{
		width: 138vw; 
	}
}


/* Makes Mobile Hamburger Fixed */

.btMenuVertical .btVerticalHeaderTop{
	position: fixed;
}



/* Hamburger Menu Colors */
.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:before, .btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:before, .btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon:after, .btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon:after {
    border-top-color: #CEB594 !important;
}

.btTransparentLightHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btAccentDarkHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btLightAccentHeader .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before, .btHasAltLogo .btVerticalMenuTrigger .bt_bb_icon .bt_bb_icon_holder:before {
    border-top-color: #CEB594 !important;
}


.gutter .port {
	max-width: 1610px !important;
}

.port {
	margin-right: 48px !important;
}

.btBelowLogoArea {
	margin-left: auto;
	margin-right: 2rem;
}


.btMenuHorizontal .topBarInMenu {
    height: 50px !important;
}

.btLogoArea .logo img {
    height: 200px;
	width: auto;
    margin: auto;
    text-align: center;
}

.gutter .port {
    max-width: 1300px !important;
	padding: 0 8px !important;
}

.btMenuHorizontal .menuPort > nav > ul > li{
	padding: 0 33px 0 0 !important;
}

@media only screen and (min-width: 600px) {
/* 	.btMenuVertical .btLogoArea .logo img {
		height: 80px !important;
	} */
	.btVerticalMenuTrigger .bt_bb_icon {
/* 		top: 50%; */
		margin: unset;
	}
}

/* .btMenuHorizontal.btMenuRight .menuPort nav {
    float: left;
} */



/* Helpful Resources Section  */

.helpful-links > ul > li > a {
	color: #032C53 !important;
}

.helpful-links > ul > li > a:hover{
	text-decoration: underline;
}

/*Partners  */

.partners-link > p > a{
	color: #032C53 !important;
}

/* Partners Slider */

.bt_bb_height_keep-height .slick-slider .slick-slide {
    justify-content: center !important;
}


/* Footer  */

.bt_bb_size_xsmall.bt_bb_icon .bt_bb_icon_holder > span {
	font-size: 15px !important;
	font-family: 'Montserrat', sans-serif 
}


/* .bt_bb_column_content_inner {
	margin-top: 30px !important;
} */

/* PAP Section */

.pap-row{
	padding: 0 !important;
}

/* Join Us */

.join-us-row{
	padding-bottom: 30px;
}

/* Black Appointments. */

.bt_bb_card {
	border: none !important;
}
.bt_bb_card .bt_bb_card_content .bt_bb_card_supertitle {
	font-size: 22px !important;
	font-weight: 500 !important;
	text-align: left !important;
}

.bt_bb_card .bt_bb_card_content .bt_bb_card_title {
	font-size: 16px !important;
	text-align: left !important;
	font-weight: 400 !important;
}



.bt_bb_card_content {
	background-color: #ceb594 !important;
}

/*Commented out for testing */
/* @media only screen and (min-width: 992px) { */
	/*.bt_bb_card img{
		max-height: 360px !important; */
/* 		min-width: 374px !important; */
	/*}
} */

@media only screen and (max-width: 992px) {
	.bt_bb_card {
		max-width: 400px !important;
/*     	margin: auto !important; */
	}
	.john_jones {
		max-width: 500px;
	}
	.john_text{
		width: 90%;
		margin: auto;
	}
}