.search {
      top: 120px;
position: fixed;
  background-color: #ff9900;
} 

.premade-dropdown {
 position: fixed; 
}

.accordion-wrapper-content {
      transition: padding-top 250ms ease, padding-bottom 250ms ease !important;
}

@media (max-width: 768px) {
 .byo-section.shop.illustration {
  background-size: cover;
} 
}

.product-form-input textarea  {
  height: auto !important;
}

.product-form-input input, .product-form-input textarea  {
     height: 50px;
    margin-right: 10px;
    margin-bottom: 0px; 
      display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

@media(max-width: 768px) {
 .sticky-product-refinement {
  min-height: auto; 
 }
}


/** Login form **/
#CustomerLoginForm {
 display: flex;
 justify-content: center;
}

#CustomerLoginForm input {
     padding: 16px;
    width: 100% !important;
    margin-bottom: 12px; 
  border: none;
  background:  #e1e1e1
}

#CustomerLoginForm input[type="submit"] {
 color: white; margin-left: 0px !important; margin-right: 0px !important; 
  background: #ff0074;
}

/** Fix checkout form on mobile **/
@media(max-width: 600px) {
 .cart-section {
  	padding: 0px 
 }
  
  div.cart-items {
   	padding: 40px;
    margin-bottom: 0px;
  }
  
  .flex-horiz {
   	flex-direction: column !important; 
    align-items: center;
  }
  
  .welcome-box{
    width: 90%;}
  
  .welcome-image{
  width: 200px !important;
}
  
  .header.home{
    background-position:70% 50% !important;}
  
  .search {
      top: 130px;
	position: fixed;
} 

 
}


/** Navbar rewrite: see navbar.js **/
.premade-dropdown.teaware,
.premade-dropdown,
.search {
  transform: translateY(-436px);
  transition: all 250ms;
}


/** Search page overrides **/
.product-image-small-sq{
  border-radius: 100px;
  border: 10px solid white;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.product-img-search{
  border: none;
  border-radius: 0px;
  max-height: 100%;}

.shop-section.search-area{
  display: flex;
  flex-direction: row;
  justify-content: center !important;
  align-items: center !important;}

.product-wrappers-search{
  width: 100% !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 30px;
  background-color: #f5f5f5;
  padding: 30px;
}

@media(max-width: 768px) {
  .navbar .nav-links {
    order: 1
  }
  .header.mtc{
    background-position:300px 0px;
    background-attachment: scroll;}
  .dd-title{
    justify-content: center;}
}


@media(max-width: 991px) {
  .sticky-product-refinement{
    height:auto;
  }
  .options {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .menu-button-mobile{
    margin-left:0px;}
}



/** Fixes Safari rending the dropdown button undesirably large **/
.dropdown-div img, .dd-title img {
  height: intrinsic
}


/** Page fill adjustments **/
body {
 display: flex;
 flex-direction: column;
}
  
body.template-404 > div[class="404"] {
  flex: 1;
  justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
}

div.byo-image {
 height: auto !important; 
}

.about-section, body#account div.grid, body.template-search div.grid, body#custom-blends div.byob-section {
  flex: 1;}


//* end **/

.spr-summary{
 font-family: museo; 
}

.spr-header-title{
  display: none;}

.cart-item{
 min-width:375px; 
}

.product-template__container{
  margin-top: 60px;}

.grid{
  margin-top: 40px;}

.input-group-field{
  height: 60px;
  width:90%;
  background-color: #f2f2f2;
  max-width: 350px;
  border: none;
  padding-left: 20px;
}

.input-group.search-bar{
	display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top:20px;
}

.input-group-btn{
  background-color: #ff0074;
  color: #ffffff;
  height:60px;
  padding:5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width:120px;
  font-family: museo;
}

.btn.icon-fallback-text{
  background-color: transparent;
}

.grid__item{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body{
  font-family: museo;
}

.search{
  max-width:425px;
  padding:30px;
}

a:hover{
  text-decoration: none;}

.dropdown-item-link{
  width:140px;
	margin-top: 5px!important;
	margin-bottom:5px !important;}

.thumbnail-image{
  width:80px;
  height: 80px;}

.page-margin{
  margin: 20px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content: center;
}

.product-builder--option-price{
  display: none;}
  
.uk-button, .uk-button-primary{
  background:#ffbf00!important;}

.pb_wrapper{
  margin-top: 40px !important;}


@font-face {
  font-family: 'Shorelines';
  src: url("Shorelines_Script_Bold.otf") format("opentype"),
       url("Shorelines_Script_Bold.woff") format("woff");
    font-weight: 700;
  font-style: normal;
}  



/* PRODUCT REVIEWS CSS ADDITIONS 9-10-19*/

.spr-header-title{
	display: none;
}

#shopify-product-reviews{
	width: 100%;
	max-width: 1170px;
}

.tabs-section{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.spr-summary{
	font-family: museo;
	font-weight: 300;
}


/* @media(min-width: 648px) {
  .easytabs-content-holder > * {
 min-width: 590px 
}
  .easytabs-accordion{
    min-width: 590px;}
   */
}

.byo-section.shop.illustration{
  background-size:cover;
  background-repeat: no-repeat;}

body{
  overflow-x: hidden;}

.sticky-product-refinement > h3{
  margin-bottom: 30px;}


/*SHIT FOR SEARCH PAGE*/
.rte{
  margin: 20px;}

#bc-sf-filter-wrapper{
  display: flex !important;
  flex-wrap: wrap !important;}


.bc-sf-filter-right-col{
  display: flex !important;
  flex-wrap: wrap !important;
  max-width:70%;
width:70%;

}

#bc-sf-filter-products{
  display: flex !important;
  flex-wrap: wrap !important;
}

#bc-sf-filter-wrapper{
  display: flex !important;}

.template-collection #bc-sf-filter-tree{
  width: 100% !important;}

.template-collection .bc-sf-filter-left-col{
  max-width: 100%;}


 .navbar{
  border-top: 15px solid #0dcbd1;}

.select-plan-mtc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 60px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;}

.options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 900px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

div.rc_popup__block__footer{
display: none!important;}

#build-your-own-blend #pbContainer {
  flex: 1;
}

div#ReCharge {
 flex: 1 
}

.product-images-individual {
 width: 500px; 
}


#hidden-description {
 visibility: hidden; 
}

.qty-selector{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;}

.selector-wrapper,.product-form-input{
  width: 260px;}

#accordion-target{
  max-width:700px;
  width: 100%;}

.lowercase{
  display: flex;
  flex-direction: column;
  align-items: center;}

.subtitle{
  font-size: 16px;
  color: #0dcbd1;}

.dropdown-item-link{
  width: auto;}

.dd-menu-items{
  width: 75%;}

.bc-sf-search-suggestion-product-title>.subtitle{
  font-size: 14px;}

.lc{
  text-transform: lowercase;}



.accordion-wrapper-section.open .accordion-wrapper-content {
  max-height: unset !important;
}

.product-title{
  display: flex; 
  flex-direction: column; 
}

.product-title>.subtitle{
  font-size:16px;}

.product-title2{
  display: flex; 
  flex-direction: column; 
}

.product-title2>.subtitle{
  font-size:16px;
color:#ff0074;}

.banner-top{
  background-color:#ffbf00;
  padding:20px 20px 10px 20px;
position: relative;
z-index:1;}

.banner-top>p{
  font-size:16px;
text-align: center;}

.welcome-image{
  width: 350px;
}

.header.home{
  height: 90vh;
}

.spr-button{
  background-color:#ffbf00;
  color: #ffffff;
  padding:10px 20px;
}

.product-builder--summary-price{
  display: none !important;}

@media (min-width:991px){
  .bc-sf-filter-left-col{
    max-width:23%;}
}

#customer_login{
  width:390px;}

.btn--full{
  width: 200px; 
  color: #ffffff;
  background-color: #ffbf00;
  margin-top: 20px;
  padding:20px;
  border:0px;
  border-radius:0px;
}

.hidden-label{
  display: none!important;}

.input-full{
  width:200px !important;
  padding:10px;
margin-top:20px;}

#create_customer{
  display: flex;
  flex-direction: column;}

#RecoverPasswordForm >.form-vertical{
  display:  flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}

.grid__item{
  align-items: center;}

@media (max-width:475px){
  .premade-dropdown{
    align-items: flex-start;
  }
  
  .dd-menu-items{
    width:90%;
/*   margin-top: -60px; */
  }
  
  .dropdown-item-link{
    width:150px;}
  
  .premade-dropdown{
    height:auto;}
  
  .premade-dropdown.teaware{
    height:425px !important;}
  
  .dd-title{
    display: none!important;}
  
  .nav-links{
    margin-top: 5px !important;}
  
}

.uk-sticky-fixed{
  z-index: 2!important;}
  

.blog-text{
  max-width:1170px;
width: 100%;}

.blog-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

}