/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
/**
 * @file
 * Visual styles for front page.
 */
/*--------------Slide---------------*/
.slick.slick--view--slideshow {
  width: 100%;
  overflow: hidden;
}

.slick.slick--view--slideshow .slick-list {
  margin: 0 -.25rem;
}

.slick.slick--view--slideshow .slick-list .slick-slide {
  margin: 0 .25rem;
  cursor: -webkit-grab;
  cursor: grab;
}

.slick.slick--view--slideshow .slick-dots {
  position: absolute;
  bottom: 5.5%;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0;
}

.slick.slick--view--slideshow .slick-dots li {
  display: inline-block;
  list-style: none;
  margin-bottom: 0;
}

.slick.slick--view--slideshow .slick-dots li button {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  width: 16px;
  height: 16px;
  border: 2px solid #292929;
  border-radius: 50%;
  outline: 0;
  background-color: #ffc107;
  cursor: pointer;
  -webkit-transition: background-color all 0.3s ease-in-out;
  transition: background-color all 0.3s ease-in-out;
  padding: 0;
}

.slick.slick--view--slideshow .slick-dots li.slick-active button {
  background-color: #292929;
}

.slick.slick--view--slideshow .slick-dots li + li {
  margin-left: 30px;
}

.slick--view--slideshow--top .slide-layout-wrapper .slide-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #e8ae45;
  padding-right: 0;
}

.slick--view--slideshow--top .content-wrapper {
  box-shadow: -3px 0px 4px 0px rgba(64, 64, 64, 0.25);
}

.block-views-blockslideshow-bottom .slick-slide {
  background-color: #fff;
}

.block-views-blockslideshow-bottom .slick-track {
  background-color: #f5f5f5;
}

.slick-current .slide-layout-wrapper .animate,
.slick-current .slide-layout-wrapper .animate-out-down {
  opacity: 1;
}

.slide-layout-wrapper {
  position: relative;
  padding-bottom: 38.3333%;
}

.slide-layout-wrapper .animate,
.slide-layout-wrapper .animate-out-down {
  opacity: 0;
}

.slide-layout-wrapper .animate.animated,
.slide-layout-wrapper .animate-out-down.animated {
  opacity: 1;
}

.slide-layout-wrapper .slide-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}

.slide-layout-wrapper .slide-wrapper picture,
.slide-layout-wrapper .slide-wrapper img {
  width: 100%;
  height: auto;
}

.slide-layout-wrapper .content-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
}

.slide-layout-wrapper .content-wrapper > div {
  max-width: 100%;
  height: auto;
}

.slide-layout-wrapper .content-wrapper .field--name-field-slide-image img {
  max-width: 85%;
  height: auto;
  margin: auto;
}

.slide-layout-wrapper .content-wrapper .field--name-body {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25;
  text-align: center;
}

.slide-layout-wrapper .content-wrapper .field--name-body a {
  color: #292929;
}

.slide-layout-wrapper .content-wrapper .field--name-body p:last-child {
  margin-bottom: 0;
}

.block-views-blockslideshow-bottom .slide-layout-wrapper .slide-wrapper .proxima-slide {
  max-width: 100%;
  max-height: 100%;
}

.block-views-blockslideshow-bottom .slide-layout-wrapper .slide-wrapper picture,
.block-views-blockslideshow-bottom .slide-layout-wrapper .slide-wrapper img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper {
  position: absolute;
  left: 0;
  right: auto;
  top: 0;
  padding: 10px;
}

.block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-small-text {
  font-size: .5rem;
  text-transform: uppercase;
  color: #292929;
  font-weight: 700;
}

.block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-body {
  color: #e8ae45;
  text-align: left;
}

.block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-price {
  font-weight: 700;
  color: #292929;
}

.block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .btn.btn-primary {
  font-size: .625rem;
}

/*--------------Promo---------------*/
.view-promo {
  overflow: hidden;
}

.promo-layout-wrapper {
  position: relative;
  background-color: #000;
}

.promo-layout-wrapper .promo-image {
  opacity: .55;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.promo-layout-wrapper:hover .promo-image {
  opacity: .15;
}

.promo-layout-wrapper .promo-content {
  position: absolute;
  left: 0;
  top: 0;
}

.promo-layout-wrapper .promo-content .field--name-body {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: #fff;
  line-height: 1.125;
  font-weight: 500;
}

.promo-layout-wrapper .promo-content .field--name-body a {
  color: #fff;
}

.promo-layout-wrapper .promo-content .field--name-body a:hover {
  color: #e8ae45;
}

.promo-layout-wrapper .promo-content .field--name-body p:last-child {
  margin-bottom: 0;
}

.promo-layout-wrapper .promo-content .field--name-field-promo-link.btn {
  margin: 1rem 0 0;
}

.promo-layout-wrapper .promo-content .field--name-field-promo-link.btn:hover, .promo-layout-wrapper .promo-content .field--name-field-promo-link.btn:focus, .promo-layout-wrapper .promo-content .field--name-field-promo-link.btn:active,
.promo-layout-wrapper .promo-content .field--name-field-promo-link.btn a:hover,
.promo-layout-wrapper .promo-content .field--name-field-promo-link.btn a:focus,
.promo-layout-wrapper .promo-content .field--name-field-promo-link.btn a:active {
  background-color: #f1ea5c;
  color: #292929;
}

.block-views-blockpromo-big .promo-layout-wrapper .promo-content .field--name-body {
  font-size: 1.5rem;
  font-weight: 700;
}

.block-views-blockpromo-big .promo-layout-wrapper .promo-content .field--name-field-promo-link.btn {
  margin: 1.25rem 0 0;
}

.products-tab,
.front-products-tabs {
  max-width: 100%;
  width: 100%;
}

.front-products-tabs {
  margin: 40px 0;
}

.front-products-tabs .card-header {
  color: #fff;
  border: none;
  outline: 0;
  font-weight: 700;
  text-transform: uppercase;
}

.front-products-tabs .card-header i:first-child {
  font-size: 1.25rem;
  position: absolute;
  display: block;
  border-radius: 50%;
  border: 1rem solid;
  margin-top: -1rem;
  box-shadow: 0px 0px 2px -1px #555;
}

.front-products-tabs .card-header .viewsreference--view-title + i {
  float: right;
  margin-top: -1.25rem;
  font-size: 1rem;
}

/* ------------------------------------------------------------ */
/* ------------------ Header (max-width: sm) ------------------ */
/* ------------------------------------------------------------ */
@media (max-width: 767.98px) {
  .front-products-tabs .tab-pane {
    display: block !important;
    opacity: 1;
  }
  .front-products-tabs .card-header {
    padding: .5rem;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (max-width: 640px) ---------------------- */
/* ------------------------------------------------------------ */
@media all and (max-width: 639px) {
  .slick--view--slideshow--top .slide-layout-wrapper .slide-wrapper {
    padding-right: 0;
  }
  .slide-layout-wrapper {
    padding-bottom: 33.3%;
  }
  .slide-layout-wrapper .content-wrapper {
    max-width: 50% !important;
    display: none !important;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (min-width: sm) ---------------------- */
/* ------------------------------------------------------------ */
@media (min-width: 576px) {
  .slide-layout-wrapper .content-wrapper {
    padding: 20px;
    display: none !important;
  }
  .slide-layout-wrapper .content-wrapper .field--name-field-slide-image {
    margin-bottom: 20px;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-small-text {
    font-size: .75rem;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-price {
    font-size: 1.25rem;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .btn.btn-primary {
    font-size: .75rem;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (min-width: md) ---------------------- */
/* ------------------------------------------------------------ */
@media (min-width: 768px) {
  .slide-layout-wrapper .content-wrapper .field--name-body {
    font-size: 1.25rem;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-small-text {
    font-size: .875rem;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-body,
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-price {
    font-size: 1.5rem;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .btn.btn-primary {
    font-size: 1rem;
  }
  .front-products-tabs .nav-tabs {
    display: -webkit-box;
    display: flex;
    margin: 0 1.25rem 2.5rem;
  }
  .front-products-tabs .nav-tabs .nav-link {
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    outline: 0;
    padding: 1rem 2rem;
    color: #292929;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .front-products-tabs .nav-tabs .nav-link.active, .front-products-tabs .nav-tabs .nav-link:hover {
    color: #e8ae45;
  }
  .front-products-tabs .card {
    border: none;
  }
  .front-products-tabs .card .card-header {
    display: none;
  }
  .front-products-tabs .card .collapse {
    display: block;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (min-width: lg) ---------------------- */
/* ------------------------------------------------------------ */
@media (min-width: 992px) {
  .slick--view--slideshow--top .slide-layout-wrapper .slide-wrapper {
    padding-right: 0;
  }
  .slide-layout-wrapper .content-wrapper .field--name-body {
    font-size: 1.5rem;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-body,
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-price {
    font-size: 2rem;
  }
  .promo-layout-wrapper .promo-content .field--name-body {
    font-size: 1.5rem;
  }
  .block-views-blockpromo-big .promo-layout-wrapper .promo-content .field--name-body {
    font-size: 2rem;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (min-width: xl) ---------------------- */
/* ------------------------------------------------------------ */
@media (min-width: 1200px) {
  .slide-layout-wrapper .content-wrapper .field--name-field-slide-image {
    margin-bottom: 40px;
  }
  .slide-layout-wrapper .content-wrapper .field--name-body {
    font-size: 2rem;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-body,
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-price {
    font-size: 2.5rem;
  }
  .promo-layout-wrapper .promo-content .field--name-body {
    font-size: 1.75rem;
  }
  .promo-layout-wrapper .promo-content .field--name-field-promo-link.btn {
    max-height: 0;
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin: 0;
  }
  .promo-layout-wrapper .promo-content:hover .field--name-field-promo-link.btn {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    max-height: 100px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 1rem;
  }
  .block-views-blockpromo-big .promo-layout-wrapper .promo-content .field--name-body {
    font-size: 3rem;
  }
  .block-views-blockpromo-big .promo-layout-wrapper .promo-content:hover .field--name-field-promo-link.btn {
    margin-top: 2rem;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (min-width: xxl) --------------------- */
/* ------------------------------------------------------------ */
@media (min-width: 1400px) {
  .slide-layout-wrapper .content-wrapper .field--name-body {
    font-size: 2.5rem;
    display: none;
  }
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-body,
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-price {
    font-size: 3rem;
  }
  .block-views-blockpromo-big .promo-layout-wrapper .promo-content .field--name-body {
    font-size: 4rem;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (min-width: xxxl) -------------------- */
/* ------------------------------------------------------------ */
@media (min-width: 1800px) {
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-body,
  .block-views-blockslideshow-bottom .slide-layout-wrapper .content-wrapper .field--name-field-slide-price {
    font-size: 3.75rem;
  }
  .block-views-blockpromo-big .promo-layout-wrapper .promo-content .field--name-body {
    font-size: 5rem;
  }
}

/* ------------------------------------------------------------ */
/* --------------------  (min-width: 1920) -------------------- */
/* ------------------------------------------------------------ */
@media (min-width: 1920px) {
  .featured-bottom {
    background-color: #f5f5f5;
    border-top: .125rem solid #f5f5f5;
    border-bottom: .125rem solid #f5f5f5;
  }
  .featured-bottom .featured-bottom__inner {
    max-width: 1920px;
    margin: 0 auto;
  }
}