/*
Theme Name: Cape Schanck
Theme URI: http://clients.5creative.com.au/cape_schanck
Author: FIVE - Raf Segat
Author URI: http://clients.5creative.com.au/cape_schanck
Template: five
Description: Child theme of FIVE
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: wordpress
Text Domain: five
*/

@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

@import url('css/style.css');

.logged-in .hide-logged-in { display: none; }
.woocommerce-checkout .footer-grove-club, .woocommerce-checkout .footer-dark-cool, .woocommerce-cart .footer-grove-club, .woocommerce-cart .footer-dark-cool { display: none;  }

.woocommerce-checkout .create-account .input-checkbox { position: relative; }
footer .footer-copyright a.byfive { color:white; }
footer .footer-copyright a.byfive:hover, footer .footer-copyright a.byfive:hover img { color:#c03429; }
.onsale { display: none; }

footer.main-footer .info i {
  font-size: 25px;
}

.woocommerce-variation-availability {
    padding-left:10px;
}

.grove-cta-content p {
  font-family: "oswald", sans-serif;
}

#tpbr_topbar { z-index: 9997 !important; }
#tpbr_box {
  font-family: 'Oswald', Helvetica, Arial, sans-serif !important;
}
a#tpbr_calltoaction {
    border: solid 1px white;
    background: #c03429 !important;
    transition: background 0.75s ease;
}
a#tpbr_calltoaction:hover {
  background: #a1150a !important;
}

#sb_instagram #sbi_images .sbi_item {
  margin: 2% !important;
}

.made-by-five {
  color: #78838e;
}
.social-icons i:hover {
  color: #c03429 !important;
}

.footer-con p, .footer-con a {
  font-family: 'Oswald', Helvetica, Arial, sans-serif !important;
}
.footer-con a {
  color: white;
}
.footer-con a:hover {
  color: #c03429;
}

#sb_instagram .sbi_follow_btn a {
  padding: 14px 28px;
  font-size: 18px;
}

#Frantoio { color: #c03429; }
#Picual { color: #508369; }
#Leccino { color: #829389 }
#Coratina { color: #77881c; }
#Picholine { color: #a8b289 }

@media (max-width: 600px) {
.icon-right .elementor-icon-box-icon {
float: right;
padding-top: 5px;
}

.icon-right .elementor-icon-box-content {
text-align: left;
display: table;
}

}

.recipe-search input {
  border-radius: 0;
  border: none;
}
.recipe-search input[type=search] {
  padding: 25px 20px;
  border-radius: 25px 0 0 25px;
  font-weight: 300;
  font-size: 20px !important;
  line-height: 31px;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
}
.recipe-search input[type=search]::placeholder {
  font-weight: 300;
  font-size: 20px !important;
  line-height: 31px;
  font-family: 'Oswald', Helvetica, Arial, sans-serif;
}
.recipe-search button[type=submit] {
  vertical-align: top;
  background: #1F3142;
  color: white;
  border-radius: 0 25px 25px 0;
}
.recipe-search button[type=submit] .is-search-icon {
  height: 52px;
  width: 50px;
  padding-top: 12px !important;
  border-radius: 0 25px 25px 0;
}
.recipe-search button[type=submit] .is-search-icon svg {
  width: 30px;
  height: 30px;
}
.recipe-search button[type=submit]:hover .is-search-icon {
  background: var( --e-global-color-172b3e48 ) !important;
  border-color: var( --e-global-color-172b3e48 ) !important;
}

.st-tag-cloud {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.st-tag-cloud li {
  padding-bottom: 0.5em;
}
.st-tag-cloud li a {
  padding: 0 1em;
  border-left: 1px solid #1F3142;;
}
.st-tag-cloud li:first-of-type {
  border: none;
}
.st-tag-cloud li a:hover {
  color: var( --e-global-color-172b3e48 ) !important;
}

.in-this-recipe {
  margin-bottom: 30px;
}

.ingredient-tile-wrap {
  margin: 0 -20px;
  display: flex;
  align-content: space-between;
  flex-wrap: wrap;
}
.ingredient-tile-wrap .tile {
  padding: 0 20px;
  padding-bottom: 20px;
  width: 25%;
}

.single-recipe .video-embed {
  margin-bottom: 50px;
}

.single-recipe .ingredients {
  margin-bottom: 50px;
}

.single-recipe .video-embed {
    background: #F4F4F5;
    padding: 45px 30px;
}

.single-recipe .video-embed .videoWrapper {
  position: relative;
  padding-bottom: 175%;
  height: 0;
}
.single-recipe .video-embed .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%    !important;
  width: 100%    !important;
  height: 100%   !important;
}

@media (max-width: 992px) {
  .ingredient-tile-wrap .tile {
    padding: 0 20px;
    padding-bottom: 20px;
    width: 50%;
  }
}

.product-type-variable .price { display: none; }
.product-type-variable .woocommerce-variation-price .price { display: block; }

#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
  box-shadow: none !important;
}