/* 
 Theme Name:     Divi Child
 Author:         Dutch Hoffman
 Author URI:     http://www.devbydutch.com
 Description:    Custom Divi Child Theme
 Template:       Divi
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE -------------- */

/* ---- displaynones & globals ---- */

li.hidden-menu { display:none !important; }
.grecaptcha-badge { visibility: hidden !important; }
.re-captcha-notice { font-size: .8em; line-height: 1.4em; margin-top: 15px; color: #8e8e8e; }
.re-captcha-notice a { color: #b1b1b1; }
.trans { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
table.tablestyled, table.tablestyled tr, table.tablestyled td { border: none !important; }

/* ---- Wrappers ---- */
.container, .et_pb_row { position: relative; width: 95%; max-width: 1160px; margin: auto; }
/* ---- Wrappers ---- */

/* ---- List Fixes ---- */
.entry-content ol, .entry-content ul { padding: 1.6em 0 23px 2.2em;list-style-position: outside !important; }
.custom-list ul { list-style-type: none; list-style-position: outside !important; margin-top:0px; margin-left:20px!important; }
.custom-list ul li { padding-left: 0!important; margin-bottom: 10px; margin-top:0px!important; }
.custom-list ul li:before { content: '\e052'; color: #0b76b6; font-family: 'ETMODULES'; margin-right: 20px; margin-left: -37px; font-size: 1em; }
.custom-list.white ul li:before { color: #ffffff; }
/* ---- List Fixes ---- */

/* Header */
.nav li ul { width: auto; }
#top-menu li a::after { content: ''; display: block; width: 0; height: 2px; background: #fff; transition: width .3s; margin-top:5px; }
#top-menu li a:hover::after { width: 100%; /*transition: width .3s; */ }
#top-menu li ul li {display: block; }
#top-menu li li a { width: 100%; white-space: nowrap; display: block; }
#top-menu > li:last-child .sub-menu { position: absolute; right: 0; }
.et_primary_nav_dropdown_animation_slide #et-top-navigation ul li:hover > ul { -webkit-animation: fadeRight .4s ease-in-out; animation: fadeRight .4s ease-in-out; }
/* ***** hamburger icon ***** */
span.mobile_menu_bar:before { color:#ffffff; }
/* ***** hamburger icon ***** */
/* Header */

/* Menu */
/*change Divi hamburger menu to X */
.mobile_nav .mobile_menu_bar:before { color:#ffffff; }
.mobile_nav.opened .mobile_menu_bar:before { content: 'M'; }
/* Menu */

/* Home */
.home-hero-collage {
background:url('https://qrails.devbydutch.com/wp-content/uploads/2021/05/bgnd-q-home-hero.png') 600px 0px/contain no-repeat
}
.home-news-feed .dnxt-blurb-description { padding: 0 37px 27px 37px; border: none !important; }
.home-news-feed .dnxt-blurb-description:hover { border: none !important; }
.home-news-feed img { margin-top: -2px !important; width:101% !important; }
.carousel-home h3, .home-news-feed h3 { font-weight: 800; color: #fff; }
.carousel-home .carousel-image { margin:0 auto 27px; }
/* Home */

/* Press */
.news-bold b, .news-bold strong { color:#959595; }
/* Press */
/* Form Styles */
.fullwidth-field { width: 100% !important; font-size: 18px; line-height: 24px; }
.form-submit-btn { background-color: #588540; padding: 10px 30px; margin-top: -10px; border-radius: 4px; color: #fff; font-size: 18px; border: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.form-submit-btn:hover { background-color:#6ebe59; }
/* Form Styles */

/* Footer */
.footer-logo-mobile { display: none; }
#main-footer .container { padding: 0 0 .5vw 0; }
#main-footer h4.title { color: #fff; font-weight: 800; font-size: 18px; }
#footer-widgets { padding: 4vw 0 0; }
.footer-widget div { clear: both !important; margin-bottom: 3vw; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.footer-widget div a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.footer-widget div a:hover { opacity: .6; margin-left: 3px; }
.footer-social img { max-width:33px; padding: 4px; margin-bottom: -9px; }
.footer-social:hover { margin-left:0px !important; }
/* Footer */

.slider-img-1 {max-height:140px;margin-bottom:30px;}
.slider-img-2 {max-height:200px;margin:0 47px;}
.slider-img-3 {max-height:250px;margin-bottom:-25px;}

/* ------------- Responsive breakpoints ------------- */

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
footer#main-footer .container { padding:27px; }
.footer-logo-mobile { display: block; }
.footer-logo { display: none; }
.slider-img-1 {max-height:35px;margin-bottom:30px;}
.slider-img-2 {max-height:90px;margin:0 27px;}
.slider-img-3 {max-height:120px;margin-bottom:-10px;}
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
footer#main-footer .container { padding:27px; }
.footer-logo-mobile { display: block; }
.footer-logo { display: none; }
.slider-img-1 {max-height:35px;margin-bottom:30px;}
.slider-img-2 {max-height:90px;margin:0 27px;}
.slider-img-3 {max-height:120px;margin-bottom:-10px;}
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
footer#main-footer .container { padding:27px; }
.slider-img-1 {max-height:65px;margin-bottom:30px;}
.slider-img-2 {max-height:130px;margin:0 47px;}
.slider-img-3 {max-height:180px;margin-bottom:-25px;}
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
footer#main-footer .container { padding:27px; }
}

/* Laptops and desktops (1101-1405px) */
@media only screen and ( min-width: 1101px ) and ( max-width: 1405px) { 

}

/* Large screens (1406px upwards) */
@media only screen and ( min-width: 1406px ) { 

}

/*8-6-21 start css*/
.team_section .popupaoc-image-popup .popupaoc-img{ border-radius:50px; }
.lightboxrow{ display:flex; width:100%; float:left; background:transparent; border-radius:30px 25px 25px 30px;
	box-shadow:0px 1px 20px rgba(0,0,0,0.3); }    
.lightboxrow .lightboxleft_img{ width:40%; float:left; border-radius:27px 0px 0px 27px; }
.lightboxrow .lightboxleft_img img{ width:100%; float:left; height:100%; object-fit:cover; float:left; border-radius:25px 0px 0px 25px; }
.lightboxrow .lightboxright_text{ width:60%; float:left; padding:50px; background:#FFF;  border-radius:0px 25px 25px 0px; }
.lightboxrow .lightboxright_text h2{ font-size:26px; font-weight: 700; color: #0B76B6!important; }
.lightboxrow .lightboxright_text h3{ color: #444; font-weight: 400; font-size: 18px; position:relative; margin-bottom:20px; padding-bottom:20px; }
.lightboxrow .lightboxright_text h3:after{ height:4px; width:125px; background:#0B76B6; content:''; position:absolute; left:0; bottom:0px;  }
.lightboxrow .lightboxright_text p{ color: #444; font-weight: 400; font-size: 16px; line-height: 1.5em; }
.paoc-popup-modal-cnt { background-color:transparent !important; padding: 0; float: left; border-radius: 20px; width: 100%; }
.paoc-popup-modal{ background-color:transparent !important; flex-basis: 67% !important; box-shadow:none; }
.social_iconpopup{ width:100%; float:left; margin:5px 0px 0px; padding:0px; }
.social_iconpopup li{ width:auto; float:left; list-style:none;  margin-right:10px; }
.social_iconpopup li a{ width:32px; float:left; height:32px; line-height:32px; border-radius:32px; color:#FFF; text-align:center; background-color: #007bb6; }
.paoc-popup-close.paoc-close-popup{ background-image:none; right:8px; top:4px; opacity:0.8;  }
.paoc-popup-close.paoc-close-popup:hover{ opacity:1; }
.paoc-popup-close.paoc-close-popup:after{ position:absolute; top: 40%; left: 40%; transform: translate(-50%, -50%); content:''; width:15px; height:3px; background:#333; transform: rotate(-45deg); border-radius:3px;  }
.paoc-popup-close.paoc-close-popup:before{ position:absolute; top: 40%; left: 40%; transform: translate(-50%, -50%); content:''; width:15px; height:3px; background:#333; transform: rotate(45deg); border-radius:3px;  }
.custombox-open.custombox-overlay{ opacity:0.8 !important; }
.paoc-popup.popupaoc-link-image{ float:left; width:100%; position:relative; z-index:99; margin-bottom:20px; }
.paoc-popup.popupaoc-link-image img{ width:100%; float:left; }
.paoc-popup.popupaoc-link-image:after{ width:100%; background:rgba(0,0,0,0.4) url('https://qrails.devbydutch.com/wp-content/uploads/2021/06/viewbie.png') no-repeat center center; content:''; position:absolute; top:0; left:0px; height:100%; border-radius:50px; background-size:120px; opacity:0;    -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.paoc-popup.popupaoc-link-image:hover:after{ opacity:1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.social_iconpopup li a.icontwitter{ background-color: #00aced!important; }
@media(max-width:1199.98px){
.paoc-popup-modal{ flex-basis:80% !important; }	
}

@media(max-width:991.98px){
.lightboxrow .lightboxright_text{ width:53%; }	
.lightboxrow .lightboxleft_img{ width:47%; }
.paoc-popup-modal { flex-basis: 92% !important; }	
}
@media(max-width:767px){
.paoc-popup-modal-cnt{ margin:15px 0px;}	
.paoc-popup-close.paoc-close-popup{ top:20px; }	
.lightboxrow{ display:block; margin-bottom:15px; }	
.lightboxrow .lightboxright_text{ width:100%; padding:20px; float:left; border-radius: 0px 0px 25px 25px; }	
.lightboxrow .lightboxleft_img{ width:100%;  border-radius:25px 25px 0px 0px; }
.lightboxrow .lightboxleft_img img{ border-radius:25px 25px 0px 0px;}	
.lightboxrow .lightboxright_text h2{ font-size:18px; }
.lightboxrow .lightboxright_text h3{ font-size:15px; }
.lightboxrow .lightboxright_text p{ font-size:13px; }
	.lightboxrow .lightboxright_text h3:after{ width:85px; }	
}
@media(max-width:575px){
.paoc-popup-modal{ flex-basis:92% !important; }		
}