/*
Theme Name: Divi Child
Template: Divi
Description:    Divi Child Theme for Australian Mushrooms
Author:         Bite Communications
Author URI:     https://www.bitecom.com.au
Version:      Version: 5.0
*/


@import url(https://fonts.googleapis.com/css?family=Rubik:300,300italic,regular,italic,500,500italic,700,700italic,900,900italic|Open+Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic|Open+Sans+Condensed:300,300italic,700|Caveat:regular,700&#038;subset=latin,latin-ext);
/* single-cp_recipe template #e7e7e3 (flat) or #e3e3de (other pages)? */ 
.single-cp_recipe, .single-cp_recipe #main-content { 
    background-color: #e7e7e3; 
	/*background-color: #cbcbc7;*/ 
}
.single-cp_recipe #main-header { 
  background-image: url("/wp-content/uploads/2019/03/BKG_GreyGradient.jpg");
  background-repeat: repeat-x;
	/*background-color: #cbcbc7;*/ 
}
/* cooked browse tiles fixed height */ 
@media (min-width: 751px) {
	.cooked-recipe-card-content { 
		min-height: 140px;  
	}
}

@media (min-width: 1366px) {
    .full-width {
        margin-left: calc(-100vw / 2 + 1366px / 2);
        margin-right: calc(-100vw / 2 + 1366px / 2);
        min-height: 200px;
    }
    .standard-width {
        width: 80%;
        max-width: 1366px;
        margin: 0 auto;
        height: 100%;
    }
    .half-width {
      /*  width: 50%;*/
		width: 80%;
    }
}
.single-cp_recipe .full-width {
    /*background:url("/wp-content/uploads/2019/04/AM_Recipe_Banner.jpg");
    background-repeat: no-repeat;
    background-position: right top;
	background-size: contain;*/
	border-top: 3px solid #000;
}
/* Remove mushroom img from tile background on m0bile */ 
@media all and (max-width: 380px) {
.single-cp_recipe .full-width {
    background: none;
	border-top: 3px solid #000;
}
}
@media all and (max-width: 479px) {
.single-cp_recipe .full-width {
    background: none;
	border-top: 3px solid #000;
}
}
@media all and (max-width: 767px) {
.single-cp_recipe .full-width {
    background: none;
	border-top: 3px solid #000;
}
}
@media all and (max-width: 1365px) {
.single-cp_recipe .full-width {
    background: none;
	border-top: 3px solid #000;
}
}

.single-cp_recipe .recipe-header h1{
    color: #000000;
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
	font-size: 4.5em;
    line-height: 1em;
    text-transform: uppercase;
    font-weight:900;
}
.single-cp_recipe .recipe-header h2{
    color: #000000;
    font-family: 'Caveat',handwriting;
    font-size:5em;
    font-weight:500;
    padding-bottom:3rem;
}
/* Amend Title sizes to fit Mobile on single recipes */ 
@media all and (max-width: 380px) {
.single-cp_recipe .recipe-header h1{
	font-size: 3em;
}
}
@media all and (max-width: 479px) {
.single-cp_recipe .recipe-header h1{
	font-size: 3em;
}
}
@media all and (max-width: 767px) {
.single-cp_recipe .recipe-header h1{
	font-size: 3em;
}
}
.et_pb_post .entry-content {
padding-top: 0px;
}

/* remove stripe from left side of recipe page */ 

#main-content .container:before {
        position: absolute;
        top: 0;
        width: 0px;
        height: 100%;
        background-color: #ffffff;
        content: "";
}

/*recipe main image */
.cooked-post-featured-image { 
    border-top:3px solid black;
    /*border-bottom:3px solid black;*/
	margin: 0;
}

/* recipe info horizontal UL */ 

.single-cp_recipe ul.details-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-top:3px solid black;
  border-bottom:3px solid black;

}

.single-cp_recipe ul.details-list li {
    float: left;
    padding-right: 40px;
    color: #000000;
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    font-size:1.75em;
    text-transform: uppercase;
    font-weight:600;
    line-height:2.5em;
}
.single-cp_recipe ul.details-list li:last-child {
    float: right;
    padding-right:0px;
}
.single-cp_recipe ul.details-list li img {

    vertical-align: middle;
}
.single-cp_recipe ul.details-list li a:first-child {
    margin-left:35px;
}
/* Amend info to fit Mobile on single recipes */ 
@media all and (max-width: 380px) {
.single-cp_recipe ul.details-list li {
    font-size:1em;
	float: none;
}
.single-cp_recipe ul.details-list li:last-child {
    float: none;
}
}
@media all and (max-width: 479px) {
.single-cp_recipe ul.details-list li {
    font-size:1em;
    float: none;
}
	.single-cp_recipe ul.details-list li:last-child {
    float: none;
}
}
@media all and (max-width: 767px) {
	.single-cp_recipe ul.details-list li {
    font-size:1em;
    float: none;
}
	.single-cp_recipe ul.details-list li:last-child {
    float: none;
}
}

/* recipe tags row */
.single-cp_recipe .recipe_tags { 
    border-top:3px solid black;
	padding-bottom: 1em;

}
.single-cp_recipe .recipe_tags h3{
    display: inline-block; 
    color: #000000;
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    font-size:1.2em;
    font-weight:500;
    line-height:2.5em;
}

.single-cp_recipe .recipe_tags span{
    font-size: 1em;
}

/*You might also like */ 
.single-cp_recipe .alsotry {
    border-top:3px solid black;
}
.single-cp_recipe .alsotry h3 { 
    color: #000000;
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    font-size:2em;
    font-weight:500;
	line-height: 1em;
	padding: 20px 0 0 0;
}

/* recipe cards */
.cooked-recipe-card-collection {
    font-family: 'Caveat',handwriting;
    font-size: 29px;
    color: #000000!important;
    padding: 10px 0;
    text-decoration: none;
}
.cooked-recipe-card-content { 
    text-align:left;
    border-top: 2px solid #000;
    margin-top: 20px;
    /*background-color:#e7e7e3;*/
	background-color: #e3e3de;
}

.cooked-recipe-card-title { 
    font-family: 'Open Sans Condensed',Helvetica,Arial,Lucida,sans-serif;
    font-size: 21px;
    font-weight: 600;
	text-transform: uppercase;
    color: #000000!important;
    line-height: 1.2em;
    padding-top: 10px;
} 

.cooked-recipe-card { 
    background-color:inherit;
    box-shadow:none;
}

.cooked-recipe-card-modern-centered {
	border-radius: 0;
}
.cooked-recipe-info {
	margin: 0;
}
.entry-content {
	border-top: 3px #000 solid;
}


/* ingredients and method */ 
.cooked-recipe-ingredients h2, .cooked-recipe-directions h2 { 
    color: #000000;
    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
    font-size:1.75em;
    text-transform: uppercase;
    font-weight:600;
}
.cooked-recipe-ingredients, .cooked-recipe-directions { 
    font-size:1.2em;
}
.cooked-recipe-ingredients .cooked-heading, .cooked-recipe-directions .cooked-heading { 
    text-transform: uppercase;
    font-weight:700;
}

.cooked-recipe-directions .cooked-direction-number {
    opacity: 1;
    position: absolute;
    display: inline-block;
    width: auto;
    line-height: 1.5rem;
    font-weight: bold;
    top: 0;
    left: 0;
    font-size: 1rem;
    padding-left:1rem;
}
.cooked-recipe-directions {
	margin: 0 2rem 0 3rem;
}
.cooked-recipe-directions .cooked-direction.cooked-direction-has-number .cooked-dir-content {
	margin-top: 1rem;
}
.cooked-recipe-directions .cooked-direction.cooked-direction-has-number-wide .cooked-dir-content { 
	margin-top: 1rem;
}
/* Style video in Cooked Gallery*/
.cooked-recipe-gallery.cooked-gallery-loaded {
	margin: 2rem 0 2rem 4rem;
}


/* Remove padding from mobile view METHOD */ 
@media all and (max-width: 380px) {
.cooked-recipe-directions {
	margin: 0;
}
}
@media all and (max-width: 479px) {
.cooked-recipe-directions {
	margin: 0;
}
}
@media all and (max-width: 767px) {
.cooked-recipe-directions {
	margin: 0;
}
}

/* Remove PRINT and FULLSCREEN from mobile view */ 
@media all and (max-width: 380px) {
.cooked-recipe-info {
	display: none;
}
}
@media all and (max-width: 479px) {
.cooked-recipe-info {
	display: none;
}
}
@media all and (max-width: 767px) {
.cooked-recipe-info {
	display: none;
}
}

/* Position FullScreen recipe below menu bar*/
.cooked-fsm.cooked-visible {
position: fixed;
top: 200px;
}
.cooked-fsm.cooked-visible h2 {
color: #000;
}

/* search bar customisation */ 
.cooked-recipe-search input[type=text] {
	background: transparent !important;
}
.cooked-recipe-search input[type=text]::-webkit-input-placeholder {
	color: #000;
}

@media all and (max-width: 980px) {
/*** no social icons on mobile ***/
	.et-social-icons { 
	display:none;
	}
}

/* Print Recipe Screen */ 
.cooked-fsm .cooked-fsm-top {
	font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
	text-transform: uppercase;
	font-size: 1.6rem;
	font-weight: 600;
	text-align: left;
	color: #000!important;
	padding: 0 1em;	
	line-height: 4rem;
}

/**=======Custom divs for EVEREST tabs========= **/
.et_pb_text ol, .et_pb_text ul {
	padding-bottom: 0;
	}
.everest-tab-main-wrapper .etab-content-wrap {
	padding: 0 20px;
	}
.etab-title {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
	text-align: left;
	text-decoration: none;	
	}
.everest-tab-main-wrapper .etab-content-wrap p {
    margin: 0;
}
a.etab-link-tag {
	text-decoration: none;
	text-align: left;
}
.solidBlack {
	background-color: #000;
	color: #fff;
	padding: 20px 10px 20px 20px;
}
.solidBlack ul{
list-style-type: none;
}
.solidBlack li{
font-size: 0.7rem;
	line-height: 0.8rem;
	padding: 5px 0;
	margin: 0;
}
.solidBlack a{
	color: #fff;
    text-decoration: none;
	font-weight: normal;
}
.solidBlack p{
font-size: 0.7rem;
	line-height: 0.8rem;
}

/**=======Custom divs for Health Accordion MOBILE========**/
.et_pb_tab {
	padding: 0;
}
.et_pb_tabs_controls li a {
	padding: 20px;
}
.et_pb_tabs_controls li a:hover{
	background-color: #f7f7f5;
}

.wrapperTabs {
    width: 100%;
    overflow: auto;
    background-color: #e7e7e3;
	padding: 0 1em 1em 1em;
}
.wrapperTabsWhite {
 background-color: #fff;
    width: 100%;
    overflow: auto; 
	padding: 0 1em 1em 1em;
}
.wrapperTabs p, .wrapperTabsWhite p {
	padding-bottom: 1em;
}
.wrapperTabs h5, .wrapperTabsWhite h5 {
	padding-bottom: 1em;
	color: #ec9770;
	font-weight: 600;
	font-size: 1.2em;
}
.tabbedColFloat {
	width: 48%;
    float: left; 
	padding: 40px 20px 20px 40px;
}
.tabbedColFull {
    float: left; 
	padding: 40px 20px 20px 40px;
}
.wrapperTabs H1, .wrapperTabsWhite H1 {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
    font-size: 2rem; 
	font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
	line-height: 110%;
	padding: 5px 0 10px 0;
	margin: 30px 0 0 0;
	text-align: center;
	text-decoration: underline;
}
.nutritionTable {
	margin: 20px 0.5em;
}
.nutritionTable H3 {
	color: #000;
} 
.nutritionTable td {
	border: 1px solid #000;
}
.entry-content tr td {
	border-top: 1px solid #000;
	padding: 8px;
}
.entry-content table {
	width: 90%;
margin: 0 auto;
	border: none;
}
.smallBody {
	font-size: 10px;
}

/**=====White breadcrumb Links=====**/
.whiteLinks a, .whiteLinks {
	color: #fff;
	}

/**=====Custom Search php page styles=====**/
h2.entry-title {
	color: #000;
}
.search-page-form input#s, .search-page-form input#searchsubmit {
height: 40px!important;
margin: 0;
padding: .7em;
border: 1px solid #ddd;
color: #666;
font-size: 14px;
line-height: normal!important;
}
.search-page-form #s {
width: 70%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.search-page-form #searchsubmit {
width: 70px;
background-color: #ddd;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
background-color: #ddd;
}
.search-page-form {
	margin-bottom: 30px;
}
#search-content {
	background-color: #f7f7f5;
}
/**=====Custom 404 styles=====**/
h1.superBig {
	text-align: center;
	color: #000;
	font-size: 25vh;
	margin-bottom: 40px;
}
.buttonWrapLost {
	text-align:center;
	margin: 20px auto 100px auto;
}
.recipeButton {
	font-size: 1.5em;
      display: inline-block;
      text-align: center;
      text-decoration: none;
      margin: 2px 0;
      border: solid 2px transparent;
      padding: 1em 2em;
      color: #FFFFFF;
      background-color: #ed9a72;
    }
.recipeButton:active {
      transform: translateY(1px);
      filter: saturate(150%);
    }
.recipeButton:hover {
      color: #ed9a72;
      border-color: currentColor;
      background-color: white;
    }
#main-content-oops {
	background-color: #e3e3de;
    min-height: 50vh;
	margin-top: 20vh;
}

/**======Custom Footer for Mobile View======**/
#fixedFooter{
	position: fixed;
	bottom: 0;
}

@media (max-height:800px){
	#fixedFooter { position: static; }
}

.footer-distributed{
	/*background-color: #292c2f;*/
    background-color: #f0c09d;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: normal 16px sans-serif;
	padding: 35px 50px;
	margin-top: 60px;
}

.footer-distributed .footer-left p{
	color:  #8f9296;
	font-size: 14px;
	margin: 0;
}

/*======Footer links======*/

.footer-distributed p.footer-links{
	font-size:16px;
	font-weight: 500;
	font-family: 'Open Sans Condensed',Helvetica,Arial,Lucida,sans-serif;
	color:  #ffffff;
	margin: 0 0 10px;
	padding: 0;
}

.footer-distributed p.footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

.footer-distributed p.footer-links a:hover{
	text-decoration: underline;
}

.footer-distributed .footer-right{
	float: right;
	margin-top: 6px;
	max-width: 180px;
}

.footer-distributed .footer-right a{
	display: inline-block;
	width: 35px;
	height: 35px;
	/*background-color:  #33383b;*/
    background-color:  #dd9976;
	border-radius: 2px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;
	margin-left: 3px;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 960px) {

	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		text-align: center;
	}

	.footer-distributed .footer-right{
		float: none;
		margin: 0 auto 20px;
	}

	.footer-distributed .footer-left p.footer-links{
		line-height: 1.8;
	}
}

/*======Make the Email Opt-in Horizontal on PC======*/
@media (min-width: 980px){
#skinny.et_pb_newsletter .et_pb_newsletter_fields {
  flex-wrap: nowrap !important;
}
#skinny.et_pb_newsletter .et_pb_newsletter_fields>* {
  flex-basis: 30%;
}
}
 
#skinny .et_pb_newsletter_form {
  padding-left: 0px;
}

input[type=text]::-webkit-input-placeholder 
/*====Make inputs in sign-up forms grey====*/
.et_bloom_popup_input input::placeholder {
  color: #a2a1a1;
}
.et_bloom_popup_input input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #a2a1a1;
}
.et_bloom_subscribe_email input,
.et_bloom_subscribe_email input::-webkit-input-placeholder {
color: #a2a1a1 !important; 
}
.et_bloom_subscribe_name input,
.et_bloom_subscribe_name input::-webkit-input-placeholder {
color: #a2a1a1 !important; 
}

sup {
	font-size: xx-small;
}
