/* Edit This File For All Custom CSS */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	font-family:'Roboto',sans-serif;
	color:#111111;
}

header, body.mobile header, body.scroll header {
    height: 182px;
}

#content_container {
    margin: 200px auto 0;
}

body.home #content_container {
    margin: 180px auto 0;
}

#content ul:not(.stars) li {
    list-style: none;
}

#content ul:not(.stars) li::before {
    content:'';
    display: inline-block;
    margin-right:0;
    height: 15px;
    width:15px;
    background-image: url("../images/branham-logo-single.webp");
    background-size: contain;
    background-repeat: no-repeat
}


/* Begin Testimonials Section */

section.testimonials {
	background-image: url('../images/testimonials-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	color: black;
	padding: 10% 20%;
}

body.mobile section.testimonials {
	padding: 5%;
}

.testimonial_container {
	background-color: rgba(255, 255, 255, 0.80);
	padding: 25px;
}

.testimonials_title {
	text-align: center;
	font-size: 2em;
}

.author {
	text-align: center;
}

blockquote:before {
    content: "";
}

blockquote:after {
    content: "";
}

/* End Testimonials Section */

section.gray {
	background:#F1F1F2;
	padding: 35px;
	margin: 0;
}




/*New CSS*/
:root{
    --red-color: #d11202;
    --black-color: #000000;
    --yellow-color: #fdd003;
    --white-color: #ffffff;
    --font-roboto: "Roboto", serif;
    --font-condensed: "Roboto Condensed", serif;
}
*{margin:0;box-sizing:border-box;}
body{font-size: 16px;font-family: var(--font-roboto) ;font-weight:400;color: var(--black-color);}
h1,h2,h3,h4,h5,h6{font-weight:700;}
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
h5{font-size:22px;}
h6{font-size:18px;}
ul li{line-height:150%;}
.new-container{max-width: 90%;display:block;margin:auto}
body.announcements header{margin:0;height:auto;position:sticky;top:0;position:relative;}
header{background: var(--white-color);}
.nav-header{display:flex;align-items:center;justify-content:space-between;}
.nav-logo a img{width: 233px;height:auto;margin-top:0}
body.desktop .nav-logo a img{margin-top:20px}
nav, body.scroll nav {
    margin-top: 0;
    margin: 0 0 0 0
}
nav.nav_right > ul{padding:0;float:unset;}
nav ul li a{padding:0 16px;font-weight:600;}
nav ul li a,
nav ul li a:link,
nav ul li a:visited{color: var(--black-color);}
nav ul li a span {padding: 0;border: 0;}
nav > ul > li > a[aria-haspopup="true"]::after {position: static;display: inline-block;vertical-align: bottom;margin-left: 8px;border: 6px solid transparent;border-top-color: #000000;}
nav ul ul{border-top-color: var(--red-color);}
nav a[aria-haspopup="true"]::after{border-right-color: var(--red-color);}
.nav-call{background: var(--black-color);color: var(--yellow-color);font-family: var(--font-condensed);padding:8px 16px;border-radius:12px 12px 0 0 ;position:absolute;bottom:-1px;right:10%;text-transform:uppercase;}

#mobile_nav{position:relative;top:0;width:auto;height:auto;}
.mobile-nav-toggle {position: static;width: 40px;height: 26px;}
.toggle-name{display:none;}
.top-bar,
.middle-bar,
.bottom-bar{background-color:var(--black-color)}
body.announcements #cssmenu {position: absolute;left: 0px;top: 100%;}
#cssmenu {left:0;background-color:black;top:180px}
#cssmenu ul{padding:24px 0;}
#cssmenu a.nav_link.nav_active{color: var(--yellow-color) !important;}

#cssmenu ul {padding:0}
#cssmenu ul ul a.nav_active span, #cssmenu a:hover {
    color: var(--red-color) !important
}

#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
    font-weight: 700
}

#cssmenu ul ul a {font-size: 18px;font-weight: 700;color: #FFF}

body.home #content{padding:0;}
body.mobile #content img{padding-bottom: 0!important;margin:0 !important;}

/*Banner*/
.sec-pad{padding:50px 0;}
.p-relative{position:relative;}
#content_container .bg-overlay-img{position:absolute;top:0;left:0;width:100%;height:100% !important;object-fit:cover;z-index:1;padding:0 !important;}
.bg-overlay-grad:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-color:var(--black-color);opacity:0.5;z-index:2;}
.sec-a{color: var(--white-color);}
.sec-a .new-container{position:relative;z-index:3;}
.sec-aa h2{margin-bottom:24px;text-shadow: 0px 5px 4.75px rgba(23, 22, 24, 0.5);color: var(--yellow-color);text-transform:uppercase;}
/* .sec-aa .sec-ac a{background: var(--red-color);color: var(--white-color);font-weight:600;padding:8px 16px;border-radius:8px;display:inline-block;} */


a.button {
    background: var(--red-color);
    border: var(--red-color) solid 1px;
    border-radius:8px;
    padding:8px 16px
}

a.button:hover {
    background-color: #FFF;
    color: var(--red-color);
}

.sec-ab{display: flex;align-items:center;margin-bottom:24px;}
#content_container .sec-ab img{width:50px;height:auto !important;flex-shrink:0;}
.sec-ab ul{padding-left:16px;font-family:var(--font-condensed);}
.sec-ab ul li::marker{margin-right: 4px}

.sec-b{background: var(--yellow-color);}
.col-4-8,.col-8-4{display:flex;}
.col-4-8 div:first-child{flex:1;}
.col-4-8 div:last-child{flex:2;}
.col-8-4 div:first-child{flex:2;}
.col-8-4 div:last-child{flex:1;}

#content_container .sec-ba img{height:100% !important;object-fit:cover}
.sec-bb{padding:150px 50px 150px;display: flex;flex-direction: column;justify-content: center;}
.sec-bb h2{margin-bottom:0px;}
.sec-bb a{font-weight:600;color:var(--black-color);}

.sec-c{background: var(--black-color);color: var(--white-color);}
.sec-c h2{color: var(--yellow-color);}
.sec-c .sec-bb a{color:var(--white-color);}

.sec-d{background:var(--white-color);color: var(--black-color);}
.sec-d .sec-bb a{color:var(--black-color);}

.sec-e{background: var(--red-color);color: var(--white-color);}
.sec-e h2{color: var(--yellow-color);}
.sec-e .sec-bb a{color:var(--white-color);}

#content_container .sec-f .sec-fa{display:flex;align-items:center;gap:24px;}
#content_container .sec-f .sec-fa img {margin: 0 auto 24px !important;width: auto;object-fit: contain;max-width: 200px;}
.cert-logos{display:flex;align-items:center;justify-content:flex-start;gap:16px;flex-wrap:nowrap;}
.cert-logos img{margin:0 !important;max-width:200px;}
@media(max-width:1300px){
    .cert-logos img{max-width:120px;}
}
.sec-fb{padding: 0 16px;}
.sec-fb h2{margin-bottom:16px;color: var(--red-color);}
.sec-fb ul{padding-left:0;}
.sec-fb ul li::marker{color: var(--red-color);}

.sec-f{padding-bottom:0;}
.sec-f .col-4-8{flex-direction:row-reverse;}
.sec-fc {display: flex;margin: 0 -5%;align-items: flex-end;justify-content: space-between;}
#content_container .sec-f  .sec-fc img:first-child {width: 180px;flex-shrink: 0;}
#content_container .sec-f  .sec-fc img:last-child {width: 120px;flex-shrink: 0;}

#content_container .img-contain img{object-fit:contain}

footer{background: var(--white-color);padding: 0;color:#111111}

.ft-ab{text-align:left;}
.ft-ab p{padding:0;margin-bottom:8px;}
.ft-ab p a{text-transform:uppercase;color: var(--black-color);}
.ft-ab p.ft-red a{color: var(--red-color);font-weight:600;}
.ft-ac{margin-bottom:16px;}
.ft-ad{margin-top:16px;}
footer .ft-ad a,footer .ft-d a:link,footer .ft-d a:visited {font-size: 32px;color: var(--black-color);}
footer .ft-ad a{margin-right:16px}

footer .ft-address p {
    text-transform: uppercase;
    font-size:120%
}

footer p {font-size:12px;line-height: 1em}
footer a:link, footer a:visited {
    color: #111111;
}

.ft-ba{text-align:left;}
.ft-ba ul {list-style: none;padding: 0;}
.ft-ba ul li a{color: var(--black-color);font-weight: 600;margin-bottom:8px;display:block;}
.ft-bb {display: flex;align-items: center;gap: 16px;flex-wrap: wrap;justify-content: center;padding:8px 0;}
.ft-flex {display: flex;gap: 16px;justify-content: space-between;align-items: center;padding: 50px 10% 24px;}

.sec-g {background: var(--yellow-color);position:relative;}
.sec-faa {text-align: center;margin: auto;max-width:600px;white-space:normal;}
.sec-faa h2{color: var(--red-color);font-weight:600;margin-bottom:24px;}
.sec-faa blockquote{font-size:20px;margin-bottom:0;white-space:normal;}
.sec-faa span{font-style:italic;font-size:20px;display:block;}
.cycle-arrow{position:absolute;left:0;top:50%;transform: translateY(-50%);width:100%;display:flex;align-items:center;justify-content:space-between;z-index:9;padding:0 16px;}
.cycle-arrow a{color:var(--red-color);font-size:12px;}
.cycle-arrow a:hover{text-decoration:none;}
blockquote:after{top:auto;bottom:-60px;}

.cycle-slide {
    vertical-align:middle
}

div.review-stars {
    display:block;
    margin: 0;
    padding: 0;
    text-align:center;
}

body.mobile div.review-stars {
    display: block;
    text-align: center;
}

.review-stars i.star {
    color:var(--red-color);display:inline-block;font-size:15px; font-weight: bold;padding: 0 5px 0 0 !important;
    font-style: normal;
}

.review-stars .star:after {
    content: "\2605";
}

.review-stars ul {
    padding:0px;
    margin: 0;
    text-align: center;
}

.review-stars li {
    display: inline-block;
}

@media(max-width:961px){
    .nav-call{display:inline-block;}
    .new-container{max-width: 95%;}
    .nav-header{justify-content: center;}
    .nav-navbar .mobile_menu{position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
    .nav-call {right: 50%;transform: translateX(50%);white-space: nowrap;}
    body.announcements header{padding-bottom:45px;}
    .sec-aa h2{max-width:70%;margin: 0 auto 24px;}
    .sec-aa .sec-ac{max-width:70%;margin:auto;}
    .sec-bb{padding:50px 16px 50px;}
    #content_container .sec-f .sec-fa{display:block;text-align: center}
    #content_container .sec-f .sec-fa img {max-width:70%;}
    #content_container .sec-f .cert-logos{display:flex;flex-direction:column;align-items:center;gap:16px;}
    #content_container .sec-f .cert-logos img{max-width:175px;margin:0 !important;}
    .sec-f .col-4-8{flex-direction:column-reverse;}
    .sec-f .sec-fb{text-align:center;padding-bottom:16px;}
    .ft-flex{display:block;}
    .ft-ab,.ft-ba {text-align: center;}
    .ft-ab{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--black-color);}
    .ft-bb{gap:0}
    .sec-fc{margin:-2.5%;}
}
@media(max-width:600px){
    h2{font-size:20px;}
    .sec-faa{padding:0 20px;}
    .cycle-arrow{padding:0 8px;}
    body.mobile .sec-faa blockquote:before,
    body.mobile .sec-faa blockquote:after{font-size:40px;}
    blockquote:after{top:auto;bottom:-20px;}
    
    
}