/*
 Theme Name:  Krocodile13's Theme
 Theme URI:    https://krocodile13.com
 Description:  Child Theme for Divi By Kroc
 Author:       Krocodile13
 Author URI:   https://krocodile13.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

/*CALL-TO CLASSES*********************************************************************/
.toggle-inner-title{font-size: 18px!important; padding-bottom: 3px;}
.v-cent {display: flex; flex-direction: column; justify-content: center;}
.v-cent-no-flox {flex-direction: column; justify-content: center;}
.center-align {justify-content: center;}
.right-10 {margin-right: 10px}
.right-20 {margin-right: 20px}
.top-10 {margin-top: 10px} 
.top-20 {margin-top: 20px} 
.block {display: block}
.flex {display: flex}
.flex-bottom {display: flex; flex-direction: column; justify-content: flex-end;}
.flo-right {float: right;}
.flo-left {float: left;}
.toggle-text {width: 50%;}
.item-cent {align-items: center; justify-content: center;}
.flex-right { display: flex; flex-direction: row; justify-content: flex-end;}
.bkg-blur {backdrop-filter: blur(8px);}
.force-slide-title-font {font-family: 'Bree Serif', serif!important;}
.space-between {display: flex; justify-content: space-between; flex-direction: row}
.et_header_style_split #top-menu-nav { margin-left: 500px;}

/*RESPONSIVE MEDIA QUERIES******************************************************************************************************************/
/*** Large Desktop & Above ***********************************************************/
@media all and (min-width: 1405px) {
    .desktop-hide {display:none!important}
	.tablet-stack {display: flex}
	.phone-stack {display: flex}
}
/*** Standard Desktop Only *************************************************************/
@media all and (min-width: 1100px) and (max-width: 1405px) {
    .desktop-hide {display:none!important}
	.tablet-stack {display: flex}
	.phone-stack {display: flex}
}
/*** Tablet And Below ******************************************************************/
@media all and (max-width: 980px) {
	.tablet-stack {display: column}
	.tablet-hide {display: none;}
	.phone-stack {display: column}
	.align-last {order: 2}
    .mobile-align {display: flex;flex-direction: column}
	.responsive-block {width: 100%!important;display: inline-block;text-align: center;margin-top:7px}
}
/*** Tablet Only ***********************************************************************/
@media all and (min-width: 768px) and (max-width: 980px) {
	.tablet-stack {display: column}
	.tablet-hide {display: none;}
	.phone-stack {display: column}
	.align-last {order: 2}
    .mobile-align {display: flex;flex-direction: column}
	.responsive-block {width: 100%!important;display: inline-block;text-align: center;margin-top:7px}
}
/*** Smartphone Only *******************************************************************/
@media all and (max-width: 767px) {
	.phone-stack {display: column} 
	.phone-hide {display: none}
    .phone-v-cent {display: flex; flex-direction: row; justify-content: center;}	
	.align-last {order: 2}
    .mobile-align {display: flex;flex-direction: column}	
	.responsive-block {width: 100%!important;display: inline-block;text-align: center;margin-top:7px}
}
/*** Smartphone Portrait ***************************************************************/
@media all and (max-width: 479px) {
	.phone-stack {display: column} 
	.phone-hide {display: none}
    .phone-v-cent {display: flex; flex-direction: row; justify-content: center;}	
	.align-last {order: 2}
    .mobile-align {display: flex;flex-direction: column}	
	.responsive-block {width: 100%!important;display: inline-block;text-align: center;margin-top:7px}
}
/* MOBILE MENU DROP DOWN*************************************************************************************************************/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {content: '\4d';} ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, ul.et_mobile_menu li.page_item_has_children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {width: 44px;height: 100%;padding: 0px !important;max-height: 44px;border: none;position: absolute;right: 0px;top: 0px;z-index: 999;background-color: transparent;} ul.et_mobile_menu>li.menu-item-has-children, ul.et_mobile_menu>li.page_item_has_children, ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children, .et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children, .et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {position: relative;} .et_mobile_menu .menu-item-has-children>a, .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {background-color: transparent;} ul.et_mobile_menu .menu-item-has-children .sub-menu, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {display: none !important;visibility: hidden !important;} ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible, .et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {display: block !important;visibility: visible !important;} ul.et_mobile_menu li.menu-item-has-children .mobile-toggle, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {text-align: center;opacity: 1;}

/* submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: white;
	background: #D12C29;
	border-radius: 50%;
	padding: 3px;
}
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {content: '\32';}/* add point on top of the menu submenu dropdown*/.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {position: absolute; right: 5%; margin-left: -20px; top: -14px; width: 0;height: 0;content: '';border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #ffffff;}.mobile_menu_bar {position: relative;display: block;bottom: 10px;line-height: 0;}
/* force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
/*ELEMENT STYLES****************************************************************************************************/
.a1-btn {
 	font-size: 1.2em;
 	font-family: sans-serif;
 	text-decoration: none;
 	border: 2px solid;
 	letter-spacing: 2px;
 	text-align: center;
 	position: relative;
 	transition: all .3s;
	padding: 10px 20px
}
.a1-light {
	color: #fff;
	border-color:#fff;
}
.a1-hue {
	color: #EE2B29;
	border-color:#EE2B29;
}
.a1-dark {
	color: #000;
	border-color:#000;
}
.a1-btn span{
 	position: relative;
 	z-index: 2;
}
.a1-btn:after{
 	position: absolute;
 	content: "";
 	top: 0;
 	left: 0;
 	width: 0;
 	height: 100%;
  	transition: all .35s;
}
.a1-light:after{
	background: #FFF;
}
.a1-hue:after{
	background: #EE2B29;
}
.a1-dark:after{
	background: #000;
}
.a1-btn:hover{
  border: 2px solid;
}
.a1-light:hover{
  color: #EE2B29;
  border-color :#FFF;
}
.a1-hue:hover{
  color: #fff;
  border-color :#EE2B29;
}
.a1-dark:hover{
  color: #EE2B29;
  border-color :#000;
}
.a1-btn:hover:after{
  width: 100%;
}
.full-width, button.fll-wdth {width: 100%!important;display: inline-block;text-align: center;} 
button {cursor: pointer;}

/*A1 BUTTON STYLE END**********************************************************/
.et_pb_column_3_tb_header {margin-top:0px!important}
.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {padding: 0!important}
/* DISPLAY NONE */#get-a-quote-form-section{display: none;}
/* SCROLL BAR */
    /* width */::-webkit-scrollbar {width: 15px; border-radius: 10px;}
    /* Track */::-webkit-scrollbar-track {border-radius: 10px;background: #F0f0f0;}
    /* Handle */::-webkit-scrollbar-thumb {background: #EE2B29; border-radius: 0px;}

@media (min-width: 981px) {.lwp-col-mega-menu li.mega-menu>ul>li { width: 16.6666666667%!important;}.lwp-col-mega-menu li.mega-menu>ul>li:nth-of-type(4n) {clear: unset;}.lwp-col-mega-menu li.mega-menu>ul>li:nth-of-type(4n+1) {
    clear: unset;}}
.et_pb_column_3_tb_header {margin-top:22px}

@media screen and (max-width: 767px) {.et-pb-arrow-prev {left: -13px !important;}.et-pb-arrow-next {right: -13px !important;}}

/*show desktop menu on phone*/
@media (max-width: 980px) {
	.open-mobile-menu .et_pb_menu__menu {display: flex!important;}
	.open-mobile-menu .et_mobile_nav_menu {display: none!important;}
}

.dsm_card_0 .dsm_card_wrapper, .dsm_card_1 .dsm_card_wrapper, .dsm_card_2 .dsm_card_wrapper {
    justify-content: space-between!important;
}