/**
** Header
**/

.mainheader-in #nav-l li:nth-child(3) ul,
.mainheader-in #nav-l-scr li:nth-child(3) ul {
  width: 140px;
}

/**
** Homepage
**/

/**
.fruit-bites-item .nh-inner .nh-icon {
    -webkit-transform: translate(-15px, 0px) !important;
    -moz-transform: translate(-15px, 0px) !important;
    -ms-transform: translate(-15px, 0px) !important;
    -o-transform: translate(-15px, 0px) !important;
    transform: translate(-15px, 0px) !important;
}
**/

#section3 .content-wrap > .fruit-bites-item:nth-child(2) .nh-icon {
    margin-left: -20px;
}


/**
** Fruit Bites Page
**/

.fruit-bite-icons {
  max-width: 735px;
  margin: 0 auto;
}

/**
** Frozen Bites Page
**/

.flavor__name,
.btn--fruitbites,
.btn--onGreen,
.flavor__toggle,
.fruit-bite-event__title,
.pagehead--fruit-bites h1,
.pagehead--usvthem h1,
.fruit-bites__flavors .heading,
.fruit-bite-event__date,
.fruit-bites__events .heading {
      font-family: 'Gotham A', 'Gotham B', sans-serif;
}

.pagehead--frozen-bites h1 {
  text-transform: uppercase;
}

@media only screen and (max-width: 749px) {
  .pagehead--frozen-bites .content-wrap h1 {
    font-size: 4rem !important;
  }
}

@media only screen and (max-width: 480px) {
  .pagehead--fruit-bites h1,
  .pagehead--frozen-bites .content-wrap h1,
  .pagehead--yo-berries h1 {
    font-size: 36px !important;
  }
}



@media only screen and (min-width: 750px) {
  .pagehead--frozen-bites h1 {
  max-width: 610px;
  font-size: 5rem;
}
}


/**
** Fruit Bites Page
**/

.pagehead--fruit-bites h1 {
  text-transform: uppercase;
}

@media only screen and (min-width: 750px) {
  .pagehead--fruit-bites h1 {
  max-width: 610px;
  font-size: 5rem;
}
}

/**
** Yo-Berries Page
**/

.page-template-page-yo-berries .mainheader:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 24px 101px 131px -38px rgba(0,0,0,0.75);
    -moz-box-shadow: 24px 101px 131px -38px rgba(0,0,0,0.75);
    box-shadow: 24px 101px 131px -38px rgba(0,0,0,0.75);
    top: -125px
}

.page-template-page-yo-berries .fruit-bites--green-badges {
  position: relative;
  padding-bottom: 200px;
  background-color: #fff;
  margin-bottom: 0;
}

.page-template-page-yo-berries .fruit-bites--green-badges > .head-title {
    max-width: 400px;
    margin:  0 auto;
    margin-bottom: -30px;
    /* text-transform: capitalize; */
}

.page-template-page-yo-berries .fruit-bites__flavors {
    background-image: none;
    mix-blend-mode: unset;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.pagehead--yo-berries {
      background-image: url(../images/hero-yo-berries.jpg);
}

.pagehead--yo-berries h1 {
  text-transform: uppercase;
}

.fruit-bites--yo-berries-boy {
    height: 500px;
    background-image: url(../images/yo-berries-boy.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-template-page-yo-berries .fruit-bites--green-badges:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/fruit-necklace-updated.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  left: 0;
  right: 0;
  display: none;
}

.page-template-page-yo-berries .bg--fruitPattern {
  background-image: url('../images/bg-fruits-yo-berries.png');
  background-position: left top -3%;
}

.page-template-page-yo-berries .fruit-bites__flavors .heading {
  color: #623695;
}

.page-template-page-yo-berries .fruit-bites-description {
    background-color: #fbefee;
}

.berries-intro {
    background-color: #fff;
}

.page-template-page-yo-berries .np .fruit-bites-description__heading {
    font-size: 18px;
    margin-bottom: .5rem;
}

.page-template-page-yo-berries .np .fruit-bites-description__desc {
  margin-top: 0;
}

@media screen and (max-width: 949px) {
  .pagehead--yo-berries {
    background-position: left 30% bottom 50%;
    background-size: 200%;
    height: 300px;
  }
  .fruit-bites--yo-berries-boy {
    height: 300px;
    background-size: cover;
    background-position: left;
}

}

@media only screen and (max-width: 749px) {
  .page-template-page-yo-berries .bg--fruitPattern {
    background-size: 350%;
    background-position: left top 7%;
  }
  .page-template-page-yo-berries .fruit-bites--green-badges {
    padding-bottom: 30px;
    margin-top: 0;
  }
}


@media only screen and (min-width: 750px) {
  .pagehead--yo-berries h1 {
  max-width: 610px;
  font-size: 5rem;
}

.page-template-page-yo-berries .fruit-bites--green-badges:before {
  content: '';
  display: block;
  max-width: 700px;

}

.page-template-page-yo-berries .fruit-bites--green-badges > .fruit-bite-icons {
  max-width: 400px;
  margin: 0 auto;
}

.page-template-page-yo-berries .fruit-bites--green-badges > .head-title > h3 {
    font-size: 28px;
    margin-top: 170px;
    text-transform: capitalize;
    line-height: 1.3;
}

.page-template-page-yo-berries .fruit-bites--green-badges {
  position: relative;
  padding-bottom: 200px;
  background-color: #fff;
  padding-top: 90px;
}

.page-template-page-yo-berries .fruit-bites__flavors .heading {
  font-size: 35px;
  margin-bottom: 25px;
}

}

@media only screen and (min-width: 950px) {
  .page-template-page-yo-berries .fruit-bites--green-badges:before {
  max-width: 800px;

}
}

/**
** Vegetable Bites
**/

.page-template-vegetable-bites .fruit-bites__flavors {
    background-image: url(https://www.perfectlyfree.com/wp-content/themes/Cuubes/css/images/product-shot--carrot-mango.png), url(https://www.perfectlyfree.com/wp-content/themes/Cuubes/css/images/product-shot--beet-berry.png);
}

.page-template-vegetable-bites .bg--fruitPattern {
  background-image: url("../images/bg-vegetables.png");
}

.page-template-vegetable-bites .bg--fruitPattern .pagehead--vegetable-bites {
    background-image: url("../images/veg-bg.jpg");
}

.page-template-vegetable-bites  .fruit-bites--featured-image {
    position: absolute;
    top: 0px;
    max-width: 1000px;
    right: -100px
}

@media only screen and (max-width: 480px) {
.page-template-vegetable-bites     .pagehead--fruit-bites h1 {
    font-size: 20px !important;
    position: relative;
    top: -25px;
    line-height: 30px;
    left: -15px
}

}
@media only screen and (min-width: 768px)
and (max-width: 1023px) {
 .page-template-vegetable-bites    .fruit-bites--featured-image {
    position: absolute;
    top: 0px;
    max-width: 700px;
    right: -100px
}

.page-template-vegetable-bites  .pagehead--fruit-bites h1 {
    font-size: 36px !important;
    position: relative;
    top: -5px;
    line-height: 50px;
    left: -15px
}

}

@media only screen and (min-width: 1024px) {
 .page-template-vegetable-bites    .fruit-bites--featured-image {
    position: absolute;
    top: 0px;
    max-width: 1000px;
    right: -200px
}

}



/** Let's make the how to enjoy section icons on the frozen bit page smaller! **/

.np #bites-instructions > .content-wrap > .columns .frozen-i-col > img {
    max-width: 200px;
}

@media screen and (max-width: 749px) {
  .np #bites-instructions > .content-wrap > .columns .frozen-i-col > img {
    max-width: 150px;
}
}

/**
** Vegetable Bites Modal
**/

#vegetablebites-modal {
  max-width: 600px;
}

#vegetablebites-modal .pf-vegetablebites-lockup {
    max-width: 340px;
}

#vegetablebites-modal .btn--fruitbites {
  background-color: #603495;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "VAGRoundedLTPro-Bold";
  letter-spacing: 1px;
}

#vegetablebites-modal .modal-promo {
    font-style: italic;
    color: #828282;
    font-size: 10px;
    max-width: 290px;
    margin: 20px auto auto;
}

#vegetablebites-modal .modal-promo > span {
    color: #91c831;
    font-size: 16px;
}

/**
** Pumpkin Bites Modal
**/

#pumpkinbites-modal {
  max-width: 600px;
}

#pumpkinbites-modal .close-modal {
  background-color: #ff761a;
}

#pumpkinbites-modal .pf-pumpkinbites-lockup {
    max-width: 340px;
}

#pumpkinbites-modal .btn--fruitbites {
  background-color: #ff761a;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "VAGRoundedLTPro-Bold";
  letter-spacing: 1px;
  display: inline-block;
}

#pumpkinbites-modal .product-img {
  max-width: 235px;
  margin: 0 auto;
}


#pumpkinbites-modal .modal-promo {
    font-style: italic;
    color: #828282;
    font-size: 10px;
    max-width: 290px;
    margin: 20px auto auto;
}

#pumpkinbites-modal .modal-promo > span {
    color: #91c831;
    font-size: 16px;
}

/**
** Pumpkin Bites Modal
**/

#fruitbites-modal {
  max-width: 655px;
}

#fruitbites-modal .close-modal {
  background-color: #95c93d;
}

#fruitbites-modal .pf-pumpkinbites-lockup {
    max-width: 340px;
}

#fruitbites-modal .btn--fruitbites {
  background-color: #603495;
  text-transform: uppercase;
  font-weight: bold;
  font-family: "VAGRoundedLTPro-Bold";
  letter-spacing: 1px;
  display: inline-block;
}

#fruitbites-modal .product-img {
  max-width: 260px;
  margin: 0 auto;
}


#fruitbites-modal .modal-promo {
    font-style: italic;
    color: #828282;
    font-size: 10px;
    max-width: 290px;
    margin: 20px auto auto;
}

#fruitbites-modal .modal-promo > span {
    color: #91c831;
    font-size: 16px;
}

/**
** Find us page
**/

#store-near,
.store-near {
    text-align: center;
    margin: 2rem 0 3rem;
    display: none;
}

#fullpage #storepoint-container #storepoint-search > *:empty {
    display: none !important;
}

#fullpage #storepoint-container #store-near,
#fullpage #storepoint-container .store-near {
  display: block;
  overflow: hidden;
  margin: 0;
}

.pre-flavor-info {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (max-width: 749px) {
  #find-cherries .col-4 {
    width: 90%;
    float: inherit;
    margin: 0 auto 2rem;
}

#find-cherries .col-4 .img-wrap {
    max-width: 200px;
    margin: 0 auto;
}
}

#fullpage #storepoint-container #store-near .btn {
    margin-top: 15px;
    display: inline-block;
}

.btn-row > div .store-near {
    margin-top: -15px;
    margin-bottom: -15px;
    padding: 65px 0 75px;
}

.btn-row > div:first-child .store-near {
    border-bottom: solid 1px #e6e6e6;
}

@media only screen and (min-width: 750px) {
    .btn-row > div:first-child .store-near {
    border-right: solid 1px #e6e6e6;
    border-bottom: none;
}
}

@media only screen and (max-width: 749px) {
    .btn-row .col-6 {
        width: 100%;
    }
}

/**
** Oh hey you! This is where you're gonna make any responsive edits
**/

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

  /** Let's make sure that all the links in mobile hamburger menu are clickable **/
  .nav-m {
      z-index: 1000;
  }
}

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

  /** Let's make sure that those 2 product columns in the middle of the page on the homepage look all good in mobile **/
  #section3 .col-6 {
      width: 100%;
      float: none;
  }
}

#find-cherries .content-wrap {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.img-wrap img {
    max-width: 100%;
}

@media (min-width: 751px) {
  .img-wrap {
    max-width: 350px;
    margin: 0 auto;
}

.img-wrap.img-one {
    max-width: 470px;
    margin-top: 2em;
}

.img-wrap.img-two {
    max-width: 470px;
    margin-top: 1.2em;
}

.img-wrap.img-three {
    max-width: 230px;
    margin-top: 2.5rem;
}

#find-cherries .content-wrap > div p {
  max-width: 360px;
  margin: 0 auto;
}


#find-cherries .content-wrap > div:nth-child(1) p {
  position: relative;
  top: .8rem;
}

#find-cherries .content-wrap > div:nth-child(2) p {
  position: relative;
  top: -1.5rem;
}

}

/**
** Its six now on the frozen bits page so...
**/

div.mainwrapper #bites-3 .col-3 {
  min-width: 200px;
  width: 16%;
}

@media (max-width: 750px) {
    #find-cherries .content-wrap {
        display: block;
}
    #find-cherries .col-6 {
    width: 100%;
    float: none;
    margin-bottom: 2.5rem
}
}


.product-purchase-reminder-section {
    background-color: #4da6a5;
    padding: 50px;
    text-align: center;
    overflow: hidden;
}

.product-purchase-reminder-section > .section-title {
    color: #fff;
    position: relative;
    display: inline-block;
}

.product-purchase-reminder-section > .section-title:before {
    content: '';
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    left: 0;
    background-image: url('../images/snowflake.svg');
    top: -5px
}

.product-purchase-reminder-section > .section-title:after {
    content: '';
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    right: 0;
    background-image: url('../images/snowflake.svg');
    top: -5px
}

@media only screen and (min-width: 750px) {
  .product-purchase-reminder-section > .section-title {
    padding-left: 70px;
    padding-right: 70px;
  }

.product-purchase-reminder-section > .section-title:before {
    left: 0;
}

.product-purchase-reminder-section > .section-title:before {
    left: 0;
}

.product-purchase-reminder-section > .section-title:before,
.product-purchase-reminder-section > .section-title:after {
   transform: scale(1);
}

}

@media only screen and (max-width: 749px) {
  .product-purchase-reminder-section > .section-title:before {
    top: -68px;
    transform: scale(.8)
}

.product-purchase-reminder-section > .section-title:after {
    content: '';
    display: block;
    width: 55px;
    height: 55px;
    position: absolute;
    right: 0;
    background-image: url('../images/snowflake.svg');
    top: inherit;
    bottom: 0;
    transform: scale(.8);
    bottom: -70px
}

}

.np #bites-instructions {
    border-bottom: none;
}