/*
Theme Name: Divi Child Theme
Theme URI: 
Description: Divi Child Theme
Author: 
Author URI: 
Template: Divi
Version: Updated for Divi 3+
*/

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/
.flex {display: flex;}
.jc-space-between {justify-content: space-between;}
.align-center {align-items: center;}
.align-start {align-items: flex-start;}
.dh-menu-click {overflow: hidden!important;}
/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/
@media only screen and (max-width: 1268px) {
	#post-article img {padding: 20px 0px;}
}

#mobile_menu1 .menu-item-has-children:hover>a {
    color: white !important;
}
#menu-main-menu .menu-item-has-children:hover>a {
    color: white !important;
}
.et-menu .menu-item-has-children>a:first-child:after {
    margin-top: 10px !important;
    position: revert !important;
}
.et-menu li li a {
    padding: 6px 20px;
    width: 240px;
}
a, .et-db #et-boc .et-l #footer-links a {
    color: white;
}
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}
.mobile_menu_bar:before {
	transition: all .4s ease;
	transform: rotate(0deg);
	display: block;
}
.mobile_nav.opened .mobile_menu_bar::before {
	transition: all .4s ease;
	transform: rotate(90deg);
	display: block;
}
#main-menu .et_pb_menu__wrap li {padding: 0px 24px !important;}
#main-menu .et_pb_menu__wrap .sub-menu li {padding: 0px 0px !important;}
#main-menu .et_pb_menu__wrap .sub-menu li a:hover {color: #f1c0aa !important} /*COLOR*/
#main-menu #mobile_menu1 li {padding: 0px 0px !important;}
.et_mobile_menu .menu-item-has-children>a {
    font-weight: 700;
}
#main-menu .et_pb_menu_inner_container {
    padding: 0px 20px 0px 30px;
}
ul#menu-main-menu {
    margin-right: 10px;
}
.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: rgba(0, 0, 0, .0) !important;
    opacity: 1 !important;
}
.et-db #et-boc .et-l .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {padding: 0px;}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul .nav-button a {
    color: black !important;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu #mobile_menu1 .nav-button a {
    color: white !important;
}
#mobile_menu1 .nav-button:hover {
    background-color: transparent;
}
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu ul .nav-button:hover a {
    color: black !important;
}
#main-menu i {padding-right: 7px; font-size: 18px;}
.et_pb_menu__logo-wrap {transition: all 300ms;}
@media only screen and (max-width: 1400px) {
	#menu-main-menu li {padding: 20px !important;}
}
@media only screen and (max-width: 1330px) {
	.et_pb_menu__logo-wrap {width: 190px !important; height: 72px; transition: all 300ms;}
}
@media(max-width:1200px){
  .et_pb_menu__menu {
     display: none !important;
  }
  .et_mobile_nav_menu {
     display: block !important;
  }
 	.et_pb_menu__wrap {
    align-self: center;
	}
		/*remove bullet points from submenu*/
	.et_pb_menu .et_mobile_menu li {
	  list-style-type: none;
	}
	/*remove padding left on submenu*/
	.et_pb_menu .et_mobile_menu {
		padding-left: 0;
	}
	#mobile_menu1 li a {
    text-align: left !important;
	}
	.et_pb_menu .et_mobile_menu {
        padding: 40px 20px 100px 20px;
		overflow: scroll !important;
		max-height: calc(100vh - 69px);
    }
    .et_pb_menu .et_mobile_menu li{
        padding: 0px !important;
    }
    .et_pb_menu .et_mobile_menu li .fa-arrow-right-long:before {display: none;}
    .et_mobile_menu li a {    padding: 20px 5%;}
}
@media(min-width: 1200px) {
	.login-nav {
    height: 40px;
    align-self: center;
    border-left: 1px solid white;
    margin-left: 40px !important;
}
}
@media(max-width: 1200px) {
		.et_pb_menu .et_mobile_menu {
        padding: 40px 20px 20px 20px;
		overflow: scroll !important;
		max-height: calc(100vh - 110px);
    }
}
@media(max-width:980px){ 
	.et_pb_menu .et_mobile_menu {top: 69px;}
}
@media(max-width:767px){ 
	.et_pb_menu .et_mobile_menu {top: 68px;}
}

/*------------------------------------------------*/
/*------------------[BUTTONS]--------------------*/
/*------------------------------------------------*/
.nav-button {transition: all 200ms;}
.nav-button:hover {background-color: #e6ab90;}
.slick-prev, .slick-next {width: auto !important; height: auto !important;}
.slick-prev:before, .slick-next:before {color: #f08300 !important; font-family: 'ETmodules' !important; font-size: 32px !important;}
.slick-prev:before:hover, .slick-next:before:hover {color: #006666 !important;}
.slick-prev:before {
    content: '8' !important;
}
.slick-next:before {
    content: '9' !important;
}
.link-button, .more-link {
  color: #CA8F40;
  text-transform: uppercase;
  position: relative;
  display: inline-block; 
  text-decoration: none;
  font-weight: bold;
  padding-bottom: 5px;
  letter-spacing: 1px;
}
.link-button i, .more-link i {margin-left: 10px;}
.hey-im-nj-mobile .link-button {
  margin: 20px 0px 0px 40px;
}
.hey-im-nj-mobile .link-button:hover {color: #c97e1c}
.link-button::after, .more-link::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 2px; /* Thickness of the border */
  background-color: #c97e1c; /* Adjust to the desired color */
  transition: width 0.3s ease;
}
.link-button:hover::after, .more-link:hover::after {
  width: 100%;
}
.et_pb_bg_layout_light.et_pb_button:hover, .et_pb_bg_layout_light .et_pb_button:hover {
    background-color: rgba(0, 0, 0, .0);
}
.more-link {font-size: 14px !important; color: #CA8F40 !important;}
.more-link i::before {color: #CA8F40 !important;}
@media only screen and (min-width: 1400px) {
    .nav-button {
        height: 43px !important;
    }
}
@media only screen and (min-width:1200px) {
    .nav-button a {
        color: white;
    }
    .nav-button a {
        color: white !important;
    }
}

@media only screen and (min-width: 1200px) {
    .nav-button {
        background-color: #F1C0AA;
        height: 40px;
        align-self: center;
		border-radius: 5px;
        margin-left: 20px !important;
        padding: 0px 26px !important;
		color: black !important;
    }
	 .et_pb_menu_0_tb_header.et_pb_menu ul .nav-button a {
        color: black !important;
    }
	 .et_pb_menu_0_tb_header.et_pb_menu ul .nav-button a:hover {
        color: black !important;
    }
}
@media only screen and (max-width: 980px) {
	.slick-prev {
		left: -10px !important;
	}
	.slick-next {
		right: -10px !important;
	}
}

/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/
.testimonials p:first-child {padding-bottom: 20px;}
.download-et-blog-css-grid > div {
	display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: auto;
    gap: 30px;
}
.et-blog-css-grid > div {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: auto;
    gap: 30px;
}
.et-blog-css-grid .et_pb_post, .download-et-blog-css-grid .et_pb_post {
    margin-bottom: 0px !important;
}
@media (max-width: 1200px) {
	.download-et-blog-css-grid > div {
	  grid: 50% 50% / repeat(2, 50%) !important;
	}
}
@media (max-width: 780px) {
	.hey-im-nj-mobile img {max-width: 80px;}
	.et-blog-css-grid > div, .download-et-blog-css-grid > div {
	  grid: auto / repeat(1, 100%) !important;
	}
}

/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/

/*------------------[LANDING PAGE]--------------------*/
#custom-landing-page .et_pb_column {
    width: 100%;
}
#custom-landing-page .wpcf7-text  {
    border: 1px solid #6c6f57;
    color: black;
	background-color: white;
}
#custom-landing-page .et_pb_column {
    margin-right: 10px;
}
#custom-landing-page ::placeholder {
    color: #b6b6b4;
}
#custom-landing-page .wpcf7-submit {
	width: auto !important;
}
/*FOOTER FORM MOBILE*/
@media only screen and (max-width: 800px) {
	#custom-landing-page .et_pb_row, #newsletter-custom .et_pb_row {
		display: flex;
		flex-direction: column;
	}
	#custom-landing-page input, #newsletter-custom input {
		width: 100% !important;
	}
	#custom-landing-page .wpcf7-submit, #newsletter-custom .wpcf7-submit{
		width: 100% !important;
	}
}
.book-club .wpcf7-submit {margin-top: 30px !important;}
/*------------------[WORKSHOP]--------------------*/
.workshop, .upcoming-events {
    color: white;
}
.workshop div i, .upcoming-events div i {
    margin-right: 10px;
	margin-top: -2px;
}
.workshop p, .upcoming-events p {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}
@media only screen and (max-width: 768px) {
	.workshop, .upcoming-events {display: block;}
	.workshop div, .upcoming-events div {
		justify-content: center;
	}
}

/*FORM*/
.newsletter-column {margin-right: 10px !important;}
.contact-form input, .contact-form .et_pb_column_1_1, .contact-form textarea  {width: 100% !important;}
.contact-form input, .contact-form textarea {
    padding: 16px 20px !important;
    border-radius: 5px;
    border: 1px solid #454A25;
    color: #454A25;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600;
    font-family: 'DM Sans';
	background-color: transparent;
}
.wpcf7-not-valid-tip {
    color: #454A25;
    font-size: 12px;
}
.contact-form .et_pb_row {
    display: flex;
    margin: 0px;
    width: 100%;
    padding: 10px 0px;
    justify-content: center;
}
textarea {resize: none}
   .wpcf7-spinner {
      display: none !important;
      visibility: hidden !important;
    }
.wpcf7-response-output {
    display: none;
}
.contact-form .wpcf7-submit {
    color: #FFFFFF !important;
    border-width: 0px !important;
    letter-spacing: 1px;
    font-size: 16px;
    font-family: 'DM Sans', Helvetica, Arial, Lucida, sans-serif !important;
    text-transform: uppercase !important;
    background-color: #ca8f40;
    width: 240px !important;
    cursor: pointer;
	padding: 14px 30px !important;
}
.contact-form .wpcf7-submit:hover {background-color: #c97e1c;}

/*RECIPES*/
.recipe-of-the-month article {margin-bottom: 0px !important}
.recipe-of-the-month .post-content a.more-link {text-align: center; width: 120px; margin: 20px auto 0px auto; color: #CA8F40 !important}
.recipes-blog a.more-link {
    color: white !important;
    background-color: #CA8F40;
    padding: 10px 40px;
    border-radius: 5px;
    width: 180px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 14px !important;
    font-family: 'DM Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 500;
	    margin: 0 auto;
}
.recipes-blog a.more-link i {
    display: none;
}
.pa-blog-text {
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 00px;
    z-index: 1;
}
.et_pb_blog_grid article {
	position: relative;
}
.et_pb_blog_grid .et_pb_post {
	padding: 0px;
}
.et_pb_image_container {
	margin: 0;
}
.et_pb_post .entry-featured-image-url {
	margin: 0;
}

.recipes-blog article:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 30%, #454A25 110%) !important;
    z-index: 1;
}
.recipes-blog a.more-link:hover {background-color:#c97e1c}
.recipes-blog a.more-link:after {display: none;}

/*BLOG PAGE*/
.df-button img {
    width: 40px;
	margin-right: 10px;
}
.df-button {
	display: flex !important;
	align-items: center;
	justify-content: center;
}

/*CONTACT PAGE*/
.contact-box i {
    color: #F1C0AA;
    margin-top: 4px;
	margin-right: 16px;
}
.contact-box p {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
}
.contact-box a {
    font-weight: 300;
    font-size: 15px;
}
.contact-box a:hover {
    color: #ca8f40;
}
@media only screen and (max-width: 782px) {
	.contact-flex-container {display: block !important}
	.contact-box {padding: 10px 0px;}
}
@media screen and (max-width: 980px) {
    .reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}
/*BLOG TEMPLATES*/
/* .post-content img {
    padding: 30px 0px;
} */

/*RECIPE TEMPLATES*/
.recipe-card .et_pb_blurb_container {
	display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.recipe-card .et_pb_blurb_content {padding-bottom: 16px;margin: 0px;max-width: 100% !important;}
.ingredients p, .directions p {
    padding: 16px 0px !important;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #454A25;
}
.directions h1, 
.directions h2, 
.directions h3, 
.directions h4, 
.directions h5, 
.directions h6 {
    padding-top: 16px;
}
/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/
#footer-links a {color: white;font-weight: 200;}
#footer-links a:hover {color: #f1c0aa!important}
#footer-links i {
    color: white;
    padding-right: 10px;
	    align-self: center;
}
/*------------------------------------------------*/
/*--------------------[Row fixes]-----------------*/
/*------------------------------------------------*/
@media only screen and (min-width: 981px) {
	.row-with-custom-gutters .et_pb_column {
		--num-cols: 4;
		--gutter-width: 1%;
	}
	
	.row-with-custom-gutters .et_pb_column:not(.et-last-child)  {
		margin-right: var(--gutter-width) !important;
	}
	
	.row-with-custom-gutters .et_pb_column  {
		width: calc((100% - (var(--gutter-width) * (var(--num-cols) - 1))) / var(--num-cols)) !important;
	}
	.row-with-custom-gutters-three .et_pb_column {
		--num-cols: 3;
		--gutter-width: 1%;
	}
	
	.row-with-custom-gutters-three .et_pb_column:not(.et-last-child)  {
		margin-right: var(--gutter-width) !important;
	}
	
	.row-with-custom-gutters-three .et_pb_column  {
		width: calc((100% - (var(--gutter-width) * (var(--num-cols) - 1))) / var(--num-cols)) !important;
	}
}

@media only screen and (max-width: 850px ){
	.row-with-custom-gutters .et_pb_column {
		width: 100% !important;
		margin: 20px 0px !important;
	}
}


/*------------------------------------------------*/
/*-------------------[Blog Order]-----------------*/
/*------------------------------------------------*/
.pa-reorder-blog .et_pb_post {
	display: flex;
	flex-direction: column;
}
.pa-reorder-blog .et_pb_post .et_pb_image_container {
	order: 1;
	margin-bottom: 16px;
}
.pa-reorder-blog .et_pb_post .entry-title {
	order: 3;
}
.pa-reorder-blog .et_pb_post .post-meta {
	order: 2;
	display: flex !important;
    align-items: center;
	margin-bottom: 10px;
}
.pa-reorder-blog .et_pb_post .post-content {
	order: 4;
}

.pa-reorder-blog .et_pb_image_container {
	margin: 0px;
}
.pa-reorder-blog .et_pb_blog_grid .et_pb_post {
	padding: 30px;
}

/*------------------------------------------------*/
/*--------------------[Image 1-1]-----------------*/
/*------------------------------------------------*/
.pa-reorder-blog .entry-featured-image-url {
	padding-top: 80%;
	display: block;
	margin-bottom: 0px;
}

.pa-reorder-blog .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

/*RECIPE GRID LAYOUT*/
.recipes-blog .entry-featured-image-url, .pa-image-4-3 .entry-featured-image-url {
	padding-top: 66.66%;
	display: block;
	height: 100%
}
.recipes-blog .entry-featured-image-url img, .pa-image-4-3 .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

/*Recipe of the month*/
.pa-image-4-3 .entry-featured-image-url {
	padding-top: 50%;
	display: block;
}
.pa-image-4-3 .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

/*IMAGE NOT BLOG*/
.pa-image-4-3 .et_pb_image_wrap {
padding-top: 75%;
display: block;
}
.pa-image-4-3 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}

.pa-image-16-9 .et_pb_image_wrap {
padding-top: 56.25%;
display: block;
}
.pa-image-16-9 .et_pb_image_wrap img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}


.grid-pa-image-1-1 .entry-featured-image-url {
padding-top: 100%;
display: block;
}
.grid-pa-image-1-1 .entry-featured-image-url img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

#order_review table label, table span {
    font-size: 14px;
}
.woocommerce-shipping-totals {display: grid;}
.et_pb_wc_checkout_payment_info_0_tb_body #payment div.payment_box {
    margin-left: 0px !important;
	padding: 0px !important;
}
table.shop_table {
    margin-bottom: 0px !important;
}
a.et_pb_menu__icon.et_pb_menu__cart-button {
    padding-left: 30px;
    border-left: 1px solid #f7f3f094;
    height: 40px;
    align-self: anchor-center;
    margin-left: 30px;
}
.et_pb_module .mobile_menu_bar:before {
    top: 5px;
}
a.et_pb_menu__icon__with_count:after, button.et_pb_menu__icon__with_count:after {
    display: block !important;
}
@media only screen and (max-width: 1200px) {
	a.et_pb_menu__icon.et_pb_menu__cart-button { border-left: none;}
}