/* Homepage Update Styles  */

.template-index .featured-text-container { 
	padding: 0px 0px 0;
    margin-top: 0;
}
.logo-list-container {
    margin: 0 20px;
}

.product-card-details .title a {
  background: #000;
  color: #fff !important;
  padding: 5px 10px 5px 40px;
  border-radius: 5px;
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
}
.product-card-details .title a:hover {
    background: #E4B224;
}
.product-card-details { text-align: center; }

.product-card-details .title a:hover::before {
    border-left: 12px solid #fff;
}

.product-card-details .title a::before {
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 12px solid #E4B224;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: 15px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer-bottom-section .newsletter {
    padding: 40px 0 !important;
    text-align: center;
}

.footer-bottom-section h2.title {
    margin-bottom: 10px;
}

.footer-bottom-section .social {
    padding: 0 !important;
    text-align: center;
}
.footer-bottom-section .social h2.title{ display:none; }


.featured-text>h2 { display: none !important; }

.template-index .welcome-area {
  position:relative;
  padding: 100px 0 0;
}

div#yotpo-testimonials-custom-tab {
    margin: 0 auto;
}

.footer-bottom-section .newsletter {
    padding: 10px 0;
    text-align: center;
}

.template-index .welcome-area::before {
  content: "";
  background: url(../../../files/bb-jeremiah-art_5009120084734453013.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0.1;
  position: absolute;
  z-index: -1;
  top:50%;
  left:50%;
  transform: translate( -50%, -50%);
  width: 250px;
  height: 400px;
}

.template-index .welcome-area h3 {
  max-width:100%;
}

.template-index .welcome-area h2 {
  font-size:42px;
}

.template-index .welcome-area h2 > span {
  position:relative;
}

.template-index .welcome-area h2 > span::before {
  content: "";
  background: url(../../../files/paint_548115967051003536.svg);
  width: 80%;
  position: absolute;
  top: 20px;
  left: -30px;
  padding-top: 7%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.template-index .welcome-area h3 > strong {
  padding-top: 10px;
  display: block;
  text-transform:uppercase;
  letter-spacing:2px;
}

.template-index .home-youtube {
  background: url(../../../files/bg-wood-compressed_3558.jpg);
  display:block;
  max-width:980px;
  margin:auto;
  margin-top: 60px;
}

#bb-features .bb-container > h2 {
  font-family:"TheanoDidotRegular",serif;
  font-size:42px;
  text-align:center;
  margin-bottom:20px;
  position:relative;
  color:#000;
}

#bb-features .bb-container > h2::before {
  content: "";
  background: url(../../../files/paint_548115967051003536.svg);
  width: 300px;
  position: absolute;
  top: 40px;
  left: 50%;
  padding-top: 7%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position:center;
  z-index: -1;
  transform:translate(-50%, -50%);
}

.bb-container {
  display:block;
  max-width:1200px;
  margin:auto;
  padding:100px 0;
}

.bb-row {
  display:flex;
  flex-wrap:wrap;
}

.bb-col-6 {
  text-align:center;
  padding:15px;
  width: 50%;
  margin-bottom:40px;
  margin-top:40px;
}

.bb-feature {
  border:solid 1px #bbb;
  padding:20px 20px 70px 20px;
  position:relative;
}

.bb-feature img {
  max-width:100px;
  background:#fff;
  margin-top:-70px;
  margin-bottom:25px;
}

.bb-feature h4 {
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:2px;
  margin-bottom:15px;
}

.bb-feature h2 {
  font-family:"TheanoDidotRegular",serif;
  display:block;
  margin:auto;
  max-width:450px;
  font-size:30px;
  color: #000;
}

.bb-feature a {
  display: block;
  position: absolute;
  bottom: -30px;
  padding: 20px 40px;
  background: #222;
  color: #fff;
  font-size: 20px;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.bb-feature a::before {
  content:"";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  height: 82%;
  border: solid 1px #fff;
  transform: translate(-50%, -50%);
  transition:all ease 0.3s;
}

.bb-feature a:hover::before {
  width: 105%;
  height: 118%;
  border-color: #000;
}

@media only screen and (max-width:960px) {
  .template-index .welcome-area h2 > span {
    display:block;
  }
  
  .bb-col-6 {
    width:100%;
  }
}

.content a{
    font-weight: bold;
    color: #666;
    text-decoration: underline;
}
.content a.action-button{
    color: #fff;
    text-decoration: none;
}
.content .product a{
    color: #fff;
    text-decoration: none;
}
.content .notes a{
    text-decoration: none;
}

.BIS_trigger{
    margin-top: 35%;
}


/* GIFT CARD SECTION ON HOMEPAGE */

.gift-card-container {
  padding: 50px 25px;
  text-align: center;
  margin-bottom: 70px;
  border: none;  
}

.gift-card-container a{
  color: #fff;
  text-decoration: none;
}

#gift-card-section {
 background-color: #e4b225;
 border: solid 1px #e4b225; 
}



/* Collection Pages */ 

/* adjusts spacing for learn more section for product categories i.e., beard oil, on mobile */ 

@media only screen and (max-width: 720px) {
  
  .learn-more-buttons {
    padding-top: 50px;
    
  }

  .action-button{
    width: 100%;
  }
}


/* adjusts spacing for learn more section on scent pagesmobile */ 

@media only screen and (max-width: 720px) {
  .scent-header .learn-more-buttons {
    padding-top: 0px;
    padding-bottom: 50px;
    
  }
}


/* homepage mobile slideshow  */ 

#shopify-section-1579214715563{
  display: none !important;
  position: relative;  
}

/*

@media only screen and (max-width: 550px) {

#shopify-section-dynamic-slideshow{
  display: none; 
}

#shopify-section-1579214715563{
  display: block !important;
  position: relative;  
}

#shopify-section-1579214715563 .content{
  color: #fff !important;
  position: absolute;
  bottom: 125px;     
}

#shopify-section-1579214715563 .content h2{
  color: #fff; 
}

#shopify-section-1579214715563 .call-to-action{
  margin-top: 25px;
  margin-bottom: 20px; 
  border: solid 2px; 
}

#shopify-section-1579214715563 .jump-to-slide{
  display: none; 
}
  
.template-index .welcome-area{
  padding-top: 25px;
}  
  
#shopify-section-1579214715563 .image-wrap {
  height: 85vh; 
}  
  
}

*/