/*!
 Theme Name: SD Child
 Description: Child theme for the Divi 
 Author: Ian Brown
 Template: Divi
 Version: 301.04.2021
 */
/* 
 ######################
 SETUP 
 ######################
 */
/* 
 ######################
 PAGES AND  SECTIONS 
 ######################
 */
/*
 #######################
 SITE WIDE
 #######################
 */
#sd-contact-form {
  width: 500px;
  max-width: 90%;
  margin: 0 auto;
}
.sd-cta-button a {
  font-size: 1.2em !important;
}
/*
 #################
 HEADER
 #################
 */
div#top-header {
  display: none;
}
header#main-header {
  height: 120px;
}
header#main-header .container {
  width: 93%;
  max-width: unset;
}
header#main-header #logo {
  margin-top: 20px;
  padding-bottom: 20px;
  max-height: 100%;
}
header#main-header div#sd-logo {
  max-width: 100%;
}
header#main-header div#et-top-navigation {
  padding-left: 0 !important;
  padding-top: 80px !important;
}
header#main-header div#et-top-navigation ul li {
  padding-right: 45px;
  font-size: 16px;
  font-weight: 400;
}
header#main-header div#et-top-navigation ul li:last-child {
  padding-right: 0 !important;
}
header#main-header div#et-top-navigation ul li a {
  padding-bottom: 0;
  color: #000;
}
/*
 #################
 FULLWIDTH HEADER
 #################
 */
div#sd-header-example-container {
  margin-top: -120px;
}
section#sd-header-example {
  height: 500px;
  padding-top: 220px;
}
section#sd-header-example h1 {
  font-size: 80px;
}
.page-id-1674 header#main-header {
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.page-id-1674 header#main-header div#et-top-navigation ul li a {
  color: #fff;
}
.page-id-1674 .logo_container {
  background-image: url(https://www.ianbrown.org.uk/sharing/wp-content/uploads/2021/03/sd-logo-small-white.png);
  background-repeat: no-repeat;
  background-size: 234px;
  background-position: left bottom;
}
.page-id-1674 .logo_container img {
  visibility: hidden;
}
/*
 #################
 PPM SALES PAGE
 #################
 */
#main-content div.sg-narrow-elements {
  width: 40% !important;
}
div#sg-confession-to-make-text {
  padding-top: 40px !important;
}
div#sg-confession-to-make-text h2 {
  color: #fff !important;
}
/*
 #######################
 MACRONS BY MONDAY
 #######################
 */
/*
 #################
 BLOG PAGE
 #################
 */
.et_pb_blog_grid article {
  height: 662px;
}
/*
 #################
 BLURBS
 #################
 */
.sd-blurb {
  -webkit-box-shadow: 0px 2px 4px rgba(53, 45, 45, 0.18);
  -moz-box-shadow: 0px 2px 4px rgba(250, 77, 77, 0.18);
  box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.18);
  margin-bottom: 20px;
}
.sd-blurb .et_pb_blurb_container {
  padding: 40px;
}
.sd-blurb ul {
  margin-top: 16px;
}
.sd-blurb ul li {
  margin-bottom: 16px;
}
/*
 div#sd-master-class-blurb .et_pb_column {
 webkit-box-shadow: 0px 2px 4px rgb(53 45 45 / 18%);
 -moz-box-shadow: 0px 2px 4px rgba(250, 77, 77, 0.18);
 box-shadow: 0px 2px 4px rgb(50 50 50 / 18%);
 margin-bottom: 20px;
 }
 */
/*
 #################
 WOOCOMMERCE
 #################
 */
/* !!!!!!!!!!!!!! TEMP */
div#et-top-navigation .et-cart-info span {
  display: none;
}
.woocommerce-message, .woocommerce .woocommerce-info {
  background-color: #614a70 !important;
}
/*
 #################
 MOBILE MENU
 #################
 */
.mobile_menu_bar:before {
  color: #614a70 !important;
}
ul#mobile_menu.et_mobile_menu {
  border-top: 3px solid #614a70 !important;
}
.et_mobile_menu .hm-menu-item-top > a {
  font-weight: bold;
  background-color: rgba(0, 0, 0, 0.03);
}
.et_mobile_menu li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
ul#mobile_menu li a {
  padding-bottom: 14px !important;
}
/* 
 ######################
 SMALLER SCREENS
 ######################
 */
/*
 #################
 MAX WIDTH 1400px
 #################
 */
@media only screen and (max-width: 1400px) {
  /*
   #################
   PPM SALES PAGE
   #################
   */
  #main-content div.sg-narrow-elements {
    width: 60% !important;
    /*
     #################
     BLOG PAGE
     #################
     */
  }
  .et_pb_blog_grid article {
    height: 700px;
  }
}
/* END OF MAX WIDTH 1400px */
/*
 #################
 MAX WIDTH 980px
 #################
 */
@media only screen and (max-width: 980px) {
  /*
   #################
   HEADER - CUSTOM
   #################
   */
  div#sd-header .et_pb_column_0_tb_header {
    width: 70% !important;
  }
  div#sd-header .et_pb_column_1_tb_header {
    width: 30% !important;
  }
  div#sd-logo {
    margin-left: 40px !important;
    /*
     #################
     HEADING TITLES
     #################
     */
  }
  .sd-main-header h1 {
    font-size: 50px !important;
    max-width: 96%;
    margin: 0 auto;
    /*
     #################
     PRICE IMAGES
     #################
     */
  }
  .sd-price-image {
    width: unset !important;
    /*
     #################
     PPM SALES
     #################
     */
  }
  #main-content div.sg-narrow-elements {
    width: 80% !important;
    /*
     #######################
     MACRONS BY MONDAY
     #######################
     */
  }
  div#sd-home-baker-text {
    margin-top: -80px;
    /*
     #################
     BLOG PAGE
     #################
     */
  }
  .et_pb_blog_grid article {
    height: 640px;
    /*
     #######################
     CUSTOM FOOTER BOTTOM
     #######################
     */
  }
  #sd-footer-bottom-container .et_pb_row_1_tb_footer {
    display: flex;
    flex-direction: column;
  }
  #sd-footer-bottom-container ul {
    text-align: center;
  }
  #sd-footer-bottom-container .et_pb_social_media_follow .icon:before {
    font-size: 24px;
  }
  #sd-footer-bottom-container .et_pb_social_media_follow li a {
    margin-right: 48px;
  }
  #sd-footer-bottom-container .et_pb_social_media_follow li:last-child a {
    margin-right: 0;
  }
  #sd-footer-bottom-container .et_pb_row_1_tb_footer div:nth-child(1) {
    order: 3;
  }
  #sd-footer-bottom-container .et_pb_row_1_tb_footer div:nth-child(2) {
    order: 2;
  }
  #sd-footer-bottom-container .et_pb_row_1_tb_footer div:nth-child(3) {
    order: 1;
  }
}
/* END OF MAX WIDTH 980px */
/*
 #################
 MAX WIDTH 768px
 #################
 */
@media only screen and (max-width: 768px) {
  /*
   #################
   HEADER - CUSTOM
   #################
   */
  div#sd-logo {
    margin-left: 40px;
    /*
     #################
     HEADINGS
     #################
     */
  }
  .sd-main-header h1 {
    font-size: 40px !important;
  }
  .sd-text-with-colour-bg {
    padding: 20px !important;
    /*
     #################
     PPM SALES PAGE
     #################
     */
  }
  div#sd-course-guarantee-image {
    max-width: 50%;
    /*
     #################
     RECIPES
     #################
     */
  }
  .rtl .wprm-container-float-right {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  .wprm-recipe-image.wprm-block-image-rounded img {
    width: 100% !important;
    max-width: 100%;
    /*
     #################
     BLOG PAGE
     #################
     */
  }
  .et_pb_blog_grid article {
    height: auto;
  }
}
/* END OF MAX WIDTH 768px */