/*
 Theme Name:     BND Commercial
 Theme URI:      https://catalystgetsit.com
 Description:    Catalyst Marketing Design
 Author:         Catalyst Marketing Design
 Author URI:     https://catalystgetsit.com
 Template:       Divi
 Version:        1.0.0
*/

/* -------------------------------------------------------
HIDE RECAPTCHA
------------------------------------------------------- */
.grecaptcha-badge {
	right:-1000px !important;
}
 
/* -------------------------------------------------------
Theme customization starts here
------------------------------------------------------- */

h4 {
	line-height: 1.6em !important;
}
.phone a[href^="tel"] {
      color: #ffffff !important;
      text-decoration: none !important;
    }
.et_pb_text_inner ul {
	margin-left: 40px;
}
/* -------------------------------------------------------
Landing Menu
------------------------------------------------------- */
.landing-menu:hover {color: #000;}

#menu-landing-secondary {
	padding-top: 4px !important;
}

.second-phone:before {
	content: "\e090";
	font-family: ETmodules !important;
	margin-right: 5px;
	position: relative;
	top: 2px;
}
.second-email:before {
	content: "\e076";
	font-family: ETmodules !important;
	margin-right: 5px;
	position: relative;
	top: 2px;	
}
/* -------------------------------------------------------
Back to Top
------------------------------------------------------- */
body .et_pb_scroll_top {
	background-color: #ae1d22 !important;
	color: #ffffff;
	padding: 10px 13px 10px 10px !important;
	right: 10px !important;
	bottom: 125px !important;
	border-radius: 30px !important;
}
body .et_pb_scroll_top:hover {
	background-color: #000000 !important;
}
/* -------------------------------------------------------
Additional Social Icons
------------------------------------------------------- */
.et-social-linkedin a.icon:before { content: '\e09d'; }
.et-social-youtube a.icon:before { content: '\e0a3'; }

/* -------------------------------------------------------
Mobile Menu
------------------------------------------------------- */
.mobile_menu_bar:before {
	color: #ffffff !important;
}
/* show mobile at larger break point */
@media (max-width: 1080px){
	#et_mobile_nav_menu {
		display: block;
	}
}
/* hide main nav and larger break point */
@media (max-width: 1080px){
	#top-menu-nav {
		display:none;
	}
}


/* -------------------------------------------------------
Yellow Black BG Animation
------------------------------------------------------- */
.panbg {
	animation-delay:800ms;
	animation:slideimage 3500ms 1;
	margin-left:-60%;
	margin-right:60%;
}
@keyframes slideimage {
	0%{
		margin:0;
		opacity:0;
	}
	50%{
		opacity:0.3;
	}
	100%{
		margin-left:-60%;
		margin-right:60%;
		opacity:1;
	}	
}
/* -------------------------------------------------------
Yellow Black BG Animation MOBILE
------------------------------------------------------- */
.panbg-m {
	animation-delay:800ms;
	animation:slideimage-m 3500ms 1;
	margin-left:-80%;
	margin-right:80%;
}
@keyframes slideimage-m {
	0%{
		margin:0;
		opacity:0;
	}
	50%{
		opacity:0.3;
	}
	100%{
		margin-left:-80%;
		margin-right:80%;
		opacity:1;
	}	
}
/* -------------------------------------------------------
Yellow Black BG Animation MOBILE LANDING
------------------------------------------------------- */
.panbg-ml {
	animation-delay:800ms;
	animation:slideimage-m 3500ms 1;
	margin-left:-80%;
	margin-right:80%;
}
@keyframes slideimage-m {
	0%{
		margin:0;
		opacity:0;
	}
	50%{
		opacity:0.3;
	}
	100%{
		margin-left:-80%;
		margin-right:80%;
		opacity:1;
	}	
}
/* -------------------------------------------------------
Red BG Animation
------------------------------------------------------- */
.panbg-red {
	animation-delay:700ms;
	animation:slideimage2 2600ms 1;
	margin-left:0%;
	margin-right:0%;
}
@keyframes slideimage2 {
	from{
	margin-left:-100%;
	margin-right:100%;
	}
	to{
		margin-left:0%;
		margin-right:0%;
	}	
}

#cta-2 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* -------------------------------------------------------
POPUP STYLES
------------------------------------------------------- */
#sgpb-popup-dialog-main-div {
	border: 5px solid #E09900 !important;
}
.sg-popup-content p {
	font-size: 18px !important;
	line-height: 36px !important;
}
.sg-popup-content h4 {
	color: #000000;
	font-size: 20px;
	line-height: 0.5em;
	padding-top: 10px;
}
.sg-popup-content h5 {
	color: #AE1D22;
	font-size: 18px;
	line-height:0.5em;
}
.sgpb-main-html-content-wrapper {
	padding: 10px 25px !important;
}


/*add icon to the opened accordion*/
.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
	content: "\e04f";
	color: #ae1d22;
}
/* -------------------------------------------------------
CONTACT FORM 7
------------------------------------------------------- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7-textarea
{
	background-color: #fff;
	border-radius:5px;
	color: #000;
	font-size: 16px;
	padding: 10px;
	width: 100%;
}

span.wpcf7-list-item {
	display:block;
	font-size:16px;
	line-height:1.3em;
	margin-bottom:5px;
}
.checkbox-container {
	width: 33%;
	margin-bottom:20px;
	padding:0;
	float:left;
}
@media (max-width: 750px){
	.checkbox-container{
		width:100%;
	}
}
.checkbox-title {
	font-size: 18px;
}
.wpcf7-submit {
	border:2px solid #ae1d22 !important;
	color: #ae1d22;
}
.wpcf7-submit:hover {
	background-color:#ae1d22 !important;
	color: #fff;
}
.et_pb_button::after {
	content:none !important;
}
.et_pb_button:hover {
	padding:6px 20px !important;
}