/*
 Theme Name:     Divi Child
 Theme URI:      https://fae.tetrobeta.com/divi-child
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

div#delivery-cta{ padding-top: 3em; max-width: 80%; margin: 0 auto;}
.sdd-wrap { display: inline-block;}
div#delivery-cta h2{padding-bottom: 0;}
div#delivery-cta h3{ font-weight: 700; }
div#delivery-cta p, div#delivery-cta h2, div#delivery-cta h3{ color: #fcb600;}
#delivery-cta p{ padding-bottom: 0px; font-size: 16px; line-height: 1.45em;}

@media only screen and (min-width: 1451px){
	#fae-logo-icon{
		width: 145px;
		height: auto;
	}
}

@media (min-width: 981px) and (max-width: 1450px){
	#fae-logo-icon{
		width: 7%;
	}	
}

/*desktop*/
@media (min-width: 981px){
	.sdd-wrap{ margin: 40px 0px; border-top: 15px solid #fcb600; border-bottom: 15px solid #fcb600;}
	/*Delivery cta*/
	.sdd-wrap h3:first-of-type{padding-top: 30px; padding-bottom: 0px;}
    .sdd-wrap h3:last-of-type{padding-bottom: 30px!important;}
	div#delivery-cta h2{ font-size: 2.7vw}
	div#delivery-cta h3 { padding-bottom: 0px; font-size: 5vw; line-height: 1em;}
	#delivery-cta p{ max-width: 90%;}
	
	/*Job application form*/
	.job_app_wrapper {
    	width: 70%;
	}
	body{
	    line-height: 32px;
	    font-size: 20px;
    }
	div.et_pb_row{
		padding: 2em 0em;
	}
	/*Main nav NEW*/
	ul#mobile_menu1 li a:hover {
    	background-color: transparent;
	}
	#fae-logo-icon{
		position: fixed;
        top: 1em;
        left: 1em;
	}
	.spark-icon-white{
		display: none;
	}
	#fae-main-nav{
		position: absolute;
		margin: 0 auto;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		text-align: center;
	}
    div#fae-home-cta {
        /*max-width: 723px;
		width: 80%;
        text-align: left;
		align-self: flex-end;
        margin-bottom: 3em;*/
		max-width: 720px;
		width: 80%;
		text-align: left;
		margin: 0 auto;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 3em;
    }
	#fae-home-cta .et_pb_button_wrapper{
        margin-top: 2em;
    }
	#fae-home-cta div div h1{
		font-size: 80px;
		line-height: 82px;
	}
	div h2, h2, h1{
		font-size: 46px;
	}
	h3, div#new-footer div h3{
		font-size: 30px;
	}
	h3.heading-wrap{
		width: 55%;
		margin: 0 auto;
	}
	h4{
		font-size: 60px;
		line-height: 82px;
	}
	.container-70{
		width: 70%;
		margin: 0 auto;
	}
	div.owl-item.active.center{
		z-index: 99;
	}
	
	div.owl-item.center div{
		min-height: 550px!important;
	    transform: scale(1.539);
	}
	/* homepage product carousel below yellow banner */
	#slider_353.owl-carousel .owl-item.center .sa_vert_center{
	    opacity: 1;
    }

    #slider_353.owl-carousel .owl-item .sa_vert_center{
	    opacity: 0;
    }
	.sa_owl_theme div.owl-item.center .sa_vert_center_wrap .sa_vert_center{
		transform:translate(0px,-35%);
	}
	#slider_353.owl-carousel .owl-item img{
		max-width: 250px;
	}
	#slider_353.owl-carousel .owl-item.center a{
	    transform: scale(0.7)!important;
    }
	/*Align store hours pop up with content width set*/
	div#buddi-em-menu .bdi-w-screen {
		width: 80vw!important;
		max-width: 1080px!important;
	}
	/*buddi filter menu drop down*/
	div.bdi-filters-navigation ul li:hover ul, div.bdi-filters-navigation ul li ul:hover {
        display: block!important;
	}
	#buddi-em-menu div.bdi-filters-navigation ul li ul{
		margin-top: 0em!important;
		transition: all 0.5s ease-in-out;
	}
	/*contact page*/
	/*div#contact-col div {
    	max-width: 500px;
    	margin-left: auto;
	}*/
	/*Stores page map*/
	.et_pb_column_1.sticky-map {
    	width: 50vw!important;
    	position: absolute;
    	left: 50%;
    	right: 0%!important;
    	max-width: 50vw;
    	padding-right: 0!important;
		height: 100%;
	}
	.sticky-map .et_pb_code{
		position: sticky;
    	top: 0;
    	bottom: 0;
	}
	div#fae-footer .fae-footer-container{
		padding-bottom: 0;
		padding-top: 4em;
	}
	#address{
	    line-height: 1em;
    }
	#address p, #address p a{
	    text-align: right;
		line-height: 30px;
    }
	div#new-footer-col3, div#new-footer-col3 div, div#new-footer-col3 div img {
    	text-align: right;
    	margin-right: 0;
	}
}

/*-- START GLOBAL STYLES --*/
/*start job applicatino form*/
.job_app_row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.job_app_row .app_one_half {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex: 1;
}
.app_one_half label, .job_app_label {
    color: #582C66;
	font-weight: 700;
}
p.job_app_label {
    padding-bottom: 0;
}
.app_one_half span input {
    width: 95%;
    border: none;
    border-bottom: 2px solid #dadada;
    padding: 0.3em 0em;
	transition: border-color 0.5s ease-in-out;
	background: transparent;
}
.app_one_half span input:focus{
	border-color: #582C66;
}
.job_app_wrapper p input[type=submit] {
    border: none;
    color: #fff;
    padding: 0.3em 1em!important;
    min-width: 120px;
    font-size: 16px;
    text-transform: uppercase;
    background-color: #582c5e !important;
    display: inline-block;
    text-align: center;
    border-radius: 50px!important;
    margin: 1em 0em;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 1.45em!important;
}
.job_app_wrapper p input[type=submit]:hover, input[type=file]:hover{
	cursor: pointer;
}
label.job_select_label span select {
    border: none;
    padding-left: 0;
	/*width:100%!important; fixes dropdown going off screen - add this to mobile instead*/
	max-width: 100%!important;
}

.job_app_pb{
	padding-bottom: 2em;
}
/*form error message*/
.wpcf7 form.invalid .wpcf7-response-output{
	color: #f00;
    border: none;
    margin-left: 0;
    padding-left: 0;
}
/*end job app form*/
body{
	margin-top: -1px;
	color: #000;
}

body, #buddi-em-menu{
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400;
}

/*Main Navigation*/
ul#mobile_menu1 li.current-menu-item a {
    color: #ffb600;
}
ul#mobile_menu1 li a{
	border: none;
}
/*Age Checker enter button*/
.agc_screen button.agc_verify_button{
	font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
	font-size: 16px;
}

/*Welcome to Flint and Embers heading*/
#fae-home-cta div div h3{
	padding-top: 10px;
}
svg.flower-svg path, svg.vape-svg path, svg.oil-svg path, svg.edibles-svg path, svg.shatter-svg path, svg rect, svg.topicals-svg path{
	transition: fill 550ms ease-out;}

svg.flower-svg:hover .flower-2, svg.vape-svg:hover .vape-2, svg.oil-svg:hover .oil-2, svg.edibles-svg:hover .edibles-2, svg.shatter-svg:hover .shatter-2, svg.topicals-svg:hover .topicals-2{
	fill:#fff;}

svg.vape-svg:hover .vape-1{
	fill: #c40d3c;}

svg.flower-svg:hover .flower-1{
	fill: #aa9b2f;}

svg.oil-svg:hover .oil-1{
	fill: #582c5f;}

svg.edibles-svg:hover .edibles-1{
	fill: #ffb600;}

svg.shatter-svg:hover .shatter-1{
	fill: #dadada;}

svg.topicals-svg:hover .topicals-1{
	fill: #375D5F;}

h1, h2, h3, h4{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;}

.centered{
	text-align: center;}

.white, .fae-footer-row2, #address p, #address p a{
	color: #fff;}

.green{
	color: #aa9c2e;}

.pink{
	color: #c40d3c;}

.purple{
	color: #582c5f;}

.yellow{
	color:#ffb600;}

.teal{
	color: #375D5F;}

.grey{
	color: #dadada;}

.padtwenty{
	padding-bottom: 20px;}

.small-copy{
    font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;}

/*Find your spark button row*/
div.remove-pad{
	padding-top: 0;}

/*-- button styling, buddi add to cart button --*/
a.shop-button, .et_pb_button, .et_button_no_icon .et_pb_button, #buddi-em-menu button.bdi-bg-green-500{
	color: #fff;
	padding: 0.3em 1em!important;
	min-width: 120px;
	font-size: 16px;
	text-transform: uppercase;
    display: inline-block;
    text-align: center;
	border-radius: 50px!important;
	margin: 1em 0em;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 1.45em!important;}

a.shop-button, .et_pb_button, .et_button_no_icon .et_pb_button{ background-color:#582c5e; }

#buddi-em-menu button.bdi-bg-green-500, #buddi-em-menu button.bdi-bg-green-500:hover, div#buddi-em-menu .hover\:bdi-bg-blue-600:hover { background-color: #582c5e !important; }

a.shop-button:hover, .et_pb_button:hover, body .et_pb_button:hover, .job_app_wrapper p input[type=submit]:hover, .et_pb_bg_layout_light.et_pb_button:hover{
	background-color: #703879;
	transition: background-color 0.5s ease-in-out;	
}/*-- end buttons --*/

div.et_pb_row.product-icons{
	padding-top: 0em;
	padding-bottom: 0em;}

.product-icon{
	margin-bottom: 0px !important;}

h1, h2, h3, h4{
	 color: #582c5f;}

h3{
	line-height: 44px;}

h3.heading-wrap{
	color: #fff;
	text-align: center;}

h5{
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;}

.above-fold, .above-fold div{
	padding: 0 0;}

#yellow-banner{
	display: flex;
    justify-content: center;
    flex-direction: column;}

#yellow-banner div div.et_parallax_bg{
	background-size: contain;
	background-position: top right;}

/*Homepage top header slide*/
div#slider_366.owl-pagination-true{
	margin-bottom: 0px!important;}

div#slider_366.sa_owl_theme div.owl-dots{
	margin-bottom: 0px !important;}

div#slider_366.sa_owl_theme .owl-dots{
	bottom: 9px !important;
	/*text-align: right!important;*/}
/* end top header slide */

/* Homepage product carousel below yellow banner */
#slider_353 .owl-item .sa_hover_container > div {
	width:100%; 
	text-align:center; 
	padding: 2em 2em;}

#slider_353.owl-carousel .owl-item img{
	display: block;
	margin: 0 auto !important;
	height: auto;
	width: 100%;}

.white #menu_slider .owl-nav .owl-prev, .white #menu_slider .owl-nav .owl-next {
	background-color:transparent !important; }

/*Carousel navigation buttons*/
.sa_owl_theme div.owl-dots{
	bottom: -34px !important;}

.sa_owl_theme .owl-dots button.owl-dot span{
	width: 18px !important;
	height: 18px !important;
	border: 1px solid #582c5e;
    border-style: solid!important;
	background-color: rgba(0,0,0,0) !important;
	margin: 0px 9px!important;}

.sa_owl_theme button.owl-dot.active span, .sa_owl_theme .owl-dots button.owl-dot span:hover{
	background-color: #582c5e!important;}

#slider_353.owl-carousel .owl-item.center .sa_vert_center img {
    border-radius: 50%;
    transition: transform 1.2s ease-in-out;
	 -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);}

.circle {
  	height: 35px;
  	width: 35px;
  	border-radius: 50%;
  	border: 2px solid;
  	position: relative;
  	border-color: #582C5B;
  	background-color: #fff;
  	float: left;}

.circle-divider{
   margin-left: 17px;
   border-left: 1px solid #582C5B;
   padding-bottom: 3em;
   padding-left: 50px;}

.circle-divider:last-child, p.job-title {
   padding-bottom: 0em;}

#shop-blurbs:after{
	clear: both;}

/*Start Buddi styling*/
/*Top of menu remove padding caused by divi*/
#buddi-online-menu{
	margin-top: -54px;
}
/*Top header with current store info */
#buddi-em-menu div.bdi-py-5{
	background-image: url('/wp-content/uploads/2020/07/fae-shop-platform-header-treatment-gold.jpg')!important;
	background-size: cover;
	background-position: center;
	padding: 2.5em 2em !important;}

/*Product category top right */
div#buddi-em-menu div.bdi-tracking-wide, div#buddi-em-menu .bdi-bg-gray-700 {
    background-color: #dadada !important;
    color: #000 !important;}

/*Store hours white button*/
div#buddi-em-menu .sm\:bdi-col-span-2.bdi-bg-white{
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    width: 170px !important;
    margin: 0 auto;
	padding: 0.3em 1em !important;
    margin-top: 1em;
    font-size: 16px !important;
    border-radius: 50px !important;
	color: #fff !important;
    background-color: #582c5d !important;
    border: 0px;}

/*Continue shopping button*/
div#buddi-em-menu .bdi-bg-green-500{
	border-radius: 50px!important;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
div#buddi-em-menu .bdi-bg-blue-500, div#buddi-em-menu .bdi-bg-blue-400{
	background-color: #582c5d !important;
}

/* fix overlap of store hours pop up*/
div#buddi-em-menu div.bdi-modal-wrapper {
    position: fixed;
    top: 170px;
}

/* store hours pop up background*/
div#buddi-em-menu .bdi-bg-gray-900{
	background-color: #eee !important;
}
/*Store hours X close popup*/
#buddi-em-menu div.bdi-modal-header a.bdi-cursor-pointer.bdi-text-white {
    color: #000 !important;
}
/*text over light grey backgrounds*/
div#buddi-em-menu .bdi-text-indigo-100{
	color: #000 !important;
}
#buddi-em-menu button.bdi-bg-green-500{
	width: auto!important;
	margin: 0 auto;
	margin-bottom: 2em;
	/*line-height: 32px;*/
}
div#buddi-em-menu .bdi-text-gray-900 {
    color: #000000 !important;
}
div#buddi-em-menu .bdi-bg-gray-200 {
    background-color: #eee !important;
}
/*column spacing*/
div#buddi-em-menu .bdi-gap-4 {
    grid-gap: 2em 1em !important;
    gap: 2em 1em !important;
	text-align: center;
}
/*product titles*/
div#buddi-em-menu .bdi-text-xl {
    font-size: 18px!important;
    font-weight: 600;
    text-transform: uppercase;
    color: #582c5d!important;
}
/*pricing*/
p.bdi-text-center.bdi-my-3.bdi-font-bold.bdi-text-gray-900 span{
	display: block;
	font-weight: 500;
    font-size: 16px;
}
/*Product variant dropdown option*/
div#buddi-em-menu select#variants{
	font-size: 16px;
}
#buddi-em-menu .bdi-rounded, button.sm:bdi-col-span-2.bdi-bg-white.hover:bdi-bg-gray-100.bdi-text-gray-800.bdi-py-2.bdi-px-4.bdi-border.bdi-border-gray-400.bdi-rounded.bdi-shadow.bdi-w-full.bdi-text-sm{
	border-radius: 50px;
}
/* single product page title and bottom header treatment text */
div#buddi-em-menu .bdi-text-blue-500, div#buddi-em-menu .hover\:bdi-text-blue-800:hover {
    color: #582c5c !important;
}/*End Buddi styling */

/*--- CAREERS PAGE ---*/
p.job-apply-btn {
    padding-bottom: 2em!important;
    border-bottom: 1px solid #eee;
    margin-bottom: 2em;
    padding-top: 10px;
}
.current-opening:first-of-type{
	padding-bottom: 20px;
}
.current-opening:first-of-type h2:after {
    font-weight: 400;
    font-size: 30px!important;
    color: #000;
    content: "Current Openings";
}
.current-opening, .current-opening h2 {
    padding: 0 0;
    margin: 0 0;
}

.fae-hide{
	display:none;
}
p.job-apply-btn{
	color:#f00;
}
span.job-toggle-icon::after {
    font-size: 20px;
    color: #f00;
    content: "\4c";
	font-family: etModules;
    font-weight: 700;
    position: absolute;
    right: -20px;
}
span.job-toggle-icon.job-opened::after{
	content: "\4d";
}
/*p.job-title::after {
    font-size: 20px;
    color: #f00;
    content: "\4c";
    font-weight: 700;
    font-family: etModules;
	position: absolute;
    right: 0;
}
p.job-title.job-opened::after{
	content: "\4d";
}*/
p.job-title{
	display: inline-block;
}
/*Job publish date and download link wrapper*/
span.job-date-wrap, .job-pr {
	display: inline-block;
    vertical-align: middle;
}
span.job-pdf a{
	color:#f00;
	font-size: 13px;
}
span.job-post-date {
    font-size: 13px;
    text-transform: uppercase;
}
/*padding right added to job title and job location listing*/
.job-pr{
	padding-right:10px;
}
/*--- END CAREERS PAGE ---*/

/*--- START CONTACT PAGE ---*/
div.store-wrapper {
    border-top: 1px solid #000;
    padding-top: 1em;
    padding-bottom: 2em;
}
p.store-address, p.store-tel{
	padding-bottom: 0;
}
/*--- END CONTACT PAGE ---*/

/*--Start footer section --*/
div#new-footer div h3 {
    color: #fff;
    text-transform: uppercase;
}
div#new-footer div p, div#new-footer div a {
    color: #fff;
}
/*---New Footer styling above---*/
#fae-footer, #yellow-banner{
	min-height: 400px;
}
/*justify footer hours*/
#footer-contact{
	display: flex;
    justify-content: space-between;
	padding-bottom: 4em;
}
.footer-contact-col h3{
	color: #fff;
	padding-bottom: 0;
	/*text-align: center;*/
}
#address{
	padding-bottom: 1em;
}
div#fae-footer-row2-reverse{
	padding-bottom: 0;
}
.et_pb_social_media_follow li a{
	margin-right: 15px;
	transition: all 550ms ease;
}
.et_pb_social_media_follow li a.icon:hover{
	border: 1px solid #703879;
	background-color: #703879;}

div#new-footer-col3 div div p {
    line-height: 1.4em;
}/*-- End footer--*/

@media only screen and (max-width: 580px){
	/*Homepage top header slide*/
	div#slider_366, div#slider_366 div div .owl-item div{
		min-height: 500px!important;
	}	
}

/*Small tablet and mobile devices*/
@media only screen and (max-width: 980px){
	.sdd-wrap{ margin: 30px 0px;  border-top: 10px solid #fcb600; border-bottom: 10px solid #fcb600;}
	.sdd-wrap h3:first-of-type{padding-top: 20px; padding-bottom: 0px;}
	.sdd-wrap h3:last-of-type{padding-bottom: 20px!important;}
	div#delivery-cta{text-align: center;}
	div#delivery-cta h3{font-size: 11vw!important; line-height: normal;}
	div#delivery-cta h2{ font-size: 6vw!important; line-height: normal;}
	#delivery-cta p{ max-width: 80%; margin: 0 auto;}
	
	body, #address{
	    line-height: 28px;
	    font-size: 16px;
    }
	/*nav menu logo*/
	.et_pb_menu__logo a img {
    	max-width: 80%;
	}
	.et_pb_section_0_tb_header{
		position: relative;
	}
	.spark-icon-black{
		display: none;
		padding-top: 0em;
		height: 0;
	}
	h1, h4{
		font-size: 32px;
	}
	div h2, h2{
		font-size: 28px!important;
	}
	h3, div#new-footer div h3{
		font-size: 24px!important;
	}
	.small-copy{
		font-size: 10px;
	}
	.above-fold{
		margin-top: -200px;
	}
	.et_pb_promo_description div h1{
		width: auto;
		display: inline-block;
	}

	#home.et_pb_section_0_tb_header{
		width: 80%;
		margin: 0 auto;
		text-align: center;
	}
	/*Spark logo column*/
	/*#home .et_pb_row_0_tb_header{
		width: 25%;
		display: inline-block;
		vertical-align: middle;
	}*/
	#home .et_pb_row_0_tb_header {
		display:none;

	}
	#home .et_pb_row_1_tb_header {
    	width: 100%;
   		display: inline-block;
	}

	div#home div{
		max-height:140px;
		/*padding-top: 1em;*/
	}
	div#fae-home-cta{
		/*padding-top: 20em !important;*/
        text-align: center;
        width: 80%;
		padding-top: 15em !important;
		margin: 0 auto!important;
		margin-bottom: 3em!important;
	}
	/*Homepage product carousel */
	#slider_353.owl-carousel .owl-item img{
		max-height: 350px;
	}
	div.et_pb_row.product-icons div.et_pb_column {
        width: 49% !important;
		margin: 0 auto;
    }   
	.product-icons div.et-last-child{
		margin-left: 0 !important;
	}

	/*Stores WP Google Map plugin override*/
	div#wpgmza_map {
    	height: 400px!important;
	}
	#fae-footer{
		padding-top: 3em;
		padding-bottom: 1em;
		text-align: center;
	}
	.fae-footer-container {
    	padding-bottom: 0;
    }
	#address p{
		padding-bottom: 0;
	}
	#footer-contact{
		display: block;
		padding-bottom: 0em;
	}
	.footer-contact-col{
		padding-bottom: 2em;
	}
	div#fae-footer-row2-reverse {
    	display: flex;
    	flex-direction: column-reverse;
		padding-top: 0;
    }
	div.fae-footer-row2, #new-footer div{
		text-align: center;
	}
	ul.fae-socials{
        text-align: center;
		padding-bottom: 4em;
    }
}

@media only screen and (min-width: 2000px){
	div#fae-home-cta{
		margin-left: auto;
		width: 780px;
        max-width: 80%;
	}
}