/* ------- 3. Universal elements ------- */
html, body {
  justify-content: center;
  font-size: 16px;
  line-height: 1.5rem;
  font-family: 'Alternate-Gothic';
  background : url('../images/bg.png');
  background-position: fixed;
  color: black; }

.post, .page {
  margin: 0; }

ul, ol {
  margin: 0;
  padding: 0; }

p {
  margin-top: 0px;
  margin-bottom: 0px; }

.wp-block-image {
  margin-top: 0px; }

.content-container {
  display: flex;
  width: 78.43%;
  margin: 0 auto; }

@font-face {
  font-family: 'Alternate-Gothic';
  src: url(../fonts/Alternate-Gothic.ttf) format("truetype"); }
@font-face {
  font-family: 'ChaparralPro-Bold';
  src: url(../fonts/ChaparralPro-Bold.otf) format("opentype"); }
@font-face {
  font-family: 'ChaparralPro-BoldIt';
  src: url(fonts/ChaparralPro-BoldIt.otf) format("opentype"); }
@font-face {
  font-family: 'ChaparralPro-Italic';
  src: url(../fonts/ChaparralPro-Italic.otf) format("opentype"); }
@font-face {
  font-family: 'ChaparralPro-Regular-Light';
  src: url(../fonts/ChaparralPro-Light.otf) format("opentype"); }
@font-face {
  font-family: 'ChaparralPro-Regular';
  src: url(../fonts/ChaparralPro-Regular.otf) format("opentype"); }
@font-face {
  font-family: 'Intro';
  src: url(../fonts/Intro.otf) format("opentype"); }
#carousel {
  background: url(../images/bg.jpg) no-repeat;
  background-size: 100%;
  box-shadow: inset 1px 1px 3px #999;
  background-position: center;
  text-align: center;
  height: 268px !important;
  overflow:hidden;
  position:relative;
  width: 100% !important;
}

button#responsive-menu-button{
  z-index: 4 !important;
  top : 31px !important;
}

header#masthead {
  min-height: 113px;
}

/* Animations */

#pixie {
  z-index:1;
  position: absolute;
  top: 0;
  left: 0;
}

#carousel::after {
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  content: ",";
  height: 283px;
}

.carousel-navigation {
  display: block;
  position: absolute;
  width: 90%;
  right: 10%;
  margin-top: -5px;
  z-index: 2; }

.carousel-content {
  display: inline-block;
  position: relative;
  width: 100%;
 }

.hero-text {
  position: relative;
  display: none;
  font-family: 'Dancing Script', cursive;
  font-size: 4.775rem;
  line-height: 3.9rem;
  letter-spacing: 8px;
  margin-bottom: 0px;
  width: 100%;
  color: #795548;
  font-weight: 500;
  text-shadow: 1px 1px 1px black;
}

.hero-text span{ 
  display: block;
  font-family: "Intro";
  font-size: 2.3rem;
}

.sub-hero-text {
  font-family: "ChaparralPro-Regular";
  display: inline-block;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 1.6rem;
  margin-top: 17px;
  color: white;
  max-width: 49%;
  line-height: 2.7rem; }

/*---------- Information Parent Section -----------*/
.section__information {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 7.063rem;
  background: url(../images/bottom-page-icon.png) no-repeat;
  background-position: bottom 0px center; }

/*---------- Information Section -----------*/
.info__sections {
  margin-top: 101px;
  text-align: center; }

/*---------- Information Section image -----------*/
.info__sections img {
  width: 90px;
  height: 92px; }

/*---------- Information Section Title -----------*/
.info__sections h2 {
  font-family: "Alternate-Gothic";
  font-weight: 400;
  color: black;
  letter-spacing: 2px; }

/*---------- Information Section -----------*/
.info__sections p {
  font-family: "ChaparralPro-Regular"; }

/*---------- Proud-at-what-we-do Parent Section -----------*/
.section__proud-at-what-we-do {
  padding-bottom: 7.063rem;
  background: url(../images/bottom-page-icon.png) no-repeat;
  background-position: bottom 0px center; }

/*---------- Proud-at-what-we-do Heading -----------*/
.heading__proud-at-what-we-do {
  font-family: "Intro";
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-top: 4.25rem;
  margin-bottom: 4rem;
  font-weight: 400;
  color: black;
  text-align: center; }

/*---------- Proud-at-what-we-do Slick Carousel -----------*/
.wpsisac-slick-carousal.design-6 .slick-dots {
  position: relative;
  display: flex !important;
  justify-content: center;
  flex-wrap: nowrap;
  margin-top: 20px !important;
  left: 5% !important;
  width: 90%;
  height: 2px;
  background: lightgrey;
  text-align: center;
  bottom: 0px !important; }

/*---------- Proud-at-what-we-do left arrow -----------*/
.wpsisac-slick-carousal.design-6 .slick-prev {
  left: 51px !important;
  width: 60px;
  height: 60px; }

.wpsisac-slick-carousal button.slick-prev, .wpsisac-slick-carousal button.slick-prev:hover, .wpsisac-slick-carousal button.slick-prev:focus {
  background: #080808 url(../images/left-arrow.png) center center no-repeat !important;
  background-size: unset !important;
  outline: none !important; }

/*---------- Proud-at-what-we-do right arrow -----------*/
.wpsisac-slick-carousal.design-6 .slick-next {
  right: 51px !important;
  width: 60px;
  height: 60px; }

.wpsisac-slick-carousal button.slick-next, .wpsisac-slick-carousal button.slick-next:hover, .wpsisac-slick-carousal button.slick-next:focus {
  background: #080808 url(../images/right-arrow.png) center center no-repeat !important;
  background-size: unset !important;
  outline: none !important; }

.slick-arrow {
  height: 3.75rem;
  width: 3.75rem;
  padding: 1.25rem; }

.wpsisac-slick-carousal .slick-dots li button {
  border: none;
  background: none;
  display: block;
  width: 100% !important;
  text-ident: -9999px;
  font-size: 0;
  line-height: 0; }

.wpsisac-slick-carousal .slick-dots li {
  -ms-flex: 1 1 100px;
  flex: 1 1 100px;
  height: 2px;
  background: rgba(0, 0, 0, 0.2);
  height: 2px;
  list-style: none !important;
  line-height: 0px !important;
  display: inline-block !important;
  margin: 0px !important;
  padding: 0px !important; }

.wpsisac-slick-carousal .slick-dots li button {
  position: relative;
  background: #d3d3d3 !important;
  margin: 0px !important;
  padding: 0px !important;
  border: none;
  border-radius: 0 !important;
  height: 2px !important; }

/*---------- Sign up Section -----------*/
.section__sign-up {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 6.813rem; }

/*---------- Sign up Content Container -----------*/
.section__sign-up .content-container {
  flex-wrap: wrap !important;
  text-align: center; }

/*---------- Sign up Heading Wrapper -----------*/
.wrapper__heading {
  flex: 0 0 100%; }

/*---------- Sign up Heading -----------*/
.heading__sign-up {
  font-family: "Intro";
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-top: 4.25rem;
  margin-bottom: 2.1rem;
  font-weight: 400;
  color: black;
  text-align: center; }

/*---------- Sign up Form wrapper -----------*/
.wrapper__form {
  width: 100%; }

/*----------  Form generated content wrapper -----------*/
.nf-form-content {
  width: 67%;
  max-width: 50%;
  margin: 0 auto; }

/*----------  Form generated fields wrapper -----------*/
nf-fields-wrap {
  width: 100%;
  margin: 0 auto; }

/*---------- Sign up Textbox wrapper-----------*/
#nf-field-5-container {
  width: 100%;
  margin-bottom: 0px; }

nf-field:nth-child(1) {
  display: inline-block;
  width: 83%; }

/*---------- Sign up Textbox -----------*/
#nf-field-5 {
  margin-bottom: 0px;
  width: 100%;
  height: 3.4rem;
  font-size: 1.4rem;
  font-family: "ChaparralPro-Regular";
  border-bottom-left-radius: 26px;
  border-top-left-radius: 26px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  padding-left: 2.5rem;
  border-left: 2px solid black;
  border-top: 2px solid black;
  border-right: none;
  border-bottom: 2px solid black; }

.label-above .nf-field-element, .label-below .nf-field-element {
  margin: 0;
  width: 100% !important; }

  input#nf-field-10 { /* Submit btn for newsletter form */
    position: relative;
    top: 10px;
  }

/*---------- Sign up Button wrapper-----------*/
#nf-field-6-container {
  margin-bottom: 0px; }

nf-field:nth-child(2) {
  position: relative;
  display: inline-block;
  width: 17%; }

/*---------- Sign up button -----------*/
#nf-field-6 {
  background: white;
  height: 3.4rem;
  z-index: 2;
  position: relative;
  right: 2px;
  top: 21.7px;
  font-family: "Alternate-Gothic";
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 0px;
  border-bottom-right-radius: 26px;
  border-top-right-radius: 26px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-right: 2px solid black;
  border-top: 2px solid black;
  border-left: none;
  border-bottom: 2px solid black; }

/*---------- Sign up button hover style-----------*/
#nf-field-6:hover {
  background: black;
  color: white;
  cursor: pointer;
  transition: 0.5s all ease-in-out; }

/*---------- Sign up disclaimer -----------*/
.section__sign-up p {
  font-size: 0.5rem;
  font-family: "ChaparralPro-Regular-Light";
  width: 100%; }

.nf-form-fields-required, #nf-label-field-5 {
  display: none; }

/*---------- Sign up textbox required message -----------*/
.nf-after-field .nf-error-msg {
  width: 100%;
  margin-left: 38px;
  /* text-align: left; */
  margin-right: 0px; }

.nf-error-msg, .ninja-forms-req-symbol {
  display: none !important; }

/*---------- Product Parent Section -----------*/
.section__spend-some-money {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 7.063rem;
  background: url(../images/bottom-page-icon.png) no-repeat;
  background-position: bottom 0px center; }

/*---------- Product Entire Section content container -----------*/
.section__spend-some-money .content-container {
  flex-wrap: wrap !important; }

/*---------- Product Heading Wrapper -----------*/
.wrapper__heading {
  flex: 0 0 100%; }

/*---------- Product Heading Wrapper -----------*/
.heading__spend-some-money {
  font-family: "Intro";
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-top: 4.25rem;
  margin-bottom: 4rem;
  font-weight: 400;
  color: black;
  text-align: center; }

/*---------- Product Heading Wrapper -----------*/
.product__title {
  font-family: "Alternate-Gothic";
  margin-bottom: 0.5rem;
  margin-top: 10px;
  font-size: 1.25rem;
  letter-spacing: 1px;
  text-align: left;
 }

/*---------- Product Content Wrapper -----------*/
.wrapper__spend-some-money-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

/*------------------------------------- Product Sections -------------------------------------------*/
.product__sections {
  position: relative;
  width: 23%;
  text-align: left;
  margin-bottom: 50px;
 }

 .search {
  display: block;
  position: relative;
  width: 33%;
  margin-bottom: 30px;
}

/*---------- Product Image -----------*/
.product__sections img {
  flex: 1; }

/*---------- Product Title -----------*/
.product__sections h2 {
  font-family: "Alternate Gothic";
  margin-bottom: 1.25rem;
  font-size: 1.125rem;
  position: relative;
  font-weight: 400;
  letter-spacing: 2px; }

/*---------- Product description wrapper -----------*/
.product__sections .product__description {
  margin-bottom: 1.6rem; }

/*---------- Product descriptions -----------*/
.product__sections p {
  font-family: "ChaparralPro-Regular";
  font-size: 0.7rem; }

/*---------- Product Price -----------*/
.product__sections .product__price {
  display: inline-block;
  font-family: "ChaparralPro-Regular";
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  background: #090a0e;
  color: white;
  width: 50%;
  text-align: right;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  font-style: italic; }

/*---------- Product Cart Button Container -----------*/
.product__cart-btn {
  width: 50%;
  text-align: left;
  display: inline-block; }

/*---------- Product Cart Button -----------*/
a.add_to_cart_button {
  border: 2px solid black;
  color: black;
  text-decoration: none;
  padding: 2px 16px;
  font-size: 14px;
  border-radius: 20px; }

  a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background: #549127;
    color: white;
    font-weight: lighter;
}

/*---------- Product Cart Button:hover; -----------*/
a.add_to_cart_button:hover {
  background: black;
  color: white;
  transition: all 0.5s ease-in-out; }

/*---------- Do the work Parent Section -----------*/
.section__who-will-do-the-work {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 7.063rem;
  background: url(../images/bottom-page-icon.png) no-repeat;
  background-position: bottom 0px center; }

/*---------- Do the work Content Container -----------*/
.section__who-will-do-the-work .content-container {
  flex-wrap: wrap !important; }

/*---------- Do the work Parent Section Heading -----------*/
.heading__who-will-do-the-work {
  font-family: "Intro";
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-top: 4.25rem;
  margin-bottom: 3.7rem;
  font-weight: 400;
  color: black;
  text-align: center; }

/*---------- Do the work Heading Wrapper -----------*/
.wrapper__heading {
  flex: 0 0 100%; }

/*---------- Do the work Content Wrapper -----------*/
.wrapper__who-will-do-the-work-content {
  display: flex;
  flex-basis: 100%;
  justify-content: space-between; }

/*---------- Do the work Sections -----------*/
.do_work__sections {
  text-align: center;
  width: 30%; }

/*---------- Do the work Barber Names -----------*/
.do_work__sections h2 {
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: 1px; }

/*---------- Do the work Barber Description -----------*/
.do_work__sections p {
  font-family: "ChaparralPro-Regular";
  font-size: 0.8rem;
  letter-spacing: 1px;
  line-height: 1.5rem; }

/*---------- Do the work x image -----------*/
the-x {
  margin-top: 1em; }

/*---------- Do the work Barber Email Heading e.g Contact -----------*/
em.email-title {
  display: block;
  margin-top: 1.393rem;
  margin-bottom: -27px; }

/*---------- Do the work Barber Email -----------*/
.do_work__sections p a {
  color: black;
  text-decoration: none; }

/* ----- Nnja Forms ----------*/
  #ninja_forms_field_1_div_wrap {
    margin-bottom: 20px;
    display: inline-block;
    width: 70%;
}

#ninja_forms_field_2_div_wrap {
  margin-bottom: 20px;
  display: inline-block;
  width: 30%;
}

/*---------- -----------*/
footer {
  display: flex;
  justify-content: space-evenly;
  max-width: 100%;
  overflow-y: hidden;
  background : url('../images/bg_footer.jpg') no-repeat;
  background-size: cover;
  color: white;
  padding-bottom: 6.813rem;
min-height: 300px; }


.info{
  display: inline-block;
  margin-top: 30px;
  width: 33%;
  float: left;
}

/*---------- Footer sub-container -----------*/
.site-footer .content-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 0px; }

/*---------- Footer logo image -----------*/
.footer__sections img {
  width: 4.5rem;
  height: 4.5rem; }

/*---------- Footer ul li list styles -----------*/
footer ul li {
  list-style: none; }

/*---------- Footer Anchor tag style -----------*/
footer ul li a {
  display: block;
  margin-bottom: 1.688rem; }

/*---------- Footer anchor tag and  -----------*/
footer ul li a, footer ul li a:visited {
  text-decoration: none;
  color: white; }

/*---------- -----------*/
.footer__sections {
  margin-top: 61px;
  font-family: "ChaparralPro-Regular-Light";
  flex-basis: 15%; }

  div.simpleMap-info {
    color: #8ab643;
    background-color: transparent !important;
    background: none;
  }

  div.simpleMap-info span {
    color: #000;
    font-size: 1.2rem;
    font-weight: normal;
    text-shadow: none !important;
    margin-left: 5px;
    display: block;
    width: 176px;
    background: white;
    background-color: white;
}
/*---------- Footer Contact details section -----------*/
.footer__sections:nth-child(2) {
  flex-basis: 25%; }

/*---------- Footer Headings eg, contact, page, various -----------*/
.footer__sections h2 {
  margin-top: 0px;
  color: #999;
  font-style: italic;
  font-weight: lighter;
  font-size: 1.1rem; }

.carousel .wp-block-button__link {
  background-color: #ffffff;
  border: none;
  color: black !important;
  border-radius: 28px;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: "Alternate-Gothic";
  letter-spacing: 1px;
  font-size: 1.375rem;
  padding: .875rem 3.9rem;
  box-sizing: border-box;
  height: 3.125rem;
  margin-top: 3rem;
  margin-bottom: 5.25rem;
  background: white;
  border-radius: 1.875rem;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: break-word; }

.carousel .wp-block-button__link:hover {
  background-color: black;
  color: white !important; }

/* ------- 4. Colours ------- */
/* ------- 5. Navigation ------- */
.main-navigation {
  width: 60%;
  margin-left: 40%;
  position: relative;
  display: block;
  margin-top: 74px;
  text-align: center;
  clear: both; }

#primary-menu {
  display: flex;
  align-items: stretch;
  justify-content: flex-end; }

.main-navigation li {
  float: none;
  display: inline-block;
  flex: 0 1 auto; 
  margin-left: 2%;
  margin-right: 2%;
}

  .main-navigation ul {
    display: block;
    width: 100%;
}

.main-navigation a {
  color: #2b2320;
  border-bottom: 2px solid transparent;
  font-size: 1.5rem;
  display: block;
  text-decoration: none;
  text-transform: uppercase; }

.main-navigation a:visited {
  color: #2b2320; }

.main-navigation a:hover {
  border-bottom: 2px solid white;
  transition: 0.5s all ease-in-out; }

a.logo {
  font-size: 0px !important;
  position: absolute;
  min-width: 246px;
  height: 113px;
  margin-top: -113px;
  margin-left: 88px;
  background: url(../images/logo.jpg) no-repeat;
  background-size: 100%;
  background-position: left 0 center;
  z-index: 2; }

.main-navigation #menu-item-14 a:hover {
  border-bottom: 2px solid transparent; }


  /* Woocommerce product images  */
  .woocommerce img, .woocommerce-page img {
    height: auto;
    width: 100%;
    box-shadow: 0px 1px 11px grey;
}

/*============================  SubPages ========================*/
div#page {
  
}


/* Content */
.entry-content {
  padding-top: 28px;
  padding-bottom: 50px;
  width: 75%;
  margin: 0 auto;
  font-family: 'Roboto', sans-serif;
}

.page .post-thumbnail {
  width: 100%;
}

h1.entry-title {
  width: 100%;
  text-align: center;
  font-size: 3rem;
  font-size: 1.6rem;
  letter-spacing: 2px;
  font-weight: 400;
  color: black;
  font-family: "Intro";
}


.page .post-thumbnail img {
  width: 100%;
  object-fit: cover;
  max-height: 350px;
}

section.site-footer{
  background: url(../images/bg_footer.jpg) no-repeat;
    background-size: cover;
    color: white;
    width: 100%;
    padding-bottom: 6.813rem;
    min-height: 300px;
}


/*-------------- Search Results Page -----------*/
.search-results{
  width: 100%;
  display: inline-block;
  margin-bottom : 0px !important;
}

.search-results .content-container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.search-results article{
  width: 31%;
  display: inline-block;
}

.search-results main#main {
  width: 78%;
  margin: 0 auto;
  margin-bottom: 50px;
}

.search-price {
  font-size: 20px;
}

a.add_to_cart_button{
  font-size: 100%;
  display: block;
  margin-top: 10px;
  line-height: 1;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  overflow: visible;
  border: none;
  padding: .618em 1em;
  font-weight: 700;
  border-radius: 3px;
  background: #549127;
  color: white;
  font-weight: lighter;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  opacity: 1 !important;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  /* background-color: #a46497; */
  color: #fff;
  -webkit-font-smoothing: antialiased;
  background: #549127;
  color: white;
  font-weight: lighter;
}

a {
  color: black;
  text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}

.search-product{
  width: 100%;
  display: inline-block;
}

.search-header-image{
  background: url(../images/search-back.jpg) no-repeat;
  background-size: 100%;
  box-shadow: inset 1px 1px 3px #999;
  background-position: center;
  text-align: center;
  height: 268px !important;
  overflow: hidden;
  position: relative;
  width: 100% !important;
}

.search-results .page-title{
  font-family: "Intro";
    font-size: 1.6rem;
    letter-spacing: 2px;
    margin-top: 4.25rem;
    margin-bottom: 4rem;
    font-weight: 400;
    color: black;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}


/*=================================== /
     General Website Break points
/ ==================================*/
/*====================================================================
 -------------------  Media Queries From 991PX  ----------------------
=====================================================================*/
@media (max-width: 991px) {
  /*---------- Carousel Section -----------*/
  /*- Carousel Section Website Navigation -*/
  .main-navigation a {
    font-size: 1.2rem !important; }

  /*- Carousel Section Logo-*/
  .main-navigation #menu-item-14 a {
    width: 21.24rem !important; }

  /*- Carousel Content Section Container-*/
  .carousel-content {
    width: 99.43% !important; }

  .hero-text {
    font-size: 2rem !important;
    width: 80.86% !important; }

  .sub-hero-text {
    font-size: 1.5rem !important; }

  /*------ Products/Spend section ---------*/
  .product__title {
    height: 3.988rem !important; }

  /*------ Sign up section ---------*/
  .nf-form-content {
    max-width: 67% !important; } }
/*====================================================================
 -------------------  Media Queries From 855PX  ----------------------
=====================================================================*/
@media (max-width: 855px) {
  .main-navigation #menu-item-14 a {
    width: 17.24rem !important;
    margin-top: -15px !important;
    background-size: contain !important; } }
/*====================================================================
 -------------------  Media Queries From 768PX  ----------------------
=====================================================================*/
@media (max-width: 768px) {
  /*------ Base Styles Section---------*/
  .content-container {
    width: 38.43%; }

  /*------ Carousel Section---------*/
  /*- Hiding the logo link in the responsive menu -*/
  #responsive-menu-item-7, #menu-item-13, #menu-item-7, #menu-item-8, #menu-item-9, li#responsive-menu-item-14 {
    display: none !important; }

  /*- Carousel Content Container -*/
  .carousel .content-container {
    width: 99.43% !important; }

  /*- Main Navigation -*/
  .main-navigation {
    margin-top: 25px; }

  /*---------- Information Section -----------*/
  /*- Information Section Container-*/
  .section__information .content-container {
    flex-wrap: wrap !important; }

  .info__sections {
    width: 100%; }

  .info__sections:nth-child(2) {
    margin-top: 40px; }

  .info__sections:nth-child(3) {
    margin-top: 40px; }

  /*------ Who Will Do The Work Section ---------*/
  .wrapper__who-will-do-the-work-content {
    flex-wrap: wrap !important; }

  .do_work__sections {
    width: 100% !important;
    margin-bottom: 2.2rem; }

  em.email-title {
    margin-top: 0.2rem !important; }

  /*------ Products/Spend section ---------*/
  .wrapper__spend-some-money-content {
    flex-wrap: wrap; }

  /*- Products section -*/
  .product__sections {
    flex-basis: 100% !important;
    text-align: center !important;
    margin-bottom: 2.2rem; }

  /*- Products title -*/
  .product__title {
    text-align: center !important;
    height: unset !important; }

  /*- Products description -*/
  .product__sections .product__description {
    margin-bottom: 1.313rem !important; }

  /*- Products Price -*/
  .product__sections .product__price {
    text-align: right;
    padding-right: 27%; }

  /*- Products Add to cart -*/
  .product__cart-btn {
    text-align: left !important;
    padding-left: 26%; }

  /*------ Sign up section ---------*/
  .wrapper__form {
    margin-left: -8%; }

  .nf-form-content {
    width: 100% !important;
    max-width: 100% !important; }

  /*---------- Footer ------------*/
  .footer__sections {
    flex-basis: 100% !important;
    text-align: center; } }
/*====================================================================
 -------------------  Media Queries From 480PX  ----------------------
=====================================================================*/
@media (max-width: 480px) {
  .content-container {
    width: 60.43%; }

  /*------ Carousel Section---------*/
  .hero-text {
    font-size: 1.5rem !important;
    width: 94.86% !important;
    line-height: 2.8rem !important; }

  .sub-hero-text {
    font-size: 1.3rem !important;
    max-width: 55%;
    line-height: 2.5rem; }

  .carousel .wp-block-button__link {
    padding: .875rem 2.8rem; }

  /*------ Products/Spend section ---------*/
  /*- Products Price -*/
  .product__sections .product__price {
    padding-right: 7% !important; }

  /*- Products Add to cart -*/
  .product__cart-btn {
    padding-left: 6% !important; }

  /*------ Sign up section ---------*/ }
/*====================================================================
 -------------------  Media Queries From 380PX  ----------------------
=====================================================================*/
@media (max-width: 380px) {
  /*------ Carousel section ---------*/
  .main-navigation #menu-item-14 a {
    width: 12.24rem !important;
    margin-top: -17px !important; }

  .hero-text {
    font-size: 1.2rem !important;
    line-height: 2rem !important;
    margin-top: 34px; }

  .sub-hero-text {
    font-size: 1rem !important;
    max-width: 75%;
    line-height: 2rem; } }

/*# sourceMappingURL=main.css.map */