/*
Theme Name: Baked Potato Meals Child Theme
Description: Custom modifications for the parent theme.
Version: 1.0.0
Author: EKCS
Author URI: https://www.ekcs.co/
Theme URI: https://dev.ekcs.co/bakedpotatomeals/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* ========== Custom CSS from Generator ========== */
/* div#page-container {
    padding-top: 0 !important;
} */

/* ========== Start Clover Pages ========== 
header#main-header:before {
    content: 'Opening Soon';
    width: 100%;
    display: block;
    background: #460000;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    position: relative;
    top: -10px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

 ========== Start Clover Pages ========== */



@media only screen and (min-width: 992px) {
    .moo-fixed {
    top: 90px!important;
	transition: all 0.4s ease-in-out;
}
}

.moo_emptycart p {
    font-weight: 700;
    font-size: 30px !important;
}

span.price {
	color:#7f5433 !important
}

button.sooPrimaryButtonInput,
a.sooPrimaryButtonInput.moo_pull_right,
button.sooCheckoutPrimaryButtonInput,
button.moo-continue-shopping,
button#moo_btn_submit_order,
button.sooCheckoutPrimaryButtonInput.sooSignupButton,
button.sooResetPasswordButton.sooCheckoutPrimaryButtonInput,
button.sooLoginButton,
button.sooContinueAsGuestButton {
    background: #7f5433 !important;
	color:#fff !important;
	border: 2px solid #004fac00 !important;
}

button.moo-checkout {
    color: #7f5433 !important;
    border: 2px solid #7f5433 !important;
    transition: all 0.3s ease;
    background: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
}

button.sooSecondaryButtonInput,
.sooCheckoutSecondaryButtonInput,
.sooCreateAnAccountButton{
    color: #7f5433 !important;
    border: 2px solid #7f5433 !important;
    transition: all 0.3s ease;
}

.moo_emptycart a.moo-btn.moo-btn-default {
    font-weight: 800 !important;
    color: #7f5433 !important;
    border-radius: 5px !important;
    border: 3px solid #7f5433 !important;
    padding: 12px 24px !important;
    transition: all 0.3s ease;
}

button.osh-btn {
    padding: 7px 8px 5px !important;
    border: 0px solid #f68b1e00 !important;
    line-height: 0 !important;
    border-radius: 3px;
}

button.sooSecondaryButtonInput:hover,
button.moo-checkout:hover,
.sooCheckoutSecondaryButtonInput:hover,
.sooCreateAnAccountButton:hover,
.moo_emptycart a.moo-btn.moo-btn-default:hover {
    background-color: #7f5433 !important;
    color: #ffffff !important;
}
/* ========== End Clover Pages ========== */


#main-header {
    background: #fcf2e8;
    padding: 10px 0;
	transition: all 0.3s;
}

#main-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#main-header .container > div {
    position: relative;
}

#main-header .container > div.logo_container {
    width: 20%;
}

#main-header img.topHalalImg  {
	max-width:80px;
	transition: all 0.3s;
}

#main-header.et-fixed-header img.topHalalImg {
	max-width:60px;
}

#main-header .logo_container img {
    max-height: 80px;
	transition: all 0.3s;
}

#main-header.et-fixed-header .logo_container img {
   max-height: 60px ;
	
}



#main-header #et-top-navigation {
    padding: 0 !important;
    margin: 0;
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#main-header #et-top-navigation ul#top-menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
	position:relative
}

#main-header #et-top-navigation ul#top-menu > li {
	padding:0 !important;
	margin:0 !important;
}

#main-header #et-top-navigation ul#top-menu > li > a {
	padding:0 !important;
	margin:0 !important;
	text-transform:uppercase
}
#main-header #et-top-navigation ul#top-menu > li > a:hover {
	color: #7f5433 !important;
	opacity:1 !important
}

#main-header #et-top-navigation ul#top-menu > li.current-menu-item > a {
	color: #7f5433 !important;
	opacity:1 !important
}

#main-header #et-top-navigation ul#top-menu > li.menu-button a {
    font-family: 'Coiny';
    border: 2px solid;
    padding: 11px 10px 8px !important;
    border-radius: 5px;
    font-size: 20px;
    color: #7f5433 !important;
	background:none !important;
	opacity:1 !important;
	text-transform: capitalize;
}
#main-header #et-top-navigation ul#top-menu > li.menu-button a:hover {
	background:#7f5433 !important;
	color:#fff !important
}


/*------- CTA CSS ------------------*/
body #page-container .et_pb_section .et_pb_button_0.hero_CTA {
    padding: 1rem 2rem 0.7rem !important;
    line-height: 0.7 !important;
}

body #page-container .et_pb_section .et_pb_button_0.hero_CTA:hover {
    padding: 1rem 2.5rem 0.7rem 1rem !important;
    margin: 0 !important;
}

body.page-id-95 #page-container #contact_Form_Custom .et_pb_contact_submit {
    background: none !important;
    min-width: 180px;
    text-transform: uppercase;
}

body.page-id-95 #page-container #contact_Form_Custom .et_pb_contact_submit:hover {
    padding-left: 15px !important;
    padding-right: 25px !important;
}

#footer_StoreHours span.et_pb_background_mask {
    display: none;
}

div#footer_StoreHours {
    background: rgba(222,210,201,0.9);
    clip-path: polygon(0 0, 100% 0, 100% 67%, 0 100%);
    border-radius: 20px 20px 0 0;
	padding:30px
}

div#contact_StoreHours_Box {
	position:relative
}
div#contact_StoreHours_Box:after {
    content: '';
    width: 90%;
    position: absolute;
    left: 5%;
    top: 5%;
    height: 90%;
    background: rgba(222,210,201,0.9);
    clip-path: polygon(0 0, 100% 0, 100% 67%, 0 100%);
    border-radius: 30px 30px 0 0;
}

div#contact_StoreHours_Box > div {
    position: relative;
    z-index: 2;
}

div#contact_StoreHours_Box span.et_pb_background_mask {
    display: none;
}

div#contact_StoreHours_Box > div.et_pb_text_2 {
    position: relative;
    z-index: 2;
    margin: 0 0 15%!important;
    min-height: inherit;
}


@media(min-width:981px) and (max-width:1200px) {
	#pat_HeroImg1 {left: -10%;}
	div#footer_Left > div:nth-child(1) { padding-right: 5%;}
	div#footer_Left .et_pb_text_5_tb_footer {  margin-bottom: 30% !important;}
	
}

@media(min-width:768px) and (max-width:980px) {
	.menu_Images > div {padding: 0;}
	.menu_Images .et_pb_image_8, .menu_Images .et_pb_image_9 { padding-top: 2px;}
}

@media(max-width:980px) {
	
	#main-header .container > div.logo_container {
		position:relative;
		z-index:2
	}
	
	#main-header #et-top-navigation {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%
	}
	
	ul#mobile_menu {
		top: 101%;
		border-top: 3px solid #805534;
	}
	
	ul#mobile_menu > li > a {
		text-transform: uppercase;
		font-size: 18px;
		display: block;
		text-align: right;
		border-bottom: 1px solid #f1eeee;
	}
	
	ul#mobile_menu > li:last > a {
		border:0
	}
	
	ul#mobile_menu > li > a:hover {
		background:#805534 !important;
		color:#fff !important
	}
	
	header#main-header {
		position:fixed !important
	}
	
	#main-header .container {
		max-width: 80%;
		width: 100%;
	}

	#main-header #et-top-navigation ul#top-menu > li {
		display: none;
	}

	#main-header #et-top-navigation ul#top-menu > li.topHalalItem {
		display: block;
		padding-right:20px !important
	}

	#main-header #et-top-navigation ul#top-menu > li.topHalalItem img {
		max-height: 56px;
	}
	
	#main-header span.mobile_menu_bar {
		padding:0 !important;
		right:-10px
	}
	
	.mobile_menu_bar:before {
		font-size:45px
	}
	
	#mobile_menu li.menu-item.topHalalItem {
		display: none;
	}
	
}

@media(max-width:767px){
	#main-header #et-top-navigation ul#top-menu > li.topHalalItem img {
		max-height:35px
	}
	.menu_Images > div {
		padding: 0;
	}
	
	.menu_Images .et_pb_image_8, .menu_Images .et_pb_image_12 {
		padding-top: 2px;
	}
	
	div#contact_StoreHours_Box > div {
		margin: 0 0 0%!important;
	}
	
	
	#main-header .container {
		max-width: 90%;
		width: 100%;
	}
	
}


@media only screen 
  and (max-width: 767px) 
  and (orientation: portrait) {  
/* 	  #footer_StoreHours {padding-top: 30px;	}
	  #footer_StoreHours .et_pb_background_mask {transform: scale(-1,1.4);top: 50px;	}
	  div#footer_StoreHours .et_pb_text_inner { max-width: 80%;}   */
}

@media only screen 
  and (max-width: 992px) 
  and (orientation: landscape) {

/* 	  #footer_StoreHours {min-height:386px} */
	

}

.moo-cart-heading > div {
    background: #7f5433 !important;
}
.moo-cart-total-grandtotal .moo-cart-total-price {
    color: green !important;
}

.page page-id-535 * {
    font-family: 'Open Sans' !important;
}

button.moo-btn-sm.moo-hvr-sweep-to-top {
    font-family: 'Open Sans';
}

.moo-title {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Open Sans' !important;
}

.moo-item-name.moo-item-name-bold span {
    color: #7f5433;
    font-size: 1.2rem;
}

@media only screen and (min-width: 992px) {
    .moo-fixed {
        position: fixed;
        top: 120px !important;
    }
	.moo-menu-list-item .moo-row {
		display: flex;
		align-items: center;
	}
	
	.moo-menu-list-item .moo-row img {
		width: 130px;
		height: 130px;
		border-radius: 100%;
	}
	.moo-item-description {
		margin: 10px 0 0;
		display: block;
		line-height: 1.5;
	}
	
}

.moo-col-xs-12.moo_nav_cpanel.moo_nav_active {
    border-right: 3px solid #7f5433 !important;
}

.moo-bg-dark > li > a {
    font-family: 'Open Sans';
}

.moo-choose-category {
    font-family: 'Open Sans';
}



