/**********************************/
/******  ORB BLOG INDEX PAGE ******/
/**********************************/

.blog-posts-header {
  text-align: center;  
  max-width: 700px;
  margin: auto; 
}

.blog-posts-container {
  text-align: center; 
  max-width: 700px; 
  margin: auto; 
  padding-left: 25px; 
  padding-right: 25px; 
}

.blog-post-container {
  margin-top: 50px; 
  margin-bottom: 50px; 
}

.blog-post-preview-text {
  text-align: left; 
}

.blog-posts-hr-1 {
  width: 100%;  
  color: #D3D2D3; 
}

.blog-posts-hr-2 {
  width: 80%;  
  color: #D3D2D3; 
  margin-top: 30px; 
}

.blog-post-excerpt {
  line-height: 135%; 
  font-size: 90%; 
  margin-top: 10px; 
}

.blog-filter {
  border-style: solid; 
  border-width: 2px;
  padding-left: 5px; 
  padding-right: 5px; 
  margin-top: 20px; 
  margin-bottom: 20px; 
}

.blog-filter-rest {
  border-color: #534E9F;   
}

.blog-filter-wellness {
  border-color: #4EAEA5;
}

.blog-filter-beauty {
  border-color: #D67DA3; 
}

.blog-filter-work {
  border-color: #459ED4; 
}

.blog-top-filter-rest {
  cursor: pointer; 
  color: #534E9F; 
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}

.blog-top-filter-wellness {
  color: #4EAEA5;
  cursor: pointer; 
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}

.blog-top-filter-beauty {
  color: #D67DA3; 
  cursor: pointer; 
  border-style: solid;
  border-width: 0px 1px 0px 0px;
}

.blog-top-filter-work {
  color: #459ED4; 
  cursor: pointer; 
}

.blog-title {
  font-size: 175%;  
}

.blog-post-title {
  color: black;  
}

.filter-by {
  margin-bottom: -10px; 
  text-align: left; 
  font-size: 75%; 
}

.blog-post-preview-filter {
  margin-top: 10px;  
  margin-bottom: 10px;  
}

.filter-active {
  font-weight: bold;  
}

.pagination {
 text-align: center;
 margin-bottom: 20px; 
}

/**********************************/
/******  ORB BLOG ARTICLE PAGE ****/
/**********************************/

.article-container {
  text-align: center; 
}

.back-blog-home {
  text-align: left;  
  background-color: #F6F6F6; 
  padding-top: 10px; 
  padding-bottom: 10px; 
  padding-left: 20px; 
  font-size: 85%; 
}

.article-title {
  font-size: 350%;  
  max-width: 800px;
  margin: auto; 
  line-height: 120%; 
  letter-spacing: 2px;
  padding-top: 20px; 
  padding-left: 10px; 
  padding-right: 10px; 
}

@media only screen and (max-width: 700px) {
  .article-title {
    font-size: 250%;  
  } 
}

.article-content {
  text-align: left;  
  max-width: 800px; 
  margin: auto; 
  margin-bottom: 50px; 
  padding-left: 25px; 
  padding-right: 25px; 
}

.related-posts-container {
  max-width: 800px; 
  margin: auto; 
  margin-bottom: 50px; 
  padding-left: 25px; 
  padding-right: 25px; 
}

.related-posts {
  text-align: left;  
  font-size: 150%; 
  font-weight: bold; 
}

.article-header-image > img {
  object-fit: cover;
  max-height: 400px; 
  width: 100%; 
}

.published-in {
  margin-right: 10px;  
}

.published {
  margin-top: 20px; 
  margin-bottom: 10px; 
}

.article-hr {
  max-width: 700px; 
  margin: auto;  
  margin-top: 25px; 
  margin-bottom: 25px; 
  color: #D3D2D3; 
}

.related-posts-hr {
  color: #D3D2D3;   
}

.related-post-container {
  text-align: left;  
}

.related-posts-teaser {
  line-height: 125%; 
  font-size: 80%; 
  margin-top: 10px; 
  margin-bottom: 5px; 
}

.related-posts-headline {
  font-size: 120%; 
  font-weight: 800; 
  margin-bottom: 5px; 
}

.related-posts-read-more {
  color: #4085DE;  
}

.blog-filter-related {
  text-transform: capitalize; 
}

.featured-product-container {
  max-width: 750px; 
  margin: auto; 
  height: auto; 
  margin-bottom: 50px; 
  padding-left: 20px; 
  padding-right: 20px; 
}

.featured-product-hr-top {
  color: #8C8C8C;
  max-width: 750px; 
  margin: auto; 
  margin-bottom: 20px; 
}

.featured-product-hr-bottom {
  color: #8C8C8C;
  max-width: 750px; 
  margin: auto; 
  margin-top: 20px; 
}

@media only screen and (max-width: 650px) {
  .featured-product-hr-top {
    margin-bottom: 0px; 
  }  
  .featured-product-hr-bottom {
    margin-top: 0px; 
  }  
}


.featured-left {
  height: 200px;
}

.featured-left-content {
  clear: both;
  height: 100px;
}

.floater {
  float: left;
  height: 44%;
  width: 100%;
  margin-bottom: -50px; 
}

.featured-right {
  vertical-align: middle;
  white-space: nowrap; 
  height: 200px; 
}

.featured-product-image {
  max-height: 200px; 
  width: auto;  
  vertical-align: middle; 
}

.vertical-align-helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.featured-product-copy {
  max-width: 300px; 
  margin: auto; 
  line-height: 125%;
  margin-bottom: 10px; 
  margin-top: 10px; 
}

.related-post-img {
  object-fit: cover;
  height: 100px; 
  width: 100%; 
}

@media only screen and (max-width: 700px) {
  .related-post-img {
    height: 75px; 
  } 
}

.blog-index-article-img {
  object-fit: cover;
  height: 150px; 
  width: 100%; 
}



/**************************************/
/******  ORB RETAILER PRODUCT PAGE ****/
/**************************************/

.go-to {
  color: #5C92D9;
}

@media only screen and (min-width: 750px) {
  .go-to {
    text-transform: none; 
    letter-spacing: 1px; 
    font-size: 150%; 
  }
}

.go-to-img {
  max-width: 15px; 
}

.header-logo-retailer {
    left: 15% !important;
}

.get-product-text {
  color: #8D9192; 
  font-size: 85%; 
  margin-bottom: 0px; 
}

.get-product-box-desktop {
/*   background-color: #918F8F;   */
  color: white; 
  text-align: left; 
  margin-top: 15px; 
  margin-bottom: 15px; 
  padding: 1px 5px 7px 5px; 
}

@media only screen and (max-width: 750px) {
  .get-product-box-desktop {
    display: none; 
  }
}

.get-product-box-mobile {
  color: white; 
  margin-bottom: 35px; 
  min-height: 50px;  
}

@media only screen and (min-width: 750px) {
  .get-product-box-mobile {
    display: none; 
  }
  .dhide {
    display: none;  
  }
}

.buy-product-box {
  background-color: #39434D; 
  color: white; 
  text-align: center; 
  padding: 10px 5px 10px 5px; 
}

.retailer-logo {
/*   max-width: 160px;   */
  max-height: 50px; 
}

.retailer-logo-mobile {
  max-height: 40px;  
/*   height: auto;  */
  width: auto; 
  margin-bottom: 10px;
}

.find-retailer {
  text-align: center;  
}

.find-retailer-text {
  color: #A81C82; 
  margin-top: 0px; 
  margin-bottom: 30px; 
}

.yotpo-main > .content-title {
  display: none !important;  
}

.related-blog-posts {
/*   max-width: 800px; 
  margin: auto; 
  margin-bottom: 50px; 
  padding-left: 25px; 
  padding-right: 25px;  */
}

.social-proof-module-top {
  padding-top: 10px;  
  padding-bottom: 50px; 
}

.social-show {
  display: auto; 
}

.social-proof-img {
  max-height: 50px;  
  margin-top: 30px; 
  padding-right: 7px; 
}

.social-proof-quote {
  color: #C4C4C4; 
  font-size: 300%; 
  line-height: 100%; 
  max-width: 900px; 
  margin: auto; 
}

.social-proof-link {
  margin-top: 1px;
  font-size: 65%; 
  color: #38424D; 
  letter-spacing: 1.3px; 
}

.social-proof-hr {
  color: #C4C4C4; 
  margin-top: 20px; 
}

.social-proof-hr-bottom {
  color: #C4C4C4; 
  max-width: 900px; 
  margin: auto; 
}

.page-retailer {
  padding-top: 30px;  
}

.cost-per-serving {
  color: #8D9192; 
  font-size: 85%; 
  margin-left: 8px; 
}

@media only screen and (max-width: 750px) {
  .social-proof-quote {
    font-size: 200%; 
  }  
  
  .social-proof-hr {
    display: none;  
  }
  
  .social-proof-module-top {
    padding-bottom: 25px;  
  }
  
  .mhide {
    display: none;  
  }

  .related-post-container {
    margin-bottom: 25px; 
  }
}

.retailer-description-mobile {
  margin-bottom: 2px; 
  color: #918F8F; 
}

.related-blog-posts-title {
  margin-bottom: 40px; 
  margin-top: 30px; 
}


/* #time-release-video-iframe {
  width: 1200px !important; 
  height: 700px;
  object-fit: contain;
  vertical-align: middle; 
  background-position: center bottom;
}
 */
#time-release-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#time-release-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.yotpo-container {
  padding-bottom: 0px;  
}

#storemapper-container {
  padding-top: 110px;  
}

.storemapper-title {
  margin-bottom: 35px;  
}

#storemapper-go {
  background-color: #313A45 !important;  
}

.storemapper-selected {
  background-color: #313A45 !important;    
}

.storemapper-storelink {
  background-color: #313A45 !important;    
  border-color: white !important; 
  color: white !important; 
}

.product-gallery-title {
  margin-bottom: 5px; 
  margin-top: 30px; 
}

.orb-insta-btn {
  margin-top: 25px; 
}

.yotpo-retailer-padfix {
  padding-top: 0px; 
}