@charset "UTF-8";
/*
Theme Name: Viz-Pro theme
Author: Sophie Fleming
Description: Custom theme for viz-pro.co.uk
*/
/* Vendor */
/* =========================================================================== */
/* Variables */
/* =========================================================================== */
/*dark pink*/
/*lighter pink*/
/*yellow*/
/*dark yellow*/
/*green*/
/*orange*/
/*usa*/
/* Mixins */
/* =========================================================================== */
/*
@mixin brand-font {
	font-family: 'Helvetica', 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	.wf-loaded & {
		font-family: "proxima-nova",sans-serif;
	}
}
*/
/* Components */
/* =========================================================================== */
@import url("https://use.typekit.net/jiv4zej.css");
nav.mobile-menu {
  display: none;
  /*&.active {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 100;
  }*/ }

.hamburger {
  display: none; }
  @media (max-width: 768px) {
    .hamburger {
      display: flex;
      padding: 0 1rem; } }

@media (max-width: 768px) {
  .menu-extras:after {
    content: "MENU";
    font-size: 20px; } }
.menu-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 31px;
  width: 36px;
  background: transparent;
  outline: none;
  padding: 0.5rem;
  opacity: 0.8; }
  @media (max-width: 768px) {
    .menu-toggle.close {
      display: flex;
      top: 0.5rem;
      position: relative; } }
  .menu-toggle.close i {
    position: absolute; }
    @media (max-width: 768px) {
      .menu-toggle.close i:nth-child(1) {
        transform: rotate(45deg); } }
    @media (max-width: 768px) {
      .menu-toggle.close i:nth-child(2) {
        display: none; } }
    @media (max-width: 768px) {
      .menu-toggle.close i:nth-child(3) {
        transform: rotate(-45deg); } }
  @media (max-width: 768px) {
    .menu-toggle.close i:nth-child(1) {
      transform: rotate(45deg); } }
  @media (max-width: 768px) {
    .menu-toggle.close i:nth-child(2) {
      display: none; } }
  @media (max-width: 768px) {
    .menu-toggle.close i:nth-child(3) {
      transform: rotate(-45deg); } }
  .menu-toggle:hover {
    opacity: 1; }
  .menu-toggle i {
    background-color: #f2f2f2;
    display: block;
    width: 2.5rem;
    height: 3px;
    position: relative;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease; }
  .menu-toggle span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }

.mobile-menu-close {
  display: none; }
  .mobile-menu-close.active {
    display: none;
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    z-index: 100; }
    .mobile-menu-close.active:hover {
      opacity: 1; }
  .mobile-menu-close:before, .mobile-menu-close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #fff; }
  .mobile-menu-close:before {
    transform: rotate(45deg); }
  .mobile-menu-close:after {
    transform: rotate(-45deg); }

@media (max-width: 768px) {
  nav.main-menu {
    display: none; } }

@media (min-width: 768px) {
  nav.mobile-menu ul#menu-main-menu-1 {
    display: none; } }

ul#menu-main-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white; }
  @media (max-width: 768px) {
    ul#menu-main-menu-1 {
      flex-direction: column;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: white; } }
  @media (max-width: 768px) {
    ul#menu-main-menu-1 li.menu-item {
      padding: 0 1rem;
      width: 100%;
      text-align: center;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); } }
  @media (max-width: 768px) and (max-width: 768px) {
    ul#menu-main-menu-1 li.menu-item {
      padding: 1rem 0; } }
  @media (max-width: 768px) {
      ul#menu-main-menu-1 li.menu-item:last-child {
        margin-bottom: 3rem; } }
  @media (max-width: 768px) {
    ul#menu-main-menu {
      flex-direction: column; } }
  ul#menu-main-menu li.menu-item {
    padding: 0 1rem; }
    ul#menu-main-menu li.menu-item a {
      color: white; }
    @media (max-width: 768px) {
      ul#menu-main-menu li.menu-item {
        padding: 1rem 0; } }
  ul#menu-main-menu ul.sub-menu li.menu-item {
    padding: 1rem 0; }

.sub-menu {
  left: -999em;
  position: absolute;
  background: #2b2b2b;
  z-index: 100;
  padding-top: 1rem; }

li:hover > .sub-menu {
  left: auto;
  padding: 1rem; }

ul.header_top--navigation {
  display: flex; }
  ul.header_top--navigation li {
    padding-right: 1rem; }
    ul.header_top--navigation li a {
      color: #f2f2f2; }
      ul.header_top--navigation li a:hover {
        color: #343434; }

@media (max-width: 768px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    display: none; } }
@media (max-width: 768px) {
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
    display: block; } }

.hero.home--hero {
  background-image: url("./assets/images/hero-homepage.jpg"); }
  .hero.home--hero .hero--content__text {
    display: flex; }
    .hero.home--hero .hero--content__text h1 {
      font-size: 54px;
      font-size: 5.4rem;
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic;
      color: #ed1a46; }
      @media (max-width: 1024px) {
        .hero.home--hero .hero--content__text h1 {
          font-size: 44px;
          font-size: 4.4rem; } }
    .hero.home--hero .hero--content__text span {
      font-size: 32px;
      font-size: 3.2rem; }
      @media (max-width: 1024px) {
        .hero.home--hero .hero--content__text span {
          font-size: 22px;
          font-size: 2.2rem; } }
  .hero.home--hero .hero--content__button a.btn {
    background-color: #ed1a46;
    color: white;
    border-bottom: unset; }
    .hero.home--hero .hero--content__button a.btn:before {
      display: block;
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: #ed1a46;
      transition: all 0.5s ease; }
  .hero.home--hero .content--container.left-align {
       /* @media (min-width: 769px) {
          padding-left: calc(50vw - (140rem / 12) * 1);
        }
        @media (max-width: 768px) {
          padding-left: calc(39vw - (140rem / 12) * 1);
        }

        @media (max-width: 500px) {
          padding-left: 1rem;
        }*/ }
  @media only screen and (max-width: 500px) {
    .hero.home--hero {
      flex-direction: column;
      min-height: 70vh;
      align-items: flex-start; } }

.content .container {
  padding-top: 11rem;
  padding-bottom: 11rem; }
  @media (max-width: 767px) {
    .content .container {
      padding-top: 3rem;
      padding-bottom: 3rem; } }
  .content .container.portfolio-page {
    flex-direction: column;
    /* padding-left: 25%;
     padding-right: 25%;*/
    text-align: center; }
    @media (max-width: 767px) {
      .content .container.portfolio-page {
        padding-left: 0;
        padding-right: 0;
        padding: 60px 22px 22px 22px; } }
.content__left {
  width: 50%;
  /*float: left;*/ }
  .content__left.float {
    float: left; }
  .content__left.full {
    width: 100%; }
  @media (max-width: 991px) {
    .content__left {
      width: 100%; } }
.content__right {
  width: 50%;
  float: left; }
  @media (max-width: 991px) {
    .content__right {
      width: 100%; } }
  .content__right
  .tile_container {
    justify-content: center;
    align-items: center;
    display: flex; }
.content__narrow {
  width: 50%;
  margin: 0 auto; }
  @media (max-width: 991px) {
    .content__narrow {
      width: 100%; } }
.content__split {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .content__split .content__title {
    width: 100%; }
  .content__split .col {
    width: calc(50% - 10px); }
    @media (max-width: 767px) {
      .content__split .col {
        width: 100%; }
        .content__split .col + .col {
          margin-top: 20px; } }
.content__title {
  font-size: 70px;
  font-size: 7rem;
  margin-top: 0; }
  @media (max-width: 767px) {
    .content__title {
      font-size: 40px;
      font-size: 4rem; } }
.content__lead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase; }
.content__subtitle {
  font-size: 50px;
  font-size: 5rem;
  margin: 4rem 0; }
  .content__subtitle:first-child {
    margin-top: 0; }

.tiles {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  width: 100%; }
  @media (max-width: 767px) {
    .tiles {
      /*flex-wrap:nowrap;*/
      /* width: 30%;*/ } }
  @media (max-width: 500px) {
    .tiles {
      /*flex-wrap:nowrap;*/ } }

.tile {
  transition: all 0.25s ease;
  width: calc(25% - 15px);
  color: white;
  background-position: 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  position: relative;
  padding: 8rem 3rem; }
  @media (max-width: 1149px) and (min-width: 768px) {
    .tile {
      width: calc(50% - 10px);
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .tile {
      width: 100%;
      /*margin: 0 9rem;*/
      margin-bottom: 20px; } }
  .tile:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff7d38;
    opacity: 0;
    transition: all 0.25s ease; }
  .tile.full:nth-child(2):before {
    background-color: blue; }
  .tile:hover:before {
    opacity: 0.5; }
  .tile span {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 10px solid white;
    padding: 3rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 40px;
    font-size: 4rem;
    line-height: 1.2;
    position: relative;
    width: 100%;
    height: 20rem; }
  .tile.full {
    padding: 3rem 3rem; }
  .tile.full:hover span {
    visibility: visible; }
  .tile.full:hover:before {
    mix-blend-mode: multiply;
    opacity: 1; }
  .tile.full:nth-child(2):hover:before {
    background-color: #45679a; }
  .tile.full span {
    visibility: hidden;
    border: 5px solid white;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 17rem 0; }

.company {
  font-weight: 600;
  margin-bottom: 1.5rem !important; }

.analytics {
  flex-direction: column; }

.analytics span, .content-copy span {
  font-size: 30px;
  font-size: 3rem; }

.tile_container {
  display: flex;
  flex-direction: row;
  margin-bottom: 5%;
  width: 100%; }
  @media (max-width: 600px) {
    .tile_container {
      flex-direction: column; } }

/*
.single {
  width: calc(50% - 15px);
  margin: 0 auto;

  @media (max-width: 1149px) and (min-width: 768px) {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  @media (max-width: 767px) {
    width: 100%;
    margin-bottom: 20px;
  }
}
*/
.full {
  width: 100%; }

.third {
  width: calc(33% - 15px); }
  @media (max-width: 1149px) and (min-width: 768px) {
    .third {
      width: calc(50% - 15px);
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .third {
      width: calc(50% - 15px);
      margin-bottom: 20px; } }
  @media (max-width: 500px) {
    .third {
      width: 100%;
      margin-bottom: 20px; } }

.half {
  width: calc(50% - 15px); }
  @media (max-width: 1149px) and (min-width: 768px) {
    .half {
      width: calc(50% - 10px);
      margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .half {
      width: 100%;
      margin-bottom: 20px; } }

.tile_content {
  flex-direction: column;
  width: 75%;
  padding: 0 5%;
  display: flex;
  justify-content: center;
  justify-content: flex-start; }
  @media (max-width: 600px) {
    .tile_content {
      width: 100%; } }

.tile.magento:hover span, .tile.wordpress:hover span, .tile.ecommerce:hover span, .tile.dev:hover span, .tile.design:hover span {
  display: none; }

/**sophies css**/
.third:nth-child(2) .tile.full:before {
  background-color: #45679a; }

.third:nth-child(3) .tile.full:before {
  background-color: #ff473d; }

.third:nth-child(4) .tile.full:before {
  background-color: #89b72e; }

.third:nth-child(5) .tile.full:before {
  background-color: #0889b4; }

.third:nth-child(6) .tile.full:before {
  background-color: #c93c38; }

a.tile.magento:hover:after {
  content: 'a powerful e-commerce site with immense functionality';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid white;
  padding: 3rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  position: relative;
  width: 100%;
  /*height: 20rem;*/ }

a.tile.wordpress:hover:after {
  content: 'a user-friendly versatile platform to present information or generate leads';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid white;
  padding: 3rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 1.2;
  position: relative;
  width: 100%;
  /*height: 20rem;*/ }

a.tile.ecommerce:hover:after {
  content: 'weÔÇÖre experts in building search optimised e-commerce sites';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid white;
  padding: 3rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2;
  position: relative;
  width: 100%;
  /*height: 20rem;*/ }

a.tile.design:hover:after {
  content: 'A visually appealing website is a must to enhance the user experience.';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid white;
  padding: 3rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 1.2;
  position: relative;
  width: 100%;
  /*height: 20rem;*/ }

a.tile.dev:hover:after {
  content: 'Our websites are capable of the most impressive functionality- because it works so well we make it look easy.';
  display: flex;
  align-items: center;
  justify-content: center;
  border: 10px solid white;
  padding: 3rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
  position: relative;
  width: 100%;
  /*height: 20rem;*/ }

section.content.websites .tiles {
  justify-content: space-around; }

/** temporay css for our-work layout*
.work__text a {
  text-decoration:none;
  color: $grey-xdark;
}

.work__text {
  text-align: center;
}
section.work.work--slate > div > div.work__text > span > a {
  color: $brand-blue;
}
*/
.solution__header {
  background-color: #ff7d38;
  color: white;
  text-align: center;
  padding-top: 8rem; }
  .solution__header.cycle {
    padding-top: 20rem;
    padding-bottom: 13rem; }
    .solution__header.cycle h2 {
      font-size: 100px;
      font-size: 10rem; }
      @media (max-width: 767px) {
        .solution__header.cycle h2 {
          font-size: 50px;
          font-size: 5rem; } }
  .solution__header img {
    width: 90%;
    max-width: calc((140rem / 12) * 10);
    margin-top: 4rem;
    margin-bottom: -8rem; }
  .solution__header + .container {
    margin-top: 3rem; }
    @media (max-width: 767px) {
      .solution__header + .container {
        margin-top: 6rem; } }

section.contact {
  min-height: 70vh; }
  section.contact .contact__details--container.left p:first-child:before {
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    font-size: 2.6rem;
    padding-right: 0.5em; }
  section.contact .contact__details--container.left p:last-child:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    font-size: 2.6rem;
    padding-right: 0.5em; }
  section.contact .contact__details--container p {
    font-size: 20px;
    font-size: 2rem; }

.intro-cta {
  display: flex;
  align-items: center; }
  @media (max-width: 767px) {
    .intro-cta {
      flex-wrap: wrap; } }
  .intro-cta__content {
    width: calc(50vw + (140rem / 12) * 1);
    padding-left: calc(50vw - (140rem / 12) * 6 + 2rem);
    padding-right: calc(140rem / 12);
    padding-top: 7rem;
    padding-bottom: 7rem; }
    .intro-cta__content h2 {
      margin-top: 0;
      font-size: 60px;
      font-size: 6rem; }
    @media (max-width: 1399px) and (min-width: 768px) {
      .intro-cta__content {
        width: calc((100% / 12) * 7);
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (max-width: 767px) {
      .intro-cta__content {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 4rem;
        padding-bottom: 4rem; } }
  @media (max-width: 767px) {
    .intro-cta.marketing h2, .intro-cta.websites h2 {
      font-size: 40px;
      font-size: 4rem; } }
  .intro-cta__form {
    display: block;
    width: calc(50vw - (140rem / 12) * 1);
    padding-top: 7rem;
    padding-bottom: 7rem;
    padding-right: calc(50vw - (140rem / 12) * 6 + 2rem);
    padding-left: calc(140rem / 12);
    background-color: #f6f6f6; }
    .intro-cta__form h2 {
      font-size: 40px;
      font-size: 4rem;
      margin-bottom: 0; }
    .intro-cta__form h3 {
      font-size: 24px;
      font-size: 2.4rem; }
    .intro-cta__form label.yellowText {
      position: relative;
      color: darkred; }
    .intro-cta__form label {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0; }
    .intro-cta__form input {
      width: 100%;
      height: 5rem;
      margin-block-end: 3rem;
      padding: 15px;
      border: 1px solid transparent;
      border-radius: 4px;
      transition: all 0.25s ease; }
      .intro-cta__form input:focus {
        outline: none;
        border: 1px solid #ff7d38; }
    @media (max-width: 1399px) and (min-width: 768px) {
      .intro-cta__form {
        width: calc((100% / 12) * 5);
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (max-width: 767px) {
      .intro-cta__form {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 4rem;
        padding-bottom: 4rem; } }

.offset {
  display: flex; }
  @media (max-width: 767px) {
    .offset {
      flex-wrap: wrap; } }
  .offset__content {
    width: calc(50vw + (140rem / 12) * 2);
    padding-top: 7rem;
    padding-bottom: 7rem; }
    .offset__content h2 {
      margin-top: 0;
      font-size: 60px;
      font-size: 6rem; }
      @media (max-width: 767px) {
        .offset__content h2 {
          font-size: 40px;
          font-size: 4rem;
          margin-block-end: 2rem; } }
    .offset__content.contact h1 {
      text-transform: uppercase;
      font-size: 70px;
      font-size: 7rem;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        .offset__content.contact h1 {
          font-size: 40px;
          font-size: 4rem; } }
    .offset__content.contact p {
      font-size: 28px;
      font-size: 2.8rem;
      text-transform: uppercase;
      padding: 0;
      margin: 0;
      font-weight: 600; }
      @media (max-width: 767px) {
        .offset__content.contact p {
          font-size: 18px;
          font-size: 1.8rem; } }
    .offset__content.contact .btn {
      width: auto;
      min-width: 140px; }
    .offset__content.contact input, .offset__content.contact select {
      width: 40%;
      border-radius: 4px;
      border: 1px solid #c6c6c6;
      margin-bottom: 15px;
      padding: 0px 20px;
      height: 38px;
      font-size: 14px;
      color: #474747;
      background: white; }
      @media (max-width: 1024px) {
        .offset__content.contact input, .offset__content.contact select {
          width: 60%; } }
      @media (max-width: 767px) {
        .offset__content.contact input, .offset__content.contact select {
          width: 50%; } }
      @media (max-width: 500px) {
        .offset__content.contact input, .offset__content.contact select {
          width: 80%; } }
    .offset__content.contact select {
      /*margin-bottom: 0px;*/ }
    .offset__content.contact label {
      color: #ff7d38;
      font-weight: bold;
      font-size: 16px;
      display: block;
      margin-top: -10px;
      margin-bottom: 5px; }
    .offset__content.contact textarea {
      width: 50%;
      border-radius: 4px;
      border: 1px solid #c6c6c6;
      margin-bottom: 30px;
      padding: 6px 20px;
      height: 70px;
      font-size: 14px;
      color: #474747;
      background: white; }
      @media (max-width: 1024px) {
        .offset__content.contact textarea {
          width: 70%; } }
      @media (max-width: 767px) {
        .offset__content.contact textarea {
          width: 60%; } }
      @media (max-width: 500px) {
        .offset__content.contact textarea {
          width: 80%; } }
    @media (max-width: 767px) {
      .offset__content {
        width: 100%;
        padding-top: 4rem;
        padding-bottom: 4rem; } }
  .offset__img {
    display: block;
    width: calc(50vw - (140rem / 12) * 2);
    background-size: cover;
    background-position: 50%; }
    @media (max-width: 1399px) and (min-width: 768px) {
      .offset__img {
        width: calc((100% / 12) * 5); } }
    @media (max-width: 767px) {
      .offset__img {
        width: 100%;
        height: 25rem; } }
  .offset--left.websites {
    position: relative; }
    .offset--left.websites .btn {
      float: right; }
    .offset--left.websites img.pen {
      position: absolute;
      right: 17%;
      width: auto !important;
      max-height: calc(100% - 200px);
      max-width: 100%;
      height: auto; }
      @media (max-width: 767px) {
        .offset--left.websites img.pen {
          position: absolute;
          height: auto;
          bottom: 110px; } }
    .offset--left.websites .websites_text {
      margin-top: 26%; }
      @media (max-width: 767px) {
        .offset--left.websites .websites_text {
          margin-top: 0; } }
    .offset--left.websites .offset__content a {
      color: white; }
  .offset--left .offset__content {
    background: #8f34ff;
    color: white;
    padding-left: calc(50vw - (140rem / 12) * 6);
    padding-right: calc(140rem / 12); }
    .offset--left .offset__content a {
      /*color: $brand-orange;*/
      color: white;
      text-decoration: none;
      font-weight: bold; }
      @media (max-width: 500px) {
        .offset--left .offset__content a {
          padding: 1%; } }
      .offset--left .offset__content a:hover {
        text-decoration: underline; }
    @media (max-width: 1399px) and (min-width: 768px) {
      .offset--left .offset__content {
        width: calc((100% / 12) * 7);
        padding-left: 2rem;
        padding-right: 2rem; } }
    @media (max-width: 767px) {
      .offset--left .offset__content {
        width: 100%;
        padding-left: 2rem;
        padding-right: 2rem; } }
  @media (max-width: 1399px) and (min-width: 768px) {
    .offset--left .offset__title {
      width: calc((100% / 12) * 7);
      padding-left: 2rem;
      padding-right: 2rem; }
      .offset--left .offset__title h2 {
        width: calc(50vw - (140rem / 12)); } }
  @media (max-width: 767px) {
    .offset--left .offset__title {
      width: 100%;
      padding-left: 2rem;
      padding-right: 2rem; }
      .offset--left .offset__title h2 {
        width: 100%; } }
  .offset--right {
    flex-direction: row-reverse; }
    @media (max-width: 767px) {
      .offset--right {
        justify-content: center; } }
    .offset--right .offset__content {
      background: #f6f6f6;
      padding-right: calc(50vw - (140rem / 12) * 6);
      padding-left: calc(140rem / 12); }
      .offset--right .offset__content.contact {
        background-image: url("/images/mobile-bg.jpg");
        background-size: cover;
        background-color: white;
        background-position: 50%; }
        @media (min-width: 1024px) {
          .offset--right .offset__content.contact {
            padding-left: 0; } }
        @media (max-width: 767px) {
          .offset--right .offset__content.contact {
            justify-content: center; } }
        .offset--right .offset__content.contact em {
          font-style: normal;
          color: #ff7d38; }
        @media (max-width: 500px) {
          .offset--right .offset__content.contact {
            background-position: 55%; } }
      @media (max-width: 1399px) and (min-width: 768px) {
        .offset--right .offset__content {
          width: calc((100% / 12) * 7);
          padding-left: 2rem;
          padding-right: 2rem; } }
      @media (max-width: 767px) {
        .offset--right .offset__content {
          width: 100%;
          padding-left: 2rem;
          padding-right: 2rem; } }
    .offset--right.websites .btn {
      float: right; }
    .offset--right.websites h2, .offset--right.websites p {
      color: white; }
    @media (max-width: 767px) {
      .offset--right.websites .third {
        width: calc(33% - 15px); } }
  .offset__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*padding-right: calc(50vw - (140rem / 12) * 6);*/
    padding-left: calc(140rem / 12);
    width: calc(50vw - (140rem / 12) * 2); }
    .offset__title h2 {
      color: white;
      align-self: flex-end;
      width: calc(30vw - (140rem / 12)); }

.button-container {
  display: flex;
  justify-content: center; }

form.contact {
  z-index: 101; }

form.flex {
  display: flex; }

.has-error {
  position: relative;
  padding-left: 2.7rem; }
  .has-error input,
  .has-error textarea {
    border-color: red; }
  .has-error:before {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    height: 100%;
    border-radius: 6px 0 0 6px;
    top: 0;
    left: 0;
    background-color: red; }

.form-error-text {
  display: block;
  color: red; }

.checkout input[type="radio"] {
  display: inline-block;
  width: auto;
  position: absolute;
  opacity: 1; }
  .checkout input[type="radio"] + label,
  .checkout input[type="radio"] + input + label {
    font-weight: normal;
    padding-left: 3.6rem;
    margin-bottom: 2.7rem;
    position: relative;
    cursor: pointer; }
    .checkout input[type="radio"] + label:before,
    .checkout input[type="radio"] + input + label:before {
      content: "";
      border: 2px solid black;
      background: transparent;
      width: 2.7rem;
      height: 2.7rem;
      position: absolute;
      top: 0;
      left: 0;
      border-radius: 50%; }
  .checkout input[type="radio"]:checked + label:after, .checkout input[type="radio"]:checked + input + label:after {
    content: "";
    background: black;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 8px; }
  .checkout input[type="radio"]:focus + label:before, .checkout input[type="radio"]:focus + input + label:before {
    content: "";
    border: 2px solid black; }

.checkout input[type="checkbox"] {
  display: inline-block;
  width: auto;
  position: absolute;
  /*opacity: 0;*/ }
  .checkout input[type="checkbox"] + label,
  .checkout input[type="checkbox"] + input + label {
    font-weight: normal;
    padding-left: 3.6rem;
    margin-bottom: 2.7rem;
    position: relative;
    cursor: pointer; }
    .checkout input[type="checkbox"] + label:before,
    .checkout input[type="checkbox"] + input + label:before {
      content: "";
      border: 2px solid black;
      background: transparent;
      width: 2.7rem;
      height: 2.7rem;
      position: absolute;
      top: 0;
      left: 0; }
  .checkout input[type="checkbox"]:checked + label:after, .checkout input[type="checkbox"]:checked + input + label:after {
    content: "";
    border: solid;
    border-width: 0 0 3px 3px;
    background: transparent;
    border-color: black;
    border-top-color: transparent;
    width: 14px;
    height: 7px;
    position: absolute;
    top: 9px;
    left: 7px;
    transform: rotate(-45deg);
    zoom: 1; }
  .checkout input[type="checkbox"]:focus + label:before, .checkout input[type="checkbox"]:focus + input + label:before {
    content: "";
    border: 2px solid black; }

p.messageForm {
  color: black;
  text-transform: uppercase;
  font-weight: bold;
  text-align: center; }

.widget.woocommerce.widget_product_search {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 1rem; }
  .widget.woocommerce.widget_product_search form.woocommerce-product-search {
    display: flex;
    width: 100%; }
    .widget.woocommerce.widget_product_search form.woocommerce-product-search input.search-field {
      width: 100%;
      border: 1px solid #2b2b2b;
      padding: 1.5rem;
      font-weight: 300;
      border-radius: 100px; }
      @media (max-width: 500px) {
        .widget.woocommerce.widget_product_search form.woocommerce-product-search input.search-field {
          padding: 1rem; } }
    .widget.woocommerce.widget_product_search form.woocommerce-product-search > button {
      content: '/f70e';
      color: #ed1a46;
      position: relative; }

i.fa.fa-search {
  position: absolute;
  right: 1rem;
  bottom: 1.5rem;
  font-size: 23px; }
  @media (max-width: 500px) {
    i.fa.fa-search {
      bottom: 1rem; } }

.woocommerce form.woocommerce-form.woocommerce-form-login.login {
  background: #ed1a46; }
  .woocommerce form.woocommerce-form.woocommerce-form-login.login input {
    border: none;
    background: #f2f2f2;
    padding: 1rem; }
  .woocommerce form.woocommerce-form.woocommerce-form-login.login button.woocommerce-Button.button {
    color: #2b2b2b;
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    border-radius: 6px;
    font-weight: bold;
    padding: 18px;
    border: 0;
    margin-top: 2.7rem;
    line-height: 2.7rem;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    min-width: 250px;
    font-size: 16px;
    font-size: 1.6rem;
    background: #f8ff2c;
    border-bottom: 5px solid #ddb21c;
    text-align: center;
    box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.16);
    transition: all 0.5s ease;
    position: relative; }
  .woocommerce form.woocommerce-form.woocommerce-form-login.login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline {
    display: block;
    width: 100%;
    position: relative; }
    .woocommerce form.woocommerce-form.woocommerce-form-login.login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.inline input {
      position: relative; }

.site-footer {
  padding: 3rem 0 5rem 0;
  background-color: #2b2b2b;
  clear: both;
  width: 100%; }
  .site-footer .container {
    display: flex;
    justify-content: space-around; }
    @media (max-width: 767px) {
      .site-footer .container {
        flex-direction: column; } }
  .site-footer__section {
    display: flex;
    width: 25%; }
    .site-footer__section ul li a {
      color: #f2f2f2; }
    @media (max-width: 767px) {
      .site-footer__section {
        width: 100%;
        flex-basis: 10%;
        margin-bottom: 1rem; } }
    .site-footer__section__logo {
      display: block;
      width: 210px;
      height: 93px;
      background-repeat: no-repeat;
      background-image: url(/wp-content/uploads/2018/11/logo-temp.png);
      text-indent: -10000px; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.slider-container {
  position: relative;
  overflow: hidden;
  width: 65%;
  margin: 0 auto;
  background-color: #444;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media (max-width: 768px) {
    .slider-container {
      width: 100%; } }
  .slider-container .slider {
    position: relative;
    width: 9999px; }
    .slider-container .slider:before {
      display: table;
      content: ' '; }
    .slider-container .slider:after {
      display: table;
      content: ' ';
      clear: both; }
    .slider-container .slider__item {
      position: relative;
      float: left;
      margin: 0;
      padding: 0;
      height: 100%; }
      .slider-container .slider__item img {
        display: block;
        max-width: 100%;
        height: auto; }
    .slider-container .slider__switch {
      position: absolute;
      top: 50%;
      margin-top: -20px;
      padding: 10px 5px;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      border-radius: 1px;
      background: #000;
      opacity: .3;
      transition: opacity .15s ease;
      fill: #fff; }
      @media (max-width: 580px) {
        .slider-container .slider__switch {
          display: none; } }
      .slider-container .slider__switch[disabled] {
        visibility: hidden;
        opacity: 0; }
      .slider-container .slider__switch:hover {
        opacity: .85; }
      .slider-container .slider__switch--prev {
        left: 10px; }
      .slider-container .slider__switch--next {
        right: 10px; }
      .slider-container .slider__switch span {
        color: #fff;
        display: block;
        width: 32px;
        height: 32px; }
    .slider-container .slider__caption {
      position: absolute;
      bottom: 30px;
      left: 30px;
      display: block;
      max-width: 500px;
      padding: 10px;
      color: #fff;
      /*background: rgba(0, 0, 0, .8);
      box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.9);
      filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99000000', endColorstr='#99000000'); /* ie8 */ }
      .slider-container .slider__caption[disabled] {
        opacity: 0;
        visibility: hidden; }
      @media (max-width: 580px) {
        .slider-container .slider__caption {
          display: none; } }
    .slider-container .slider-nav {
      line-height: 30px;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30px;
      margin: 0;
      padding: 0;
      text-align: center;
      z-index: 100;
      filter: alpha(opacity=90);
      /* ie8 */ }
      .slider-container .slider-nav__control {
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 3px;
        -webkit-transition: background .5s ease;
        -moz-transition: background .5s ease;
        -o-transition: background .5s ease;
        transition: background .5s ease;
        border: 2px solid #fff;
        border-radius: 50%;
        background: transparent; }
        .slider-container .slider-nav__control.is-active {
          width: 12px;
          height: 12px;
          background: #fff; }
    .slider-container .slider.has-touch {
      cursor: move;
      cursor: -webkit-grabbing;
      cursor: -moz-grabbing; }

.banner.promo--banner {
  margin-top: 3rem;
  background-color: #ed1a46;
  padding: 2rem 0; }
  .banner.promo--banner > .container {
    display: flex;
    justify-content: center;
    align-items: center; }
    .banner.promo--banner > .container h2.promo--text {
      font-size: 48px;
      font-size: 4.8rem;
      text-transform: uppercase;
      color: #2b2b2b;
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic; }
      @media (max-width: 1024px) {
        .banner.promo--banner > .container h2.promo--text {
          font-size: 30px;
          font-size: 3rem; } }
      @media (max-width: 767px) {
        .banner.promo--banner > .container h2.promo--text {
          font-size: 24px;
          font-size: 2.4rem;
          text-align: center; } }
      .banner.promo--banner > .container h2.promo--text span {
        color: #ed1a46; }
    .banner.promo--banner > .container ul {
      display: flex;
      width: 100%;
      justify-content: space-around;
      color: white;
      font-weight: 600;
      font-size: 20px;
      text-transform: uppercase; }
      @media (max-width: 767px) {
        .banner.promo--banner > .container ul {
          justify-content: center;
          align-items: center;
          flex-direction: column; } }
      .banner.promo--banner > .container ul li {
        position: relative; }
        .banner.promo--banner > .container ul li:before {
          content: url(/wp-content/uploads/2019/09/greentick.png);
          position: absolute;
          left: -32px;
          top: 1px;
          text-align: center; }
.banner.home--banner ul {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0; }
  .banner.home--banner ul li {
    display: flex; }
    @media (max-width: 768px) {
      .banner.home--banner ul li.banner--list_item {
        flex-direction: column; } }
.banner.home--banner .banner--image {
  display: flex;
  justify-content: center;
  padding: 0.5rem; }
.banner.home--banner .banner--content {
  display: flex;
  justify-content: center;
  flex-direction: column; }
.banner.home--banner h3 {
  font-family: aller, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  font-style: italic;
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 20px;
  line-height: 2rem; }
  @media (max-width: 1024px) {
    .banner.home--banner h3 {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 12px;
      line-height: 1.2rem; } }
  @media (max-width: 767px) {
    .banner.home--banner h3 {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 12px;
      line-height: 1.2rem; } }
.banner.home--banner p {
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem; }
  @media (max-width: 767px) {
    .banner.home--banner p {
      font-size: 10px;
      font-size: 1rem;
      line-height: 10px;
      line-height: 1rem; } }
.banner.home--banner span {
  color: #ed1a46;
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 700;
  font-style: italic; }
  @media (max-width: 767px) {
    .banner.home--banner span {
      font-size: 10px;
      font-size: 1rem;
      line-height: 10px;
      line-height: 1rem; } }

.best__sellers--header {
  text-align: center; }
.best__sellers .container {
  padding-top: 4rem;
  padding-bottom: 4rem; }
  @media (max-width: 1024px) {
    .best__sellers .container {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  @media (max-width: 768px) {
    .best__sellers .container {
      padding-top: 1rem;
      padding-bottom: 1rem; } }

.product__category--section {
  display: flex; }
  @media (max-width: 768px) {
    .product__category--section {
      display: flex;
      justify-content: center;
      flex-direction: column; } }
  .product__category--section h2.product__category--text {
    font-size: 54px;
    font-size: 5.4rem;
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    /*text-shadow: -5px 4px 12px #8a8a8a;*/
    text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.15);
    color: white; }
.product__category--left {
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
  width: 50%; }
  @media (max-width: 768px) {
    .product__category--left {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0.5rem;
      width: 100%;
      padding: 0 4rem;
      margin-bottom: 3rem; } }
  @media (max-width: 768px) and (max-width: 500px) {
    .product__category--left {
      padding: 0; } }

  .product__category--left a {
    max-width: 30rem; }
  .product__category--left .product__category--content {
    background-image: url(./assets/images/feltboard.jpg);
    background-repeat: no-repeat;
    width: 100%; }
.product__category--right {
  -webkit-flex-grow: 2;
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  flex-grow: 2;
  padding: 0.5rem;
  width: 50%; }
  @media (max-width: 768px) {
    .product__category--right {
      width: 100%; } }
.product__category .container {
  padding-top: 4rem;
  padding-bottom: 4rem; }
  @media (max-width: 1024px) {
    .product__category .container {
      padding-top: 2rem;
      padding-bottom: 2rem; } }
  @media (max-width: 768px) {
    .product__category .container {
      padding-top: 1rem;
      padding-bottom: 1rem; } }

.product__category--content.cta.pens {
  align-items: flex-start;
  padding-left: 6rem;
  padding-top: 3rem; }

.hot__deals {
  background-color: #2b2b2b; }
  .hot__deals .container {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  .hot__deals--header {
    text-align: center; }
    .hot__deals--header h1 {
      background: -webkit-linear-gradient(#ffb100, #d73d0b);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      position: relative; }
      .hot__deals--header h1:before {
        content: url(./assets/images/fire-1.png);
        padding: 0 1rem;
        top: -9px;
        left: 500px;
        position: absolute;
        z-index: 4; }
      .hot__deals--header h1:after {
        content: url(./assets/images/fire-1.png);
        padding: 0 1.3rem;
        top: -9px;
        right: 500px;
        position: absolute;
        z-index: 4; }
  .hot__deals--content h2 {
    font-size: 74px;
    font-size: 7.4rem;
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    color: white;
    text-shadow: -5px 4px 0px #f04745;
    transform: rotate(-11deg);
    text-align: center; }
    @media (max-width: 1000px) {
      .hot__deals--content h2 {
        font-size: 54px;
        font-size: 5.4rem; } }
    @media (max-width: 768px) {
      .hot__deals--content h2 {
        font-size: 70px;
        font-size: 7rem; } }
  .hot__deals--content p {
    font-size: 32px;
    font-size: 3.2rem;
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    color: #f8ff2c;
    transform: rotate(-11deg); }
  .hot__deals--content .btn {
    background: #f24846;
    border-bottom: 5px solid #ca2725;
    min-width: 300px;
    font-size: 25px;
    font-size: 2.5rem;
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic; }
    @media (max-width: 500px) {
      .hot__deals--content .btn {
        min-width: 12em; } }
    .hot__deals--content .btn:before {
      background: #f24846; }
  .hot__deals--content.cork {
    background-image: url(./assets/images/cork.jpg);
    background-repeat: no-repeat;
    justify-content: space-around;
    /*
    @media (max-width: 500px) {
      width: 100%;
    }*/ }
    @media (min-width: 769px) {
      .hot__deals--content.cork {
        padding-top: 5rem;
        padding-bottom: 1rem;
        background-size: cover; } }
  .hot__deals--content.pens {
    background-image: url(./assets/images/pens.jpg);
    background-repeat: no-repeat;
    /*@media (max-width: 1000px) {
      padding-left: 0;
    }
    @media (max-width: 768px) {
      width: 100%;
      padding-bottom: 8rem;
    }
    @media (max-width: 500px) {
      width: 100%;
    }*/ }
    @media (min-width: 769px) {
      .hot__deals--content.pens {
        padding-top: 0;
        padding-bottom: 0;
        align-items: flex-start;
        padding-left: 3rem;
        background-size: cover; } }
    @media (max-width: 768px) {
      .hot__deals--content.pens.cta {
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        padding-top: 0; } }
    @media (max-width: 500px) {
      .hot__deals--content.pens.cta {
        padding: 0;
        justify-content: center; } }
    .hot__deals--content.pens .content--container {
      display: flex;
      flex-direction: column;
      padding-right: calc(20vw - (140rem / 12) * 1);
      align-items: center; }
  .hot__deals .content--container {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      .hot__deals .content--container {
        justify-content: center;
        flex-direction: column;
        padding: 4rem; } }
    @media (max-width: 500px) {
      .hot__deals .content--container {
        padding: 0 !important; } }
  .hot__deals li.hot__deals--item {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 4.5rem;
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase; }
    .hot__deals li.hot__deals--item:before {
      content: url(./assets/images/check.png);
      padding: 0 1rem;
      display: inline-block; }

li.hot__deals--item {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 4.5rem;
  font-family: aller, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase; }

.section--header {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: Capitalize; }
  .section--header h1 {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 36px;
    font-size: 3.6rem;
    border-bottom: 1px solid #8d8d8d;
    width: 100%;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem; }

.section--subheader {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: Capitalize; }
  .section--subheader h2 {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 26px;
    font-size: 2.6rem;
    width: 100%;
    padding-bottom: 1.5rem;
    margin: 1.5rem 0; }
  .section--subheader h3 {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 18px;
    font-size: 1.8rem;
    width: 100%;
    padding-bottom: 1.5rem;
    margin-top: 3rem; }
  .section--subheader h4 {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    padding-bottom: 1.5rem;
    margin-top: 3rem; }

/******Product Summary*********/
/*temp move into better structure */
.woocommerce-message {
  margin: 0;
  border-top-color: #ed1a46; }
  .woocommerce-message::before {
    content: '\e015';
    color: #ed1a46; }
  .woocommerce-message a {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: source-sans-pro, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700; }

select.orderby {
  padding: 1rem;
  margin-bottom: 3rem; }

.product-status {
  display: flex; }
  .product-status span.onsale {
    font-size: 24px;
    font-size: 2.4rem;
    font-family: source-sans-pro, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    color: #ed1a46;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase; }

.price-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
  flex-grow: 1; }
  @media (max-width: 500px) {
    .price-info {
      width: 100%; } }

.extra-container {
  display: flex; }
  @media (max-width: 500px) {
    .extra-container {
      flex-direction: column; } }

.summary.entry-summary p.status {
  text-transform: uppercase;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  line-height: 30px; }
  .summary.entry-summary p.status.in {
    color: #46cc65; }
  .summary.entry-summary p.status.out {
    color: #343434; }
  .summary.entry-summary p.status.backorder {
    color: #ed1a46; }
.summary.entry-summary p.price {
  display: flex;
  flex-direction: column;
  line-height: 24px;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 700;
  color: #ed1a46 !important; }
  @media (min-width: 992px) and (max-width: 1394px) {
    .summary.entry-summary p.price {
      font-size: 25px;
      font-size: 2.5rem; } }
.summary.entry-summary .promo_box {
  min-width: 50%;
  padding: 0.5rem;
  margin: 0.5rem;
  background-color: #ffb400;
  display: flex;
  flex-grow: 3; }
  @media (max-width: 767px) {
    .summary.entry-summary .promo_box {
      width: 100%; } }
  .summary.entry-summary .promo_box--title {
    text-align: center;
    padding: 1rem;
    width: 50%; }
    .summary.entry-summary .promo_box--title h2 {
      font-family: source-sans-pro, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 700;
      font-style: italic; }
      @media (min-width: 992px) and (max-width: 1394px) {
        .summary.entry-summary .promo_box--title h2 {
          font-size: 15px;
          font-size: 1.5rem; } }
      .summary.entry-summary .promo_box--title h2 a {
        color: #8d8d8d; }
    .summary.entry-summary .promo_box--title span {
      font-size: 29px;
      font-size: 2.9rem;
      color: #ed1a46; }
      @media (min-width: 992px) and (max-width: 1394px) {
        .summary.entry-summary .promo_box--title span {
          font-size: 12px;
          font-size: 1.2rem; } }
  .summary.entry-summary .promo_box--content {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .summary.entry-summary .promo_box--content ul.promo_box--list li.promo_box--listitem {
      font-family: source-sans-pro, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 700; }
      @media (min-width: 992px) and (max-width: 1394px) {
        .summary.entry-summary .promo_box--content ul.promo_box--list li.promo_box--listitem {
          font-size: 10px;
          font-size: 1rem; } }
.summary.entry-summary h1.product_title.entry-title {
  clear: both;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 3rem 0; }
  .summary.entry-summary h1.product_title.entry-title:before {
    content: url(./assets/images/product-title-logo.png);
    padding: 0.5rem 1rem 0.5rem 0; }
.summary.entry-summary .woocommerce-product-details__short-description {
  padding: 2% 0 5% 0; }
  .summary.entry-summary .woocommerce-product-details__short-description ul li {
    list-style-type: disc; }
.summary.entry-summary table.variations td {
  padding: 1rem 1rem 1rem 0; }
.summary.entry-summary table.variations td.value select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
.summary.entry-summary .single_variation_wrap {
  padding: 1rem 0; }
.summary.entry-summary .woocommerce-variation-price {
  display: flex;
  justify-content: flex-end; }
.summary.entry-summary .variations {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; }
  .summary.entry-summary .variations p.attribute_label {
    color: #ed1a46;
    font-family: source-sans-pro, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    padding-right: 1rem; }
    .summary.entry-summary .variations p.attribute_label.pa_colour {
      display: block; }
  .summary.entry-summary .variations select {
    padding: 1rem; }

.variation {
  display: flex;
  align-items: center;
  padding: 1rem 0 0 0;
  width: 100%;
  position: relative; }

.quantity {
  display: flex;
  /*justify-content: center;*/ }
  .quantity input {
    width: 12%;
    padding: 0.5rem 0rem 0.5rem 1rem; }
  @media (max-width: 768px) {
    .quantity {
      display: block; } }
  .quantity:before {
    content: "Quanity";
    padding-right: 2rem;
    padding-top: 0.5rem;
    color: #ed1a46;
    font-family: source-sans-pro, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem; }

.qty1 {
  /* float: left;
   padding-top: 0.5rem;
   padding-right: 1rem;
   color: $primary-colour;
   @include brand-font;
   @include font-size(16);*/
  display: none; }

a.reset_variations {
  padding: 1rem;
  text-transform: uppercase; }
  a.reset_variations:hover {
    color: #ed1a46; }

p.price del {
  color: #2b2b2b !important;
  justify-content: flex-end;
  text-align: right; }
  p.price del span {
    color: #2b2b2b !important;
    font-size: 24px;
    font-size: 2.4rem; }
p.price .fromPrice, p.price span.from {
  color: #2b2b2b !important;
  justify-content: flex-end;
  text-align: right;
  color: #2b2b2b !important;
  font-size: 24px;
  font-size: 2.4rem;
  text-transform: uppercase !important; }
p.price ins {
  text-decoration: none;
  text-align: right; }

.component_options_select_wrapper select {
  padding: 0.5rem 0rem 0.5rem 1rem; }

div#component_1547807581 .quantity_button {
  display: none; }

label.select_label {
  clear: both;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 3rem 0; }

.woocommerce ul.products li.product .price .from {
  margin: 6px 0 0 0; }

/*****reviews*****/
div#reviews {
  width: 100%; }
  div#reviews h2 {
    border-bottom: 2px solid #454545;
    padding: 3rem 0;
    margin-bottom: 3rem;
    font-weight: 700;
    font-family: source-sans-pro, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-size: 36px;
    font-size: 3.6rem;
    font-style: italic; }
  div#reviews ol.commentlist {
    display: flex; }
    div#reviews ol.commentlist li {
      width: 50%; }

/*******Product loops**********/
ul.products.columns-2 {
  justify-content: space-between; }

.woocommerce ul.products[class*=columns-] {
  margin: 0 0 1em;
  padding: 0;
  list-style: none outside;
  clear: both; }
  .woocommerce ul.products[class*=columns-] li.product {
    display: flex;
    flex-direction: column;
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 21.2%;
    margin-left: 0; }
    @media (max-width: 1024px) {
      .woocommerce ul.products[class*=columns-] li.product {
        width: 29%; } }
    @media (max-width: 767px) {
      .woocommerce ul.products[class*=columns-] li.product {
        width: 46%; } }
    @media (max-width: 500px) {
      .woocommerce ul.products[class*=columns-] li.product {
        /* width: 100%;*/
        width: 46%; } }
    @media (max-width: 440px) {
      .woocommerce ul.products[class*=columns-] li.product {
        width: 100%; } }
    .woocommerce ul.products[class*=columns-] li.product .woocommerce-loop-product__title {
      min-height: 8rem;
      padding: 1rem;
      color: #2b2b2b;
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      font-style: italic; }
      @media (max-width: 1024px) {
        .woocommerce ul.products[class*=columns-] li.product .woocommerce-loop-product__title {
          min-height: 10%; } }
      @media (max-width: 768px) {
        .woocommerce ul.products[class*=columns-] li.product .woocommerce-loop-product__title {
          /*min-height: 6%;*/
          text-align: center; } }
    .woocommerce ul.products[class*=columns-] li.product span.price {
      /*min-height: 8rem;*/
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      font-style: italic;
      color: #2b2b2b;
      display: flex;
      padding: 0 1rem; }
      .woocommerce ul.products[class*=columns-] li.product span.price del {
        color: #2b2b2b;
        opacity: 1; }
      .woocommerce ul.products[class*=columns-] li.product span.price ins {
        color: #ed1a46; }
        .woocommerce ul.products[class*=columns-] li.product span.price ins:before {
          content: " SALE - ";
          text-decoration: none; }
    .woocommerce ul.products[class*=columns-] li.product .button {
      margin-top: 0;
      background-color: #2b2b2b;
      width: 100%;
      text-align: center;
      padding: 2rem;
      color: #f24846;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 100%;
      line-height: 1;
      cursor: pointer;
      position: relative;
      overflow: visible;
      font-weight: 700;
      border-radius: 3px;
      left: auto;
      border: 0;
      display: inline-block;
      background-image: none;
      box-shadow: none;
      text-shadow: none;
      position: absolute;
      bottom: 0; }
.woocommerce ul.products.columns-6 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .woocommerce ul.products.columns-6 li.product {
    width: 12.2%; }
    .woocommerce ul.products.columns-6 li.product h2 {
      min-height: 8rem;
      color: #2b2b2b;
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      font-style: italic; }
      @media (max-width: 1024px) {
        .woocommerce ul.products.columns-6 li.product h2 {
          min-height: 9%;
          /*padding: 4.5% 0;*/
          text-align: center; } }
      @media (max-width: 768px) {
        .woocommerce ul.products.columns-6 li.product h2 {
          min-height: 8rem;
          /*padding: 3% 0;*/
          text-align: center; } }
    @media (max-width: 1024px) {
      .woocommerce ul.products.columns-6 li.product {
        width: 29%; } }
    @media (max-width: 767px) {
      .woocommerce ul.products.columns-6 li.product {
        width: 46%; } }
    @media (max-width: 500px) {
      .woocommerce ul.products.columns-6 li.product {
        width: 100%; } }

ul.products {
  margin: 0 0 1em;
  padding: 0;
  list-style: none outside;
  clear: both;
  display: flex;
  flex-wrap: wrap; }
  ul.products li.product {
    display: flex;
    flex-direction: column;
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
    width: 21.2%;
    margin-left: 0;
    box-shadow: 0px 1px 3px 2px #d8d8d8; }
    @media (max-width: 1024px) {
      ul.products li.product {
        width: 29%; } }
    @media (max-width: 767px) {
      ul.products li.product {
        width: 46%; } }
    @media (max-width: 500px) {
      ul.products li.product {
        width: 100%; }
        ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center; } }
    ul.products li.product .woocommerce-loop-product__title {
      min-height: 6rem;
      color: #2b2b2b;
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      font-style: italic;
      padding: 1rem; }
      @media (max-width: 1300px) and (min-width: 1024px) {
        ul.products li.product .woocommerce-loop-product__title {
          min-height: 8rem; } }
      @media (max-width: 1024px) {
        ul.products li.product .woocommerce-loop-product__title {
          min-height: 6rem;
          /*padding: 4.5% 0;*/
          text-align: center;
          font-size: 16px;
          font-size: 1.6rem; } }
      @media (max-width: 991px) and (min-width: 769px) {
        ul.products li.product .woocommerce-loop-product__title {
          min-height: 7rem; } }
      @media (max-width: 768px) {
        ul.products li.product .woocommerce-loop-product__title {
          min-height: 7rem;
          /*padding: 3% 0;*/
          text-align: center; } }
      @media (max-width: 500px) {
        ul.products li.product .woocommerce-loop-product__title {
          min-height: 3rem; } }
    ul.products li.product span.price {
      /*min-height: 8rem;*/
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic;
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 600;
      font-style: italic;
      color: #2b2b2b;
      display: flex;
      padding: 0 1rem; }
    ul.products li.product .button {
      margin-top: 0;
      background-color: #2b2b2b;
      width: 100%;
      text-align: center;
      padding: 2rem;
      color: #f24846;
      text-decoration: none;
      text-transform: uppercase;
      line-height: 1;
      cursor: pointer;
      position: relative;
      overflow: visible;
      font-weight: 700;
      border-radius: 3px;
      left: auto;
      border: 0;
      display: inline-block;
      background-image: none;
      box-shadow: none;
      text-shadow: none; }

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail.wp-post-image {
  padding: 1rem; }

section.best__sellers ul.products li.product, section.product__category--loop ul.products li.product {
  box-shadow: 0px 1px 3px 2px #d8d8d8; }
  section.best__sellers ul.products li.product a.button.product_type_variable.add_to_cart_button, section.product__category--loop ul.products li.product a.button.product_type_variable.add_to_cart_button {
    display: none; }
  section.best__sellers ul.products li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart, section.product__category--loop ul.products li.product a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    display: none; }
  section.best__sellers ul.products li.product h2.woocommerce-loop-product__title, section.best__sellers ul.products li.product p.dimensions, section.best__sellers ul.products li.product span.price, section.product__category--loop ul.products li.product h2.woocommerce-loop-product__title, section.product__category--loop ul.products li.product p.dimensions, section.product__category--loop ul.products li.product span.price {
    padding: 0 2rem; }
  section.best__sellers ul.products li.product a.button.product_type_composite.add_to_cart_button, section.product__category--loop ul.products li.product a.button.product_type_composite.add_to_cart_button {
    display: none !important; }

ul.component_option_radio_buttons_container.cp_clearfix {
  display: flex; }

section.related.products {
  width: 100%;
  margin: 0 auto;
  clear: both;
  display: flex;
  flex-direction: column; }
  section.related.products > h2 {
    border-bottom: 2px solid #454545;
    padding: 3rem 0;
    margin-bottom: 3rem;
    font-weight: 700;
    font-family: source-sans-pro, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-size: 36px;
    font-size: 3.6rem;
    font-style: italic; }

section.up-sells {
  display: flex; }
  section.up-sells > h2 {
    border-bottom: 2px solid #454545;
    padding: 3rem 0;
    margin-bottom: 3rem;
    font-weight: 700;
    font-family: source-sans-pro, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-size: 36px;
    font-size: 3.6rem;
    font-style: italic; }

/* variation price may want to move these styles */
.woocommerce-variation-price span.price {
  font-size: 30px;
  font-size: 3rem;
  color: #ed1a46;
  font-weight: 700; }

/**** Tabs ***/
ul.tabs.wc-tabs {
  display: flex;
  margin: 0 1rem 1rem 0; }
  ul.tabs.wc-tabs li {
    padding-right: 1rem; }

.woocommerce-tabs.wc-tabs-wrapper h2 {
  border-bottom: 2px solid #454545;
  padding: 3rem 0;
  margin-bottom: 3rem;
  font-weight: 700;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-size: 36px;
  font-size: 3.6rem;
  font-style: italic; }

/****** swatches for product loop *******/
ul.swatches-attributes {
  /* width: 50%;*/
  display: flex;
  justify-content: space-evenly;
  padding: 0.5rem 1rem; }
  @media (max-width: 768px) {
    ul.swatches-attributes {
      /*flex-wrap: wrap;*/
      display: flex;
      justify-content: space-evenly; } }
  @media (max-width: 500px) {
    ul.swatches-attributes {
      width: 83%; } }
  ul.swatches-attributes li {
    width: 12px;
    height: 12px; }
    ul.swatches-attributes li.Amethist, ul.swatches-attributes li.Amethyst {
      background-color: #5c2c6a; }
    ul.swatches-attributes li.Black {
      background-color: #292929; }
    ul.swatches-attributes li.Caribbean {
      background-color: #306380; }
    ul.swatches-attributes li.Cream {
      background-color: #E8D9B3; }
    ul.swatches-attributes li.GeraniumRed {
      background-color: #C03427; }
    ul.swatches-attributes li.Holly {
      background-color: #193C26; }
    ul.swatches-attributes li.OlympianYellow {
      background-color: #EDCE29; }
    ul.swatches-attributes li.HotSahara {
      background-color: #F1533A; }
    ul.swatches-attributes li.Sky {
      background-color: #6C89B3; }
    ul.swatches-attributes li.SplendidPink {
      background-color: #C72161; }
    ul.swatches-attributes li.White {
      background-color: #DCDCDC; }
    ul.swatches-attributes li.Blueberry {
      background-color: #2C81D4; }
    ul.swatches-attributes li.BottleGreen {
      background-color: #3c4c3b; }
    ul.swatches-attributes li.Green {
      background-color: #A5C150; }
    ul.swatches-attributes li.Gray {
      background-color: #A7A7B1; }
    ul.swatches-attributes li.Grey {
      background-color: #D2C6D0; }
    ul.swatches-attributes li.GunMetalGrey {
      background-color: #807E8C; }
    ul.swatches-attributes li.NavyBlue {
      background-color: #0E276A; }
    ul.swatches-attributes li.Red {
      background-color: #B01010; }
    ul.swatches-attributes li.RoyalBlue {
      background-color: #162AD7; }
    ul.swatches-attributes li.Wine {
      background-color: #80003B; }
    ul.swatches-attributes li.Yellow {
      background-color: #FEE969; }
    ul.swatches-attributes li.LightGreen {
      background-color: #A5D277; }
    ul.swatches-attributes li.FiestaGold {
      background-color: #F18522; }
    ul.swatches-attributes li.Mushroom {
      background-color: #AD9185; }
    ul.swatches-attributes li.SilverBirch {
      background-color: #5B6475; }
    ul.swatches-attributes li.GreyMetal {
      background-color: #7A737A; }
    ul.swatches-attributes li.GreyMist {
      background-color: #989CA5; }
    ul.swatches-attributes li.Pebble {
      background-color: #687083; }
    ul.swatches-attributes li.SageGreen {
      background-color: #4C6260; }
    ul.swatches-attributes li.Trafalgar {
      background-color: #1E1E52; }
    ul.swatches-attributes li.Tango {
      background-color: #ED5B1F; }
    ul.swatches-attributes li.RoyalWindsor {
      background-color: #272962; }
    ul.swatches-attributes li.DarkEarth {
      background-color: #44424D; }
    ul.swatches-attributes li.Garnet {
      background-color: #48121F; }
    ul.swatches-attributes li.PeonyRed {
      background-color: #A61F23; }
    ul.swatches-attributes li.Wedgewood {
      background-color: #34559C; }
    ul.swatches-attributes li.Verona {
      background-color: #165236; }
    ul.swatches-attributes li.Burgundy {
      background-color: #7C0115; }
    ul.swatches-attributes li.Cherry {
      background-color: #BD1016; }
    ul.swatches-attributes li.DarkGreen {
      background-color: #1C4032; }
    ul.swatches-attributes li.OxfordBlue {
      background-color: #0E1780; }
    ul.swatches-attributes li.Silver {
      background-color: #9099A8; }
    ul.swatches-attributes li.Blue {
      background-color: #1D2F93; }
    ul.swatches-attributes li.LightBlue {
      background-color: #9DC8DB; }
    ul.swatches-attributes li.DarkGrey {
      background-color: #494A4B; }
    ul.swatches-attributes li.Beige {
      background-color: #E3DAB9; }
    ul.swatches-attributes li.Crystal {
      background-color: #6A9DC8; }
    ul.swatches-attributes li.Ivy {
      background-color: #71C68B; }
    ul.swatches-attributes li.Merlot {
      background-color: #552D62; }
    ul.swatches-attributes li.PineGreen {
      background-color: #135D38; }
    ul.swatches-attributes li.Ruby {
      background-color: #5B0721; }
    ul.swatches-attributes li.Violet {
      background-color: #431996; }
    ul.swatches-attributes li.MidnightBlue, ul.swatches-attributes li.Midnight {
      background-color: #212342; }
    ul.swatches-attributes li.Honeysuckle {
      background-color: #C2976C; }
    ul.swatches-attributes li.Mint {
      background-color: #3F9240; }
    ul.swatches-attributes li.Heather {
      background-color: #7C4475; }
    ul.swatches-attributes li.Peat {
      background-color: #2B1A13; }
    ul.swatches-attributes li.Adobo {
      background-color: #B44566; }
    ul.swatches-attributes li.Aruba {
      background-color: #CFBEAE; }
    ul.swatches-attributes li.Apple {
      background-color: #9FAA7F; }
    ul.swatches-attributes li.Arecibo {
      background-color: #8CBAD1; }
    ul.swatches-attributes li.Belize {
      background-color: #CD3C49; }
    ul.swatches-attributes li.Bermuda {
      background-color: #7D95BB; }
    ul.swatches-attributes li.Blizzard {
      background-color: #586667; }
    ul.swatches-attributes li.Bluebell {
      background-color: #5C6BAE; }
    ul.swatches-attributes li.Bluefield {
      background-color: #466B9F; }
    ul.swatches-attributes li.Bridgetown {
      background-color: #71455E; }
    ul.swatches-attributes li.Buru {
      background-color: #9599A4; }
    ul.swatches-attributes li.Calypso {
      background-color: #852F38; }
    ul.swatches-attributes li.Campeche {
      background-color: #58A2A1; }
    ul.swatches-attributes li.Cayman {
      background-color: #385072; }
    ul.swatches-attributes li.Costa {
      background-color: #2D2C3A; }
    ul.swatches-attributes li.Curacao {
      background-color: #243C6C; }
    ul.swatches-attributes li.Diablo {
      background-color: #B64062; }
    ul.swatches-attributes li.Havana {
      background-color: #0B1517; }
    ul.swatches-attributes li.Jamaica {
      background-color: #913832; }
    ul.swatches-attributes li.Lobster {
      background-color: #B43830; }
    ul.swatches-attributes li.Madura {
      background-color: #96BF47; }
    ul.swatches-attributes li.Marianna {
      background-color: #86CDF9; }
    ul.swatches-attributes li.Martinique {
      background-color: #2A5780; }
    ul.swatches-attributes li.Mauve {
      background-color: #A98EB7; }
    ul.swatches-attributes li.Montserrat {
      background-color: #103C3F; }
    ul.swatches-attributes li.Ocean {
      background-color: #1F3B6B; }
    ul.swatches-attributes li.Oyster {
      background-color: #E7CCB1; }
    ul.swatches-attributes li.Paseo {
      background-color: #4C5A5B; }
    ul.swatches-attributes li.Reef {
      background-color: #E1C8A9; }
    ul.swatches-attributes li.Rum {
      background-color: #C3BEC2; }
    ul.swatches-attributes li.Sandstorm {
      background-color: #B29782; }
    ul.swatches-attributes li.Scuba {
      background-color: #086694; }
    ul.swatches-attributes li.Slip {
      background-color: #ABAAAF; }
    ul.swatches-attributes li.Sombrero {
      background-color: #24282B; }
    ul.swatches-attributes li.Solano {
      background-color: #E89B11; }
    ul.swatches-attributes li.Steel {
      background-color: #7889A7; }
    ul.swatches-attributes li.Taboo {
      background-color: #103C2F; }
    ul.swatches-attributes li.Tarot {
      background-color: #453250; }
    ul.swatches-attributes li.Taboo {
      background-color: #103C2F; }
    ul.swatches-attributes li.Tequila {
      background-color: #6E7180; }
    ul.swatches-attributes li.Tobago {
      background-color: #4C303F; }
    ul.swatches-attributes li.Tortuga {
      background-color: #DB5538; }
    ul.swatches-attributes li.Turtle {
      background-color: #AAB29D; }
    ul.swatches-attributes li.Windjammer {
      background-color: #2C6860; }
    ul.swatches-attributes li.Royal {
      background-color: #262B86; }
    ul.swatches-attributes li.Adriatic {
      background-color: #1B3040; }
    ul.swatches-attributes li.Austen {
      background-color: #927B5C; }
    ul.swatches-attributes li.Beltane {
      background-color: #bcac93; }
    ul.swatches-attributes li.Carron {
      background-color: #367565; }
    ul.swatches-attributes li.Chaucer {
      background-color: #929199; }
    ul.swatches-attributes li.Clan {
      background-color: #d8ced1; }
    ul.swatches-attributes li.Cluanie {
      background-color: #232E4A; }
    ul.swatches-attributes li.Denny {
      background-color: #898c95; }
    ul.swatches-attributes li.Dolphin {
      background-color: #8faec6; }
    ul.swatches-attributes li.Easdale {
      background-color: #3e5566; }
    ul.swatches-attributes li.FairIsle {
      background-color: #3e5566; }
    ul.swatches-attributes li.Galilee {
      background-color: #1a4984; }
    ul.swatches-attributes li.Inverness {
      background-color: #6196c1; }
    ul.swatches-attributes li.Lead {
      background-color: #5E606C; }
    ul.swatches-attributes li.Lerwick {
      background-color: #665f4d; }
    ul.swatches-attributes li.Lomond {
      background-color: #bfb2a3; }
    ul.swatches-attributes li.Lora {
      background-color: #2f4c51; }
    ul.swatches-attributes li.Lossie {
      background-color: #6a5250; }
    ul.swatches-attributes li.Maree {
      background-color: #c29559; }
    ul.swatches-attributes li.Merrick {
      background-color: #52555E; }
    ul.swatches-attributes li.Pitlochry {
      background-color: #D92D2B; }
    ul.swatches-attributes li.Portland {
      background-color: #6B6E77; }
    ul.swatches-attributes li.Ronay {
      background-color: #66838d; }
    ul.swatches-attributes li.Shetland {
      background-color: #a9a195; }
    ul.swatches-attributes li.Spray {
      background-color: #66838d; }
    ul.swatches-attributes li.Staffa {
      background-color: #59703b; }
    ul.swatches-attributes li.Tummel {
      background-color: #863441; }
    ul.swatches-attributes li.Vit {
      background-color: #dfdbd8; }
    ul.swatches-attributes li.Walten {
      background-color: #303245; }
    ul.swatches-attributes li.Glass {
      background-color: #d6dee4; }
    ul.swatches-attributes li.AcidGreen {
      background-color: #B6FF00; }
    ul.swatches-attributes li.Azure {
      background-color: #008AFF; }
    ul.swatches-attributes li.Beech {
      background-color: #DA9A36; }
    ul.swatches-attributes li.Fuchsia {
      background-color: #B50F97; }
    ul.swatches-attributes li.Lilac {
      background-color: #D492FE; }
    ul.swatches-attributes li.PastelBlue {
      background-color: #87BDE1; }
    ul.swatches-attributes li.PoppyRed {
      background-color: #F90002; }
    ul.swatches-attributes li.SnowGrit {
      background-color: #D4DDDC; }
    ul.swatches-attributes li.Ailsa {
      background-color: #E6E8E1; }
    ul.swatches-attributes li.Oak {
      background-color: #9B7200; }
    ul.swatches-attributes li.PeaGreen {
      background-color: #4DD600; }
    ul.swatches-attributes li.Addiction {
      background-color: #253374; }
    ul.swatches-attributes li.Dazzle {
      background-color: #555474; }
    ul.swatches-attributes li.FeelingFresh {
      background-color: #6CB61F; }
    ul.swatches-attributes li.HappyDays {
      background-color: #F6A34F; }
    ul.swatches-attributes li.Moonlight {
      background-color: #84B3C3; }
    ul.swatches-attributes li.Platinum {
      background-color: #B8B8C3; }
    ul.swatches-attributes li.PlushParlour {
      background-color: #441C3E; }
    ul.swatches-attributes li.PromNight {
      background-color: #222B62; }
    ul.swatches-attributes li.Teal {
      background-color: #436D5F; }
    ul.swatches-attributes li.Tempest {
      background-color: #8D8E92; }
    ul.swatches-attributes li.TopNotch {
      background-color: #EE3F2E; }
    ul.swatches-attributes li.BarleyBeige {
      background-color: #A98D7F; }
    ul.swatches-attributes li.Graphite {
      background-color: #686868; }
    ul.swatches-attributes li.Oxford {
      background-color: #31304F; }
    ul.swatches-attributes li.Pink {
      background-color: #CC9BB4; }
    ul.swatches-attributes li.Plum {
      background-color: #6C1D3A; }
    ul.swatches-attributes li.SmokeyBlue {
      background-color: #6E7591; }
    ul.swatches-attributes li.JetBlack {
      background-color: #272727; }
    ul.swatches-attributes li.MossGreen {
      background-color: #415C4D; }
    ul.swatches-attributes li.SignalWhite {
      background-color: #EDEDED; }
    ul.swatches-attributes li.TrafficRed {
      background-color: #E11828; }
    ul.swatches-attributes li.UltramarineBlue {
      background-color: #1671BA; }
    ul.swatches-attributes li.Turqoise {
      background-color: #71AEAF; }
    ul.swatches-attributes li.BronzeAnodised {
      background-color: #7F691E; }
    ul.swatches-attributes li.ChocolateBrown {
      background-color: #5C4324; }
    ul.swatches-attributes li.GentianBlue {
      background-color: #143850; }
    ul.swatches-attributes li.GoldAnodised {
      background-color: #D7A31A; }
    ul.swatches-attributes li.GoldenOakWoodGrain {
      background-color: #755A45; }
    ul.swatches-attributes li.PineWoodGrain {
      background-color: #D5AD70; }
    ul.swatches-attributes li.RedBrown {
      background-color: #5B2219; }
    ul.swatches-attributes li.Silver {
      background-color: #F1F1F1; }
    ul.swatches-attributes li.SilverAnodised {
      background-color: #8E8E8E; }
    ul.swatches-attributes li.SlateGrey {
      background-color: #616161; }
    ul.swatches-attributes li.TrafficGreen {
      background-color: #579E00; }
    ul.swatches-attributes li.Yellow {
      background-color: #EEEE22; }

/************star rating*************/
.star-rating {
  display: none; }

p.dimensions {
  color: #2b2b2b;
  padding: 0 1rem; }

section.up-sells.upsells.products {
  width: 100%;
  margin: 0 auto;
  clear: both;
  display: flex;
  flex-direction: column; }
  section.up-sells.upsells.products li.product > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2 {
    text-align: center; }
  section.up-sells.upsells.products li.product p.dimensions {
    display: none; }
  section.up-sells.upsells.products li.product ul.swatches-attributes {
    display: none; }
  section.up-sells.upsells.products span.price {
    justify-content: center; }

@media (max-width: 1024px) and (min-width: 768px) {
  section.related.products li.product {
    width: 29%; } }
section.related.products li.product > a.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2 {
  text-align: center; }
section.related.products li.product p.dimensions {
  display: none; }
section.related.products li.product ul.swatches-attributes {
  display: none; }
section.related.products span.price {
  justify-content: center; }

/******Page numbers */
ul.page-numbers {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 3rem; }
  ul.page-numbers li {
    padding: 0.8rem 1.5rem;
    /* &:hover, &:active {
       background-color: $grey;
     }*/ }
    ul.page-numbers li a:hover, ul.page-numbers li a:active {
      font-weight: 600; }
    ul.page-numbers li span {
      background-color: #ed1a46;
      padding: 1rem 2rem; }
      ul.page-numbers li span:hover, ul.page-numbers li span:active {
        background-color: #8d8d8d; }

/*** color swatches ****/
ul.variable-items-wrapper.color-variable-wrapper {
  /*display: flex;*/
  /*width: 52rem;*/
  width: 100%;
  justify-content: space-between; }
  ul.variable-items-wrapper.color-variable-wrapper a.reset_variations {
    padding: 0; }
  ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item {
    width: 30px;
    height: 30px;
    float: left;
    margin: 10px; }
    @media (max-width: 1024px) {
      ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item {
        width: 25px;
        height: 25px;
        margin: 7px; } }
    @media (max-width: 768px) {
      ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item {
        width: 40px;
        height: 40px; } }
    @media (max-width: 500px) {
      ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item {
        width: 20px;
        height: 20px; } }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-d4-amethist, ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-amethyst {
      background-color: #5c2c6a;
      /* &.selected {
         border: 3px solid black;
       }*/ }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-48-black {
      background-color: #292929; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-19-cream {
      background-color: #E8D9B3; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-90-olympianyellow {
      background-color: #EDCE29; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-a3-caribbean {
      background-color: #306380; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-db-geraniumred {
      background-color: #C03427; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-6c-holly {
      background-color: #193C26; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-b4-hotsahara {
      background-color: #F1533A; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-3e-sky {
      background-color: #6C89B3; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-d3-splendidpink {
      background-color: #C72161; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-83-white {
      background-color: #DCDCDC; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-blueberry {
      background-color: #2C81D4; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-bottle-green {
      background-color: #3c4c3b; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-green {
      background-color: #16B783; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-grey {
      background-color: #D2C6D0; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-gun-metal-grey {
      background-color: #807E8C; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-navy-blue {
      background-color: #0E276A; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-red {
      background-color: #F6003F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-royal-blue {
      background-color: #162AD7; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-wine {
      background-color: #80003B; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-yellow {
      background-color: #FEE969; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lightgreen {
      background-color: #A5D277; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-fiesta-gold {
      background-color: #F18522; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-mushroom {
      background-color: #AD9185; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-silver-birch {
      background-color: #5B6475; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-grey-metal {
      background-color: #7A737A; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-grey-mist {
      background-color: #989CA5; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-pebble {
      background-color: #687083; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-sage-green {
      background-color: #4C6260; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-trafalgar {
      background-color: #1E1E52; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-tango {
      background-color: #ED5B1F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-royal-windsor {
      background-color: #272962; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-dark-earth {
      background-color: #44424D; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-garnet {
      background-color: #48121F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-peony-red {
      background-color: #A61F23; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-wedgewood {
      background-color: #34559C; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-verona {
      background-color: #165236; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-burgundy {
      background-color: #60133F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-cherry {
      background-color: #BD1016; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-dark-green {
      background-color: #1C4032; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-oxford-blue {
      background-color: #0E1780; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-silver {
      background-color: #9099A8; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-light-blue {
      background-color: #6C87A2; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-blue {
      background-color: #002E3E; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-dark-grey {
      background-color: #494A4B; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-beige {
      background-color: #E3DAB9; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-crystal {
      background-color: #6A9DC8; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-ivy {
      background-color: #71C68B; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-merlot {
      background-color: #552D62; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-pine-green {
      background-color: #135D38; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-ruby {
      background-color: #5B0721; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-royal {
      background-color: #262B86; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-violet {
      background-color: #431996; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-midnight-blue, ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-midnight {
      background-color: #212342; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-honeysuckle {
      background-color: #C2976C; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-mint {
      background-color: #3F9240; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-heather {
      background-color: #7C4475; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-peat {
      background-color: #2B1A13; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-adobo {
      background-color: #B44566; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-aruba {
      background-color: #CFBEAE; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-apple {
      background-color: #9FAA7F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-arecibo {
      background-color: #8CBAD1; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-belize {
      background-color: #CD3C49; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-bermuda {
      background-color: #7D95BB; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-blizzard {
      background-color: #586667; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-bluebell {
      background-color: #5C6BAE; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-bluefield {
      background-color: #466B9F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-bridgetown {
      background-color: #71455E; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-buru {
      background-color: #9599A4; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-calypso {
      background-color: #852F38; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-campeche {
      background-color: #58A2A1; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-cayman {
      background-color: #385072; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-costa {
      background-color: #2D2C3A; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-curacao {
      background-color: #243C6C; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-diablo {
      background-color: #B64062; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-havana {
      background-color: #0B1517; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-jamaica {
      background-color: #913832; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lobster {
      background-color: #B43830; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-madura {
      background-color: #96BF47; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-marianna {
      background-color: #86CDF9; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-martinique {
      background-color: #2A5780; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-mauve {
      background-color: #A98EB7; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-montserrat {
      background-color: #103C3F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-ocean {
      background-color: #1F3B6B; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-oyster {
      background-color: #E7CCB1; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-paseo {
      background-color: #4C5A5B; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-reef {
      background-color: #E1C8A9; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-rum {
      background-color: #C3BEC2; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-sandstorm {
      background-color: #B29782; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-scuba {
      background-color: #086694; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-slip {
      background-color: #ABAAAF; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-solano {
      background-color: #E89B11; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-sombrero {
      background-color: #24282B; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-steel {
      background-color: #7889A7; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item.-taboo {
      background-color: #103C2F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-tarot {
      background-color: #453250; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-taboo {
      background-color: #103C2F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-tequila {
      background-color: #6E7180; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-tobago {
      background-color: #4C303F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-tortuga {
      background-color: #DB5538; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-turtle {
      background-color: #AAB29D; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-windjammer {
      background-color: #2C6860; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-adriatic {
      background-color: #1B3040; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-austen {
      background-color: #927B5C; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-beltane {
      background-color: #bcac93; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-carron {
      background-color: #367565; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-chaucer {
      background-color: #929199; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-clan {
      background-color: #d8ced1; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-cluanie {
      background-color: #232E4A; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-denny {
      background-color: #898c95; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-dolphin {
      background-color: #8faec6; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-easdale {
      background-color: #3e5566; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-fair-isle {
      background-color: #3e5566; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-galilee {
      background-color: #1a4984; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-inverness {
      background-color: #6196c1; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lead {
      background-color: #5E606C; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lerwick {
      background-color: #665f4d; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lomond {
      background-color: #bfb2a3; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lora {
      background-color: #2f4c51; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lossie {
      background-color: #6a5250; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-maree {
      background-color: #c29559; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-merrick {
      background-color: #52555E; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-pitlochry {
      background-color: #D92D2B; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-portland {
      background-color: #6B6E77; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-ronay {
      background-color: #66838d; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-shetland {
      background-color: #a9a195; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-spray {
      background-color: #66838d; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-staffa {
      background-color: #59703b; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-tummel {
      background-color: #863441; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-vit {
      background-color: #dfdbd8; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-walten {
      background-color: #303245; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-glass {
      background-color: #d6dee4; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-acid-green {
      background-color: #B6FF00; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-azure {
      background-color: #008AFF; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-beech {
      background-color: #DA9A36; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-fuchsia {
      background-color: #B50F97; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-lilac {
      background-color: #D492FE; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-pastel-blue {
      background-color: #87BDE1; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-poppy-red {
      background-color: #F90002; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-snow-grit {
      background-color: #D4DDDC; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-ailsa {
      background-color: #E6E8E1; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-oak {
      background-color: #9B7200; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-addiction {
      background-color: #253374; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-dazzle {
      background-color: #555474; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-feeling-fresh {
      background-color: #6CB61F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-happy-days {
      background-color: #F6A34F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-moonlight {
      background-color: #84B3C3; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-platinum {
      background-color: #B8B8C3; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-plush-parlour {
      background-color: #441C3E; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-prom-night {
      background-color: #222B62; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-teal {
      background-color: #436D5F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-tempest {
      background-color: #8D8E92; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-top-notch {
      background-color: #EE3F2E; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-barley-beige {
      background-color: #A98D7F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-graphite {
      background-color: #686868; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-oxford {
      background-color: #31304F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-plum {
      background-color: #6C1D3A; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-smokey-blue {
      background-color: #6E7591; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-jet-black {
      background-color: #272727; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-moss-green {
      background-color: #415C4D; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-signal-white {
      background-color: #EDEDED; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-traffic-red {
      background-color: #E11828; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-ultramarine-blue {
      background-color: #1671BA; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-turqoise {
      background-color: #71AEAF; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-bronze-anodised {
      background-color: #7F691E; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-chocolate-brown {
      background-color: #563F1F; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-gentian-blue {
      background-color: #143850; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-gold-anodised {
      background-color: #D7A31A; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-golden-oak-wood-grain {
      background-color: #755A45; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-pine-wood-grain {
      background-color: #D5AD70; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-red-brown {
      background-color: #5B2219; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-silver-anodised {
      background-color: #8E8E8E; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-slate-grey {
      background-color: #616161; }
    ul.variable-items-wrapper.color-variable-wrapper li.variable-item.color-variable-item.color-variable-item-traffic-green {
      background-color: #579E00; }

.extra_content--product {
  padding: 1rem 0; }

/* WooCommerce 3.0 Gallery */
.woocommerce-product-gallery {
  position: relative;
  margin-bottom: 3em; }
  .woocommerce-product-gallery img {
    display: block; }
  .woocommerce-product-gallery figure {
    margin: 0; }
  .woocommerce-product-gallery .flex-control-thumbs li {
    list-style: none;
    float: left;
    cursor: pointer; }
    .woocommerce-product-gallery .flex-control-thumbs li img {
      opacity: 0.5; }
    .woocommerce-product-gallery .flex-control-thumbs li.flex-active, .woocommerce-product-gallery .flex-control-thumbs li .woocommerce-product-gallery .flex-control-thumbs img:hover {
      opacity: 1; }
  .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 25%;
    display: inline-block; }
  .woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
    width: 33.3333%;
    margin-bottom: 1rem; }
  .woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 25%;
    margin-bottom: 1rem; }
  .woocommerce-product-gallery .woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
    width: 20%;
    margin-bottom: 1rem; }
  .woocommerce-product-gallery__trigger {
    position: absolute;
    top: 1em;
    right: 1em;
    z-index: 99; }

a.woocommerce-product-gallery__trigger {
  text-decoration: none; }

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: .875em;
  right: .875em;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 99;
  text-align: center;
  text-indent: -999px;
  overflow: hidden; }

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  background-color: #169fda;
  color: #ffffff; }

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
  background-color: #1781ae;
  border-color: #1781ae;
  color: #ffffff; }

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
  font: normal normal normal 1em/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: "\f00e";
  line-height: 2;
  text-indent: 0; }

/****temp for my account*******/
/*
#mega-menu-main-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu {
  visibility: visible;
  display: block;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
  display: none;
}*/
.woocommerce-product-details__short-description p {
  margin-bottom: 1rem; }

@media (max-width: 500px) {
  span.woocommerce-Price-amount.amount {
    padding: 1rem 0; } }
.woocommerce-notices-wrapper {
  padding-top: 4rem; }

.rtwpvs-term.disabled {
  opacity: .8; }

.rtwpvs-term.rtwpvs-color-term.selected {
  border: 2px solid black; }

.rtwpvs-terms-wrapper.color-variable-wrapper {
  display: flex;
  width: 100%; }

.rtwpvs-term.rtwpvs-color-term.disabled:hover:before {
  content: 'out of stock';
  position: absolute;
  top: -21px;
  color: black;
  left: -22px;
  width: 100px; }

input#shipping_method_0_free_shipping1, input#shipping_method_0_flat_rate2 {
  opacity: 0; }

p.stock.out-of-stock {
  color: #ed1a46;
  text-transform: uppercase;
  font-weight: 600; }

.rtwpvs-term.rtwpvs-color-term {
  position: relative; }

.wcppec-checkout-buttons.woo_pp_cart_buttons_div {
  width: 100%; }

.product_meta {
  display: flex;
  flex-direction: column; }
  .product_meta > span {
    font-weight: 600; }

.promo_box {
  opacity: 0;
  visibility: hidden; }

p.woocommerce-mini-cart__empty-message {
  color: #ed1a46;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase; }

.woocommerce-page .site-content {
  width: 100%;
  padding: 0 2rem;
  max-width: 140rem;
  margin: 0 auto; }

.woocommerce.single-product div.product div.summary span.price {
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-size: 48px;
  font-size: 4.8rem;
  font-weight: 700;
  color: #ed1a46 !important; }

.cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  padding-bottom: 8rem;
  width: 48%; }
  @media (max-width: 768px) {
    .cta {
      padding-left: 4.5rem;
      padding-right: 4.5rem;
      padding-top: 4rem;
      padding-bottom: 4rem;
      width: 100%; } }
  @media (max-width: 546px) {
    .cta {
      padding-left: 0;
      padding-right: 0;
      width: 100%; } }

section.information__page ul.terms__list {
  list-style-type: square; }
section.information__page ol.terms__list {
  list-style-type: decimal; }
section.information__page p {
  padding: 0 0 1rem  0;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal; }

/* Temp conatct page */
.contact__details--container.right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

.contact__page--form {
  padding: 3rem;
  background: #ed1a46; }
  .contact__page--form input {
    width: 100%;
    padding: 0.5rem; }
    .contact__page--form input .wpcf7-form-control.wpcf7-submit {
      color: #2b2b2b;
      font-family: aller, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-weight: 700;
      font-style: italic;
      border-radius: 6px;
      font-weight: bold;
      padding: 18px;
      border: 0;
      margin-top: 2.7rem;
      line-height: 2.7rem;
      text-decoration: none;
      text-transform: uppercase;
      display: inline-block;
      min-width: 250px;
      font-size: 16px;
      font-size: 1.6rem;
      background: #f8ff2c;
      border-bottom: 5px solid #ddb21c;
      text-align: center;
      box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.16);
      transition: all 0.5s ease;
      position: relative; }
  .contact__page--form textarea {
    width: 100%;
    height: 20rem; }

input.wpcf7-form-control.wpcf7-submit {
  color: #2b2b2b;
  font-family: aller, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  font-style: italic;
  border-radius: 6px;
  font-weight: bold;
  padding: 18px;
  border: 0;
  margin-top: 2.7rem;
  line-height: 2.7rem;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  min-width: 250px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #f8ff2c;
  border-bottom: 5px solid #ddb21c;
  text-align: center;
  box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.16);
  transition: all 0.5s ease;
  position: relative; }

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
  visibility: hidden; }

section.information__page ul {
  list-style-type: circle; }
section.information__page input[type="checkbox"] {
  opacity: 1 !important; }

section.cart {
  padding: 4rem 0; }
  section.cart .cart_totals h2 {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 36px;
    font-size: 3.6rem;
    border-bottom: 1px solid #8d8d8d;
    width: 100%;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem; }
  section.cart input#coupon_code {
    width: 10rem !important; }
  section.cart td.product-thumbnail:before {
    display: none; }
  @media (max-width: 767px) {
    section.cart table.cart td.product-thumbnail {
      display: block; } }

section.checkout {
  padding: 4rem 0; }
  section.checkout div#customer_details input {
    /*width: 100%;*/
    padding: 1rem;
    position: relative; }
  section.checkout div#customer_details h3 {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 26px;
    font-size: 2.6rem;
    border-bottom: 1px solid #8d8d8d;
    width: 100%;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem; }
  section.checkout .woocommerce-info {
    border-top-color: #ed1a46; }
    section.checkout .woocommerce-info::before {
      color: #ed1a46; }
  section.checkout h3#order_review_heading {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 36px;
    font-size: 3.6rem;
    border-bottom: 1px solid #8d8d8d;
    width: 100%;
    padding-bottom: 1.5rem;
    margin-bottom: 3rem; }

section.category_tiles .woocommerce ul.products.columns-6 li.product h2 {
  text-align: center; }

li.variable-item.color-variable-item.selected {
  border: 3px solid #2b2b2b; }

/*
li.variable-item.color-variable-item.selected:active
li.variable-item.color-variable-item.selected:hover
li.variable-item.color-variable-item.color-variable-item-d4-amethist.selected:focus{
  border: 2px solid black;
}*/
section.account {
  min-height: 70vh;
  padding: 4rem 0; }
  section.account > .container {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  section.account .section--header {
    text-align: center; }
  section.account nav.woocommerce-MyAccount-navigation ul li {
    font-family: aller, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-weight: 700;
    font-style: italic;
    font-size: 28px;
    font-size: 2.8rem;
    font-style: normal; }
  section.account .woocommerce {
    display: flex;
    justify-content: center; }
    @media (max-width: 767px) {
      section.account .woocommerce {
        flex-direction: column; } }
    section.account .woocommerce .woocommerce-MyAccount-navigation {
      padding: 1rem;
      max-width: 300px; }
    section.account .woocommerce .no_flex_wrapper {
      display: block; }
    section.account .woocommerce .woocommerce-MyAccount-content {
      padding: 1rem;
      min-width: 1000px; }
      @media (max-width: 1024px) {
        section.account .woocommerce .woocommerce-MyAccount-content {
          min-width: 0; } }

a.added_to_cart.wc-forward {
  text-align: center;
  padding: 0.5rem; }

.woocommerce form .form-row .input-checkbox {
  position: relative; }

input#terms, input#ship-to-different-address-checkbox {
  transform: scale(2);
  margin: 1rem; }

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
  background: #f2f2f2;
  padding: 1rem;
  font-size: 22px; }

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
  float: none; }

h2.woocommerce-column__title, section.woocommerce-order-details h2 {
  font-family: aller, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  font-style: italic;
  font-size: 36px;
  font-size: 3.6rem;
  border-bottom: 1px solid #8d8d8d;
  width: 100%;
  padding-bottom: 1.5rem;
  margin-bottom: 3rem;
  margin-top: 2rem; }

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  font-weight: 700;
  font-size: 35px;
  padding-bottom: 2rem;
  color: #ed1a46; }

@media (max-width: 500px) {
  .woocommerce-message {
    display: flex;
    flex-direction: column-reverse; } }
.menu-featured-product > a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: 600; }

.archive .container {
  display: flex; }
  @media (max-width: 768px) {
    .archive .container {
      flex-direction: column; } }
  .archive .container div#secondary {
    width: 20%;
    margin-top: 7rem;
    padding: 1rem 1rem 1rem 0;
    order: 1; }
    @media (max-width: 1024px) {
      .archive .container div#secondary {
        display: none; } }
    @media (max-width: 768px) {
      .archive .container div#secondary {
        width: 100%;
        order: 2;
        display: block; } }
    .archive .container div#secondary h3.widget-title {
      padding: 2rem 0;
      font-weight: 700;
      font-family: source-sans-pro, sans-serif;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-style: normal;
      font-size: 36px;
      font-size: 2.6rem;
      font-style: italic; }
    .archive .container div#secondary li.cat-item {
      padding: .5rem 0;
      font-weight: 700; }
      .archive .container div#secondary li.cat-item a:hover {
        color: #ed1a46; }
    .archive .container div#secondary li.woocommerce-widget-layered-nav-list__item.wc-layered-nav-term {
      padding: .5rem 0; }
      .archive .container div#secondary li.woocommerce-widget-layered-nav-list__item.wc-layered-nav-term a:hover {
        color: #ed1a46; }
    .archive .container div#secondary ul.children {
      padding-left: 2rem;
      list-style: disc; }
      .archive .container div#secondary ul.children li a {
        font-weight: 400; }
    .archive .container div#secondary li.cat-item.current-cat.cat-parent, .archive .container div#secondary li.cat-item.current-cat {
      font-weight: 700;
      font-style: italic;
      text-decoration: underline; }
      .archive .container div#secondary li.cat-item.current-cat.cat-parent ul.children, .archive .container div#secondary li.cat-item.current-cat ul.children {
        font-weight: 400;
        padding-left: 2rem; }
  .archive .container section#main {
    width: 80%;
    order: 2; }
    @media (max-width: 1024px) {
      .archive .container section#main {
        width: 100%;
        order: 1; } }

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
  padding-bottom: 5rem !important; }

.term-description {
  margin: 1rem 0 2rem 0; }

.term-description p:nth-child(1) {
  font-weight: 600;
  font-size: 16px; }

p.attribute_label {
  min-width: 7rem !important; }

section.landing-page {
  max-width: 1200px;
  margin: 0 auto;
  height: 20rem; }
  section.landing-page .main-content {
    width: 74%;
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    float: right; }
    @media (max-width: 1024px) {
      section.landing-page .main-content {
        padding: 1%; } }
    @media (max-width: 768px) {
      section.landing-page .main-content {
        width: 100%;
        padding: 2%; } }
    section.landing-page .main-content .hero-image {
      display: flex;
      max-width: 100%;
      background-color: grey;
      height: 300px;
      background-size: contain;
      align-items: center;
      justify-content: flex-end;
      width: 100%;
      background: url(/wp-content/uploads/2018/12/bannerbg.png) 50% no-repeat; }
      section.landing-page .main-content .hero-image h2 {
        font-size: 50px;
        font-size: 5rem;
        font-weight: 600;
        text-transform: uppercase;
        display: flex;
        flex-direction: column;
        font-family: source-sans-pro, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        padding: 0 4rem 16rem 0;
        color: #f2f2f2;
        line-height: 3rem; }
        section.landing-page .main-content .hero-image h2 span {
          font-weight: 300;
          font-style: italic;
          font-size: 30px;
          font-size: 3rem;
          text-transform: lowercase; }
    @media (max-width: 768px) {
      section.landing-page .main-content .content {
        padding: 2rem; } }
    section.landing-page .main-content .content p {
      margin-bottom: 1rem; }
    section.landing-page .main-content .budget-tiles {
      display: flex;
      align-items: center;
      flex-direction: column;
      padding-bottom: 2rem; }
      @media (max-width: 768px) {
        section.landing-page .main-content .budget-tiles {
          padding: 2rem; } }
      section.landing-page .main-content .budget-tiles h2 {
        font-size: 40px;
        font-size: 4rem;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        padding: 4rem;
        color: #9c9c9c; }
      section.landing-page .main-content .budget-tiles .tiles {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        section.landing-page .main-content .budget-tiles .tiles > * {
          margin: 1rem 0; }
        section.landing-page .main-content .budget-tiles .tiles a {
          width: 30.1%; }
          @media (max-width: 768px) {
            section.landing-page .main-content .budget-tiles .tiles a {
              width: 50%; } }
          @media (max-width: 500px) {
            section.landing-page .main-content .budget-tiles .tiles a {
              width: 100%; } }
          section.landing-page .main-content .budget-tiles .tiles a .tile-item {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            section.landing-page .main-content .budget-tiles .tiles a .tile-item .tile-image {
              /*background-color: #9c9c9c;*/
              max-width: 100%;
              /*height: 300px;*/ }
            section.landing-page .main-content .budget-tiles .tiles a .tile-item .tile-title {
              text-align: center;
              padding: 1rem;
              color: #9c9c9c;
              text-transform: uppercase;
              font-weight: 600; }
    section.landing-page .main-content .separator {
      padding-top: 2rem;
      text-align: center;
      background-image: url("/wp-content/uploads/2018/12/seperator.png");
      height: 40px;
      background-repeat: no-repeat;
      background-position: center center; }
      section.landing-page .main-content .separator:before, section.landing-page .main-content .separator:after {
        width: 46%;
        height: 1px;
        border-top: 1px solid #d6d6d6;
        display: inline-block;
        content: '';
        padding-top: 0.8em; }
        @media (max-width: 953px) {
          section.landing-page .main-content .separator:before, section.landing-page .main-content .separator:after {
            width: 44%; } }
        @media (max-width: 500px) {
          section.landing-page .main-content .separator:before, section.landing-page .main-content .separator:after {
            width: 40%; } }
      section.landing-page .main-content .separator .separator-image {
        display: inline-block;
        width: 50px; }

ul#menu-mega-menu {
  text-transform: uppercase;
  margin: 0;
  display: inline-flex;
  padding: 0;
  position: relative;
  width: 100%;
  /*&:hover > ul {
     display:block;
   }*/ }
  @media only screen and (max-width: 768px) {
    ul#menu-mega-menu {
      padding: 0; } }
  ul#menu-mega-menu li {
    list-style: none;
    padding: .5rem;
    border-bottom: 5px solid transparent;
    position: relative;
    /*&:hover > ul {
      display:block;
    }*/ }
    ul#menu-mega-menu li.megamenu:hover {
      background-color: #2b2b2b; }
    @media only screen and (max-width: 768px) {
      ul#menu-mega-menu li {
        padding: 1rem .5rem; } }
    ul#menu-mega-menu li.current_page_item a {
      /* border: 2px solid $color-9;*/
      padding: .2rem; }
    ul#menu-mega-menu li.megamenu {
      position: static; }
      ul#menu-mega-menu li.megamenu > .dropdown-menu {
        z-index: 4;
        min-width: 200px;
        max-width: 100%; }
        ul#menu-mega-menu li.megamenu > .dropdown-menu .megemenu-column {
          width: 265px;
          display: block;
          float: left; }
          ul#menu-mega-menu li.megamenu > .dropdown-menu .megemenu-column img {
            height: auto;
            width: 200px;
            display: block; }
          ul#menu-mega-menu li.megamenu > .dropdown-menu .megemenu-column ul {
            padding: 0; }
          ul#menu-mega-menu li.megamenu > .dropdown-menu .megemenu-column .featured-image {
            display: flex;
            justify-content: center;
            align-items: center; }
    ul#menu-mega-menu li a {
      text-decoration: none;
      color: white;
      font-size: 14px; }
      ul#menu-mega-menu li a:active {
        /*border: 2px solid $color-4;*/ }
    ul#menu-mega-menu li.menu-item-has-children:hover ul {
      display: block; }
    ul#menu-mega-menu li ul.dropdown-menu {
      padding: 0;
      background: #f6f6f6;
      border-bottom: 2px solid #2b2b2b;
      display: none;
      /* hide all sub menus from view */
      position: absolute;
      top: 49px;
      left: 0; }
      ul#menu-mega-menu li ul.dropdown-menu li {
        /*float: none; /* overwriting our float up above */
        /*width: 150px;*/ }
        ul#menu-mega-menu li ul.dropdown-menu li a {
          color: black;
          padding: 5px 10px;
          text-transform: capitalize; }
        ul#menu-mega-menu li ul.dropdown-menu li.megemenu-column ul li.desciption a {
          font-weight: 700 !important;
          text-transform: uppercase; }
        ul#menu-mega-menu li ul.dropdown-menu li.featured-image a {
          text-align: center; }
    ul#menu-mega-menu li span.sub {
      display: none; }

.megamenu {
  position: static; }

img[src=""] {
  display: none; }

nav.main-menu {
  width: 100%; }

ul#menu-mega-menu > li.menu-item {
  padding: 1rem 2rem !important; }

ul#menu-mobile-menu {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  ul#menu-mobile-menu li {
    padding: 1rem;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #2b2b2b; }
    ul#menu-mobile-menu li a {
      color: white; }
    ul#menu-mobile-menu li:hover {
      background-color: white; }
      ul#menu-mobile-menu li:hover a {
        color: #2b2b2b; }

.rtwpvs-term.rtwpvs-color-term.color-variable-term-blue {
  background-color: #1D2F93; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-burgundy {
  background-color: #7C0115; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-red {
  background-color: #B01010; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-gray {
  background-color: #A7A7B1; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-light-blue {
  background-color: #9DC8DB; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-black {
  background-color: #010000; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-green {
  background-color: #A5C150; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-yellow {
  background-color: #EEEE22; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-pink {
  background-color: #CC9BB4; }
.rtwpvs-term.rtwpvs-color-term.color-variable-term-silver {
  background-color: #F1F1F1; }

.rtwpvs-terms-wrapper.color-variable-wrapper {
  display: flex; }

.std h3 {
  padding-bottom: 2rem;
  font-size: 54px;
  font-weight: 600; }
.std h4 {
  padding-bottom: 2rem;
  padding-top: 2rem; }
.std ul, .std ol {
  padding-left: 2rem;
  margin-top: 1rem;
  margin-bottom: 2rem; }
.std ol {
  list-style: lower-alpha; }
  .std ol li {
    padding: .5rem; }
.std p {
  padding-bottom: 1rem; }

/* Utilities */
/* =========================================================================== */
.list-reset {
  margin: 0;
  padding: 0;
  list-style: none; }

.a11y {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.left {
  text-align: left !important; }

.center {
  text-align: center; }

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

.img-full {
  width: 100%; }

.hello {
  background: red; }

/* Config */
/* =========================================================================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  border-style: none;
  background: transparent;
  /*text-indent: -9999px;*/
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none; }

a {
  text-decoration: none; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  /*margin: 0.67em 0;*/ }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/* Variables */
/* =========================================================================== */
/*dark pink*/
/*lighter pink*/
/*yellow*/
/*dark yellow*/
/*green*/
/*orange*/
/*usa*/
/* Mixins */
/* =========================================================================== */
/*
@mixin brand-font {
	font-family: 'Helvetica', 'Arial', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	.wf-loaded & {
		font-family: "proxima-nova",sans-serif;
	}
}
*/
/* Base */
/* =========================================================================== */
html {
  font-size: 62.5%;
  height: 100%; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1.5;
  height: 100%;
  color: #2b2b2b; }

.btn {
  color: #2b2b2b;
  font-family: aller, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 700;
  font-style: italic;
  border-radius: 6px;
  font-weight: bold;
  padding: 18px;
  border: 0;
  margin-bottom: 2.7rem;
  margin-top: 2.7rem;
  line-height: 2.7rem;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  min-width: 250px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #f8ff2c;
  border-bottom: 5px solid #ddb21c;
  text-align: center;
  box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.16);
  transition: all 0.5s ease;
  position: relative; }
  @media (max-width: 767px) {
    .btn {
      padding: 18px;
      width: 100%;
      max-width: 30rem; } }
  .btn:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f8ff2c;
    transition: all 0.5s ease; }
  .btn span {
    position: relative; }
  .btn--colour1 {
    background-color: white;
    border-bottom: 5px solid #f3b898;
    color: #00a0da; }
    .btn--colour1:before {
      display: none; }
    .btn--colour1:hover, .btn--colour1:focus, .btn--colour1:active {
      background-color: #e8e8e8; }
      .btn--colour1:hover:before, .btn--colour1:focus:before, .btn--colour1:active:before {
        opacity: 1 !important; }
  .btn--colour2 {
    background: #ff7d38;
    border-bottom: 5px solid #c95518; }
    .btn--colour2:before {
      display: none; }
    .btn--colour2:hover, .btn--colour2:focus, .btn--colour2:active {
      background-color: #ffae20; }
      .btn--colour2:hover:before, .btn--colour2:focus:before, .btn--colour2:active:before {
        opacity: 1 !important; }
  .btn--block {
    display: block;
    width: 100%; }
  .btn:hover:before, .btn:focus:before, .btn:active:before {
    opacity: 0; }
  .btn + .btn {
    margin-left: 1.8rem; }
    @media (max-width: 767px) {
      .btn + .btn {
        margin-left: 0; } }
  .btn.disabled {
    background-color: grey;
    color: grey;
    pointer-events: none; }

.btn-container {
  display: flex;
  justify-content: center; }

.summary.entry-summary button {
  color: white !important;
  padding: 1rem 8rem;
  background-color: #46cc65 !important;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  margin: 1rem 0;
  float: right !important; }
  .summary.entry-summary button:before {
    content: url(/wp-content/uploads/2018/11/white-check.png);
    position: absolute;
    left: 53px;
    top: 11px;
    text-align: center; }

.product_meta {
  clear: both; }

.woocommerce a.button.alt, .woocommerce #payment #place_order {
  color: white;
  padding: 1rem 8rem;
  background-color: #46cc65;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
  margin: 1rem 0;
  width: 100%; }
  .woocommerce a.button.alt:hover, .woocommerce a.button.alt:focus, .woocommerce #payment #place_order:hover, .woocommerce #payment #place_order:focus {
    background-color: #46cc65; }

.container {
  width: 100%;
  padding: 0 2rem;
  max-width: 140rem;
  margin: 0 auto; }

.pull-right {
  text-align: right; }

section {
  padding: 1rem 0; }

#main > section.page-content {
  padding: 0; }

div.product {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1rem; }

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images, .summary.entry-summary {
  width: 45%;
  float: left; }
  @media (max-width: 991px) {
    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images, .summary.entry-summary {
      width: 100%; } }

.summary.entry-summary {
  width: 45%;
  float: right;
  padding: 3rem 2rem; }
  @media (max-width: 991px) {
    .summary.entry-summary {
      width: 100%; } }

.woocommerce-product-gallery__image {
  float: left; }

.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product {
  width: 46%; }

/** temp flex grid **/
section.information__page {
  padding: 6rem 0;
  /*min-height: 70vh;*/ }
  section.information__page .flex-grid {
    display: flex; }
    @media (max-width: 400px) {
      section.information__page .flex-grid {
        display: block; } }
    section.information__page .flex-grid .col {
      width: 10%;
      flex-grow: 1; }
      section.information__page .flex-grid .col.wider {
        flex-grow: 2; }
  section.information__page .flex-grid-thirds {
    display: flex;
    justify-content: space-between; }
    section.information__page .flex-grid-thirds .col {
      width: 20%;
      flex: 0 0 auto; }
      @media (max-width: 767px) {
        section.information__page .flex-grid-thirds .col {
          width: 10%; } }
      @media (max-width: 500px) {
        section.information__page .flex-grid-thirds .col {
          width: 1%; } }
      section.information__page .flex-grid-thirds .col.wider {
        flex: 1 1 auto; }
        @media (max-width: 500px) {
          section.information__page .flex-grid-thirds .col.wider {
            width: 100%; } }
  section.information__page .flex-grid-halves {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 500px) {
      section.information__page .flex-grid-halves {
        flex-direction: column-reverse; } }
    section.information__page .flex-grid-halves .col {
      width: 10%;
      flex-grow: 1; }
      @media (max-width: 500px) {
        section.information__page .flex-grid-halves .col {
          width: 100%; } }
      section.information__page .flex-grid-halves .col.wider {
        flex-grow: 2; }
        @media (max-width: 500px) {
          section.information__page .flex-grid-halves .col.wider {
            width: 100%; } }

h1,
h2,
h3,
h4 {
  line-height: 1.1; }

h1 {
  font-size: 48px;
  font-size: 4.8rem; }

h2 {
  font-size: 36px;
  font-size: 3.6rem; }

h3 {
  font-size: 24px;
  font-size: 2.4rem; }

p {
  line-height: 1.8; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }
  @media (max-width: 767px) {
    p {
      line-height: initial; } }

a {
  color: #343434; }

a:hover {
  opacity: 0.9; }

.caption {
  display: block;
  font-style: italic;
  text-align: right;
  color: #474747; }

::-moz-selection {
  /* Code for Firefox */
  color: white;
  background: black; }

::selection {
  color: white;
  background: black; }

.shoutout {
  width: 100%;
  text-align: center;
  font-style: italic; }
  .shoutout h2 {
    font-size: 50px;
    font-size: 5rem;
    padding: 0 2rem; }
    @media (max-width: 767px) {
      .shoutout h2 {
        font-size: 40px;
        font-size: 4rem; } }

.center-header {
  width: 100%;
  text-align: center; }
  .center-header h2 {
    font-size: 70px;
    font-size: 7rem;
    padding: 0 2rem;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      .center-header h2 {
        font-size: 40px;
        font-size: 4rem; } }
  .center-header h3 {
    font-size: 36px;
    font-size: 3.6rem;
    padding: 0 2rem;
    margin-top: 1.5rem; }
    @media (max-width: 767px) {
      .center-header h3 {
        font-size: 30px;
        font-size: 3rem; } }

h1.page-title {
  border-bottom: 2px solid #454545;
  padding: 3rem 0;
  margin-bottom: 3rem;
  font-weight: 700;
  font-family: source-sans-pro, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-size: 36px;
  font-size: 3.6rem;
  font-style: italic; }

.responsive {
  width: 100%;
  margin: 0 auto; }

p + img {
  margin-top: 30px; }

img {
  max-width: 100%;
  height: auto;
  width: auto; }

.woocommerce-product-gallery__image img {
  padding: 0.5rem;
  max-width: 100%;
  height: auto;
  width: auto; }
  .woocommerce-product-gallery__image img.wp-post-image {
    padding: 1rem;
    margin: 1rem; }

tr.woocommerce-cart-form__cart-item.cart_item img {
  max-width: 25%; }

.payment_method_stripe .stripe-icon {
  max-width: 40px; }

/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
  margin-bottom: 1rem; }

.tab {
  width: 100%;
  color: white;
  overflow: hidden; }

.tab-label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 1em;
  background: #ed1a46;
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  line-height: 20px;
  /* Icon */ }

.tab-label:hover {
  background: #f2f2f2;
  color: #2b2b2b; }

.tab-label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s; }

.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2b2b2b;
  background: white;
  -webkit-transition: all .35s;
  transition: all .35s; }

.tab-close {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #ed1a46;
  cursor: pointer; }

.tab-close:hover {
  background: #f2f2f2; }

.tabs input:checked + .tab-label {
  background: #ed1a46;
  color: white; }

.tabs input:checked + .tab-label::after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg); }

.tabs input:checked ~ .tab-content {
  max-height: 100vh;
  padding: 1em; }

.tabs input {
  position: absolute;
  opacity: 0;
  z-index: -1; }

.faqs {
  padding: 4rem 0; }
  .faqs h1 {
    text-align: center; }
  .faqs__question {
    max-width: 960px;
    margin: 0 auto; }

/* Components */
/* =========================================================================== */
.header {
  display: flex;
  flex-direction: column; }
  .header__logo {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    display: flex;
    /*justify-content: center;*/
    align-items: center; }
    @media (max-width: 768px) {
      .header__logo {
        justify-content: center; } }
    @media (max-width: 500px) {
      .header__logo {
        order: 1; } }
  .header__top {
    background-color: 464646;
    padding: 1rem 0 1rem 0; }
    .header__top .container {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 500px) {
        .header__top .container {
          justify-content: flex-end; } }
      .header__top .container .welcome-message {
        align-self: flex-start;
        color: white; }
        @media (max-width: 500px) {
          .header__top .container .welcome-message {
            display: none; } }
  .header__center {
    background-color: #2b2b2b; }
    .header__center .container {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        .header__center .container {
          flex-direction: row;
          flex-wrap: wrap;
          padding: 2rem 1rem; } }
      @media (max-width: 500px) {
        .header__center .container {
          flex-direction: row;
          flex-wrap: wrap; } }
  .header__bottom {
    background-color: #ed1a46;
    /*padding: 1.5rem 0 1.5rem 0;*/ }
    @media (max-width: 767px) {
      .header__bottom {
        padding: 0; } }
    .header__bottom .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #f2f2f2; }
      @media (max-width: 768px) {
        .header__bottom .container {
          justify-content: flex-start;
          flex-direction: column-reverse;
          padding: 1rem 0; }
          .header__bottom .container .main-menu.active {
            padding: 0; } }
      @media (max-width: 768px) {
        .header__bottom .container .header--navigation {
          display: none; } }
      .header__bottom .container .main-menu.active {
        width: 100%; }
      .header__bottom .container .menu-extras {
        display: flex;
        flex-direction: row-reverse;
        align-items: center; }
        @media (min-width: 991px) {
          .header__bottom .container .menu-extras {
            flex-basis: 25%; } }
        @media (max-width: 768px) {
          .header__bottom .container .menu-extras {
            width: 100%; } }
        @media (max-width: 991px) {
          .header__bottom .container .menu-extras p.promo_text {
            display: none; } }
  .header__search {
    display: flex;
    padding: 1rem;
    -webkit-flex-grow: 3;
    -moz-flex-grow: 3;
    -ms-flex-grow: 3;
    flex-grow: 3;
    justify-content: center;
    align-items: center; }
    @media (max-width: 500px) {
      .header__search {
        order: 3; } }
  .header__list {
    display: flex;
    padding: 1rem;
    -webkit-flex-grow: 2;
    -moz-flex-grow: 2;
    -ms-flex-grow: 2;
    flex-grow: 2;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 500px) {
      .header__list {
        order: 1; } }
    .header__list--item {
      font-size: 14px;
      font-size: 1.4rem;
      display: flex;
      flex-direction: column;
      text-align: center;
      color: white;
      -webkit-flex-grow: 1;
      -moz-flex-grow: 1;
      -ms-flex-grow: 1;
      flex-grow: 1; }
      @media (max-width: 768px) {
        .header__list--item {
          font-size: 12px;
          font-size: 1.2rem; } }
      .header__list--item:nth-child(1) {
        -webkit-flex-grow: 2;
        -moz-flex-grow: 2;
        -ms-flex-grow: 2;
        flex-grow: 2; }
        @media (max-width: 768px) {
          .header__list--item:nth-child(1) {
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            -ms-flex-grow: 1;
            flex-grow: 1;
            display: none; } }
        @media (max-width: 500px) {
          .header__list--item:nth-child(1) {
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            -ms-flex-grow: 1;
            flex-grow: 1; } }
      .header__list--item p {
        color: white; }

p.woocommerce-mini-cart__empty-message {
  color: black !important; }

.hero {
  width: 100vw;
  height: auto;
  min-height: 64vh;
  background-size: cover;
  background-position: 50%;
  /*padding: 74px;*/
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 1024px) {
    .hero {
      padding: 0;
      min-height: 51vh; } }
  @media (max-width: 767px) {
    .hero {
      padding: 60px 22px 22px 22px;
      background-position: 27%; } }
  .hero--content {
    background-color: #ed1a46;
    color: white; }
    .hero--content .container {
      align-items: center; }
    .hero--content__text {
      display: flex;
      flex-direction: column; }
      .hero--content__text h1 {
        border-bottom: 2px solid white;
        /*text-align: center;*/ }
        @media (max-width: 1024px) {
          .hero--content__text h1 {
            font-size: 44px;
            font-size: 4.4rem; } }
      .hero--content__text p {
        color: white;
        font-size: 32px;
        font-size: 3.2rem; }
        @media (max-width: 1024px) {
          .hero--content__text p {
            font-size: 22px;
            font-size: 2.2rem; } }
    .hero--content__button {
      display: flex;
      justify-content: flex-end; }

.cart_container {
  display: none;
  position: absolute;
  background: white;
  padding: 2rem;
  z-index: 20;
  right: 0;
  border-top: 2px solid #ed1a46;
  border-bottom: 5px solid #3e4347;
  width: 300px;
  top: 58px; }
  .cart_container ul.woocommerce-mini-cart.cart_list.product_list_widget {
    overflow: scroll;
    max-height: 400px; }
    .cart_container ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item {
      display: flex;
      color: #474747;
      flex-wrap: wrap;
      flex-direction: column; }
  .cart_container img {
    width: 250px;
    height: auto;
    max-width: 100%;
    padding: 3rem; }
  .cart_container p.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    justify-content: space-between; }
    .cart_container p.woocommerce-mini-cart__buttons.buttons a.button.wc-forward {
      background: #ed1a46;
      padding: 1rem 2rem;
      text-transform: uppercase;
      font-weight: 600;
      color: white; }
  .cart_container span.quantity {
    display: flex;
    justify-content: center;
    width: 100%;
    font-weight: 600; }
    .cart_container span.quantity:before {
      content: ''; }
  .cart_container a.remove.remove_from_cart_button {
    background: #ed1a46;
    color: white;
    font-size: 20px;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    font-weight: 600; }

li.header__list--item.cart {
  position: relative; }
  li.header__list--item.cart:hover .cart_container {
    display: block; }

.global-basket__count {
  position: absolute;
  right: 0;
  top: 0;
  background: #ed1a46;
  border-radius: 100px;
  height: 20px;
  width: 20px; }

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