/*
 Theme Name:   Save the Children
 Theme URI:    http://homemadedigital.com/
 Description:  Custom Save the Children Theme (Storefront Child Theme)
 Author:       HomeMade Digital
 Author URI:   http://homemadedigital.com
 Template:     storefront
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  save-the-children-child
*/


/* Social Media - emails footer  */

#social-media-container{
  text-align: center !important;
  border: 1px solid red;
}


/* mini cart  */
.woo_amc_open.right-bottom-fixed {
  position: fixed;
  right: 20px !important;
  bottom: 60px !important;
}

/* Sticky Header  */
.site-header{
  position: fixed;
  top:0;
  left:0;
  /* border: 3px solid red; */
  width: 100%;

}


/* Accessibility Tool  */
.admin-bar .header__top-menu{
  top: 38px;
}


.header__top-menu{
  text-align: center;
  text-decoration: none;
  background: #fff;
        position: fixed;
        top: 0;
        left: 45%;
        z-index: 9999999;
}

.header__top-menu ul{list-style: none; margin: 0 auto;}

.header__top-menu ul a{
  background: #da291c;
  color: #fff;
  cursor: pointer;
  padding: 20px 15px 15px 15px;
  letter-spacing: 0;
  line-height: 3;
  border-radius: 0 0 4px 4px;
  border: none;
  font-family: 'Lato', sans-serif !important;
  font-size: 15px;
  text-transform: none;
}

.header__top-menu ul a:hover{text-decoration: none;}



/* hamburger menu */
.menu-item-55403{background: #da291c !important;}
.menu-item-55403 a{  color:#fff !important;}



/* Shop Search btn  */
.shop-search .search-btn i.fas.fa-search {
  padding-top: 10px !important;
}



/* PRIMARY MENU : extending 100% after removing mini-cart */
.woocommerce-active .site-header .storefront-primary-navigation>.col-full .main-navigation {
  width: 100%!important;
  text-align: center!important;
}



/* Cookie Consent OneTrust */
#ot-sdk-btn {
  background-color: white !important;
  color: black !important;
  border: 0px !important;
  padding: 0px !important;
  text-transform: capitalize !important;
  text-decoration: underline !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

.site-footer .footer-links {
  width: auto !important;
}


/* homepage layout -- Rolling Banner*/
.home #stcRollingBanner{
  padding-top: 250px;
}

.carousel-indicators li {
  background-color: red !important;
}

.home .site-content{
  padding-top: unset;
}

/* pages layout */
.site-content{
  padding-top: 190px;
}

.intro-banner-caption .term-description p {
  margin: 10px;
}

.intro-banner .intro-banner-title h1 {
  line-height: 1.5 !important;
}


@media (max-width: 667px) {
  .intro-banner .intro-banner-title h1 {
    width: 90% !important;
    margin-left: 20px !important;
  }
}

@media (max-width: 320px) {
  .intro-banner .intro-banner-title h1 {
    margin-left: 5px !important;

  }
}


.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row {
  display: block;
}

/* .term-description{} */


.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  max-width: unset;
}



.home.blog .site-header,
.home.page:not(.page-template-template-homepage) .site-header,
.home.post-type-archive-product .site-header {
  margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: 'Oswald', sans-serif !important;
}

.footer-links a {
  font-family: 'Lato', sans-serif !important;
}

body {
  font-family: 'Lato', sans-serif !important;
}

.col-full {
  max-width: 100% !important;
}

ul.products li.product img {
  max-height: 250px;
  padding-top: 20px;
}

@media (max-width: 1024px) {
  ul.products li.product img {
    max-height: unset;
  }
}

@media (min-width: 1024px) {
  .add-a-donation {
    width: 280px !important;
  }
}

.term-description p {
  text-decoration: underline #d72b26;
  font-family: 'Lato', sans-serif !important;
  font-weight: normal !important;
  padding-top: 5px !important;
}

.promo-block {
  text-align: center;
}

.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main .promo-block-title {
  padding-left: 0;
}

.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main .promo-block-content {
  padding: 0 20px;
  margin: 20px 40px 20px 40px;
  text-align: left;
}

.promo-blocks.promo-blocks--2col .promo-block .promo-block-primary .promo-block-main .button {
  margin-left: 0px;
}


/* .jcwd-donation-text{
  border: 1px solid blue;
} */

/* BASKET PAGE */
.donation-block .jcwd-col2 .jcwd-col .jcwd-donation-text .add-a-donation {
  background-image: url(/wp-content/uploads/2022/08/add-donation-credit-scaled.jpg)!important;
  background-size: 360px 240px !important;
  background-position: center;
  width: 50%!important;
  padding-top: 240px !important;
  /* padding-bottom: 10px !important; */
  /* padding-left: 0px !important; */
  /* padding-right: 0px!important; */
  /* margin-top: 0px !important; */
  /* margin-left: 0px!important; */
  /* margin-right: 0px !important; */
  /* margin-bottom: 10px !important; */
  /* color: white !important; */
  /* font-size: 20px !important; */
  /* border: 1px solid red; */

}

/* .donation-block .jcwd-col2 .jcwd-col .jcwd-donation-text .add-a-donation-text {
  width: 40%!important;
  margin-left: 0px!important;
  margin-right: 0px!important;
  padding-left: 10px!important;

  border: 1px solid green;

} */



/* BASKET PAGE - ADD DONATION PICT HEADING */
@media (max-width: 435px) {
  .donation-block .jcwd-col2 .jcwd-col .jcwd-donation-text .add-a-donation {
    padding-bottom: 5px !important;
  }
}


/* CHECKOUT PAGE */

/* LEFT BLOCK */
#checkout-block-left {
  float: left;
  padding: 0px !important;
  margin: 0px !important;
  width: 50% !important;
}

/* LEFT BLOCK  */

/* BILLING / SHIPPING */
#customer_details {
  float: left;
  width: 100%;
  /* border: 1px solid red; */
}

#customer_details .col-1,
/* billing details */
#customer_details .col-2 {
  /* shipping details*/
  padding-right: 0px !important;
  padding-left: 0px !important;
}


/* RIGHT BLOCK */
#checkout-block-right {
  float: right;
  padding: 0px;
  margin: 0px;
  width: 49%;
}


/* RIGHT BLOCK */
#order_review_heading {
  padding-left: 40px !important;
  padding-top: 30px !important;
  padding-bottom: 0 !important;
  background-color: #fff !important;
}

#order_review_heading,
#order_review {
  float: unset;
  width: 100%;
}

#order_review.woocommerce-checkout-review-order,
.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
  background-color: #fff !important;
}





/* GIFT AID  + KEEPIN TOUCH BLOCK */

#checkout-block-center {
  float: left !important;
  padding: 50px !important;
  background-color: #fff !important;
  /* border: 1px solid red; */
}

/* GIFT AID / KEEP IN TOUCH */
.woocommerce-additional-fields .gift-aid-section #gift-aid-heading {
  background-image: url(../savethechildren/assets/images/checkout/giftaid.svg);
  background-repeat: no-repeat;
  background-position: center left;
  text-indent: -9999px;
  min-height: 52px;
  min-width: 148px;
}

.woocommerce-additional-fields .gift-aid-section {
  border-bottom: 1px solid;
  padding-bottom: 1.25em;
  margin-bottom: 1.875em;
}


#keeping_in_touch_footer_caption_field {
  margin-top: 0px !important;
}


.woocommerce-additional-fields h3>.caption {
  font-family: Arial;
  text-transform: none;
  font-size: 16px;
  line-height: 24px;
  display: block;
}

label.checkbox {
  font-size: inherit;
  font-weight: 700;
}

@media (max-width: 1024px) {
  #checkout-block-left {
    width: 100%
  }
}






  /* accessibility tool on top menu hidden if screen < 1024px */
@media (max-width: 1024px) {
  .header__top-menu{
    display:none;
  }
}



/* screen > 768px  */
@media (min-width: 768px) {

  /* Accessibility Tool link in primary menu hidden if screen > 768px */
  #menu-item-55403{
    display:none !important;
  }

}



 /* screen < 768px */
@media (max-width: 768px) {

  .admin-bar .site-header{
    top: 48px;
  }

  /* mini cart  */
  .woo_amc_open.right-bottom-fixed {
    position: fixed;
    right: 20px !important;
    bottom: 80px !important;
  }

}