/*
    Theme Name: GMG Child Theme
    Theme URI: https://www.elegantthemes.com/gallery/divi
    Description: GMG Child Divi Theme
    Author: Good Marketing Group.
    Author URI: https://goodmarketinggroup.com
    Template: Divi
    Version: 4.2.0
 */
/*
Last Updated: 10/2/23
Origin Date: 03/21/2023
*/
/* BTN CODE /////////////////////////////////////////////////////////////////////////////////////////*/
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Roboto&display=swap');
/* NEW BUTTON STYLES AUG 2023*****************************************************************************************************************************/
button.gmg-button {
  --c:  #232C39; /* the color*/
  padding: 5px 2px 5px 2px;
  box-shadow: 0 0 0 0em inset var(--c); 
  --_g: linear-gradient(var(--c) 0 0) no-repeat;
  background: 
    var(--_g) calc(var(--_p,0%) - 100%) 0%,
    var(--_g) calc(200% - var(--_p,0%)) 0%,
    var(--_g) calc(var(--_p,0%) - 100%) 100%,
    var(--_g) calc(200% - var(--_p,0%)) 100%;
  background-size: 50.5% calc(var(--_p,0%)/2 + .5%);
  outline-offset: .1em;
  transition: background-size .4s, background-position 0s .4s;
	background-color:#FF6300; 
}
button.gmg-button:hover {
 	--_p: 100%;
	transition: background-position .4s, background-size 0s;
	color: #FFF;

	
}
button.gmg-button:active {
  box-shadow: 0 0 9e9q inset #FFF; 
  background-color: var(--c);
  color: #FF6300;
}

button.gmg-button {
	font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
 	cursor: pointer;
 	/*font-weight: bold; */ 
 	border: none;
	color: #FFF;
	padding: 15px 15px 15px 15px; 
	border-radius: 0px;
	
}

.btn-slide-orange {
    border: 2px solid #FF6300;
}
a.btn-slide-orange {
	color:#FF6300;
}
.btn-slide-white {
    border: 2px solid #FFFFFF;
}
a.btn-slide-white {
	color:#FFFFFF;
}
.btn-slide {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	 padding: 10px 15px 10px 15px;
	 
	 text-align: center;
	 position: relative;
	 transition: 0.3s;
	
}
.btn-slide-orange:after {
	 background:#FF6300;
}
.btn-slide-white:after {
	 background:#FF6300;
}
 .btn-slide:after {
	 position: absolute;
	 transition: 0.3s;
	 content: '';
	 width: 0;
	 left: 50%;
	 bottom: 0;
	 height: 3px;
	 background:#FF6300;
	 height: 100%;
	 left: 0%;
	 z-index: -1;
	overflow: hidden!important;
}
 .btn-slide:hover {
	 overflow: hidden!important;	
}
.btn-slide-orange:hover {
	 cursor: pointer;
	 color:#ffffff;
}
.btn-slide-white:hover {
	 cursor: pointer;
	 color:#ffffff;
	 border-color:#FF6300;
}
 .btn-slide:hover:after {
	 width: 100%;
	 left: 0;
	 width: 100%;
}
#page-container {
	overflow: none;
} 
.btn-70-wdth, button.btn-70-wdth {width: 80%!important;display: block;text-align: center;}
.btn-30-wdth, button.btn-30-wdth {width: 20%!important;display: block;text-align: center;}

/*LEGACY BUTTON CODE************************/
a.btn-prime, button.btn-prime, input[type="submit"] {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.2em;
    transition: all 0.3s ease-out;
    width: fit-content;
	border-width: 2px;
	border-style: solid;
	padding-left: 0px;
}
a.btn-fill, input[type="submit"], button.btn-fill {
	border-color: #FF6300;
    background-color: #FF6300;
	color: #FFF;
}
a.btn-fill:hover, input[type="submit"]:hover, button.btn-fill:hover {
	border-color: #FF6300;
    background-color: #FFF;
	color: #FF6300; 
}
a.btn-hollow {
	border-color: #ffffff;
    background-color: transparent;
	color: #ffffff;
}
a.btn-hollow:hover {
	border-color: #FF6300;
    background-color: #ffffff;
	color: #FF6300; 
}
a.btn-nav {
	padding: 5px 2px 5px 2px; 
	border-radius: 0px; 
	align-content: space-between;
	font-family: 'Mulish', sans-serif; 
	font-style: normal; 
	font-weight: 500;
	font-size: 1.2em;
    transition: all 0.3s ease-out;
    width: fit-content;
	border-width: 2px;
	border-style: solid;
	padding-left: 0px;;
	border-color: #ffffff;
    background-color: transparent;
	color: #ffffff;}
a.btn-prime:after, button.btn-prime:after {content: '>'; position: relative; opacity: 0; right: 20; transition: 0.5s; padding-left: 0px;}
a.btn-prime:hover:after, button.btn-prime:hover:after{ opacity: 1;right: 10;padding-left: 10px;}
a.btn-large, input[type="submit"], button.btn-large {padding: 10px 15px 10px 15px; border-radius: 0px;}
a.btn-large:hover, input[type="submit"]:hover, button.btn-large:hover { border-radius: 0px;}
.btn-fll-wdth, button.btn-fll-wdth {width: 100%!important;display: block;text-align: center;}
.btn-bottom-parent { display: flex;align-items: flex-end;justify-content: center;}
.btn-bottom-child {flex: 0 0 100%;}
button {cursor: pointer;}


/* ICON CODE START /////////////////////////////////////////////////////////////////////////*/
.icon {opacity: 1; transition: all 0.4s ease-out;}
.icon:hover {opacity: .6; transition: all 0.4s ease-out;}
.icon-50per {width: 50%;}


/* QUICK STYLES ////////////////////////////////////////////////////////////////////////*/
.right-7 {margin-right: 7px}
.right-14 {margin-right: 14px}
.top-7 {margin-top: 7px} 
.top-23 {margin-top: 23px} 
.flox {display: flex} /*MAKES A FLEX BOX*/
.center-align {justify-content: center;}
.floright {float: right;}
.floleft {float: left;}
.tggl-text {width: 50%;}
.tggle-inner-title{font-size: 18px!important; padding-bottom: 3px;}
.vert-cent {display: flex; flex-direction: column; justify-content: center;} /*Vertically Center Text & Content*/
.vert-cent-no-flox {flex-direction: column; justify-content: center;}/*Vertically Center Text & Content*/ 
.item-cent {align-items: center; justify-content: center;}
.flox-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}

/* ELEMENT STYLES ///////////////////////////////////////////////////////////////////////////////////////////*/

/* 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: #FF6300; border-radius: 0px;}
.mobile_menu_bar {
	margin-top: 10px
}
@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;}}

/* WOOCOMERCE ELEMENTS ////////////////////////////////////////////////////////////////////////////////////////////////*/
.bapf_button /* Beerocket Filter Button*/ {
    background-color: #ffffff !important;
    transition: all 0.3s ease-out;
    text-align: center;
}			
.bapf_button:hover .bapf_reset:hover/* Beerocket Filter Button*/ {
    background-color: #FFF !important;
    transition: all 0.3s ease-out;
	color:#4476B5!important;	
}
.bapf_sfilter.bapf_button_berocket .bapf_button {
	background-color: #FF6300 !important;
    transition: all 0.3s ease-out;
	color:#fff!important;
}
.bapf_sfilter.bapf_button_berocket:hover .bapf_button:hover {
	background-color: #232C39 !important;
    transition: all 0.3s ease-out;
	color:#fff!important;
}
.et_pb_searchsubmit{border-radius: 0px!important;/*search bar submit button*/}
.woocommerce-ordering, .woocommerce-Price-amount.amount {
	display: none!important;
}


/*RESPONSIVE MEDIA QUERIES////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*** Responsive Styles Large Desktop And Above ***********************************************************/
@media all and (min-width: 1405px) {
    .mbl-floxoff {display: flex}
	.product-box-1 {width: 42%!important}
	.product-box-2 {width: 58%!important}
	
}
/*** Responsive Styles Standard Desktop Only *************************************************************/
@media all and (min-width: 1100px) and (max-width: 1405px) {
    .mbl-floxoff {display: flex}
	.product-box-1 {width: 42%!important}
	.product-box-2 {width: 58%!important}
}
/*** Responsive Styles Tablet And Below ******************************************************************/
@media all and (max-width: 980px) {
	.order2 {order: 2}/*makes flipflop boxes work on mobile*/
	.mbl-order {display: flex;flex-direction: column}
	.mbl-floxoff {display: column}
	.tblt-floxoff {display:column;}
	.tblt-hide {display: none;}

}
/*** Responsive Styles Tablet Only ***********************************************************************/
@media all and (min-width: 768px) and (max-width: 980px) {
    .order2 {order: 2}
    .mbl-order {display: flex;flex-direction: column}
	.mbl-floxoff {display: flex;}
    .tblt-floxoff {display:column;}
	.tblt-hide {display: none;}
}
/*** Responsive Styles Smartphone Only *******************************************************************/
@media all and (max-width: 767px) {
    .order2 {order: 2}
    .mbl-order {display: flex; flex-direction: column}
    .mbl-hide {display: none}
    a.btn-prime { margin-bottom: 5px;width: 100%!important; display: block; text-align: center}
    .mbl-vert-cent /*Vertically Center Text & Content*/ {display: flex;flex-direction: row;justify-content: center;}
    .mbl-floxoff {display: column}
}
/*** Responsive Styles Smartphone Portrait ***************************************************************/
@media all and (max-width: 479px) {
    .order2 {order: 2}
    .mbl-order{display: flex;flex-direction: column}
    .mbl-hide {display: none}
    a.btn-prime {margin-bottom: 5px; width: 100%!important; display: block; text-align: center}
    .mbl-vert-cent {display: flex; flex-direction: row; justify-content: center;}	
    .mbl-floxoff {display: column}		
}


/* 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;
}

/*bottom*/













/* WELCOME MAT /////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#gmg_fun_qualifier {
    overflow-x: hidden !important;
}

#gmgHearthFunQualifier .gf_page_steps {
    display: none;
}

#gmgHearthFunQualifier .gform_drop_area button.button {
    border-radius: 30px;
    color: #ffc548;
    padding: 15px 32px;
    font-weight: bold;
}

#pop-up-heading {
	font-size: 30px;
}

.gf_iwant_togive_spacing {
    margin-bottom: 5px;
}

/*.ginput_preview { display: grid; column-gap: 50px; display: flex; align-items: center; justify-content: center; }*/

#gmgHearthFunQualifier .gform_delete_file {
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 30px;
    height: 30px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
    position: absolute;
    background-color: white !important;
    border-radius: 20px;
    opacity: 0.6;
}

#et-boc .area-outer-wrap[data-da-color=light] .da-close {
    background: #fff2;
    -webkit-box-shadow: 0 0 3px 1px #00000008;
    box-shadow: 0 0 3px 1px #00000008;
    color: white;
    font-size: 40px;
}

/*#gmgHearthFunQualifier .gform_page_footer.top_label {*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*}*/



#gmgHearthFunQualifier span.gform_fileupload_rules,
#gmgHearthFunQualifier .gform_required_legend {
    display: none;
}

#gmgHearthFunQualifier input.text,
#gmgHearthFunQualifier input.title,
#gmgHearthFunQualifier input[type=email],
#gmgHearthFunQualifier input[type=password],
#gmgHearthFunQualifier input[type=tel],
#gmgHearthFunQualifier input[type=text],
#gmgHearthFunQualifier select,
#gmgHearthFunQualifier textarea {
    background: transparent;
    border: none;
    border-bottom: 3px solid #000000;
}

#gmgHearthFunQualifier .gform_next_button,
#gmgHearthFunQualifier .gform_previous_button,
#gmgHearthFunQualifier input[type="submit"] {
    background-color: transparent !important;
    color: #ff6300 !important;
    font-size: 30px;
    font-weight: bold;
    border: none !important;
}



#gmgHearthFunQualifier .gform_page_footer.top_label {
    display: flex;
    justify-content: space-around;
    padding: 0;
    margin: 0;
}

span.image-choices-field .image-choices-choice-price, .image-choices-field .image-choices-choice-text {
    font-size: 22px!important;
}

#welcomemat-pb.progressbar {
    counter-reset: step;
}

#welcomemat-pb.progressbar li {
    list-style-type: none;
    width: 12%;
    display: inline-block;
    position: relative;
    text-align: center;
    color: white;
}



#welcomemat-pb.progressbar li:before {
    width: 30px;
    height: 30px;
    background-color: white;
    content: counter(step);
    /* 	counter-increment: step; */
    display: block;
    border-radius: 50%;
    border: 3px solid white;
    line-height: 30px;
    text-align: center;
    /*margin: 0 auto 5px auto;*/
}


#welcomemat-pb.progressbar li:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    top: 15px;
    left: -50%;
    z-index: -1;
}

#welcomemat-pb.progressbar li:first-child:after {
    content: none;
}

#welcomemat-pb.progressbar li.active {
    color: #ff6300;
}

#welcomemat-pb.progressbar li.active:before {
    border-color: #ff6300;
    background-color: #ff6300;
}

/*Responsive Styles Smartphone Only*/
@media all and (max-width: 479px) {
    #welcomemat-pb li {
        justify-content: space-around;
    }

    .entry-content #welcomemat-pb {
        padding: 0 !important;
    }

    /*---The next the lines with the input specific title is for the inpu tlines---*/
    #gmgHearthFunQualifier input[type="text"] {
        width: 200px;
    }

    #gmgHearthFunQualifier input[type="email"], #gmgHearthFunQualifier input[type="tel"] {
        width: 320px;
    }


    /*MEDIA QUEREY FOR WIDTH OF POPUP-------------------------------------------*/
    #gmgHearthFunQualifier {
        width: 100%!important;
        max-width: 100%!important;
    }
    /*-------------------------------------------*/


    #gmg_fun_qualifier h5 {
        width: 100%!important;
        max-width: 100%!important;
        line-height: 25px;
    }



    #gmgHearthFunQualifier .gform_page_fields {
        align-content: center;
        display: block;
        padding: 40px;
    }


    /*---This is for the icons being centered on the start page---*/
    #gmgHearthFunQualifier .gfield_radio {
        align-content: center;
        display: block;
        padding: 50px;
        max-width: 95%!important;
    }

    /*---This is for the buttons being fixed on mobile---*/

    #gmgHearthFunQualifier input[type="button"],
    #gmgHearthFunQualifier input[type="submit"] {
        line-height: 20px;
        text-align: center;
    }

    .image-choices-field .image-choices-choice-price, .image-choices-field .image-choices-choice-text {
        font-size: 17px;
    }

}
/*TILE BOTTOM JUSTIFY************************************/
.tile-align-btm {
	
}

/*.products .product { 
  height: 500px; /* Change this value to your desired height */ 
 /* overflow: hidden; 
} */

/*show desktop menu on phone*/
@media (max-width: 980px) {
	.gmg-open-mobile-menu .et_pb_menu__menu {
		display: flex!important;
	}
	.gmg-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;
}