/*!
* Copyright (c) 2018 Silvertree Internet Holdings. All rights reserved.
*/
/* line 9, ../scss/silvertree-onesignal.scss */
.onesignal-popover-container .onesignal-popover-dialog #normal-popover .popover-footer #onesignal-popover-allow-button {
background: #bfcd30 !important;
}
/* line 12, ../scss/silvertree-onesignal.scss */
.onesignal-popover-container .onesignal-popover-dialog #normal-popover .popover-footer #onesignal-popover-cancel-button {
color: #bfcd30 !important;
}
@charset "UTF-8";
/*
// ----------------------------------------------
// Usage example:
// For IE set $mq-support to false.
// Set the fixed value.
// Then use mixins to test whether styles should be applied.
// ----------------------------------------------
$mq-support: false;
$mq-fixed-value: 1024;
// Renders at fixed value
@include bp (min-width, 300px) {
div { color:#000; }
}
// Doesn't render without MQ support
@include bp (min-width, 1200px) {
div { color:#FFF; }
}
// Doesn't render without MQ support
@include bp (max-width, 300px) {
div { color:#444; }
}
// Renders at fixed value
@include bp (max-width, 1200px) {
div { color:#888; }
}
// ----------------------------------------------
*/
/* AQty Input buttons
------------------------------------------------------------------------*/
/* line 3, ../scss/mixin/_qty-buttons.scss */
.qty-wrapper {
float: left;
width: 64px;
padding: 0;
}
@media (max-width: 767px) {
/* line 3, ../scss/mixin/_qty-buttons.scss */
.qty-wrapper {
display: none;
}
}
/* line 12, ../scss/mixin/_qty-buttons.scss */
.qty-wrapper input {
float: left;
height: 40px !important;
}
/* line 17, ../scss/mixin/_qty-buttons.scss */
#qty-nav,
.qty-nav {
border: 1px solid #DDE2E3;
border-left: 0;
float: left;
height: 40px;
color: #AFB2B7;
}
/* line 25, ../scss/mixin/_qty-buttons.scss */
#qty-nav .up,
.qty-nav .up {
line-height: 9px;
margin-bottom: 0;
}
/* line 29, ../scss/mixin/_qty-buttons.scss */
#qty-nav .dn,
.qty-nav .dn {
border-top: 1px solid #DDE2E3;
line-height: 8px;
}
/* line 33, ../scss/mixin/_qty-buttons.scss */
#qty-nav .up,
#qty-nav .dn,
.qty-nav .up,
.qty-nav .dn {
padding: 5px;
text-align: center;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
}
/* line 42, ../scss/mixin/_qty-buttons.scss */
#qty-nav .up:hover,
#qty-nav .dn:hover,
.qty-nav .up:hover,
.qty-nav .dn:hover {
background: #353222;
color: #FFF;
cursor: pointer;
}
/**
* Copyright (c) 2017 Silvertree Internet Holdings. All rights reserved.
*/
/**
* Attribute Option Value IDs
*
* diet
* =======================================
* 16432 => Dairy Free
* 16442 => Gluten Free
* 16452 => Halaal
* 16462 => Kosher
* 16472 => No Added Sugar
* 16482 => Sugar Free
* 16492 => Vegan
* 16502 => Vegetarian
* 17852 => Wheat Free
* 21482 => Ketogenic
*
* environmental
* =======================================
* 16512 => Biodegradable
* 16522 => 1% for the Planet
* 16532 => 100% Plastic Free
* 16542 => Biodynamic Farming
* 16552 => Carbon Neutral
* 16562 => Certified Biodegradable
* 16572 => Certified Home-Compostable
* 16582 => Compostable
* 16592 => EU Organic
* 16602 => FSC Certified
* 16612 => Green Seal
* 16622 => Rainforest Alliance
* 16632 => Recyclable
* 16642 => Recycled Materials
* 16652 => Sustainable Fishing
* 16662 => Sustainable Palm Oil
* 16672 => Waste Less
*
* ingredients
* =======================================
* 16682 => CANSA
* 16692 => Certified Gluten Free
* 16702 => Certified GMO Free
* 16712 => Certified Natural
* 16722 => Certified Organic
* 16732 => Certified Organic Ingredients
* 16742 => Cruelty Free
* 16752 => EWG Certified
* 16762 => Fragrance Sensitive
* 16772 => GMO Free
* 16782 => Palm Oil Free
* 16792 => Reef Safe
* 16802 => Vegan
* 17802 => Clean Beauty Choice
*
* social
* =======================================
* 16822 => B Corp
* 16832 => Community Support
* 16842 => Fair Production
* 16852 => Women Founded
* 16862 => Locally Sourced
* 16872 => Proudly South African
*
* licensing_status
* =======================================
* 2270 => Only for sale to over 18s
*/
/* line 71, ../scss/mixin/_attribute-icons.scss */
.attr-icons-list {
position: absolute;
top: 0;
right: 0;
}
/* line 76, ../scss/mixin/_attribute-icons.scss */
.attr-icons-list .attr-icons-list-inner {
position: relative;
padding: 5px;
z-index: 100;
max-height: 155px;
overflow: hidden;
}
/* line 83, ../scss/mixin/_attribute-icons.scss */
.attr-icons-list .tooltip {
position: fixed;
}
/* line 86, ../scss/mixin/_attribute-icons.scss */
.attr-icons-list .tooltip .tooltip-arrow {
border-right-color: #888 !important;
}
/* line 93, ../scss/mixin/_attribute-icons.scss */
.attr-icons-list .tooltip-inner,
.attr-icons-view-inner .tooltip-inner {
background: #fff !important;
color: #888 !important;
box-shadow: 0 0 1px #888;
opacity: 1 !important;
}
/* line 101, ../scss/mixin/_attribute-icons.scss */
.attr-icons-view-inner .tooltip-arrow {
border-bottom-color: #888 !important;
}
/* line 106, ../scss/mixin/_attribute-icons.scss */
.attr-icon {
width: 29px;
height: 29px;
display: block;
margin-right: 2px;
}
/* Diet
* ======================================= */
/* Dairy Free */
/* line 117, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16432 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/dairy-free-16432.png) 0 0 no-repeat;
}
/* Gluten Free */
/* line 122, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16442 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/gluten-free-16442.png) 0 0 no-repeat;
}
/* Halaal */
/* line 127, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16452 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/halaal-16452.png) 0 0 no-repeat;
}
/* Kosher */
/* line 132, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16462 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/kosher-16462.png) 0 0 no-repeat;
}
/* No Added Sugar */
/* line 137, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16472 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/no-added-sugar-16472.png) 0 0 no-repeat;
}
/* Sugar Free */
/* line 142, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16482 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/sugar-free-16482.png) 0 0 no-repeat;
}
/* Vegan */
/* line 147, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16492 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/vegan-16492.png) 0 0 no-repeat;
}
/* Vegetarian */
/* line 152, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16502 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/vegetarian-16502.png) 0 0 no-repeat;
}
/* Wheat Free */
/* line 157, ../scss/mixin/_attribute-icons.scss */
.attr-icon-17852 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/wheat-free-17852.png) 0 0 no-repeat;
}
/* Ketogenic */
/* line 162, ../scss/mixin/_attribute-icons.scss */
.attr-icon-21482 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/ketogenic-21482.png) 0 0 no-repeat;
}
/* Environmental
* ======================================= */
/* Biodegradable */
/* line 170, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16512 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/biodegradable-16512.png) 0 0 no-repeat;
}
/* 1% for the Planet */
/* line 175, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16522 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/1-for-the-planet-16522.png) 0 0 no-repeat;
}
/* 100% Plastic Free */
/* line 180, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16532 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/100-plastic-free-16532.png) 0 0 no-repeat;
}
/* Biodynamic Farming */
/* line 185, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16542 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/biodynamic-farming-16542.png) 0 0 no-repeat;
}
/* Carbon Neutral */
/* line 190, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16552 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/carbon-neutral-16552.png) 0 0 no-repeat;
}
/* Certified Biodegradable */
/* line 195, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16562 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-biodegradable-16562.png) 0 0 no-repeat;
}
/* Certified Home-Compostable */
/* line 200, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16572 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-home-compostable-16572.png) 0 0 no-repeat;
}
/* Compostable */
/* line 205, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16582 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/compostable-16582.png) 0 0 no-repeat;
}
/* EU Organic */
/* line 210, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16592 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/eu-organic-16592.png) 0 0 no-repeat;
}
/* FSC Certified */
/* line 215, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16602 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/fsc-certified-16602.png) 0 0 no-repeat;
}
/* Green Seal */
/* line 220, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16612 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/green-seal-16612.png) 0 0 no-repeat;
}
/* Rainforest Alliance */
/* line 225, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16622 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/rainforest-alliance-16622.png) 0 0 no-repeat;
}
/* Recyclable */
/* line 230, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16632 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/recyclable-16632.png) 0 0 no-repeat;
}
/* Recycled Materials */
/* line 235, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16642 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/recycled-materials-16642.png) 0 0 no-repeat;
}
/* Sustainable Fishing */
/* line 240, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16652 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/sustainable-fishing-16652.png) 0 0 no-repeat;
}
/* Sustainable Palm Oil */
/* line 245, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16662 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/sustainable-palm-oil-16662.png) 0 0 no-repeat;
}
/* Waste Less */
/* line 250, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16672 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/waste-less-16672.png) 0 0 no-repeat;
}
/* Ingredients
* ======================================= */
/* CANSA */
/* line 258, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16682 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/cansa-16682.png) 0 0 no-repeat;
}
/* Certified Gluten Free */
/* line 263, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16692 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-gluten-free-16692.png) 0 0 no-repeat;
}
/* Certified GMO Free */
/* line 268, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16702 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-gmo-free-16702.png) 0 0 no-repeat;
}
/* Certified Natural */
/* line 273, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16712 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-natural-16712.png) 0 0 no-repeat;
}
/* Certified Organic */
/* line 278, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16722 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-organic-16722.png) 0 0 no-repeat;
}
/* Certified Organic Ingredients */
/* line 283, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16732 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-organic-ingredients-16732.png) 0 0 no-repeat;
}
/* Cruelty Free */
/* line 288, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16742 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/cruelty-free-16742.png) 0 0 no-repeat;
}
/* EWG Certified */
/* line 293, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16752 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/ewg-certified-16752.png) 0 0 no-repeat;
}
/* Fragrance Sensitive */
/* line 298, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16762 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/fragrance-sensitive-16762.png) 0 0 no-repeat;
}
/* GMO Free */
/* line 303, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16772 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/gmo-free-16772.png) 0 0 no-repeat;
}
/* Palm Oil Free */
/* line 308, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16782 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/palm-oil-free-16782.png) 0 0 no-repeat;
}
/* Reef Safe */
/* line 313, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16792 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/reef-safe-16792.png) 0 0 no-repeat;
}
/* Vegan */
/* line 318, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16802 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/vegan-16802.png) 0 0 no-repeat;
}
/* Clean Beauty Choice */
/* line 323, ../scss/mixin/_attribute-icons.scss */
.attr-icon-17802 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/clean-beauty-choice-17802.png) 0 0 no-repeat;
}
/* Social
* ======================================= */
/* B Corp */
/* line 331, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16822 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/b-corp-16822.png) 0 0 no-repeat;
}
/* Community Support */
/* line 336, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16832 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/community-support-16832.png) 0 0 no-repeat;
}
/* Fair Production */
/* line 341, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16842 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/fair-production-16842.png) 0 0 no-repeat;
}
/* Women Founded */
/* line 346, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16852 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/women-founded-16852.png) 0 0 no-repeat;
}
/* Locally Sourced */
/* line 351, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16862 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/locally-sourced-16862.png) 0 0 no-repeat;
}
/* Proudly South African */
/* line 356, ../scss/mixin/_attribute-icons.scss */
.attr-icon-16872 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/proudly-south-african-16872.png) 0 0 no-repeat;
}
/* Licensing Status
* ======================================= */
/* Only for sale to over 18s */
/* line 365, ../scss/mixin/_attribute-icons.scss */
.attr-icon-2270 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/over-18.png) 0 0 no-repeat;
}
/* Filters */
/* line 372, ../scss/mixin/_attribute-icons.scss */
#licensing_status_filter-orig-data input {
margin-bottom: 0 !important;
margin-top: 10px !important;
float: left;
}
/* line 377, ../scss/mixin/_attribute-icons.scss */
#licensing_status_filter-orig-data label {
margin-bottom: 0;
margin-top: 10px;
}
/* line 383, ../scss/mixin/_attribute-icons.scss */
.attr-filter-icon {
width: 33px;
height: 26px;
display: block;
float: left;
}
/* line 389, ../scss/mixin/_attribute-icons.scss */
.attr-icon-only-for-sale-to-over-18s {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/over-18.png) 0 0 no-repeat;
}
/* line 392, ../scss/mixin/_attribute-icons.scss */
.attr-icon-dairy-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/dairy-free-16432.png) 0 0 no-repeat;
}
/* line 395, ../scss/mixin/_attribute-icons.scss */
.attr-icon-gluten-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/gluten-free-16442.png) 0 0 no-repeat;
}
/* line 398, ../scss/mixin/_attribute-icons.scss */
.attr-icon-halaal {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/halaal-16452.png) 0 0 no-repeat;
}
/* line 401, ../scss/mixin/_attribute-icons.scss */
.attr-icon-kosher {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/kosher-16462.png) 0 0 no-repeat;
}
/* line 404, ../scss/mixin/_attribute-icons.scss */
.attr-icon-no-added-sugar {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/no-added-sugar-16472.png) 0 0 no-repeat;
}
/* line 407, ../scss/mixin/_attribute-icons.scss */
.attr-icon-sugar-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/sugar-free-16482.png) 0 0 no-repeat;
}
/* line 410, ../scss/mixin/_attribute-icons.scss */
.attr-icon-vegan {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/vegan-16492.png) 0 0 no-repeat;
}
/* line 413, ../scss/mixin/_attribute-icons.scss */
.attr-icon-vegetarian {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/vegetarian-16502.png) 0 0 no-repeat;
}
/* line 416, ../scss/mixin/_attribute-icons.scss */
.attr-icon-wheat-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/wheat-free-17852.png) 0 0 no-repeat;
}
/* line 419, ../scss/mixin/_attribute-icons.scss */
.attr-icon-ketogenic {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/ketogenic-21482.png) 0 0 no-repeat;
}
/* line 422, ../scss/mixin/_attribute-icons.scss */
.attr-icon-biodegradable {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/biodegradable-16512.png) 0 0 no-repeat;
}
/* line 425, ../scss/mixin/_attribute-icons.scss */
.attr-icon-1-for-the-planet {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/1-for-the-planet-16522.png) 0 0 no-repeat;
}
/* line 428, ../scss/mixin/_attribute-icons.scss */
.attr-icon-100-plastic-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/100-plastic-free-16532.png) 0 0 no-repeat;
}
/* line 431, ../scss/mixin/_attribute-icons.scss */
.attr-icon-biodynamic-farming {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/biodynamic-farming-16542.png) 0 0 no-repeat;
}
/* line 434, ../scss/mixin/_attribute-icons.scss */
.attr-icon-carbon-neutral {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/carbon-neutral-16552.png) 0 0 no-repeat;
}
/* line 437, ../scss/mixin/_attribute-icons.scss */
.attr-icon-certified-biodegradable {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-biodegradable-16562.png) 0 0 no-repeat;
}
/* line 440, ../scss/mixin/_attribute-icons.scss */
.attr-icon-certified-home-compostable {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-home-compostable-16572.png) 0 0 no-repeat;
}
/* line 443, ../scss/mixin/_attribute-icons.scss */
.attr-icon-compostable {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/compostable-16582.png) 0 0 no-repeat;
}
/* line 446, ../scss/mixin/_attribute-icons.scss */
.attr-icon-eu-organic {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/eu-organic-16592.png) 0 0 no-repeat;
}
/* line 449, ../scss/mixin/_attribute-icons.scss */
.attr-icon-fsc-certified {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/fsc-certified-16602.png) 0 0 no-repeat;
}
/* line 452, ../scss/mixin/_attribute-icons.scss */
.attr-icon-green-seal {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/green-seal-16612.png) 0 0 no-repeat;
}
/* line 455, ../scss/mixin/_attribute-icons.scss */
.attr-icon-rainforest-alliance {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/rainforest-alliance-16622.png) 0 0 no-repeat;
}
/* line 458, ../scss/mixin/_attribute-icons.scss */
.attr-icon-recyclable {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/recyclable-16632.png) 0 0 no-repeat;
}
/* line 461, ../scss/mixin/_attribute-icons.scss */
.attr-icon-recycled-materials {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/recycled-materials-16642.png) 0 0 no-repeat;
}
/* line 464, ../scss/mixin/_attribute-icons.scss */
.attr-icon-sustainable-fishing {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/sustainable-fishing-16652.png) 0 0 no-repeat;
}
/* line 467, ../scss/mixin/_attribute-icons.scss */
.attr-icon-sustainable-palm-oil {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/sustainable-palm-oil-16662.png) 0 0 no-repeat;
}
/* line 470, ../scss/mixin/_attribute-icons.scss */
.attr-icon-waste-less {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/waste-less-16672.png) 0 0 no-repeat;
}
/* line 473, ../scss/mixin/_attribute-icons.scss */
.attr-icon-cansa {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/cansa-16682.png) 0 0 no-repeat;
}
/* line 476, ../scss/mixin/_attribute-icons.scss */
.attr-icon-certified-gluten-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-gluten-free-16692.png) 0 0 no-repeat;
}
/* line 479, ../scss/mixin/_attribute-icons.scss */
.attr-icon-certified-gmo-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-gmo-free-16702.png) 0 0 no-repeat;
}
/* line 482, ../scss/mixin/_attribute-icons.scss */
.attr-icon-certified-natural {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-natural-16712.png) 0 0 no-repeat;
}
/* line 485, ../scss/mixin/_attribute-icons.scss */
.attr-icon-certified-organic {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-organic-16722.png) 0 0 no-repeat;
}
/* line 488, ../scss/mixin/_attribute-icons.scss */
.attr-icon-certified-organic-ingredients {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/certified-organic-ingredients-16732.png) 0 0 no-repeat;
}
/* line 491, ../scss/mixin/_attribute-icons.scss */
.attr-icon-cruelty-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/cruelty-free-16742.png) 0 0 no-repeat;
}
/* line 494, ../scss/mixin/_attribute-icons.scss */
.attr-icon-ewg-certified {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/ewg-certified-16752.png) 0 0 no-repeat;
}
/* line 497, ../scss/mixin/_attribute-icons.scss */
.attr-icon-fragrance-sensitive {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/fragrance-sensitive-16762.png) 0 0 no-repeat;
}
/* line 500, ../scss/mixin/_attribute-icons.scss */
.attr-icon-gmo-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/gmo-free-16772.png) 0 0 no-repeat;
}
/* line 503, ../scss/mixin/_attribute-icons.scss */
.attr-icon-palm-oil-free {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/palm-oil-free-16782.png) 0 0 no-repeat;
}
/* line 506, ../scss/mixin/_attribute-icons.scss */
.attr-icon-reef-safe {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/reef-safe-16792.png) 0 0 no-repeat;
}
/* line 509, ../scss/mixin/_attribute-icons.scss */
.attr-icon-vegan-ingredients {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/vegan-16802.png) 0 0 no-repeat;
}
/* line 512, ../scss/mixin/_attribute-icons.scss */
.attr-icon-clean-beauty-choice {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/clean-beauty-choice-17802.png) 0 0 no-repeat;
}
/* line 515, ../scss/mixin/_attribute-icons.scss */
.attr-icon-b-corp {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/b-corp-16822.png) 0 0 no-repeat;
}
/* line 518, ../scss/mixin/_attribute-icons.scss */
.attr-icon-community-support {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/community-support-16832.png) 0 0 no-repeat;
}
/* line 521, ../scss/mixin/_attribute-icons.scss */
.attr-icon-fair-production {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/fair-production-16842.png) 0 0 no-repeat;
}
/* line 524, ../scss/mixin/_attribute-icons.scss */
.attr-icon-women-founded {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/women-founded-16852.png) 0 0 no-repeat;
}
/* line 527, ../scss/mixin/_attribute-icons.scss */
.attr-icon-locally-sourced {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/locally-sourced-16862.png) 0 0 no-repeat;
}
/* line 530, ../scss/mixin/_attribute-icons.scss */
.attr-icon-proudly-south-african {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/attribute-icons/proudly-south-african-16872.png) 0 0 no-repeat;
}
/* Attribute Map Key */
/* line 536, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-header {
border-bottom: 0 none;
padding-bottom: 0;
padding-top: 20px;
}
/* line 541, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-header .close {
position: absolute;
top: -30px;
right: -30px;
background: #888;
color: #fff;
border-radius: 50%;
opacity: 1;
text-shadow: none;
height: 30px;
width: 30px;
text-align: center;
border: 3px solid #fff;
box-shadow: 0 0 1px #888;
font-size: 17px;
}
@media (max-width: 768px) {
/* line 541, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-header .close {
top: 4px;
right: 4px;
}
}
/* line 562, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-header .close:hover {
background: #ec3333;
}
/* line 567, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-header h5 {
display: table;
margin: 0 auto;
color: #006654;
font-size: 24px;
line-height: 32px;
padding: 0 10px;
background: #fff;
}
@media (max-width: 767px) {
/* line 567, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-header h5 {
font-size: 18px;
}
}
@media (max-width: 767px) {
/* line 536, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-header {
background: none;
}
}
/* line 585, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body {
padding-top: 0;
}
/* line 588, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body h5 {
text-align: center;
color: #555;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 593, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table {
margin-top: 20px;
margin-bottom: 0;
display: inline-block;
width: 100%;
border-bottom: 1px solid #DDE2E3;
}
/* line 600, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item {
box-sizing: border-box;
float: left;
width: -webkit-calc(100% / 6);
width: calc(100% / 6);
padding: 5px;
border-top: 1px solid #DDE2E3;
border-left: 1px solid #DDE2E3;
min-height: 100px;
}
/* line 609, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item:nth-child(6n) {
border-right: 1px solid #DDE2E3;
}
/* line 612, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item:last-of-type {
border-right: 1px solid #DDE2E3;
}
@media (max-width: 767px) {
/* line 600, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item {
width: -webkit-calc(100% / 2);
width: calc(100% / 2);
}
/* line 618, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item:nth-child(2n) {
border-right: 1px solid #DDE2E3;
}
}
@media (min-width: 768px) and (max-width: 800px) {
/* line 600, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item {
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
/* line 625, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item:nth-child(3n) {
border-right: 1px solid #DDE2E3;
}
}
/* line 630, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item span {
display: block;
width: 30px;
height: 30px;
margin: 5px auto 0 auto;
}
/* line 636, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-body .table .item h6 {
float: left;
width: 100%;
text-align: center;
margin-top: 5px;
}
/* line 645, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-footer {
background: #888;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 650, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-footer h5 {
color: #fff;
width: 100%;
text-align: center;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 656, ../scss/mixin/_attribute-icons.scss */
#attributeModal .modal-footer h5 a {
color: #fff;
border-bottom: 2px solid #fff;
}
/* line 1, ../scss/mixin/_snowflake.scss */
#snowflakeContainer {
position: absolute;
left: 0;
right: 0;
top: 0;
}
/* line 7, ../scss/mixin/_snowflake.scss */
.snowflake {
padding-left: 15px;
font-family: Cambria, Georgia, serif;
font-size: 14px;
line-height: 24px;
position: fixed;
color: #e4e4e4;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 1000;
}
/* line 17, ../scss/mixin/_snowflake.scss */
.snowflake:hover {
cursor: default;
}
/* entire container, keeps perspective */
/* line 31, ../scss/mixin/_card-flip-animation.scss */
.flip-container {
perspective: 1000px;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/* UPDATED! flip the pane when hovered */
/* line 39, ../scss/mixin/_card-flip-animation.scss */
.flip-container:hover .back {
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
}
/* line 46, ../scss/mixin/_card-flip-animation.scss */
.flip-container:hover .front {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
}
/* line 54, ../scss/mixin/_card-flip-animation.scss */
.flip-container,
.front,
.back {
width: 320px;
height: 320px;
}
/* flip speed goes here */
/* line 62, ../scss/mixin/_card-flip-animation.scss */
.flipper {
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
position: relative;
}
/* hide back of pane during swap */
/* line 78, ../scss/mixin/_card-flip-animation.scss */
.front,
.back {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
transition: 0.6s;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-o-transition: 0.6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 0;
left: 0;
}
/* front pane, placed above back */
/* line 94, ../scss/mixin/_card-flip-animation.scss */
.front {
z-index: 2;
/* for firefox 31 */
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
}
/* back, initially hidden pane */
/* line 105, ../scss/mixin/_card-flip-animation.scss */
.back {
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
}
/* ============================================ *
* Promotional Marquee
* ============================================ */
/* line 29, ../scss/mixin/_marquee.scss */
.marquee {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
width: 100%;
background: #333;
opacity: 0.9;
padding: 20px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
/* line 29, ../scss/mixin/_marquee.scss */
.marquee {
display: none;
}
}
/* line 45, ../scss/mixin/_marquee.scss */
.marquee a {
color: #fff;
font-size: 25px;
text-transform: uppercase;
float: left;
letter-spacing: 1px;
margin: 0 0 0 25px;
}
/* line 53, ../scss/mixin/_marquee.scss */
.marquee a span {
color: #006654;
}
/* line 1, ../scss/mixin/_underline-animation.scss */
.hover-underline-animation a {
display: inline-block;
position: relative;
color: #006654;
}
/* line 6, ../scss/mixin/_underline-animation.scss */
.hover-underline-animation a::after {
content: '';
position: absolute;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
height: 2px;
bottom: 0;
left: 0;
background-color: #006654;
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
/* line 18, ../scss/mixin/_underline-animation.scss */
.hover-underline-animation a:hover::after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects `block` display not defined in IE 8/9.
*/
/* line 11, ../../default/scss/vendor/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects `inline-block` display not defined in IE 8/9.
*/
/* line 29, ../../default/scss/vendor/_normalize.scss */
audio,
canvas,
video {
display: inline-block;
}
/*
* Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
/* line 40, ../../default/scss/vendor/_normalize.scss */
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for `hidden` attribute not present in IE 8/9.
*/
/* line 49, ../../default/scss/vendor/_normalize.scss */
[hidden] {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/*
* 1. Sets default font family to sans-serif.
* 2. Prevents iOS text size adjust after orientation change, without disabling
* user zoom.
*/
/* line 63, ../../default/scss/vendor/_normalize.scss */
html {
font-family: sans-serif;
/* 1 */
-webkit-text-size-adjust: 100%;
/* 2 */
-ms-text-size-adjust: 100%;
/* 2 */
}
/*
* Removes default margin.
*/
/* line 73, ../../default/scss/vendor/_normalize.scss */
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/*
* Addresses `outline` inconsistency between Chrome and other browsers.
*/
/* line 85, ../../default/scss/vendor/_normalize.scss */
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers.
*/
/* line 93, ../../default/scss/vendor/_normalize.scss */
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/*
* Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
* Safari 5, and Chrome.
*/
/* line 107, ../../default/scss/vendor/_normalize.scss */
h1 {
font-size: 2em;
}
/*
* Addresses styling not present in IE 8/9, Safari 5, and Chrome.
*/
/* line 115, ../../default/scss/vendor/_normalize.scss */
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
/* line 123, ../../default/scss/vendor/_normalize.scss */
b,
strong {
font-weight: bold;
}
/*
* Addresses styling not present in Safari 5 and Chrome.
*/
/* line 132, ../../default/scss/vendor/_normalize.scss */
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE 8/9.
*/
/* line 140, ../../default/scss/vendor/_normalize.scss */
mark {
background: #ff0;
color: #000;
}
/*
* Corrects font family set oddly in Safari 5 and Chrome.
*/
/* line 150, ../../default/scss/vendor/_normalize.scss */
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers.
*/
/* line 162, ../../default/scss/vendor/_normalize.scss */
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* Sets consistent quote types.
*/
/* line 172, ../../default/scss/vendor/_normalize.scss */
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/*
* Addresses inconsistent and variable font size in all browsers.
*/
/* line 180, ../../default/scss/vendor/_normalize.scss */
small {
font-size: 80%;
}
/*
* Prevents `sub` and `sup` affecting `line-height` in all browsers.
*/
/* line 188, ../../default/scss/vendor/_normalize.scss */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
/* line 196, ../../default/scss/vendor/_normalize.scss */
sup {
top: -0.5em;
}
/* line 200, ../../default/scss/vendor/_normalize.scss */
sub {
bottom: -0.25em;
}
/* ==========================================================================
Embedded content
========================================================================== */
/*
* Removes border when inside `a` element in IE 8/9.
*/
/* line 212, ../../default/scss/vendor/_normalize.scss */
img {
border: 0;
}
/*
* Corrects overflow displayed oddly in IE 9.
*/
/* line 220, ../../default/scss/vendor/_normalize.scss */
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE 8/9 and Safari 5.
*/
/* line 232, ../../default/scss/vendor/_normalize.scss */
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/*
* Define consistent border, margin, and padding.
*/
/* line 244, ../../default/scss/vendor/_normalize.scss */
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
/* line 255, ../../default/scss/vendor/_normalize.scss */
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/*
* 1. Corrects font family not being inherited in all browsers.
* 2. Corrects font size not being inherited in all browsers.
* 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
*/
/* line 266, ../../default/scss/vendor/_normalize.scss */
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
/*
* Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
/* line 280, ../../default/scss/vendor/_normalize.scss */
button,
input {
line-height: normal;
}
/*
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
* `input` and others.
*/
/* line 293, ../../default/scss/vendor/_normalize.scss */
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.
*/
/* line 305, ../../default/scss/vendor/_normalize.scss */
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to `content-box` in IE 8/9.
* 2. Removes excess padding in IE 8/9.
*/
/* line 315, ../../default/scss/vendor/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/*
* 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
/* line 327, ../../default/scss/vendor/_normalize.scss */
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
/* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
/* line 339, ../../default/scss/vendor/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in Firefox 4+.
*/
/* line 348, ../../default/scss/vendor/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE 8/9.
* 2. Improves readability and alignment in all browsers.
*/
/* line 359, ../../default/scss/vendor/_normalize.scss */
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells.
*/
/* line 372, ../../default/scss/vendor/_normalize.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ============================================ *
* Reset
* ============================================ */
/* line 30, ../../default/scss/core/_reset.scss */
*,
*:before,
*:after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
/* line 38, ../../default/scss/core/_reset.scss */
html {
-webkit-tap-highlight-color: transparent;
/* Prevent tap highlight on iOS/Android */
-webkit-text-size-adjust: 100%;
/* Prevent automatic scaling on iOS */
}
/* line 43, ../../default/scss/core/_reset.scss */
body {
background: #FFFFFF;
color: #000000;
line-height: 1;
}
/* line 49, ../../default/scss/core/_reset.scss */
html,
body,
img,
fieldset,
abbr,
acronym {
border: 0;
}
/* line 58, ../../default/scss/core/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
/* line 68, ../../default/scss/core/_reset.scss */
th,
code,
cite,
caption {
font-weight: normal;
font-style: normal;
text-align: left;
}
/* line 77, ../../default/scss/core/_reset.scss */
address {
font-style: normal;
}
/* line 81, ../../default/scss/core/_reset.scss */
fieldset {
margin: 0;
padding: 0;
border: 0;
}
/* line 87, ../../default/scss/core/_reset.scss */
img {
display: block;
}
/* line 91, ../../default/scss/core/_reset.scss */
ol,
ul {
list-style: none;
}
/* line 96, ../../default/scss/core/_reset.scss */
q:before,
q:after {
content: '';
}
/* line 102, ../../default/scss/core/_reset.scss */
input:focus,
input[type="search"]:focus {
outline-offset: -2px;
}
/* line 108, ../../default/scss/core/_reset.scss */
input[type="search"] {
-webkit-appearance: none;
/* 1 */
/* 2 */
box-sizing: border-box;
}
/* ============================================ *
* Base Styles
* ============================================ */
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
/* line 45, ../scss/core/_common.scss */
a, button {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
/* line 50, ../scss/core/_common.scss */
body,
button,
input,
select,
table,
textarea {
font-family: "Open Sans", Verdana, Arial, sans-serif;
color: #353222;
font-size: 14px;
line-height: 1.5;
}
/* line 62, ../scss/core/_common.scss */
a {
color: #006654;
text-decoration: none;
}
/* line 67, ../scss/core/_common.scss */
a:hover {
color: #004738;
text-decoration: underline;
}
/* line 72, ../scss/core/_common.scss */
a:focus {
outline-color: #004738;
color: black;
}
/* line 77, ../scss/core/_common.scss */
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ============================================ *
* Typography
* ============================================ */
/* line 88, ../scss/core/_common.scss */
h1, .h1 {
margin: 0;
margin-bottom: 20px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 20px;
font-style: normal;
line-height: 1.2;
text-rendering: optimizeLegibility;
}
/* line 90, ../scss/core/_common.scss */
h2, .h2 {
margin: 0;
margin-bottom: 20px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 1.2;
text-rendering: optimizeLegibility;
}
/* line 92, ../scss/core/_common.scss */
h3, .h3 {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
/* line 94, ../scss/core/_common.scss */
h4, .h4 {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
/* line 96, ../scss/core/_common.scss */
h5, .h5 {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 13px;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
/* line 98, ../scss/core/_common.scss */
h6, .h6 {
margin: 0;
margin-bottom: 5px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
/* ============================================ *
* Shared Classes
* ============================================ */
/* line 104, ../scss/core/_common.scss */
.address-list address {
margin-bottom: 1em;
}
/* line 108, ../scss/core/_common.scss */
.availability {
margin-bottom: 0;
font-size: 12px;
text-transform: uppercase;
}
/* line 114, ../scss/core/_common.scss */
.availability .label {
display: none;
}
/* line 118, ../scss/core/_common.scss */
.availability.in-stock {
color: #fff;
}
/* line 122, ../scss/core/_common.scss */
.availability.available-soon,
.availability.out-of-stock {
color: #fff;
}
/* line 127, ../scss/core/_common.scss */
.availability-only {
color: #fff;
margin-bottom: 10px;
}
/* -------------------------------------------- *
* Page Titles
*/
/* line 136, ../scss/core/_common.scss */
.page-title h1,
.page-title h2,
.product-name h1,
.product-name .h1 {
font-size: 28px;
color: #353222;
border-bottom: 1px solid #006654;
padding-bottom: 15px;
margin-bottom: 15px;
}
/* -------------------------------------------- *
* Block Module
*/
/* line 147, ../scss/core/_common.scss */
.block,
.col-left-first {
margin-bottom: 20px;
}
/* line 152, ../scss/core/_common.scss */
.col-left-first .block:last-of-type {
margin-bottom: 0;
}
/* line 156, ../scss/core/_common.scss */
.block-title {
position: relative;
padding: 10px 0 0;
margin-bottom: 5px;
border-top: 1px solid #ccc;
}
/* line 162, ../scss/core/_common.scss */
.block-title h2,
.block-title h3,
.block-title strong {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
color: #353222;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 600;
}
/* line 171, ../scss/core/_common.scss */
.block-title small {
font-size: 100%;
font-weight: normal;
color: #555555;
}
/* line 179, ../scss/core/_common.scss */
body:not(.customer-account) .block:first-child .block-title {
border-top: none;
padding-top: 0;
}
/* line 184, ../scss/core/_common.scss */
.block-subtitle {
font-weight: bold;
margin-bottom: 7px;
}
/* line 189, ../scss/core/_common.scss */
.block-content {
margin-top: 5px;
}
/* line 193, ../scss/core/_common.scss */
.block-content.unpad {
padding: 0;
}
/* line 197, ../scss/core/_common.scss */
.block-content li.item {
margin: 0 0 10px 9px;
}
/* line 201, ../scss/core/_common.scss */
.block-content li.item:last-child {
margin-bottom: 0;
}
/* line 205, ../scss/core/_common.scss */
.block .actions {
margin: 10px 0 0;
}
/* line 208, ../scss/core/_common.scss */
.block .actions:after {
content: '';
display: table;
clear: both;
}
/* line 212, ../scss/core/_common.scss */
.block .actions a {
float: left;
}
/* line 215, ../scss/core/_common.scss */
.block .actions .button {
float: right;
}
/* line 223, ../scss/core/_common.scss */
.col-left .block .actions .button ~ a,
.col-right .block .actions .button ~ a {
line-height: 33px;
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
/* line 233, ../scss/core/_common.scss */
.sidebar .block:not(.block-layered-nav) {
margin-bottom: 0;
}
/* line 236, ../scss/core/_common.scss */
.sidebar .block:not(.block-layered-nav) .block-title {
padding: 0;
margin-top: 0;
border-bottom: none;
border-top: none;
margin-bottom: 0;
}
/* line 243, ../scss/core/_common.scss */
.sidebar .block:not(.block-layered-nav) .block-title > strong {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: normal;
margin-bottom: 0px;
padding: 7px 10px 7px 24px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
position: relative;
background-color: #F4F4F4;
display: block;
width: 100%;
cursor: pointer;
border-bottom: 0;
}
/* line 110, ../scss/mixin/_toggle-content.scss */
.sidebar .block:not(.block-layered-nav) .block-title > strong:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #006654;
border-right: none;
right: 10px;
top: 50%;
margin-top: 0;
}
/* line 117, ../scss/mixin/_toggle-content.scss */
.sidebar .block:not(.block-layered-nav) .block-title > strong:hover {
background-color: #ededed;
}
/* line 252, ../scss/core/_common.scss */
.sidebar .block:not(.block-layered-nav) .block-title.active > strong {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: normal;
margin-bottom: 0px;
padding: 7px 10px 7px 24px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
position: relative;
background-color: #F4F4F4;
}
/* line 110, ../scss/mixin/_toggle-content.scss */
.sidebar .block:not(.block-layered-nav) .block-title.active > strong:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #006654;
border-bottom: none;
right: 10px;
top: 50%;
margin-top: 0;
}
/* line 117, ../scss/mixin/_toggle-content.scss */
.sidebar .block:not(.block-layered-nav) .block-title.active > strong:hover {
background-color: #ededed;
}
/* line 258, ../scss/core/_common.scss */
.sidebar .block:not(.block-layered-nav) .block-content {
padding: 10px;
margin-top: 0;
border-width: 0 1px;
border-style: solid;
border-color: #ccc;
}
/* line 268, ../scss/core/_common.scss */
.sidebar .block:last-of-type {
border-bottom: 1px solid #ccc;
}
}
/* -------------------------------------------- *
* Secondary Navigation
*/
/* line 280, ../scss/core/_common.scss */
.block-account .block-title,
.block-cms-menu .block-title {
padding-top: 0;
border-top: none;
}
/* line 285, ../scss/core/_common.scss */
.block-account li,
.block-cms-menu li {
text-transform: uppercase;
font-family: "Open Sans", Verdana, Arial, sans-serif;
margin: 7px 0;
}
/* line 290, ../scss/core/_common.scss */
.block-account li strong,
.block-cms-menu li strong {
font-weight: 400;
color: #006654;
}
/* line 295, ../scss/core/_common.scss */
.block-account li a,
.block-cms-menu li a {
color: #353222;
}
/* line 298, ../scss/core/_common.scss */
.block-account li a:hover,
.block-cms-menu li a:hover {
color: #006654;
}
/* ============================================ *
* Buttons
* ============================================ */
/* Secondary Buttons */
/* line 310, ../scss/core/_common.scss */
.cart .buttons-set .button,
.cart-table .button,
.sidebar .actions .button,
.button.button-secondary {
background: #353222;
color: #353222;
padding: 7px 15px;
}
/* line 318, ../scss/core/_common.scss */
.cart .buttons-set .button:hover,
.cart-table .button:hover,
.sidebar .actions .button:hover,
.button.button-secondary:hover {
background: #252318;
cursor: pointer;
}
/* line 323, ../scss/core/_common.scss */
.cart .buttons-set .button:active,
.cart-table .button:active,
.sidebar .actions .button:active,
.button.button-secondary:active {
background: #16150e;
color: #353222;
}
/* line 328, ../scss/core/_common.scss */
.cart .buttons-set .button:focus,
.cart-table .button:focus,
.sidebar .actions .button:focus,
.button.button-secondary:focus {
color: #353222;
background: #16150e;
outline: none;
}
/* line 335, ../scss/core/_common.scss */
.sidebar .actions button.button {
white-space: normal;
}
/* Primary Buttons */
/* line 341, ../scss/core/_common.scss */
.button,
.cart-table .product-cart-actions .button,
.footer .button {
background: #006654;
display: inline-block;
padding: 7px 15px;
border: 0;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
font-family: "Open Sans", Verdana, Arial, sans-serif;
line-height: 19px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
}
/* line 358, ../scss/core/_common.scss */
.button:hover,
.cart-table .product-cart-actions .button:hover,
.footer .button:hover {
background: #004738;
cursor: pointer;
}
/* line 362, ../scss/core/_common.scss */
.button:active,
.cart-table .product-cart-actions .button:active,
.footer .button:active {
background: #004738;
color: #FFFFFF;
}
/* line 366, ../scss/core/_common.scss */
.button:focus,
.cart-table .product-cart-actions .button:focus,
.footer .button:focus {
background-color: #004738;
outline: none;
color: #FFFFFF;
}
/* line 373, ../scss/core/_common.scss */
a.button {
text-decoration: none;
}
/* line 377, ../scss/core/_common.scss */
a.button:hover {
color: #FFFFFF;
}
/* Disabled - class for anchor, state for form elements */
/* line 382, ../scss/core/_common.scss */
.button.disabled,
.button:disabled {
background: #C8C8C8;
opacity: 0.6;
cursor: not-allowed;
}
/* Adjacent buttons */
/* line 390, ../scss/core/_common.scss */
.button + .button {
margin-left: 5px;
}
/* line 404, ../scss/core/_common.scss */
.button2 {
border: 0;
padding: 0 5px;
margin: 0;
background: transparent;
cursor: pointer;
vertical-align: middle;
}
/* line 413, ../scss/core/_common.scss */
.button2:focus {
outline: none;
}
/* line 417, ../scss/core/_common.scss */
.button2 span,
.button2 span span {
line-height: 30px;
height: 30px;
text-decoration: underline;
text-transform: uppercase;
display: inline-block;
color: #006654;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 427, ../scss/core/_common.scss */
.button2 span:hover,
.button2 span span:hover {
text-decoration: none;
color: #004738;
}
@media only screen and (max-width: 767px) {
/* line 435, ../scss/core/_common.scss */
.col2-set .buttons-set .button,
.col2-set .buttons-set .button2 {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
}
/* line 442, ../scss/core/_common.scss */
.col2-set .buttons-set .back-link {
display: none;
}
/* line 445, ../scss/core/_common.scss */
.col2-set .buttons-set .required {
display: none;
}
}
@media only screen and (max-width: 479px) {
/* line 453, ../scss/core/_common.scss */
.buttons-set .button {
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 7px;
}
/* line 460, ../scss/core/_common.scss */
.buttons-set .back-link {
display: none;
}
/* line 463, ../scss/core/_common.scss */
.buttons-set .required {
display: none;
}
}
/* -------------------------------------------- *
* Button Sets
*/
/* line 473, ../scss/core/_common.scss */
.buttons-set {
clear: both;
margin: 10px 0 0;
padding-top: 10px;
border-top: 1px solid #ededed;
text-align: right;
}
/* line 480, ../scss/core/_common.scss */
.buttons-set p.required {
margin: 0;
margin-left: 10px;
line-height: 33px;
float: right;
}
/* line 486, ../scss/core/_common.scss */
.buttons-set .back-link {
float: left;
margin: 0;
line-height: 33px;
}
/* line 491, ../scss/core/_common.scss */
.buttons-set a:not(.button) {
line-height: 20px;
display: inline-block;
padding: 5px;
}
/* line 496, ../scss/core/_common.scss */
.buttons-set button.button {
float: right;
margin-left: 5px;
min-width: 140px;
}
/* line 502, ../scss/core/_common.scss */
.buttons-set:after {
content: '';
display: table;
clear: both;
}
/* -------------------------------------------- *
* Icons
*/
/* line 511, ../scss/core/_common.scss */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
background-image: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/icon_sprite.png);
background-repeat: no-repeat;
text-indent: -9999px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
/* line 518, ../scss/core/_common.scss */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
background-image: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/icon_sprite@2x.png);
background-size: 100px 1000px;
}
}
/* -------------------------------------------- *
* Breadcrumbs
*/
/* line 528, ../scss/core/_common.scss */
.breadcrumbs {
overflow: hidden;
margin: -15px 0 15px;
}
/* line 533, ../scss/core/_common.scss */
.breadcrumbs li {
float: left;
font-size: 11px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
text-transform: uppercase;
}
/* line 540, ../scss/core/_common.scss */
.breadcrumbs a {
float: left;
color: #353222;
}
/* line 545, ../scss/core/_common.scss */
.breadcrumbs a:hover {
color: #006654;
}
/* line 549, ../scss/core/_common.scss */
.breadcrumbs strong {
color: #353222;
font-weight: normal;
}
/* line 554, ../scss/core/_common.scss */
.breadcrumbs span {
float: left;
padding: 0 7px;
}
@media only screen and (max-width: 767px) {
/* line 561, ../scss/core/_common.scss */
.breadcrumbs {
display: none;
}
}
/* -------------------------------------------- *
* Button - Remove / Previous
*/
/* line 571, ../scss/core/_common.scss */
.btn-remove,
.btn-previous {
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #ededed;
text-align: center;
/* Hide text */
font: 0/0 a;
text-shadow: none;
color: transparent;
position: relative;
}
/* line 584, ../scss/core/_common.scss */
.btn-remove:hover,
.btn-previous:hover {
background-color: #006654;
border-color: #006654;
}
/* line 590, ../scss/core/_common.scss */
.btn-remove {
width: 25px;
height: 30px;
}
/* line 594, ../scss/core/_common.scss */
.btn-remove:after {
content: 'X';
color: #006654;
height: 20px;
line-height: 20px;
width: 100%;
font-size: 10px;
font-family: Arial, "Open Sans", Verdana, Arial, sans-serif;
font-weight: bold;
}
/* line 604, ../scss/core/_common.scss */
.btn-remove:hover:after {
color: #FFFFFF;
text-decoration: none;
}
/* line 610, ../scss/core/_common.scss */
.btn-remove2 {
background-position: 4px -648px;
border: none;
vertical-align: top;
}
/* line 617, ../scss/core/_common.scss */
.btn-remove2:after {
display: none;
}
/* line 620, ../scss/core/_common.scss */
.btn-remove2:hover {
background-color: transparent;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
}
/* line 627, ../scss/core/_common.scss */
.btn-previous:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #006654;
border-left: none;
position: absolute;
top: 50%;
left: 50%;
margin-left: -2px;
margin-top: -4px;
}
/* line 635, ../scss/core/_common.scss */
.btn-previous:hover:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #FFFFFF;
border-left: none;
}
/* line 644, ../scss/core/_common.scss */
.block-layered-nav .currently .btn-remove,
.block-layered-nav .currently .btn-previous,
.mini-products-list .btn-remove,
.mini-products-list .btn-previous,
#compare-items .btn-remove,
#compare-items .btn-previous {
float: right;
margin-left: 6px;
}
/* -------------------------------------------- *
* Container
*/
/* line 655, ../scss/core/_common.scss */
.main-container,
.footer-container {
position: relative;
max-width: 1340px;
margin: 0 auto;
padding: 15px;
}
/* line 662, ../scss/core/_common.scss */
.main-container:after,
.footer-container:after {
content: '';
display: table;
clear: both;
}
@media only screen and (min-width: 480px) {
/* line 669, ../scss/core/_common.scss */
.main-container,
.footer-container {
padding: 30px;
}
}
/* line 675, ../scss/core/_common.scss */
.footer-container {
padding-top: 0px;
}
/* -------------------------------------------- *
* Column Layouts
*/
/* line 683, ../scss/core/_common.scss */
.main:after,
.col-wrapper:after {
content: '';
display: table;
clear: both;
}
/* line 688, ../scss/core/_common.scss */
.col-left,
.col-right,
.col-main {
padding: 0 10px;
}
/* line 694, ../scss/core/_common.scss */
.col-left {
float: left;
width: 25%;
padding-left: 0;
/* Remove the 15px padding */
clear: left;
}
/* line 700, ../scss/core/_common.scss */
.col-left img {
max-width: 100%;
}
/* line 705, ../scss/core/_common.scss */
.col-right {
float: right;
width: 25%;
padding-right: 0;
/* Remove the 15px padding */
}
/* line 710, ../scss/core/_common.scss */
.col-right img {
max-width: 100%;
}
/* line 715, ../scss/core/_common.scss */
.col-main {
float: left;
width: 75%;
}
/* line 721, ../scss/core/_common.scss */
.col1-layout .col-main {
float: none;
clear: left;
width: auto;
padding: 0;
/* Remove the 15px padding */
}
/* line 730, ../scss/core/_common.scss */
.col2-left-layout .col-main {
float: right;
padding-right: 0;
/* Remove the 15px padding */
}
/* line 737, ../scss/core/_common.scss */
.col2-right-layout .col-main {
padding-left: 0;
/* Remove the 15px padding */
}
/* line 743, ../scss/core/_common.scss */
.col3-layout .col-right {
width: 20.83333%;
}
/* line 747, ../scss/core/_common.scss */
.col3-layout .col-wrapper {
float: left;
width: 79.16667%;
}
/* line 751, ../scss/core/_common.scss */
.col3-layout .col-wrapper .col-main {
float: right;
width: 73.68421%;
}
/* line 756, ../scss/core/_common.scss */
.col3-layout .col-wrapper .col-left {
width: 26.31579%;
}
@media only screen and (max-width: 1000px) {
/* line 764, ../scss/core/_common.scss */
.col3-layout .col-right {
float: left;
clear: left;
padding-left: 0;
padding-right: 10px;
width: 25%;
}
/* line 772, ../scss/core/_common.scss */
.col3-layout .col-wrapper {
float: right;
width: 100%;
}
/* line 776, ../scss/core/_common.scss */
.col3-layout .col-wrapper .col-main {
float: right;
width: 75%;
}
/* line 781, ../scss/core/_common.scss */
.col3-layout .col-wrapper .col-left {
width: 25%;
}
}
@media only screen and (max-width: 767px) {
/* line 789, ../scss/core/_common.scss */
.col-left,
.col-right,
.col-main,
.col1-layout .col-left,
.col1-layout .col-right,
.col1-layout .col-main,
.col2-left-layout .col-left,
.col2-left-layout .col-right,
.col2-left-layout .col-main,
.col2-right-layout .col-left,
.col2-right-layout .col-right,
.col2-right-layout .col-main,
.col3-layout .col-wrapper .col-left,
.col3-layout .col-right,
.col3-layout .col-wrapper .col-main {
padding: 0;
margin-bottom: 10px;
float: none;
width: auto;
}
/* line 810, ../scss/core/_common.scss */
.col3-layout .col-wrapper {
float: none;
width: auto;
}
/* line 815, ../scss/core/_common.scss */
.col-main {
float: none;
width: auto;
}
/* line 820, ../scss/core/_common.scss */
.col-main .col-left {
padding: 0;
/* On product listing pages, the left column gets moved inside col-main on small viewports */
}
}
/* Content Columns */
/* line 827, ../scss/core/_common.scss */
.col2-set {
width: 100%;
}
/* line 830, ../scss/core/_common.scss */
.col2-set .col-1,
.col2-set .col-2 {
width: 50%;
padding: 20px;
}
@media only screen and (max-width: 767px) {
/* line 830, ../scss/core/_common.scss */
.col2-set .col-1,
.col2-set .col-2 {
padding: 10px;
}
}
/* line 840, ../scss/core/_common.scss */
.col2-set .col-1 {
float: left;
padding-left: 0;
}
/* line 845, ../scss/core/_common.scss */
.col2-set .col-2 {
float: right;
padding-right: 0;
}
@media only screen and (max-width: 479px) {
/* line 851, ../scss/core/_common.scss */
.col2-set .col-1,
.col2-set .col-2 {
float: none;
width: auto;
border: 0;
padding-right: 0;
padding-left: 0;
}
}
/* line 861, ../scss/core/_common.scss */
.col2-set .narrow {
width: 33%;
}
/* line 865, ../scss/core/_common.scss */
.col2-set .wide {
width: 65%;
}
/* line 869, ../scss/core/_common.scss */
.col2-set:after {
content: '';
display: table;
clear: both;
}
/* -------------------------------------------- *
* Top Container
*/
@media only screen and (min-width: 768px) {
/* line 878, ../scss/core/_common.scss */
.top-container {
max-width: 1340px;
margin: 0 auto;
padding: 0 30px;
}
}
/* -------------------------------------------- *
* Global Site Notice
*/
/* line 889, ../scss/core/_common.scss */
.global-site-notice {
background: #676157;
color: #FFF;
font-size: 10px;
}
/* line 894, ../scss/core/_common.scss */
.global-site-notice .notice-inner {
padding-left: 120px;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
line-height: 10px;
min-height: 40px;
padding-top: 15px;
padding-bottom: 15px;
background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/demo-logo.png");
background-position: left;
background-repeat: no-repeat;
}
/* line 909, ../scss/core/_common.scss */
.global-site-notice p {
margin-bottom: 0;
}
/* -------------------------------------------- *
* Promotional Message Banner
*/
/* line 918, ../scss/core/_common.scss */
.promo-msg {
color: #353222;
text-align: center;
margin: 10px;
text-transform: uppercase;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* -------------------------------------------- *
* Grid
*/
/* line 930, ../scss/core/_common.scss */
.grid:after {
content: '';
display: table;
clear: both;
}
/* -------------------------------------------- *
* Messages
*/
/* line 937, ../scss/core/_common.scss */
.success {
color: #fff;
}
/* line 941, ../scss/core/_common.scss */
.error {
color: #fff;
font-weight: bold;
}
/* line 946, ../scss/core/_common.scss */
.notice {
color: #fff;
font-weight: bold;
}
/* -------------------------------------------- *
* Messages
*/
/* line 955, ../scss/core/_common.scss */
.messages {
margin-bottom: 10px;
}
/* line 959, ../scss/core/_common.scss */
.messages li li {
position: relative;
margin-bottom: 5px;
padding: 7px 10px 7px 20px;
background: #F4F4F4;
font-size: 15px;
}
/* line 967, ../scss/core/_common.scss */
.messages li li:before {
top: 50%;
left: 0;
margin-top: -6px;
}
/* line 973, ../scss/core/_common.scss */
.messages .error-msg li {
color: #000000;
border-left: 5px solid #fff;
background-color: #ec3333;
}
/* line 979, ../scss/core/_common.scss */
.messages .error-msg li:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
border-right: none;
}
/* line 983, ../scss/core/_common.scss */
.messages .notice-msg li {
color: #000000;
border-left: 5px solid #fff;
background-color: #e26703;
}
/* line 989, ../scss/core/_common.scss */
.messages .notice-msg li:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
border-right: none;
}
/* line 993, ../scss/core/_common.scss */
.messages .success-msg li {
color: #000000;
border-left: 5px solid #fff;
background-color: #006654;
}
/* line 999, ../scss/core/_common.scss */
.messages .success-msg li:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff;
border-right: none;
}
@media only screen and (min-width: 915px) {
/* line 1007, ../scss/core/_common.scss */
.order-list-grid .col-1 {
width: 30%;
}
/* line 1011, ../scss/core/_common.scss */
.order-list-grid .col-2 {
width: 50%;
padding-right: 20px;
}
/* line 1016, ../scss/core/_common.scss */
.order-list-grid .col-3 {
clear: none;
width: 20%;
padding-top: 0;
}
}
/* -------------------------------------------- *
* Page Popup
*/
/* line 1028, ../scss/core/_common.scss */
.page-popup {
padding: 20px;
background: #FFFFFF;
height: auto;
}
/* line 1034, ../scss/core/_common.scss */
.page-popup h1 {
margin: 0 0 0.5em;
font-size: 36px;
}
/* -------------------------------------------- *
* Please Wait (Loading Indicator)
*/
/* line 1043, ../scss/core/_common.scss */
.please-wait {
display: inline-block;
margin-left: 10px;
margin-top: 5px;
line-height: 24px;
height: 24px;
white-space: nowrap;
/* Prevent the linebreak in the HTML from causing layout issues */
}
/* line 1051, ../scss/core/_common.scss */
.please-wait img {
float: left;
margin-right: 5px;
width: 24px;
}
/* -------------------------------------------- *
* Price Box - Standard
*/
/* line 1061, ../scss/core/_common.scss */
.price-box {
margin: 7px 0;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
}
/* line 1067, ../scss/core/_common.scss */
.price-box p {
margin-bottom: 0;
}
/* line 1071, ../scss/core/_common.scss */
.price-notice {
color: #555555;
}
/* line 1075, ../scss/core/_common.scss */
.price-box .price {
color: #353222;
font-size: 15px;
}
/* line 1080, ../scss/core/_common.scss */
.price-box .price,
.price {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
}
/* line 1086, ../scss/core/_common.scss */
.price-box .price-label {
color: #555555;
white-space: nowrap;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 1092, ../scss/core/_common.scss */
.price-box .minimal-price-link {
padding-left: 1em;
color: #353222;
display: block;
/* We want this to show on its own line, otherwise the layout looks funky */
}
/* line 1097, ../scss/core/_common.scss */
.price-box .minimal-price-link .label {
color: #555555;
}
/* line 1102, ../scss/core/_common.scss */
.price-box .configurable-price-from {
color: #555555;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 13px;
}
/* -------------------------------------------- *
* Price Box - Special
*/
/* line 1112, ../scss/core/_common.scss */
.price-box .old-price,
.price-box .special-price {
display: inline-block;
}
/* line 1116, ../scss/core/_common.scss */
.price-box .old-price .price-label,
.price-box .special-price .price-label {
display: none;
}
/* line 1120, ../scss/core/_common.scss */
.price-box .old-price .price,
.price-box .special-price .price {
display: inline-block;
}
/* line 1126, ../scss/core/_common.scss */
.price-box .old-price .price {
color: #555555;
text-decoration: line-through;
}
/* line 1132, ../scss/core/_common.scss */
.price-box .special-price {
color: #353222;
}
/* line 1135, ../scss/core/_common.scss */
.price-box .special-price::before {
content: '|';
color: #555555;
vertical-align: top;
line-height: 19px;
margin: 0 2px;
}
/* line 1143, ../scss/core/_common.scss */
.price-box .special-price .price-label {
color: #D84D3C;
}
/* -------------------------------------------- *
* Price Box - Taxes
*/
/* line 1152, ../scss/core/_common.scss */
.price-box .price-excluding-tax,
.price-box .price-including-tax {
display: block;
}
/* line 1157, ../scss/core/_common.scss */
span.weee {
display: block;
}
/* -------------------------------------------- *
* Tier Prices
*/
/* line 1165, ../scss/core/_common.scss */
.product-pricing,
.tier-prices,
.tier-prices-grouped {
display: inline-block;
padding: 4px 8px;
background: #FBF4DE;
border: 1px solid #E2D4C7;
margin-top: 7px;
}
/* line 1174, ../scss/core/_common.scss */
.product-pricing li,
.tier-prices li,
.tier-prices-grouped li {
font-size: 11px;
}
/* line 1177, ../scss/core/_common.scss */
.product-pricing .benefit,
.tier-prices .benefit,
.tier-prices-grouped .benefit {
font-style: italic;
}
/* line 1180, ../scss/core/_common.scss */
.product-pricing .price,
.tier-prices .price,
.tier-prices-grouped .price {
font-weight: bold;
}
/* ============================================ *
* Item Options
* ============================================ */
/* line 1189, ../scss/core/_common.scss */
.item-options {
font-size: 14px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 1193, ../scss/core/_common.scss */
.item-options:after {
content: '';
display: table;
clear: both;
}
/* line 1197, ../scss/core/_common.scss */
.item-options dt {
float: left;
clear: left;
font-weight: 600;
padding-right: 5px;
font-style: italic;
}
/* line 1204, ../scss/core/_common.scss */
.item-options dt:after {
content: ': ';
}
/* line 1209, ../scss/core/_common.scss */
.item-options dd {
float: left;
padding-left: 10px;
margin: 0 0 6px;
}
/* line 1216, ../scss/core/_common.scss */
.truncated,
.truncated a.dots {
cursor: help;
}
/* line 1221, ../scss/core/_common.scss */
.truncated a.details {
cursor: help;
height: 16px;
line-height: 16px;
}
/* line 1226, ../scss/core/_common.scss */
.truncated a.details:hover {
text-decoration: none;
}
/* line 1231, ../scss/core/_common.scss */
.truncated .truncated_full_value {
position: relative;
z-index: 300;
}
/* line 1236, ../scss/core/_common.scss */
.truncated .truncated_full_value .item-options {
display: none;
position: absolute;
z-index: 300;
width: 200px;
padding: 8px;
border: 1px solid #006654;
background-color: #F6F6F6;
top: 21px;
left: -100px;
}
/* line 1247, ../scss/core/_common.scss */
.truncated .truncated_full_value .item-options:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #006654;
border-top: none;
left: 97px;
top: -7px;
}
/* line 1254, ../scss/core/_common.scss */
.truncated .truncated_full_value .item-options > p {
font-weight: bold;
text-transform: uppercase;
margin-bottom: 8px;
}
/* line 1260, ../scss/core/_common.scss */
.truncated .show .item-options {
display: block;
}
@media only screen and (max-width: 479px) {
/* line 1266, ../scss/core/_common.scss */
.truncated {
cursor: inherit;
}
/* line 1269, ../scss/core/_common.scss */
.truncated a.details {
display: none;
}
/* line 1274, ../scss/core/_common.scss */
.truncated .truncated_full_value .item-options {
display: block;
position: static;
z-index: 1;
width: 100%;
border: none;
background-color: transparent;
}
/* line 1282, ../scss/core/_common.scss */
.truncated .truncated_full_value .item-options p {
float: none;
}
/* line 1286, ../scss/core/_common.scss */
.truncated .truncated_full_value .item-options:after {
display: none;
}
}
/* -------------------------------------------- *
* Printer Friendly Page
*/
/* line 1299, ../scss/core/_common.scss */
.page-print {
width: 6.5in;
margin: 20px;
background: #FFFFFF;
}
/* -------------------------------------------- *
* Add to links
*/
/* line 1309, ../scss/core/_common.scss */
.add-to-links {
margin: 7px 0;
}
/* line 1312, ../scss/core/_common.scss */
.add-to-links a {
display: inline-block;
padding: 0px 3px 3px;
}
/* line 1318, ../scss/core/_common.scss */
.add-to-links .separator {
display: none;
}
/* -------------------------------------------- *
* Product Image
*/
/* line 1326, ../scss/core/_common.scss */
.product-image,
.no-touch .product-img-box .product-image:not(.zoom-available):hover {
position: relative;
display: block;
border: 1px solid #ededed;
}
@media only screen and (max-width: 767px) {
/* line 1334, ../scss/core/_common.scss */
body .product-img-box .product-image:hover {
border-color: #ededed;
}
}
/* line 1339, ../scss/core/_common.scss */
.no-touch .product-image:hover {
border-color: #146B87;
}
/* -------------------------------------------- *
* Ratings
*/
/* line 1347, ../scss/core/_common.scss */
.ratings {
margin: 7px 0;
}
/* line 1350, ../scss/core/_common.scss */
.ratings .rating-box,
.ratings .rating-links {
margin: 5px 0;
}
/* line 1355, ../scss/core/_common.scss */
.ratings .rating-box {
width: 65px;
height: 13px;
background-repeat: repeat-x;
background-position: 0 -615px;
overflow: hidden;
}
/* line 1363, ../scss/core/_common.scss */
.ratings .rating-box .rating {
float: left;
height: 13px;
background-repeat: repeat-x;
background-position: 0 -600px;
}
/* line 1370, ../scss/core/_common.scss */
.ratings .amount {
display: block;
margin: 5px auto;
}
/* line 1376, ../scss/core/_common.scss */
.ratings .rating-links .separator {
margin: 0 3px;
}
/* -------------------------------------------- *
* Standard Formatted Text Block
*/
/* line 1386, ../scss/core/_common.scss */
.std p {
margin: 0 0 1.5em;
}
/* line 1390, ../scss/core/_common.scss */
.std ol {
list-style: decimal outside;
margin-bottom: 1.5em;
}
/* line 1395, ../scss/core/_common.scss */
.std ol li {
margin-left: 2em;
}
/* line 1399, ../scss/core/_common.scss */
.std ul {
list-style: disc outside;
margin-bottom: 1.5em;
}
/* line 1404, ../scss/core/_common.scss */
.std ul li {
margin-left: 2em;
}
/* line 1408, ../scss/core/_common.scss */
.std .note {
color: #555555;
font-size: 12px;
}
/* -------------------------------------------- *
* Tabs
*/
/* line 1417, ../scss/core/_common.scss */
.tabs {
margin-bottom: 10px;
background: #FFFFFF;
}
/* -------------------------------------------- *
* Toolbar
*/
/* line 1426, ../scss/core/_common.scss */
.toolbar {
margin-top: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
background: #F4F4F4;
padding: 5px 10px 0px 10px;
}
/* line 1434, ../scss/core/_common.scss */
.toolbar:after {
content: '';
display: table;
clear: both;
}
/* line 1439, ../scss/core/_common.scss */
.pager-no-toolbar {
margin-bottom: 10px;
}
/* line 1444, ../scss/core/_common.scss */
.pager-no-toolbar ~ .pager-no-toolbar {
margin-top: 10px;
}
/* line 1448, ../scss/core/_common.scss */
.toolbar,
.pager {
font-family: "Open Sans", Verdana, Arial, sans-serif;
color: #353222;
line-height: 30px;
font-size: 11px;
}
/* line 1456, ../scss/core/_common.scss */
.toolbar label,
.pager-no-toolbar label {
font-weight: normal;
text-transform: uppercase;
}
/* line 1464, ../scss/core/_common.scss */
.sorter {
float: left;
margin-bottom: 5px;
}
/* line 1468, ../scss/core/_common.scss */
.sorter label {
float: left;
margin-right: 5px;
}
/* line 1472, ../scss/core/_common.scss */
.sorter label:after {
content: ':';
}
/* line 1478, ../scss/core/_common.scss */
.sorter > .sort-by {
float: left;
margin-right: 5px;
height: 30px;
}
/* line 1483, ../scss/core/_common.scss */
.sorter > .sort-by .sort-by-switcher {
width: 30px;
height: 30px;
display: inline-block;
}
/* line 1489, ../scss/core/_common.scss */
.sorter > .sort-by .sort-by-switcher--asc {
background-position: 4px -542px;
}
/* line 1491, ../scss/core/_common.scss */
.sorter > .sort-by .sort-by-switcher--asc:hover {
background-position: -46px -542px;
}
/* line 1495, ../scss/core/_common.scss */
.sorter > .sort-by .sort-by-switcher--desc {
background-position: 4px -567px;
}
/* line 1497, ../scss/core/_common.scss */
.sorter > .sort-by .sort-by-switcher--desc:hover {
background-position: -46px -567px;
}
/* line 1503, ../scss/core/_common.scss */
.sorter > .view-mode {
float: right;
}
/* line 1506, ../scss/core/_common.scss */
.sorter > .view-mode .grid,
.sorter > .view-mode .list {
float: left;
width: 30px;
height: 30px;
}
/* line 1513, ../scss/core/_common.scss */
.sorter > .view-mode .grid {
margin-right: 5px;
background-position: 8px -492px;
}
/* line 1517, ../scss/core/_common.scss */
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
background-position: -42px -492px;
}
/* line 1521, ../scss/core/_common.scss */
.sorter > .view-mode .list {
background-position: 11px -517px;
}
/* line 1525, ../scss/core/_common.scss */
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
background-position: -39px -517px;
}
/* line 1531, ../scss/core/_common.scss */
.pager {
float: right;
overflow: hidden;
}
/* line 1535, ../scss/core/_common.scss */
.pager > .count-container {
float: left;
}
/* line 1539, ../scss/core/_common.scss */
.pager .amount {
float: left;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
white-space: nowrap;
margin: 0 15px 0 0;
}
/* line 1547, ../scss/core/_common.scss */
.pager .limiter {
float: left;
height: 30px;
line-height: 30px;
}
/* line 1552, ../scss/core/_common.scss */
.pager .limiter > label {
padding-right: 5px;
}
/* line 1555, ../scss/core/_common.scss */
.pager .limiter > label:after {
content: ':';
}
/* line 1561, ../scss/core/_common.scss */
.pager .amount,
.pager .limiter,
.pager .pages {
margin-bottom: 5px;
}
/* line 1569, ../scss/core/_common.scss */
.pages {
float: right;
overflow: hidden;
margin-left: 15px;
}
/* line 1574, ../scss/core/_common.scss */
.pages strong {
display: none;
}
/* line 1579, ../scss/core/_common.scss */
.pages li {
float: left;
}
/* line 1583, ../scss/core/_common.scss */
.pages a,
.pages .current {
display: inline-block;
border: 0;
font-size: 12px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;
line-height: 30px;
width: 25px;
height: 30px;
padding: 0;
color: #006654;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
}
/* line 1601, ../scss/core/_common.scss */
.pages .current,
.pages .current:hover {
color: #353222;
border: 1px solid #ccc;
width: 30px;
background-color: #FFFFFF;
cursor: default;
}
/* line 1610, ../scss/core/_common.scss */
.pages .next,
.pages .previous {
font: 0/0 a;
text-shadow: none;
color: transparent;
background-color: transparent;
position: relative;
}
/* line 1619, ../scss/core/_common.scss */
.pages .next:hover,
.pages .previous:hover {
border: 1px solid #006654;
}
/* line 1625, ../scss/core/_common.scss */
.pages .next:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #006654;
border-right: none;
top: 50%;
margin-top: -3px;
left: 50%;
margin-left: -2px;
}
/* line 1632, ../scss/core/_common.scss */
.pages .next:hover:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #004738;
border-right: none;
}
/* line 1638, ../scss/core/_common.scss */
.pages .previous:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #006654;
border-left: none;
top: 50%;
margin-top: -3px;
left: 50%;
margin-left: -2px;
}
/* line 1645, ../scss/core/_common.scss */
.pages .previous:hover:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-right: 4px solid #004738;
border-left: none;
}
@media only screen and (max-width: 479px) {
/* line 1653, ../scss/core/_common.scss */
.pager .amount--has-pages {
display: none;
}
/* line 1657, ../scss/core/_common.scss */
.pages {
float: left;
}
/* line 1662, ../scss/core/_common.scss */
.limiter label {
display: none;
}
}
@media only screen and (max-width: 767px) {
/* line 1670, ../scss/core/_common.scss */
.col1-layout .sorter,
.col1-layout .pager {
width: 100%;
}
/* line 1675, ../scss/core/_common.scss */
.col1-layout .pager {
float: left;
clear: both;
}
/* line 1679, ../scss/core/_common.scss */
.col1-layout .pager .pages {
float: left;
margin-left: 0;
}
/* line 1684, ../scss/core/_common.scss */
.col1-layout .pager .count-container {
float: right;
}
}
@media only screen and (max-width: 1024px) {
/* line 1696, ../scss/core/_common.scss */
.col2-left-layout .sorter,
.col2-left-layout .pager,
.col2-right-layout .sorter,
.col2-right-layout .pager,
.col3-layout .sorter,
.col3-layout .pager {
width: 100%;
}
/* line 1701, ../scss/core/_common.scss */
.col2-left-layout .pager,
.col2-right-layout .pager,
.col3-layout .pager {
float: left;
clear: both;
}
/* line 1705, ../scss/core/_common.scss */
.col2-left-layout .pager .pages,
.col2-right-layout .pager .pages,
.col3-layout .pager .pages {
float: left;
margin-left: 0;
}
/* line 1710, ../scss/core/_common.scss */
.col2-left-layout .pager .count-container,
.col2-right-layout .pager .count-container,
.col3-layout .pager .count-container {
float: right;
}
}
@media only screen and (max-width: 1279px) {
/* line 1719, ../scss/core/_common.scss */
.toolbar .view-mode > label {
display: none;
}
}
/* ============================================ *
* Tax - Full Tax Summary
* ============================================ */
/* line 1730, ../scss/core/_common.scss */
#shopping-cart-totals-table .summary-collapse,
body.customer-account .data-table .summary-collapse {
position: relative;
cursor: pointer;
}
/* line 1734, ../scss/core/_common.scss */
#shopping-cart-totals-table .summary-collapse:before,
body.customer-account .data-table .summary-collapse:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-top: 7px solid #146B87;
border-bottom: none;
position: static;
display: inline-block;
margin-right: 5px;
}
/* line 1740, ../scss/core/_common.scss */
#shopping-cart-totals-table .summary-collapse:hover:before,
body.customer-account .data-table .summary-collapse:hover:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-top: 7px solid #004738;
border-bottom: none;
position: static;
display: inline-block;
margin-right: 5px;
}
/* line 1750, ../scss/core/_common.scss */
#shopping-cart-totals-table .show-details .summary-collapse:before,
body.customer-account .data-table .show-details .summary-collapse:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #146B87;
border-top: none;
position: static;
display: inline-block;
margin-right: 5px;
}
/* line 1756, ../scss/core/_common.scss */
#shopping-cart-totals-table .show-details .summary-collapse:hover:before,
body.customer-account .data-table .show-details .summary-collapse:hover:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #004738;
border-top: none;
position: static;
display: inline-block;
margin-right: 5px;
}
/* line 1768, ../scss/core/_common.scss */
#shopping-cart-totals-table tfoot td .summary-collapse:before, #shopping-cart-totals-table tfoot td .summary-collapse:hover:before {
margin-bottom: 5px;
}
/* ============================================ *
* Magento Helpers
* ============================================ */
/* line 1778, ../scss/core/_common.scss */
.a-center {
text-align: center;
}
/* line 1782, ../scss/core/_common.scss */
.a-right,
.align-right {
text-align: right;
}
/* line 1787, ../scss/core/_common.scss */
.no-display {
display: none !important;
}
/* line 1791, ../scss/core/_common.scss */
.nobr,
.nowrap {
white-space: nowrap;
}
/* line 1796, ../scss/core/_common.scss */
.width-full {
width: 100%;
}
/* ============================================ *
* Custom Helpers
* ============================================ */
/* line 1804, ../scss/core/_common.scss */
.hidden {
display: none;
}
/* ============================================ *
* Print Styles
* ============================================ */
/* line 1812, ../scss/core/_common.scss */
.page-print .print-head {
margin: 0 0 15px;
}
/* line 1816, ../scss/core/_common.scss */
.page-print .print-head .logo {
float: none;
max-height: 50px;
width: auto;
}
/* ============================================ *
* FORMS - COMMON
* ============================================ */
/* -------------------------------------------- *
* Fieldsets
*/
/* line 36, ../scss/core/_form.scss */
.fieldset p {
margin-bottom: 7px;
}
/* line 40, ../scss/core/_form.scss */
.fieldset p.required {
margin-bottom: 5px;
float: right;
font-size: 11px;
margin-top: 0px;
}
/* line 48, ../scss/core/_form.scss */
.fieldset + .fieldset {
margin-top: 5px;
}
/* line 52, ../scss/core/_form.scss */
form .legend {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
margin-bottom: 15px;
padding-bottom: 7px;
border-bottom: 1px solid #ededed;
}
/* -------------------------------------------- *
* Input Box
*/
/* line 63, ../scss/core/_form.scss */
.input-box {
padding-top: 2px;
}
/* line 66, ../scss/core/_form.scss */
.input-box:after {
content: '';
display: table;
clear: both;
}
/* line 72, ../scss/core/_form.scss */
li.centinel-logos div.input-box img {
display: inline;
vertical-align: middle;
}
/* For adjacent select inputs. */
/* Example: credit card expiration month and year. */
/* line 81, ../scss/core/_form.scss */
.input-box .v-fix {
float: left;
margin-right: 5px;
max-width: 100%;
}
/* -------------------------------------------- *
* Labels
*/
/* line 91, ../scss/core/_form.scss */
label {
display: inline-block;
font-size: 12px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
/* line 99, ../scss/core/_form.scss */
label.required:after,
span.required:after {
content: ' *';
color: #fff;
font-weight: normal;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
}
/* line 108, ../scss/core/_form.scss */
label.required em,
span.required em {
display: none;
}
/* -------------------------------------------- *
* Hints
*/
/* line 117, ../scss/core/_form.scss */
.input-hint {
color: #555555;
font-size: 11px;
}
/* -------------------------------------------- *
* Select
*/
/* line 126, ../scss/core/_form.scss */
select {
font-size: 14px;
}
/* line 130, ../scss/core/_form.scss */
select + select {
margin-left: 5px;
}
/* line 134, ../scss/core/_form.scss */
select[multiple] {
width: 270px;
border: 1px solid #DDE2E3;
font-size: 15px;
padding: 5px;
}
/* -------------------------------------------- *
* Textarea
*/
/* line 145, ../scss/core/_form.scss */
textarea {
box-sizing: border-box;
width: 100%;
max-width: 450px;
padding: 5px;
}
/* -------------------------------------------- *
* Inputs
*/
/* line 156, ../scss/core/_form.scss */
.input-text {
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #DDE2E3;
background: #FFFFFF;
font-size: 14px;
}
/* line 162, ../scss/core/_form.scss */
.input-text:focus {
border: 1px solid #146B87;
}
/* line 167, ../scss/core/_form.scss */
.input-text.validation-failed {
border-color: #fff;
}
/* line 172, ../scss/core/_form.scss */
.input-text.validation-failed:focus {
outline-color: white;
}
/* line 176, ../scss/core/_form.scss */
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
height: 30px;
padding: 0 8px;
}
/* line 186, ../scss/core/_form.scss */
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text] {
width: 365px;
max-width: 100%;
}
/* Only show on iPhones (not iPads or any other device) */
@media only screen and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 0) {
/* line 198, ../scss/core/_form.scss */
input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
select {
font-size: 16px;
/* Prevent from zooming on focus */
}
}
/* line 209, ../scss/core/_form.scss */
.ie8 .input-text {
max-width: none;
}
/* -------------------------------------------- *
* Inputs - Quantity
*/
/* line 217, ../scss/core/_form.scss */
input[type=number].qty,
input[type=text].qty {
width: 3em;
text-align: center;
vertical-align: middle;
}
/* CSS Reset for Mobile */
@media only screen and (max-width: 767px) {
/* line 227, ../scss/core/_form.scss */
input[type="text"].qty {
width: 3em;
text-align: center;
vertical-align: middle;
}
}
/* -------------------------------------------- *
* Placeholder
*/
/* line 239, ../scss/core/_form.scss */
::-webkit-input-placeholder {
color: #555555;
}
/* line 243, ../scss/core/_form.scss */
input:-moz-placeholder {
color: #555555;
}
/* -------------------------------------------- *
* Checkbox And Radio
*/
/* line 251, ../scss/core/_form.scss */
.checkbox,
.radio {
position: relative;
top: -1px;
display: inline-block;
}
/* line 258, ../scss/core/_form.scss */
.checkbox + label,
.radio + label {
width: auto;
max-width: 85%;
padding: 0 0 0 8px;
font-size: 14px;
font-weight: normal;
vertical-align: top;
}
/* -------------------------------------------- *
* Validation
*/
/* line 272, ../scss/core/_form.scss */
p.required,
.validation-advice {
margin: 5px 0 0;
color: #fff;
font-size: 12px;
}
/* ============================================ *
* Form List
* ============================================ */
/* line 285, ../scss/core/_form.scss */
.form-list > li {
margin-bottom: 10px;
}
/* line 288, ../scss/core/_form.scss */
.form-list select {
margin-top: 4px;
width: 365px;
max-width: 100%;
}
/* line 294, ../scss/core/_form.scss */
.form-list .input-range .input-text {
width: 74px;
}
/* line 298, ../scss/core/_form.scss */
.form-list .field,
.form-list .wide,
.form-list .control {
margin-bottom: 10px;
}
/* Turn the label of controls (radio/checkbox) into a button style that wraps the input */
/* line 306, ../scss/core/_form.scss */
.form-list .control,
.sp-methods dt,
#checkout-shipping-method-load .sp-methods dd,
#co-shipping-method-form .sp-methods dd,
.product-options ul.options-list {
/* When a label is next to an input that is set to not display, we should style the label in a non-clickable state */
}
/* line 312, ../scss/core/_form.scss */
.form-list .control div.input-box,
.sp-methods dt div.input-box,
#checkout-shipping-method-load .sp-methods dd div.input-box,
#co-shipping-method-form .sp-methods dd div.input-box,
.product-options ul.options-list div.input-box {
display: inline;
float: left;
}
/* line 316, ../scss/core/_form.scss */
.form-list .control div.input-box:after,
.sp-methods dt div.input-box:after,
#checkout-shipping-method-load .sp-methods dd div.input-box:after,
#co-shipping-method-form .sp-methods dd div.input-box:after,
.product-options ul.options-list div.input-box:after {
display: none;
}
/* line 321, ../scss/core/_form.scss */
.form-list .control input.radio,
.form-list .control input.checkbox,
.sp-methods dt input.radio,
.sp-methods dt input.checkbox,
#checkout-shipping-method-load .sp-methods dd input.radio,
#checkout-shipping-method-load .sp-methods dd input.checkbox,
#co-shipping-method-form .sp-methods dd input.radio,
#co-shipping-method-form .sp-methods dd input.checkbox,
.product-options ul.options-list input.radio,
.product-options ul.options-list input.checkbox {
float: left;
margin-right: -40px;
margin-top: 10px;
margin-left: 15px;
}
/* line 329, ../scss/core/_form.scss */
.form-list .control label,
.sp-methods dt label,
#checkout-shipping-method-load .sp-methods dd label,
#co-shipping-method-form .sp-methods dd label,
.product-options ul.options-list label {
color: #353222;
background-color: #F4F4F4;
padding: 5px 10px;
display: inline-block;
width: auto;
max-width: none;
min-width: 250px;
float: none;
padding: 6px 10px 6px 40px;
}
/* line 338, ../scss/core/_form.scss */
.form-list .control label:hover,
.sp-methods dt label:hover,
#checkout-shipping-method-load .sp-methods dd label:hover,
#co-shipping-method-form .sp-methods dd label:hover,
.product-options ul.options-list label:hover {
background-color: #ededed;
}
/* line 344, ../scss/core/_form.scss */
.form-list .control .no-display + label,
.sp-methods dt .no-display + label,
#checkout-shipping-method-load .sp-methods dd .no-display + label,
#co-shipping-method-form .sp-methods dd .no-display + label,
.product-options ul.options-list .no-display + label {
padding-left: 10px;
background-color: transparent;
}
/* line 348, ../scss/core/_form.scss */
.form-list .control .no-display + label:hover,
.sp-methods dt .no-display + label:hover,
#checkout-shipping-method-load .sp-methods dd .no-display + label:hover,
#co-shipping-method-form .sp-methods dd .no-display + label:hover,
.product-options ul.options-list .no-display + label:hover {
background-color: transparent;
}
/* line 355, ../scss/core/_form.scss */
.product-options ul.options-list label,
.col2-set .form-list .control label {
min-width: inherit;
width: 250px;
max-width: 100%;
}
/* line 363, ../scss/core/_form.scss */
.form-list .control.remember-me-box label {
width: auto;
max-width: none;
min-width: inherit;
}
/* line 370, ../scss/core/_form.scss */
.form-list .control {
margin-top: 10px;
}
/* line 373, ../scss/core/_form.scss */
.form-list .control label {
float: none;
}
/* line 376, ../scss/core/_form.scss */
.form-list .control .radio,
.form-list .control .checkbox {
margin-right: 6px;
}
/* line 380, ../scss/core/_form.scss */
.form-list .control .input-box {
clear: none;
display: inline-block;
width: auto;
padding: 0;
}
/* line 389, ../scss/core/_form.scss */
form .form-instructions {
font-style: italic;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 12px;
color: #555555;
}
/* ============================================ *
* Table Helpers
* ============================================ */
/* line 30, ../../default/scss/core/_table.scss */
.hide-th {
text-indent: -9999px;
}
/* ============================================ *
* Data Table
* ============================================ */
/* line 38, ../../default/scss/core/_table.scss */
.data-table {
width: 100%;
}
/* line 42, ../../default/scss/core/_table.scss */
.data-table td,
.data-table th {
padding: 10px;
vertical-align: top;
}
/* line 48, ../../default/scss/core/_table.scss */
.data-table th {
background: #f4f4f4;
text-transform: uppercase;
font-family: "Open Sans", Verdana, Arial, sans-serif;
line-height: 1.4;
white-space: nowrap;
}
/* line 56, ../../default/scss/core/_table.scss */
.data-table thead th,
.data-table tbody td {
border-bottom: 1px solid #c0c0c0;
}
/* line 61, ../../default/scss/core/_table.scss */
.data-table tbody td,
.data-table tfoot td {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
}
/* line 66, ../../default/scss/core/_table.scss */
.data-table tfoot tr {
background: #f4f4f4;
}
/* line 70, ../../default/scss/core/_table.scss */
.data-table tbody td .item-options {
margin-left: 20px;
margin-top: 10px;
}
/* line 74, ../../default/scss/core/_table.scss */
.data-table tbody td .item-options dt:after {
content: ':';
}
/* ============================================ *
* Generic Info Table
* ============================================ */
/* line 83, ../../default/scss/core/_table.scss */
.info-box {
border: 1px solid #c0c0c0;
padding: 12px 15px;
margin: 0 0 15px;
}
/* line 88, ../../default/scss/core/_table.scss */
.info-box h2 {
font-weight: bold;
font-size: 13px;
}
/* line 94, ../../default/scss/core/_table.scss */
.info-table th,
.info-table td {
vertical-align: top;
}
/* line 99, ../../default/scss/core/_table.scss */
.info-table th {
font-weight: bold;
padding: 4px 20px 4px 0;
}
/* line 104, ../../default/scss/core/_table.scss */
.info-table td {
padding: 4px 0;
}
/* ============================================ *
* Zebra-Stripe Table
* ============================================ */
/* line 113, ../../default/scss/core/_table.scss */
.zebra-table tr:first-child,
.zebra-table th:first-child {
border-top: 1px solid #c0c0c0;
}
/* line 118, ../../default/scss/core/_table.scss */
.zebra-table td,
.zebra-table th {
border-bottom: 1px solid #c0c0c0;
padding: 6px;
background-color: transparent;
}
/* line 125, ../../default/scss/core/_table.scss */
.zebra-table tr {
background-color: #eeeded;
}
/* line 129, ../../default/scss/core/_table.scss */
.zebra-table tr:nth-child(odd) {
background-color: #f8f7f5;
}
/* ============================================ *
* Linearize Table
* ============================================ */
@media only screen and (max-width: 479px) {
/* line 240, ../../default/scss/core/_table.scss */
.linearize-table {
/* Helpers */
}
/* line 140, ../../default/scss/core/_table.scss */
.linearize-table tr,
.linearize-table th,
.linearize-table td {
display: block;
}
/* line 146, ../../default/scss/core/_table.scss */
.linearize-table thead th {
border-right: 0;
border-left: 0;
}
/* line 151, ../../default/scss/core/_table.scss */
.linearize-table thead th.lin-hide {
display: none;
}
/* line 155, ../../default/scss/core/_table.scss */
.linearize-table thead th:nth-child(1n+2) {
display: none;
}
/* line 159, ../../default/scss/core/_table.scss */
.linearize-table tbody tr {
position: relative;
border-bottom: 1px solid #ccc;
}
/* line 164, ../../default/scss/core/_table.scss */
.linearize-table tbody td {
padding: 0 10px 4px;
border-right: 0;
border-bottom: 0;
}
/* line 170, ../../default/scss/core/_table.scss */
.linearize-table tbody td.lin-hide {
display: none;
}
/* line 174, ../../default/scss/core/_table.scss */
.linearize-table tbody td:first-child {
padding-top: 10px;
}
/* line 178, ../../default/scss/core/_table.scss */
.linearize-table tbody td:first-child,
.linearize-table tbody td:first-child h3 {
font-weight: bold;
}
/* line 183, ../../default/scss/core/_table.scss */
.linearize-table tbody td[data-rwd-label] {
text-align: left;
padding-left: 30px;
}
/* line 188, ../../default/scss/core/_table.scss */
.linearize-table tbody td[data-rwd-label]:before {
content: attr(data-rwd-label) ":";
font-size: 11px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
padding-right: 5px;
text-transform: uppercase;
}
/* line 196, ../../default/scss/core/_table.scss */
.linearize-table tfoot tr {
display: block;
text-align: right;
}
/* line 201, ../../default/scss/core/_table.scss */
.linearize-table tfoot tr:after {
content: '';
display: table;
clear: both;
}
/* line 205, ../../default/scss/core/_table.scss */
.linearize-table tfoot td {
display: block;
float: left;
}
/* line 210, ../../default/scss/core/_table.scss */
.linearize-table tfoot td.lin-hide {
display: none;
}
/* line 214, ../../default/scss/core/_table.scss */
.linearize-table tfoot td:nth-child(odd) {
clear: left;
width: 60%;
}
/* line 219, ../../default/scss/core/_table.scss */
.linearize-table tfoot td:nth-child(even) {
text-align: left;
width: 40%;
}
/* line 226, ../../default/scss/core/_table.scss */
.linearize-table .linearize-hide {
display: none;
}
/* line 230, ../../default/scss/core/_table.scss */
.linearize-table .linearize-unpad {
padding: 0;
}
/* line 234, ../../default/scss/core/_table.scss */
.linearize-table .linearize-show {
display: block;
}
}
@media only screen and (max-width: 599px) {
/* line 246, ../../default/scss/core/_table.scss */
.linearize-table-large {
/* Helpers */
}
/* line 140, ../../default/scss/core/_table.scss */
.linearize-table-large tr,
.linearize-table-large th,
.linearize-table-large td {
display: block;
}
/* line 146, ../../default/scss/core/_table.scss */
.linearize-table-large thead th {
border-right: 0;
border-left: 0;
}
/* line 151, ../../default/scss/core/_table.scss */
.linearize-table-large thead th.lin-hide {
display: none;
}
/* line 155, ../../default/scss/core/_table.scss */
.linearize-table-large thead th:nth-child(1n+2) {
display: none;
}
/* line 159, ../../default/scss/core/_table.scss */
.linearize-table-large tbody tr {
position: relative;
border-bottom: 1px solid #ccc;
}
/* line 164, ../../default/scss/core/_table.scss */
.linearize-table-large tbody td {
padding: 0 10px 4px;
border-right: 0;
border-bottom: 0;
}
/* line 170, ../../default/scss/core/_table.scss */
.linearize-table-large tbody td.lin-hide {
display: none;
}
/* line 174, ../../default/scss/core/_table.scss */
.linearize-table-large tbody td:first-child {
padding-top: 10px;
}
/* line 178, ../../default/scss/core/_table.scss */
.linearize-table-large tbody td:first-child,
.linearize-table-large tbody td:first-child h3 {
font-weight: bold;
}
/* line 183, ../../default/scss/core/_table.scss */
.linearize-table-large tbody td[data-rwd-label] {
text-align: left;
padding-left: 30px;
}
/* line 188, ../../default/scss/core/_table.scss */
.linearize-table-large tbody td[data-rwd-label]:before {
content: attr(data-rwd-label) ":";
font-size: 11px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
padding-right: 5px;
text-transform: uppercase;
}
/* line 196, ../../default/scss/core/_table.scss */
.linearize-table-large tfoot tr {
display: block;
text-align: right;
}
/* line 201, ../../default/scss/core/_table.scss */
.linearize-table-large tfoot tr:after {
content: '';
display: table;
clear: both;
}
/* line 205, ../../default/scss/core/_table.scss */
.linearize-table-large tfoot td {
display: block;
float: left;
}
/* line 210, ../../default/scss/core/_table.scss */
.linearize-table-large tfoot td.lin-hide {
display: none;
}
/* line 214, ../../default/scss/core/_table.scss */
.linearize-table-large tfoot td:nth-child(odd) {
clear: left;
width: 60%;
}
/* line 219, ../../default/scss/core/_table.scss */
.linearize-table-large tfoot td:nth-child(even) {
text-align: left;
width: 40%;
}
/* line 226, ../../default/scss/core/_table.scss */
.linearize-table-large .linearize-hide {
display: none;
}
/* line 230, ../../default/scss/core/_table.scss */
.linearize-table-large .linearize-unpad {
padding: 0;
}
/* line 234, ../../default/scss/core/_table.scss */
.linearize-table-large .linearize-show {
display: block;
}
}
@media only screen and (min-width: 600px) {
/* line 252, ../../default/scss/core/_table.scss */
.linearize-table .linearize-collapse {
display: none;
}
}
@font-face {
font-family: 'ftn';
src: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/ftn.eot");
src: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/ftn.eot#iefix") format("embedded-opentype"), url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/ftn.ttf") format("truetype"), url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/ftn.woff") format("woff"), url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/fonts/ftn.svg#ftn") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* line 15, ../scss/font-icon/_icons.scss */
i,
[class^="icon-"], [class*=" icon-"],
.icomoon-liga {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'ftn' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Enable Ligatures ================ */
letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 43, ../scss/font-icon/_icons.scss */
.icon-bowl:before {
content: "";
}
/* line 48, ../scss/font-icon/_icons.scss */
.icon-home3:before {
content: "";
}
/* line 53, ../scss/font-icon/_icons.scss */
.icon-quill:before {
content: "";
}
/* line 58, ../scss/font-icon/_icons.scss */
.icon-play:before {
content: "";
}
/* line 63, ../scss/font-icon/_icons.scss */
.icon-phone:before {
content: "";
}
/* line 68, ../scss/font-icon/_icons.scss */
.icon-mobile:before {
content: "";
}
/* line 73, ../scss/font-icon/_icons.scss */
.icon-user:before {
content: "";
}
/* line 78, ../scss/font-icon/_icons.scss */
.icon-search:before {
content: "";
}
/* line 83, ../scss/font-icon/_icons.scss */
.icon-lock:before {
content: "î¦";
}
/* line 88, ../scss/font-icon/_icons.scss */
.icon-gift:before {
content: "";
}
/* line 93, ../scss/font-icon/_icons.scss */
.icon-leaf:before {
content: "";
}
/* line 98, ../scss/font-icon/_icons.scss */
.icon-bin:before {
content: "";
}
/* line 103, ../scss/font-icon/_icons.scss */
.icon-bin2:before {
content: "î¦";
}
/* line 108, ../scss/font-icon/_icons.scss */
.icon-truck:before {
content: "";
}
/* line 113, ../scss/font-icon/_icons.scss */
.icon-menu:before {
content: "";
}
/* line 118, ../scss/font-icon/_icons.scss */
.icon-heart:before {
content: "";
}
/* line 123, ../scss/font-icon/_icons.scss */
.icon-grin:before {
content: "";
}
/* line 128, ../scss/font-icon/_icons.scss */
.icon-info:before {
content: "";
}
/* line 133, ../scss/font-icon/_icons.scss */
.icon-checkmark:before {
content: "î¨";
}
/* line 138, ../scss/font-icon/_icons.scss */
.icon-checkbox-checked:before {
content: "î©’";
}
/* line 143, ../scss/font-icon/_icons.scss */
.icon-checkbox-unchecked:before {
content: "î©“";
}
/* line 148, ../scss/font-icon/_icons.scss */
.icon-share2:before {
content: "";
}
/* line 153, ../scss/font-icon/_icons.scss */
.icon-facebook:before {
content: "îª";
}
/* line 158, ../scss/font-icon/_icons.scss */
.icon-facebook2:before {
content: "";
}
/* line 163, ../scss/font-icon/_icons.scss */
.icon-instagram:before {
content: "";
}
/* line 168, ../scss/font-icon/_icons.scss */
.icon-whatsapp:before {
content: "";
}
/* line 173, ../scss/font-icon/_icons.scss */
.icon-twitter:before {
content: "";
}
/* line 178, ../scss/font-icon/_icons.scss */
.icon-skype:before {
content: "î«…";
}
/* line 183, ../scss/font-icon/_icons.scss */
.icon-linkedin:before {
content: "";
}
/* line 188, ../scss/font-icon/_icons.scss */
.icon-linkedin2:before {
content: "î«Š";
}
/* line 193, ../scss/font-icon/_icons.scss */
.icon-pinterest:before {
content: "î«‘";
}
/* line 198, ../scss/font-icon/_icons.scss */
.icon-pinterest2:before {
content: "î«’";
}
/* ============================================ *
* Global
* ============================================ */
/* line 30, ../../default/scss/layout/_global.scss */
html,
body {
height: 100%;
}
/* line 35, ../../default/scss/layout/_global.scss */
.wrapper {
min-width: 320px;
min-height: 100%;
margin: 0 auto;
background: #FFFFFF;
}
/* line 42, ../../default/scss/layout/_global.scss */
.wrapper:after {
content: '';
display: table;
clear: both;
}
/* ============================================ *
* Header
* ============================================ */
@media only screen and (min-width: 768px) {
/* line 32, ../../default/scss/layout/_header.scss */
.page-header {
max-width: 1340px;
margin: 0 auto;
padding: 0 30px;
}
/* line 38, ../../default/scss/layout/_header.scss */
.page-header-container {
position: relative;
}
}
/* line 44, ../../default/scss/layout/_header.scss */
.header-language-container,
.page-header {
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* ============================================ *
* Language switcher + welcome message
* ============================================ */
/* line 53, ../../default/scss/layout/_header.scss */
.header-language-background {
padding: 10px;
background-color: #006654;
text-transform: uppercase;
}
/* line 58, ../../default/scss/layout/_header.scss */
.header-language-background .header-language-container {
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
/* line 64, ../../default/scss/layout/_header.scss */
.header-language-background:after {
content: '';
display: table;
clear: both;
}
/* line 68, ../../default/scss/layout/_header.scss */
.header-language-background .form-language,
.header-language-background .currency-switcher {
float: left;
margin-right: 10px;
}
/* line 74, ../../default/scss/layout/_header.scss */
.header-language-background .welcome-msg {
float: right;
}
/* line 79, ../../default/scss/layout/_header.scss */
.page-header-container .store-language-container {
float: right;
max-width: 35%;
padding: 13px 15px 10px 10px;
}
/* line 84, ../../default/scss/layout/_header.scss */
.page-header-container .store-language-container label {
display: none;
}
/* line 87, ../../default/scss/layout/_header.scss */
.page-header-container .store-language-container select {
max-width: 100%;
}
@media only screen and (max-width: 479px) {
/* line 93, ../../default/scss/layout/_header.scss */
.page-header-container .store-language-container {
padding-top: 8px;
}
/* line 96, ../../default/scss/layout/_header.scss */
.page-header-container .store-language-container select {
font-size: 11px;
}
}
/* line 103, ../../default/scss/layout/_header.scss */
.header-language-background,
.header-language-background a {
color: #FFF;
}
@media only screen and (max-width: 767px) {
/* line 110, ../../default/scss/layout/_header.scss */
.header-language-background {
display: none;
}
}
/* ============================================ *
* Logo
* ============================================ */
/* line 120, ../../default/scss/layout/_header.scss */
.logo {
display: block;
float: left;
width: 65%;
min-width: 100px;
min-height: 44px;
text-align: center;
padding: 10px;
}
/* line 129, ../../default/scss/layout/_header.scss */
.logo img {
max-width: 100%;
}
/* line 133, ../../default/scss/layout/_header.scss */
.logo .small {
display: block;
}
/* line 136, ../../default/scss/layout/_header.scss */
.logo .large {
display: none;
}
/* line 141, ../../default/scss/layout/_header.scss */
.logo:hover {
opacity: 0.8;
}
@media only screen and (min-width: 768px) {
/* line 149, ../../default/scss/layout/_header.scss */
.logo {
max-width: 300px;
min-height: 90px;
}
/* line 153, ../../default/scss/layout/_header.scss */
.logo .small {
display: none;
}
/* line 156, ../../default/scss/layout/_header.scss */
.logo .large {
display: block;
}
}
/* ============================================ *
* Skip Links
* ============================================ */
/* line 167, ../../default/scss/layout/_header.scss */
.skip-links {
clear: both;
overflow: hidden;
border-top: 1px solid #EDEDED;
border-bottom: 1px solid #EDEDED;
}
@media only screen and (min-width: 768px) {
/* line 178, ../../default/scss/layout/_header.scss */
.skip-links {
border: 0;
}
}
/* -------------------------------------------- *
* Skip - Link
*/
/* line 188, ../../default/scss/layout/_header.scss */
.skip-link {
position: relative;
float: left;
width: 20%;
height: 44px;
background: #FFFFFF;
color: #353222;
line-height: 42px;
text-align: center;
}
/* line 199, ../../default/scss/layout/_header.scss */
a.skip-link {
text-decoration: none;
}
/* line 203, ../../default/scss/layout/_header.scss */
.skip-link:not(.skip-active):hover {
opacity: 0.8;
}
@media only screen and (max-width: 767px) {
/* line 211, ../../default/scss/layout/_header.scss */
.skip-link {
border-right: 1px solid #EDEDED;
}
/* line 215, ../../default/scss/layout/_header.scss */
.skip-link:last-child {
border-right: 0;
}
}
@media only screen and (min-width: 500px) {
/* line 225, ../../default/scss/layout/_header.scss */
.skip-link {
width: 25%;
}
}
/* -------------------------------------------- *
* Skip Link - Active
*/
@media only screen and (max-width: 767px) {
/* line 236, ../../default/scss/layout/_header.scss */
.skip-link.skip-active {
background: #EDEDED;
color: inherit;
}
/* line 241, ../../default/scss/layout/_header.scss */
.skip-link.skip-active span {
color: inherit;
}
}
/* -------------------------------------------- *
* Skip Link - Icon
*/
/* line 251, ../../default/scss/layout/_header.scss */
.skip-link .icon {
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
}
/* line 258, ../../default/scss/layout/_header.scss */
.skip-link.skip-nav .icon,
.skip-link.skip-cart:not(.no-count) .icon {
margin-right: 3px;
}
@media only screen and (min-width: 500px) {
/* line 265, ../../default/scss/layout/_header.scss */
.skip-link .icon {
margin-right: 3px;
}
}
/* -------------------------------------------- *
* Skip Link - Label
*/
/* line 275, ../../default/scss/layout/_header.scss */
.skip-link .label {
display: none;
}
@media only screen and (min-width: 500px) {
/* line 283, ../../default/scss/layout/_header.scss */
.skip-link .label {
display: inline;
}
}
/* ============================================ *
* Skip Content
* ============================================ */
/* line 293, ../../default/scss/layout/_header.scss */
.skip-content {
display: none;
}
/* line 297, ../../default/scss/layout/_header.scss */
.skip-content.skip-active {
display: block;
background: #EDEDED;
}
/* ============================================ *
* Global Header Navigation
* ============================================ */
@media only screen and (max-width: 767px) {
/* line 310, ../../default/scss/layout/_header.scss */
#header-account li a,
.nav-primary a.level0 {
padding: 0 15px 0 25px;
border-bottom: 1px solid #ccc;
text-align: left;
color: #353222;
text-transform: uppercase;
line-height: 30px;
}
/* line 320, ../../default/scss/layout/_header.scss */
#header-account li:last-child a,
.nav-primary li.level0:last-child a.level0 {
border-bottom: 0;
}
/* line 325, ../../default/scss/layout/_header.scss */
.no-touch #header-account a:hover,
.no-touch .nav-primary a:hover {
background-color: #F4F4F4;
text-decoration: none;
}
}
/* line 333, ../../default/scss/layout/_header.scss */
.account-cart-wrapper {
position: absolute;
top: 0px;
right: 0px;
}
@media only screen and (max-width: 767px) {
/* line 333, ../../default/scss/layout/_header.scss */
.account-cart-wrapper {
position: static;
}
}
/* ============================================ *
* Nav - Skip Link
* ============================================ */
/* line 30, ../../default/scss/layout/_header-nav.scss */
.skip-nav {
width: 40%;
}
/* line 33, ../../default/scss/layout/_header-nav.scss */
.skip-nav:not(.skip-active):hover {
text-decoration: none;
}
/* line 36, ../../default/scss/layout/_header-nav.scss */
.skip-nav:not(.skip-active):hover .icon {
background-position: -46px 4px;
}
/* line 42, ../../default/scss/layout/_header-nav.scss */
.skip-nav .label {
display: inline;
}
/* line 46, ../../default/scss/layout/_header-nav.scss */
.skip-nav .icon {
background-position: 4px 4px;
}
@media only screen and (min-width: 500px) {
/* line 55, ../../default/scss/layout/_header-nav.scss */
.skip-nav {
width: 25%;
}
}
@media only screen and (min-width: 768px) {
/* line 65, ../../default/scss/layout/_header-nav.scss */
.skip-nav {
display: none;
}
}
/* ============================================ *
* Nav - Skip Content
* ============================================ */
@media only screen and (max-width: 767px) {
/* line 77, ../../default/scss/layout/_header-nav.scss */
#header-nav {
padding: 5px 0;
}
}
@media only screen and (min-width: 768px) {
/* line 87, ../../default/scss/layout/_header-nav.scss */
#header-nav {
display: block;
/* Force visibility */
border-bottom: 1px solid #ededed;
}
}
/* ============================================ *
* Nav Primary
* ============================================ */
@media only screen and (min-width: 768px) {
/* line 99, ../../default/scss/layout/_header-nav.scss */
.nav-primary {
display: block;
margin-top: 15px;
}
}
/* ============================================ *
* General Navigation Styles
* ============================================ */
/* line 113, ../../default/scss/layout/_header-nav.scss */
.nav-primary a {
text-decoration: none;
position: relative;
display: block;
color: #353222;
line-height: 30px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 122, ../../default/scss/layout/_header-nav.scss */
.nav-primary li {
position: relative;
}
/* line 126, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level1 a {
border-bottom: 1px solid #ccc;
}
/* line 132, ../../default/scss/layout/_header-nav.scss */
.nav-primary .menu-active > ul.level0,
.nav-primary li.level0 li.sub-menu-active > ul {
display: block;
}
/* line 137, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 > a {
text-transform: uppercase;
}
/* ============================================ *
* Small Viewports - Accordion Style Menu
* ============================================ */
@media only screen and (max-width: 767px) {
/* line 150, ../../default/scss/layout/_header-nav.scss */
.nav-primary a.level0,
.nav-primary a {
line-height: 35px;
}
/* line 156, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 ul {
display: none;
}
/* line 161, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 li {
padding: 0 0 0 25px;
}
/* line 165, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level1 a {
padding: 0 15px 0 25px;
}
/* line 169, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.parent > a:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #ccc;
border-right: none;
top: 50%;
left: 10px;
right: auto;
margin-top: -5px;
}
/* line 178, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.parent.sub-menu-active > a:after,
.nav-primary li.parent.menu-active > a:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
border-top: 5px solid #ccc;
border-bottom: none;
top: 50%;
left: 10px;
right: auto;
margin-top: -5px;
}
/* line 187, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.menu-active > a,
.nav-primary li.sub-menu-active > a {
color: #006654;
}
}
/* ============================================ *
* Large Viewports - Dropdown Menu
* ============================================ */
@media only screen and (min-width: 768px) {
/* line 200, ../../default/scss/layout/_header-nav.scss */
.nav-primary {
/* Default styles for 1+ drop-down menus */
/* Level 2+ */
/* Class for js to add briefly to evaluate element positioning. */
/* Correct menus that will hang off the page (class added by js) */
/* Level 1+ */
}
/* line 202, ../../default/scss/layout/_header-nav.scss */
.nav-primary a.level0 {
padding: 0 25px;
}
/* line 206, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0,
.nav-primary a.level0 {
display: inline-block;
}
/* line 211, ../../default/scss/layout/_header-nav.scss */
.nav-primary li:last-child > a {
border-bottom: none;
}
/* line 215, ../../default/scss/layout/_header-nav.scss */
.nav-primary a:hover,
.nav-primary li:hover > a {
color: #006654;
}
/* line 220, ../../default/scss/layout/_header-nav.scss */
.nav-primary .menu-active {
z-index: 200;
}
/* line 225, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 ul {
background: #FBFBFB;
border: solid 1px #ccc;
position: absolute;
left: 0;
top: 30px;
/* Height of ".nav-primary a.level0" */
z-index: 10;
width: 250px;
padding-left: 10px;
padding-right: 10px;
display: none;
/* Hide until displayed. */
}
/* line 238, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level1 ul {
left: 60px;
top: 15px;
}
/* line 244, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 ul.level0.position-test {
display: block;
}
/* line 249, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 ul.level0.spill {
right: 0;
left: auto;
}
/* line 254, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 ul.level0.spill li.level1 ul {
left: auto;
right: 50px;
top: 20px;
}
/* line 262, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 li.parent > a {
position: relative;
}
/* line 265, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.level0 li.parent > a:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #ccc;
border-right: none;
right: 5px;
top: 50%;
margin-top: -3px;
}
}
/* line 276, ../../default/scss/layout/_header-nav.scss */
.nav-primary li.menu-active > ul {
display: block;
}
/* ============================================ *
* Search - Skip Link
* ============================================ */
/* line 33, ../../default/scss/layout/_header-search.scss */
.skip-search:not(.skip-active):hover .icon {
background-position: -46px -146px;
}
/* line 38, ../../default/scss/layout/_header-search.scss */
.skip-search .icon {
background-position: 4px -146px;
}
@media only screen and (min-width: 768px) {
/* line 48, ../../default/scss/layout/_header-search.scss */
.skip-search {
display: none;
}
}
/* ============================================ *
* Search - Skip Content
* ============================================ */
/* line 58, ../../default/scss/layout/_header-search.scss */
#header-search {
padding: 20px;
}
@media only screen and (min-width: 768px) {
/* line 66, ../../default/scss/layout/_header-search.scss */
#header-search {
display: block;
position: absolute;
top: 55px;
right: 0;
width: 25%;
height: 50px;
padding: 0;
}
}
/* ============================================ *
* Search Input
* ============================================ */
/* line 82, ../../default/scss/layout/_header-search.scss */
#search_mini_form .input-box {
position: relative;
padding-top: 0;
}
/* line 87, ../../default/scss/layout/_header-search.scss */
#search_mini_form label {
display: none;
}
/* line 91, ../../default/scss/layout/_header-search.scss */
#search {
width: 100%;
height: 40px;
padding-right: 40px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 98, ../../default/scss/layout/_header-search.scss */
#search_mini_form .search-button {
text-indent: -9999px;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
border: 0;
background: none;
}
/* line 109, ../../default/scss/layout/_header-search.scss */
#search_mini_form .search-button:before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
background-position: 4px -146px;
}
/* line 122, ../../default/scss/layout/_header-search.scss */
#search_mini_form .search-button:hover:before {
opacity: 0.8;
}
/* line 126, ../../default/scss/layout/_header-search.scss */
#search_mini_form .search-button:active:before {
margin-top: -13px;
margin-left: -13px;
}
/* ============================================ *
* Header - Account
* ============================================ */
/* -------------------------------------------- *
* Skip Link - Account
*/
/* line 37, ../../default/scss/layout/_header-account.scss */
.skip-account:not(.skip-active):hover .icon {
background-position: -46px -44px;
}
/* line 42, ../../default/scss/layout/_header-account.scss */
.skip-account .icon {
background-position: 4px -44px;
}
@media only screen and (min-width: 768px) {
/* line 52, ../../default/scss/layout/_header-account.scss */
.skip-account {
float: none;
width: auto;
vertical-align: top;
display: inline-block;
padding: 0 10px;
text-transform: uppercase;
}
/* line 64, ../../default/scss/layout/_header-account.scss */
#header-account.skip-active {
background: #FBFBFB;
border: solid 1px #ccc;
display: block;
position: absolute;
z-index: 200;
top: 40px;
right: 115px;
width: 200px;
}
/* line 74, ../../default/scss/layout/_header-account.scss */
#header-account a {
display: block;
padding: 5px 10px;
color: #353222;
line-height: 2;
}
/* line 81, ../../default/scss/layout/_header-account.scss */
#header-account a:hover {
color: #006654;
}
}
/* -------------------------------------------- *
* Account Links
*/
/* line 91, ../../default/scss/layout/_header-account.scss */
#header-account {
padding: 5px 0;
}
/* line 95, ../../default/scss/layout/_header-account.scss */
#header-account a {
position: relative;
display: block;
padding: 5px 10px;
line-height: 23px;
text-align: center;
}
/* line 103, ../../default/scss/layout/_header-account.scss */
#header-account a:hover {
color: #006654;
}
/* ============================================ *
* Header - Cart
* ============================================ */
/* -------------------------------------------- *
* Skip Link - Cart
*/
/* line 36, ../../default/scss/layout/_header-cart.scss */
.skip-cart:not(.skip-active):hover .icon {
background-position: -50px -95px;
}
/* line 41, ../../default/scss/layout/_header-cart.scss */
.skip-cart .icon {
background-position: 0px -95px;
}
@media only screen and (min-width: 768px) {
/* line 51, ../../default/scss/layout/_header-cart.scss */
.skip-cart {
width: auto;
padding: 0 10px;
}
/* line 59, ../../default/scss/layout/_header-cart.scss */
#header-cart.skip-active {
background: #FBFBFB;
border: solid 1px #ccc;
display: block;
position: absolute;
z-index: 200;
top: 40px;
right: 0;
width: 320px;
background: white;
}
}
/* -------------------------------------------- *
* Skip Cart Notifier
*/
/* line 76, ../../default/scss/layout/_header-cart.scss */
.skip-cart .count {
border-radius: 12px;
display: inline-block;
top: -6px;
position: relative;
z-index: 5;
width: 22px;
height: 22px;
background: rgba(0, 102, 84, 0.9);
color: #FFFFFF;
font-size: 10px;
line-height: 22px;
text-align: center;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 91, ../../default/scss/layout/_header-cart.scss */
.skip-link.skip-active .count {
color: white;
}
/* line 99, ../../default/scss/layout/_header-cart.scss */
.skip-cart.no-count .count {
display: none;
}
@media only screen and (max-width: 499px) {
/* line 104, ../../default/scss/layout/_header-cart.scss */
.skip-cart .count {
margin-left: -12px;
}
}
@media only screen and (min-width: 768px) {
/* line 110, ../../default/scss/layout/_header-cart.scss */
.skip-cart {
color: #006654;
text-transform: uppercase;
}
/* line 114, ../../default/scss/layout/_header-cart.scss */
.skip-cart:hover {
text-decoration: none;
}
/* line 118, ../../default/scss/layout/_header-cart.scss */
.skip-cart .count {
border-radius: 0px;
position: static;
background: none;
margin-left: 0px;
font-size: 14px;
width: auto;
}
/* line 126, ../../default/scss/layout/_header-cart.scss */
.skip-cart .count:before {
content: '(';
}
/* line 129, ../../default/scss/layout/_header-cart.scss */
.skip-cart .count:after {
content: ')';
}
/* line 134, ../../default/scss/layout/_header-cart.scss */
.skip-cart .count,
.skip-link.skip-active .count {
color: #006654;
}
}
/* line 140, ../../default/scss/layout/_header-cart.scss */
.skip-cart .count.empty {
display: none;
}
/* -------------------------------------------- *
* Mini Cart - Empty
*/
/* line 148, ../../default/scss/layout/_header-cart.scss */
.cart-menu .empty {
padding: 20px;
text-align: center;
}
/* -------------------------------------------- *
* Mini Cart - Full
*/
/* Actions */
/* line 159, ../../default/scss/layout/_header-cart.scss */
.cart-menu .actions {
overflow: hidden;
padding: 15px;
}
/* line 164, ../../default/scss/layout/_header-cart.scss */
.cart-menu .actions .button {
float: left;
width: 48%;
}
/* line 169, ../../default/scss/layout/_header-cart.scss */
.cart-menu .actions .button + .button {
margin-left: 4%;
}
/* Subtotal */
/* line 175, ../../default/scss/layout/_header-cart.scss */
.cart-menu .subtotal {
padding: 0 15px 15px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 24px;
line-height: 1.2;
}
/* List */
/* line 184, ../../default/scss/layout/_header-cart.scss */
.mini-cart-list {
margin-bottom: 5px;
}
/* line 188, ../../default/scss/layout/_header-cart.scss */
.mini-cart-list li {
position: relative;
min-height: 90px;
padding: 15px 15px 15px 90px;
border-top: 1px solid #ccc;
font-size: 12px;
line-height: 1.35;
}
/* line 197, ../../default/scss/layout/_header-cart.scss */
.mini-cart-list .product-name {
display: inline-block;
}
/* line 201, ../../default/scss/layout/_header-cart.scss */
.mini-cart-list .product-image {
position: absolute;
left: 15px;
top: 15px;
}
/* line 207, ../../default/scss/layout/_header-cart.scss */
.mini-cart-list .product-image img {
width: 60px;
height: 60px;
}
/* line 214, ../../default/scss/layout/_header-cart.scss */
.mini-cart-list .has-options {
margin-bottom: 0;
color: #555555;
font-size: 11px;
}
/* Too full - additional items will be shown in cart */
/* line 221, ../../default/scss/layout/_header-cart.scss */
.cart-menu .last-added {
padding: 10px 15px 15px;
border-top: 1px solid #ccc;
font-size: 12px;
}
/* ============================================ *
* Footer
* ============================================ */
/* -------------------------------------------- *
* Footer
*/
/* line 34, ../../default/scss/layout/_footer.scss */
.footer,
.footer button {
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 39, ../../default/scss/layout/_footer.scss */
.footer {
clear: both;
width: 100%;
border-top: 1px solid #ccc;
padding-top: 30px;
/* -------------------------------------------- *
* Social icons
*/
}
@media only screen and (max-width: 479px) {
/* line 39, ../../default/scss/layout/_footer.scss */
.footer {
padding-top: 15px;
}
}
/* line 49, ../../default/scss/layout/_footer.scss */
.footer .block-title {
border-bottom: 0;
padding: 3px 0;
}
/* line 54, ../../default/scss/layout/_footer.scss */
.footer .block-title strong {
font-weight: normal;
}
/* line 58, ../../default/scss/layout/_footer.scss */
.footer .block-title,
.footer address {
color: #353222;
}
/* line 63, ../../default/scss/layout/_footer.scss */
.footer .links {
float: left;
width: 17%;
padding: 0 30px 0 0;
margin-bottom: 30px;
}
/* line 69, ../../default/scss/layout/_footer.scss */
.footer .links li {
word-break: break-all;
line-height: 1.4;
padding: 4px 0;
}
/* line 75, ../../default/scss/layout/_footer.scss */
.footer .links a {
color: #353222;
}
/* line 77, ../../default/scss/layout/_footer.scss */
.footer .links a:hover {
color: #006654;
}
/* line 83, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe {
float: right;
width: 320px;
margin-bottom: 30px;
}
/* line 89, ../../default/scss/layout/_footer.scss */
.footer .links,
.footer .block-subscribe {
text-transform: uppercase;
font-size: 11px;
}
/* line 95, ../../default/scss/layout/_footer.scss */
.footer .form-subscribe-header {
display: none;
}
/* line 103, ../../default/scss/layout/_footer.scss */
.footer .links.social-media em {
background-image: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/social_icons.png);
background-repeat: no-repeat;
width: 13px;
vertical-align: middle;
display: inline-block;
margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
/* line 113, ../../default/scss/layout/_footer.scss */
.footer .links.social-media em {
background-image: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/social_icons@2x.png);
background-size: 50px 125px;
}
}
/* line 120, ../../default/scss/layout/_footer.scss */
.footer .links.social-media em.facebook {
background-position: 0 -0px;
height: 13px;
}
/* line 125, ../../default/scss/layout/_footer.scss */
.footer .links.social-media a:hover em.facebook {
background-position: -25px -0px;
}
/* line 120, ../../default/scss/layout/_footer.scss */
.footer .links.social-media em.twitter {
background-position: 0 -24px;
height: 13px;
}
/* line 125, ../../default/scss/layout/_footer.scss */
.footer .links.social-media a:hover em.twitter {
background-position: -25px -24px;
}
/* line 120, ../../default/scss/layout/_footer.scss */
.footer .links.social-media em.youtube {
background-position: 0 -49px;
height: 13px;
}
/* line 125, ../../default/scss/layout/_footer.scss */
.footer .links.social-media a:hover em.youtube {
background-position: -25px -49px;
}
/* line 120, ../../default/scss/layout/_footer.scss */
.footer .links.social-media em.pinterest {
background-position: 0 -74px;
height: 15px;
}
/* line 125, ../../default/scss/layout/_footer.scss */
.footer .links.social-media a:hover em.pinterest {
background-position: -25px -74px;
}
/* line 120, ../../default/scss/layout/_footer.scss */
.footer .links.social-media em.rss {
background-position: 0 -99px;
height: 13px;
}
/* line 125, ../../default/scss/layout/_footer.scss */
.footer .links.social-media a:hover em.rss {
background-position: -25px -99px;
}
/* line 138, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe .input-box {
float: left;
width: 65.625%;
padding-top: 0;
}
/* line 144, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe .input-text {
width: 100%;
border-right: 0;
border-radius: 0;
}
/* line 150, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe .block-content {
padding-top: 7px;
}
/* line 153, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe .block-content:after {
content: '';
display: table;
clear: both;
}
/* line 158, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe .actions {
float: left;
width: 34.375%;
margin: 0;
}
/* line 164, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe .actions .button {
height: 30px;
line-height: 17px;
float: left;
}
/* line 170, ../../default/scss/layout/_footer.scss */
.footer .bugs,
.footer address {
clear: both;
}
/* line 175, ../../default/scss/layout/_footer.scss */
.footer .bugs {
display: none;
}
/* line 179, ../../default/scss/layout/_footer.scss */
.footer .form-language,
.footer .currency-switcher,
.footer .store-switcher {
clear: both;
margin-bottom: 10px;
}
/* line 186, ../../default/scss/layout/_footer.scss */
.footer .form-language,
.footer .currency-switcher {
display: none;
}
/* line 191, ../../default/scss/layout/_footer.scss */
.footer address {
border-top: 1px solid #ccc;
text-align: center;
width: 100%;
font-size: 10px;
margin-top: 30px;
padding: 30px 0;
}
@media only screen and (max-width: 1200px) {
/* line 204, ../../default/scss/layout/_footer.scss */
.footer .links {
width: 22.65625%;
padding-right: 0;
margin-right: 3.125%;
}
/* line 210, ../../default/scss/layout/_footer.scss */
.footer .links:nth-child(4) {
margin-right: 0;
}
/* line 214, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe {
clear: both;
float: none;
margin: 0 auto 30px auto;
}
}
@media only screen and (max-width: 767px) {
/* line 222, ../../default/scss/layout/_footer.scss */
.footer .form-language,
.footer .currency-switcher {
display: block;
}
}
@media only screen and (max-width: 599px) {
/* line 232, ../../default/scss/layout/_footer.scss */
.footer .links {
width: 48.4375%;
margin-right: 0;
}
/* line 237, ../../default/scss/layout/_footer.scss */
.footer .links:nth-child(odd) {
margin-right: 3.125%;
clear: both;
}
/* line 242, ../../default/scss/layout/_footer.scss */
.footer .block-subscribe {
clear: both;
float: left;
width: 100%;
}
}
/* ================================================= *
* General Product List Styles (not module-specific)
* ================================================= */
/* -------------------------------------------- *
* Product List General
*/
/* line 34, ../scss/module/_product-list.scss */
.category-title h1,
body.catalogsearch-result-index .page-title h1 {
border-bottom: none;
}
/* line 39, ../scss/module/_product-list.scss */
.category-image {
margin-bottom: 1.5em;
}
/* line 44, ../scss/module/_product-list.scss */
.products-list .action .button,
.products-grid .actions .button {
white-space: normal;
}
/* -------------------------------------------- *
* Product Name
*/
/* line 53, ../scss/module/_product-list.scss */
h2.product-name,
h3.product-name,
h4.product-name,
h5.product-name,
p.product-name {
margin: 0;
margin-bottom: 20px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 1.2;
text-rendering: optimizeLegibility;
font-size: 12px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
line-height: 1.4;
}
/* line 64, ../scss/module/_product-list.scss */
h2.product-name a,
h3.product-name a,
h4.product-name a,
h5.product-name a,
p.product-name a {
color: #353222;
}
/* line 66, ../scss/module/_product-list.scss */
h2.product-name a:hover,
h3.product-name a:hover,
h4.product-name a:hover,
h5.product-name a:hover,
p.product-name a:hover {
color: #006654;
text-decoration: none;
}
/* line 73, ../scss/module/_product-list.scss */
.products-grid .product-name,
.products-list .product-name {
text-transform: uppercase;
margin-bottom: 5px;
font-size: 14px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 80, ../scss/module/_product-list.scss */
.products-grid .product-name a,
.products-list .product-name a {
font-weight: 600;
}
/* ============================================ *
* Product Grid
* ============================================ */
/* line 91, ../scss/module/_product-list.scss */
.products-grid {
position: relative;
}
/* line 95, ../scss/module/_product-list.scss */
.products-grid:after {
content: '';
display: table;
clear: both;
}
/* line 99, ../scss/module/_product-list.scss */
.products-grid > li {
position: relative;
margin-bottom: 20px;
text-align: center;
}
/* line 104, ../scss/module/_product-list.scss */
.products-grid > li:after {
content: '';
display: table;
clear: both;
}
/* line 109, ../scss/module/_product-list.scss */
.products-grid .product-image {
width: 100%;
margin-bottom: 15px;
}
/* line 114, ../scss/module/_product-list.scss */
.products-grid .product-image img {
width: 100%;
height: auto;
}
/* line 118, ../scss/module/_product-list.scss */
.products-grid .product-image img:hidden {
display: none;
}
/* line 124, ../scss/module/_product-list.scss */
.widget-new-products .products-grid .product-image {
width: 75%;
margin-bottom: 15px;
margin-left: 10%;
}
/* line 134, ../scss/module/_product-list.scss */
.products-grid .product-info {
position: relative;
padding-bottom: 62px;
text-align: left;
padding-left: 10px;
padding-right: 10px;
margin-top: 5px;
}
/* line 143, ../scss/module/_product-list.scss */
.products-grid .actions {
padding-top: 10px;
padding-bottom: 10px;
position: absolute;
bottom: 0;
min-height: 52px;
width: 100%;
}
/* line 152, ../scss/module/_product-list.scss */
.products-grid .ratings .amount {
display: none;
}
/* line 156, ../scss/module/_product-list.scss */
.products-grid .price-box {
color: #555555;
font-size: 12px;
margin: 0 0 5px;
}
/* line 162, ../scss/module/_product-list.scss */
.products-grid .add-to-links {
margin-bottom: 0;
}
/* Config: Two columns + flexible gutter */
/* line 173, ../scss/module/_product-list.scss */
.products-grid > li {
float: left;
width: 47.72727%;
margin-right: 4.54545%;
}
/* line 179, ../scss/module/_product-list.scss */
.products-grid > li:nth-child(odd) {
clear: left;
}
/* line 183, ../scss/module/_product-list.scss */
.products-grid > li:nth-child(even) {
margin-right: 0;
}
/* line 187, ../scss/module/_product-list.scss */
.products-grid .product-image {
margin-bottom: 5px;
}
/* line 27, ../../default/scss/mixin/_loading-overlay.scss */
.products-grid .product-image:before, .products-grid .product-image:after {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
}
/* line 38, ../../default/scss/mixin/_loading-overlay.scss */
.products-grid .product-image:before {
background-color: white;
opacity: 0.8;
z-index: 2;
}
/* line 44, ../../default/scss/mixin/_loading-overlay.scss */
.products-grid .product-image:after {
background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/opc-ajax-loader.gif");
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}
/* line 51, ../../default/scss/mixin/_loading-overlay.scss */
.products-grid .product-image.loading {
position: relative;
}
/* line 54, ../../default/scss/mixin/_loading-overlay.scss */
.products-grid .product-image.loading:before, .products-grid .product-image.loading:after {
display: block;
}
@media only screen and (min-width: 480px) {
/* Config: Three columns + flexible gutter */
/* line 205, ../scss/module/_product-list.scss */
.products-grid {
/* Undo two-column config */
/* Set three-column config */
}
/* line 207, ../scss/module/_product-list.scss */
.products-grid > li:nth-child(odd) {
clear: none;
}
/* line 210, ../scss/module/_product-list.scss */
.products-grid > li:nth-child(even) {
margin-right: 3.7037%;
}
/* line 215, ../scss/module/_product-list.scss */
.products-grid > li {
width: 30.8642%;
margin-right: 3.7037%;
}
/* line 219, ../scss/module/_product-list.scss */
.products-grid > li:nth-child(3n+1) {
clear: left;
}
/* line 222, ../scss/module/_product-list.scss */
.products-grid > li:nth-child(3n) {
margin-right: 0;
}
}
@media only screen and (min-width: 960px) {
/* Config: Columns + flexible gutter */
/* Undo three-column config */
/* line 242, ../scss/module/_product-list.scss */
.products-grid--max-4-col > li:nth-child(odd) {
clear: none;
}
/* line 245, ../scss/module/_product-list.scss */
.products-grid--max-4-col > li:nth-child(3n+1) {
clear: none;
}
/* line 248, ../scss/module/_product-list.scss */
.products-grid--max-4-col > li:nth-child(even),
.products-grid--max-4-col > li:nth-child(3n) {
margin-right: 2.22222%;
}
/* Set column config */
/* line 254, ../scss/module/_product-list.scss */
.products-grid--max-4-col > li {
margin-right: 2.22222%;
}
/* line 257, ../scss/module/_product-list.scss */
.products-grid--max-4-col > li {
width: 23.33333%;
margin-right: 2.22222%;
}
/* line 261, ../scss/module/_product-list.scss */
.products-grid--max-4-col > li:nth-child(4n+1) {
clear: left;
}
/* line 264, ../scss/module/_product-list.scss */
.products-grid--max-4-col > li:nth-child(4n) {
margin-right: 0;
}
/* Config: Columns + flexible gutter */
/* Undo three-column config */
/* line 242, ../scss/module/_product-list.scss */
.products-grid--max-5-col > li:nth-child(odd) {
clear: none;
}
/* line 245, ../scss/module/_product-list.scss */
.products-grid--max-5-col > li:nth-child(3n+1) {
clear: none;
}
/* line 248, ../scss/module/_product-list.scss */
.products-grid--max-5-col > li:nth-child(even),
.products-grid--max-5-col > li:nth-child(3n) {
margin-right: 2.22222%;
}
/* Set column config */
/* line 254, ../scss/module/_product-list.scss */
.products-grid--max-5-col > li {
margin-right: 2.22222%;
}
/* line 257, ../scss/module/_product-list.scss */
.products-grid--max-5-col > li {
width: 18.22222%;
margin-right: 2.22222%;
}
/* line 261, ../scss/module/_product-list.scss */
.products-grid--max-5-col > li:nth-child(5n+1) {
clear: left;
}
/* line 264, ../scss/module/_product-list.scss */
.products-grid--max-5-col > li:nth-child(5n) {
margin-right: 0;
}
/* Config: Columns + flexible gutter */
/* Undo three-column config */
/* line 242, ../scss/module/_product-list.scss */
.products-grid--max-6-col > li:nth-child(odd) {
clear: none;
}
/* line 245, ../scss/module/_product-list.scss */
.products-grid--max-6-col > li:nth-child(3n+1) {
clear: none;
}
/* line 248, ../scss/module/_product-list.scss */
.products-grid--max-6-col > li:nth-child(even),
.products-grid--max-6-col > li:nth-child(3n) {
margin-right: 2.22222%;
}
/* Set column config */
/* line 254, ../scss/module/_product-list.scss */
.products-grid--max-6-col > li {
margin-right: 2.22222%;
}
/* line 257, ../scss/module/_product-list.scss */
.products-grid--max-6-col > li {
width: 14.81481%;
margin-right: 2.22222%;
}
/* line 261, ../scss/module/_product-list.scss */
.products-grid--max-6-col > li:nth-child(6n+1) {
clear: left;
}
/* line 264, ../scss/module/_product-list.scss */
.products-grid--max-6-col > li:nth-child(6n) {
margin-right: 0;
}
}
/* ============================================ *
* Product List
* ============================================ */
/* line 281, ../scss/module/_product-list.scss */
.products-list {
margin-top: 20px;
margin-bottom: 20px;
}
/* line 285, ../scss/module/_product-list.scss */
.products-list > li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ededed;
}
/* line 290, ../scss/module/_product-list.scss */
.products-list > li:after {
content: '';
display: table;
clear: both;
}
/* line 293, ../scss/module/_product-list.scss */
.products-list > li .product-image {
float: left;
width: 33.33333%;
}
/* line 297, ../scss/module/_product-list.scss */
.products-list > li .product-image img {
width: 100%;
max-width: 100%;
}
/* line 303, ../scss/module/_product-list.scss */
.products-list > li:last-child {
padding-bottom: 0;
border-bottom: none;
}
/* line 309, ../scss/module/_product-list.scss */
.products-list .product-shop {
float: right;
width: 66.66667%;
padding-left: 20px;
}
/* line 314, ../scss/module/_product-list.scss */
.products-list .product-shop .product-name {
margin-bottom: 0;
}
/* line 317, ../scss/module/_product-list.scss */
.products-list .product-shop .ratings {
margin: 0;
}
/* line 320, ../scss/module/_product-list.scss */
.products-list .product-shop .ratings .rating-box,
.products-list .product-shop .ratings .rating-links {
float: left;
margin-right: 7px;
}
/* line 325, ../scss/module/_product-list.scss */
.products-list .product-shop .ratings .rating-links {
margin-top: 4px;
}
/* line 329, ../scss/module/_product-list.scss */
.products-list .product-shop .price-box {
margin-top: 0;
}
/* line 332, ../scss/module/_product-list.scss */
.products-list .product-shop .price-box .price {
font-size: 18px;
}
/* line 335, ../scss/module/_product-list.scss */
.products-list .product-shop .action {
margin: 7px 0;
}
/* line 338, ../scss/module/_product-list.scss */
.products-list .product-shop .desc {
margin-top: 7px;
}
/* line 342, ../scss/module/_product-list.scss */
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
float: left;
width: 65%;
overflow: hidden;
}
/* line 348, ../scss/module/_product-list.scss */
.products-list .product-shop .product-secondary {
float: right;
width: 35%;
text-align: right;
clear: right;
}
@media only screen and (min-width: 480px) {
/* line 357, ../scss/module/_product-list.scss */
.products-list .product-name a {
font-size: 18px;
}
}
@media only screen and (max-width: 1279px) {
/* line 364, ../scss/module/_product-list.scss */
.products-list .product-shop .product-primary,
.products-list .product-shop .desc {
float: left;
width: 60%;
padding-right: 20px;
}
/* line 370, ../scss/module/_product-list.scss */
.products-list .product-shop .product-secondary {
float: right;
width: 40%;
}
}
@media only screen and (max-width: 600px) {
/* line 378, ../scss/module/_product-list.scss */
.products-list .product-shop .price-box .special-price {
padding-left: 0;
}
/* line 382, ../scss/module/_product-list.scss */
.products-list .product-shop .product-primary,
.products-list .product-shop .product-secondary,
.products-list .product-shop .desc {
float: none;
width: 100%;
padding-right: 0;
text-align: left;
}
}
/* ============================================ *
* Mini Product List
* ============================================ */
/* line 399, ../scss/module/_product-list.scss */
.mini-products-list .product-image {
float: left;
min-width: 50px;
}
/* line 403, ../scss/module/_product-list.scss */
.mini-products-list .product-details {
margin-left: 60px;
}
/* line 408, ../scss/module/_product-list.scss */
.mini-products-list .product-details .product-name {
padding-top: 10px;
}
/* line 412, ../scss/module/_product-list.scss */
.mini-products-list li {
margin-bottom: 10px;
clear: both;
}
/* line 416, ../scss/module/_product-list.scss */
.mini-products-list li:after {
content: '';
display: table;
clear: both;
}
/* line 424, ../scss/module/_product-list.scss */
.mini-products-images-list:after {
content: '';
display: table;
clear: both;
}
/* line 428, ../scss/module/_product-list.scss */
.mini-products-images-list li.item {
float: left;
width: 50%;
margin: 0;
padding: 0 5px 10px 0;
}
/* line 434, ../scss/module/_product-list.scss */
.mini-products-images-list li.item:nth-child(even) {
padding-right: 0;
padding-left: 5px;
}
/* line 439, ../scss/module/_product-list.scss */
.mini-products-images-list li.item .product-image {
display: block;
}
/* line 442, ../scss/module/_product-list.scss */
.mini-products-images-list li.item .product-image img {
width: 100%;
max-width: 100%;
}
/* ============================================ *
* Catalog - List
* ============================================ */
/* line 457, ../scss/module/_product-list.scss */
.category-image {
border: 1px solid #ccc;
padding: 10px;
}
/* line 461, ../scss/module/_product-list.scss */
.category-image img {
width: 100%;
max-width: 100%;
}
/* line 465, ../scss/module/_product-list.scss */
.category-image img:hidden {
display: none;
}
/* ============================================ *
* Layered Navigation
* ============================================ */
/* line 475, ../scss/module/_product-list.scss */
.block-layered-nav .block-subtitle--filter {
display: none;
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: normal;
margin-bottom: 0px;
padding: 7px 10px 7px 24px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
position: relative;
background-color: #F4F4F4;
cursor: pointer;
}
/* line 110, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-subtitle--filter:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #006654;
border-bottom: none;
right: 10px;
top: 50%;
margin-top: 0;
}
/* line 117, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-subtitle--filter:hover {
background-color: #ededed;
}
/* line 123, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-content .toggle-tabs {
display: none;
}
/* line 128, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-content > dl > dt {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: normal;
margin-bottom: 0px;
padding: 7px 10px 7px 24px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
position: relative;
background-color: #F4F4F4;
display: block;
}
/* line 110, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-content > dl > dt:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #006654;
border-bottom: none;
right: 10px;
top: 50%;
margin-top: 0;
}
/* line 117, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-content > dl > dt:hover {
background-color: #ededed;
}
/* line 133, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-content > dl > dd {
padding: 10px;
margin: 0;
border-width: 0 1px;
border-style: solid;
border-color: #ccc;
}
/* line 140, ../scss/mixin/_toggle-content.scss */
.block-layered-nav .block-content > dl > dd:last-child {
border-width: 0 1px 1px 1px;
}
/* line 487, ../scss/module/_product-list.scss */
.block-layered-nav dl dd {
margin-bottom: 10px;
margin-top: 10px;
}
/* line 491, ../scss/module/_product-list.scss */
.block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a {
padding: 5px 15px;
display: block;
}
/* line 495, ../scss/module/_product-list.scss */
.block-layered-nav dl dd ol > li > a .count {
color: #555555;
}
@media only screen and (max-width: 767px) {
/* line 501, ../scss/module/_product-list.scss */
.sidebar .block.block-layered-nav {
border-bottom: none;
float: left;
width: 100%;
}
/* line 508, ../scss/module/_product-list.scss */
.block-layered-nav--no-filters .block-title {
display: none;
}
/* line 513, ../scss/module/_product-list.scss */
.block-layered-nav .block-content {
padding-top: 0;
margin-top: 15px;
/*@include accordionCollapse;*/
}
/* line 519, ../scss/module/_product-list.scss */
.block-layered-nav .block-subtitle--filter {
background-color: #006654;
border: 0;
margin-bottom: 0;
display: block;
color: #FFFFFF;
}
/* line 526, ../scss/module/_product-list.scss */
.block-layered-nav .block-subtitle--filter:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #FFFFFF;
border-right: none;
right: 10px;
top: 50%;
margin-top: -5px;
}
/* line 533, ../scss/module/_product-list.scss */
.block-layered-nav .block-subtitle--filter:hover {
background-color: #004738;
color: #FFFFFF;
}
/* line 538, ../scss/module/_product-list.scss */
.block-layered-nav .block-subtitle--filter.active:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #FFFFFF;
border-bottom: none;
right: 10px;
top: 50%;
margin-top: -3px;
}
/* line 546, ../scss/module/_product-list.scss */
#narrow-by-list,
#narrow-by-list2 {
padding: 10px;
border: 1px solid #ccc;
border-top: 0;
}
/* line 553, ../scss/module/_product-list.scss */
.block-layered-nav dl ol > li > a,
.block-layered-nav dl ol > li > span {
padding: 7px;
margin: 5px;
}
/* line 559, ../scss/module/_product-list.scss */
.block-layered-nav dl ol > li > a {
color: #353222;
background-color: #F4F4F4;
padding: 5px 10px;
}
/* line 562, ../scss/module/_product-list.scss */
.block-layered-nav dl ol > li > a:hover {
text-decoration: none;
background: #ededed;
}
}
/* line 570, ../scss/module/_product-list.scss */
.block-layered-nav .currently .block-subtitle {
display: block;
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
}
/* line 575, ../scss/module/_product-list.scss */
.block-layered-nav .currently ol {
padding-left: 10px;
margin-bottom: 10px;
}
/* line 579, ../scss/module/_product-list.scss */
.block-layered-nav .currently ol li {
margin-bottom: 5px;
}
/* line 582, ../scss/module/_product-list.scss */
.block-layered-nav .currently ol li .label {
font-weight: bold;
}
/* line 586, ../scss/module/_product-list.scss */
.block-layered-nav .currently ol li:after {
content: '';
display: table;
clear: both;
}
/* line 592, ../scss/module/_product-list.scss */
.block-layered-nav .actions {
text-align: right;
margin-bottom: 7px;
}
/* ============================================ *
* Catalog - Product
* ============================================ */
/* line 35, ../scss/module/_catalog-product.scss */
.product-view .product-essential .extra-info .ratings .rating-box,
.product-view .product-essential .extra-info .ratings .amount {
float: left;
}
/* line 40, ../scss/module/_catalog-product.scss */
.product-view .product-essential .extra-info .ratings .rating-box {
margin-top: 8px;
margin-right: 10px;
}
/* line 45, ../scss/module/_catalog-product.scss */
.product-view .product-essential .extra-info .ratings:after {
content: '';
display: table;
clear: both;
}
/* line 51, ../scss/module/_catalog-product.scss */
.product-view .product-essential:after {
content: '';
display: table;
clear: both;
}
/* line 56, ../scss/module/_catalog-product.scss */
.product-view .product-shop .product-name .h1,
.product-view .product-img-box .product-name h1 {
color: #006654;
margin-bottom: 10px;
border: 0;
}
/* line 63, ../scss/module/_catalog-product.scss */
.product-view .product-shop {
width: 50%;
float: right;
}
/* line 67, ../scss/module/_catalog-product.scss */
.product-view .product-shop .product-name {
display: none;
float: left;
}
/* line 71, ../scss/module/_catalog-product.scss */
.product-view .product-shop .product-name .h1 {
float: left;
margin-bottom: 5px;
}
/* line 76, ../scss/module/_catalog-product.scss */
.product-view .product-shop .extra-info {
float: left;
padding-right: 15px;
clear: left;
width: 70%;
}
/* line 83, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-info {
float: right;
padding-left: 15px;
text-align: right;
}
/* line 89, ../scss/module/_catalog-product.scss */
.product-view .product-shop .extra-info,
.product-view .product-shop .price-info {
max-width: 70%;
margin-bottom: 10px;
}
/* line 95, ../scss/module/_catalog-product.scss */
.product-view .product-shop .short-description {
margin-bottom: 10px;
clear: both;
}
/* line 100, ../scss/module/_catalog-product.scss */
.product-view .product-shop .ratings {
margin-bottom: 8px;
}
/* line 104, ../scss/module/_catalog-product.scss */
.product-view .product-shop .availability {
font-size: 16px;
}
/* line 108, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box {
margin-top: 0;
}
/* line 111, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price {
padding-right: 0;
line-height: 1.2;
}
/* line 118, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price {
color: #006654;
font-size: 24px;
}
/* line 127, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .special-price .price-label {
font-size: 16px;
text-transform: uppercase;
}
/* line 132, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .special-price span.weee {
color: #353222;
}
/* line 135, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .special-price span.weee span.price {
font-size: 16px;
}
/* line 141, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
display: block;
line-height: 1.2;
color: #353222;
}
/* line 147, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
font-size: 16px;
font-weight: 300;
}
/* line 152, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
font-size: 20px;
}
/* line 160, ../scss/module/_catalog-product.scss */
.product-view .price-box.map-info a {
display: inherit;
}
/* line 165, ../scss/module/_catalog-product.scss */
.product-view .old-price .price-label {
display: none;
}
/* line 170, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-wrapper,
.product-view .block-related {
width: 50%;
float: right;
clear: right;
}
@media only screen and (max-width: 850px) {
/* line 185, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
font-size: 15px;
}
/* line 189, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
/* line 200, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-wrapper {
float: none;
width: 100%;
clear: both;
}
/* line 210, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label {
font-size: 16px;
}
/* line 214, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price {
font-size: 20px;
}
}
@media only screen and (max-width: 420px) {
/* line 227, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax {
margin-bottom: 5px;
}
/* line 231, ../scss/module/_catalog-product.scss */
.product-view .product-shop .price-box .price-excluding-tax span,
.product-view .product-shop .price-box .price-including-tax span {
display: block;
}
}
/* line 240, ../scss/module/_catalog-product.scss */
.product-img-box {
width: 50%;
float: left;
}
/* line 245, ../scss/module/_catalog-product.scss */
.product-img-box .product-name h1 {
border: 0;
}
/* line 250, ../scss/module/_catalog-product.scss */
.product-img-box .product-image {
margin-bottom: 10px;
}
/* line 254, ../scss/module/_catalog-product.scss */
.product-img-box .product-image img {
max-width: 100%;
max-height: 750px;
margin: 0px auto;
}
@media only screen and (max-width: 479px) {
/* line 268, ../scss/module/_catalog-product.scss */
.product-img-box .product-image img {
max-height: 450px;
}
}
/* line 273, ../scss/module/_catalog-product.scss */
.product-image-gallery {
position: relative;
}
/* line 276, ../scss/module/_catalog-product.scss */
.product-image-gallery .gallery-image {
display: none;
}
/* line 279, ../scss/module/_catalog-product.scss */
.product-image-gallery .gallery-image.visible {
display: block;
}
/* line 282, ../scss/module/_catalog-product.scss */
.product-image-gallery .gallery-image.visible.hidden {
visibility: hidden;
}
/* line 27, ../../default/scss/mixin/_loading-overlay.scss */
.product-image-gallery:before, .product-image-gallery:after {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
}
/* line 38, ../../default/scss/mixin/_loading-overlay.scss */
.product-image-gallery:before {
background-color: white;
opacity: 0.8;
z-index: 2;
}
/* line 44, ../../default/scss/mixin/_loading-overlay.scss */
.product-image-gallery:after {
background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/opc-ajax-loader.gif");
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}
/* line 51, ../../default/scss/mixin/_loading-overlay.scss */
.product-image-gallery.loading {
position: relative;
}
/* line 54, ../../default/scss/mixin/_loading-overlay.scss */
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
display: block;
}
/* line 292, ../scss/module/_catalog-product.scss */
.product-image-thumbs li {
display: inline-block;
}
/* line 295, ../scss/module/_catalog-product.scss */
.product-image-thumbs li:first-child {
margin-left: -1px;
}
/* line 298, ../scss/module/_catalog-product.scss */
.product-image-thumbs a {
display: inline-block;
border: 1px solid transparent;
}
/* line 305, ../scss/module/_catalog-product.scss */
.no-touch .product-image-thumbs a:hover {
border-color: #c7c7c7;
}
/* line 310, ../scss/module/_catalog-product.scss */
.product-view .product-shop,
.product-view .add-to-cart-wrapper,
.product-view .block-related {
padding-left: 15px;
}
/* line 316, ../scss/module/_catalog-product.scss */
.product-img-box {
padding-right: 15px;
}
/* line 320, ../scss/module/_catalog-product.scss */
.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {
margin-bottom: 10px;
}
/* line 328, ../scss/module/_catalog-product.scss */
.product-view {
/* Set a min-height so that the floated elements break appropriately */
}
/* line 330, ../scss/module/_catalog-product.scss */
.product-view .add-to-box:after,
.product-view .add-to-cart:after {
content: '';
display: table;
clear: both;
}
/* line 335, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart {
padding-bottom: 3px;
margin-bottom: 10px;
border-bottom: 1px solid #ccc;
}
/* line 342, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart .qty-wrapper,
.product-view .product-options-bottom .price-box,
.product-view .add-to-cart-buttons {
min-height: 40px;
}
/* line 348, ../scss/module/_catalog-product.scss */
.product-view .product-options-bottom .price-box {
margin-bottom: 10px;
}
/* line 352, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart .qty-wrapper label {
margin-right: 7px;
float: left;
}
/* line 357, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart .qty-wrapper label {
line-height: 40px;
}
/* line 361, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart .qty-wrapper .qty {
float: left;
height: 40px;
}
/* line 366, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons {
margin-right: 10px;
max-width: 100%;
}
/* line 370, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .paypal-logo {
clear: left;
text-align: center;
}
/* line 374, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .paypal-logo .paypal-button {
margin: 0 auto;
display: block;
width: 170px;
}
/* line 380, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .paypal-logo .bml_button {
display: block;
width: 174px;
margin: 0 auto;
}
/* line 385, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .paypal-logo .bml_button a {
text-align: center;
}
/* line 390, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .paypal-logo .paypal-or {
display: block;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
line-height: 1;
text-align: center;
}
/* line 401, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .button {
min-height: 40px;
line-height: 40px;
font-size: 16px;
padding: 0px 30px !important;
float: left;
min-width: 160px;
width: 100%;
white-space: normal;
}
/* line 412, ../scss/module/_catalog-product.scss */
.product-view .alert-price,
.product-view .alert-stock {
clear: both;
}
@media only screen and (max-width: 479px) {
/* line 420, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .paypal-or {
line-height: 20px;
}
/* line 424, ../scss/module/_catalog-product.scss */
.product-view .add-to-cart-buttons .paypal-logo,
.product-view .add-to-cart-buttons .paypal-or,
.product-view .add-to-cart-buttons .paypal-button,
.product-view .add-to-cart-buttons .button {
text-align: center;
width: 100%;
display: block;
margin-right: 0;
margin-left: 0;
float: none;
}
}
/* This is the "or" that separates the "Add to Cart" and "Add to X" links */
/* line 439, ../scss/module/_catalog-product.scss */
.add-to-box .or {
display: none;
}
/* line 443, ../scss/module/_catalog-product.scss */
.product-view .add-to-links {
clear: both;
margin-top: 0px;
margin-right: 15px;
float: left;
}
/* line 449, ../scss/module/_catalog-product.scss */
.product-view .add-to-links:after {
content: '';
display: table;
clear: both;
}
/* line 453, ../scss/module/_catalog-product.scss */
.product-view .add-to-links li {
float: left;
}
/* line 457, ../scss/module/_catalog-product.scss */
.product-view .add-to-links a {
padding: 2px 7px 2px 0px;
margin-left: 7px;
border-right: 1px solid #ccc;
}
/* line 463, ../scss/module/_catalog-product.scss */
.product-view .add-to-links li:first-child a {
margin-left: 0px;
}
/* line 467, ../scss/module/_catalog-product.scss */
.product-view .add-to-links li:last-child a {
border-right: 0px;
}
/* line 472, ../scss/module/_catalog-product.scss */
.product-view .sharing-links {
float: left;
}
/* line 475, ../scss/module/_catalog-product.scss */
.product-view .sharing-links:after {
content: '';
display: table;
clear: both;
}
/* line 479, ../scss/module/_catalog-product.scss */
.product-view .sharing-links li {
float: left;
padding: 0px 7px 7px;
}
/* line 484, ../scss/module/_catalog-product.scss */
.product-view .sharing-links a {
text-indent: -9999px;
display: block;
width: 26px;
height: 26px;
}
/* line 491, ../scss/module/_catalog-product.scss */
.product-view .sharing-links a:hover {
opacity: 0.8;
}
/* line 494, ../scss/module/_catalog-product.scss */
.product-view .sharing-links a.link-wishlist {
background-position: 0px -225px;
}
/* line 497, ../scss/module/_catalog-product.scss */
.product-view .sharing-links a.link-compare {
background-position: 0px -250px;
}
/* line 500, ../scss/module/_catalog-product.scss */
.product-view .sharing-links a.link-email-friend {
background-position: 0px -322px;
}
/* line 503, ../scss/module/_catalog-product.scss */
.product-view .sharing-links a.link-facebook {
background-position: 0px -425px;
}
/* line 506, ../scss/module/_catalog-product.scss */
.product-view .sharing-links a.link-twitter {
background-position: 0px -372px;
}
@media only screen and (max-width: 599px) {
/* line 513, ../scss/module/_catalog-product.scss */
.add-to-box .add-to-links a {
float: none;
width: auto;
text-indent: 0;
}
}
/* line 521, ../scss/module/_catalog-product.scss */
.product-collateral {
clear: both;
}
/* line 527, ../scss/module/_catalog-product.scss */
.collateral-tabs dd h2 {
display: none;
}
/* line 533, ../scss/module/_catalog-product.scss */
.box-collateral {
clear: both;
}
@media only screen and (min-width: 768px) {
/* line 27, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs {
display: block;
width: 100%;
position: relative;
border: 1px solid #ccc;
background-color: #F4F4F4;
}
/* line 34, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs li {
float: left;
border-right: 1px solid transparent;
border-left: 1px solid transparent;
}
/* line 39, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs li > span {
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
display: inline-block;
padding: 0 30px;
height: 40px;
line-height: 40px;
cursor: pointer;
text-transform: uppercase;
font-size: 11px;
position: relative;
bottom: -1px;
}
/* line 53, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs li.current {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
/* line 57, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs li.current > span {
background-color: #FFFFFF;
z-index: 5;
}
/* line 63, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs li.current span,
.product-collateral .toggle-tabs li:hover span {
color: #006654;
}
/* line 68, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs li:first-child {
border-left: none;
}
/* line 72, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs:after {
content: '';
display: table;
clear: both;
}
/* line 77, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl {
width: 100%;
}
/* line 80, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt {
display: none;
}
/* line 84, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dd {
width: 100%;
display: none;
padding: 15px;
border: 1px solid #ccc;
border-top: 0;
}
/* line 92, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dd.current {
display: block;
}
}
@media only screen and (max-width: 767px) {
/* line 123, ../scss/mixin/_toggle-content.scss */
.product-collateral .toggle-tabs {
display: none;
}
/* line 128, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: normal;
margin-bottom: 0px;
padding: 7px 10px 7px 24px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
position: relative;
background-color: #F4F4F4;
display: block;
}
/* line 110, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #006654;
border-bottom: none;
right: 10px;
top: 50%;
margin-top: 0;
}
/* line 117, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt:hover {
background-color: #ededed;
}
/* line 133, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dd {
padding: 10px;
margin: 0;
border-width: 0 1px;
border-style: solid;
border-color: #ccc;
}
/* line 140, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dd:last-child {
border-width: 0 1px 1px 1px;
}
/* line 148, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt {
cursor: pointer;
border-bottom-width: 0;
}
/* line 152, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt:hover {
color: #006654;
}
/* line 155, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #006654;
border-right: none;
}
/* line 158, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dt.last {
border-bottom-width: 1px;
}
/* line 163, ../scss/mixin/_toggle-content.scss */
.product-collateral > dl > dd {
display: none;
}
/* line 171, ../scss/mixin/_toggle-content.scss */
.product-collateral.accordion-open > dl > dt.current {
border-bottom-width: 1px;
}
/* line 175, ../scss/mixin/_toggle-content.scss */
.product-collateral.accordion-open > dl > dt.current:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #006654;
border-bottom: none;
left: 6px;
top: 50%;
margin-top: -3px;
}
/* line 183, ../scss/mixin/_toggle-content.scss */
.product-collateral.accordion-open > dl > dd.current {
display: block !important;
}
}
@media only screen and (max-width: 767px) {
/* line 554, ../scss/module/_catalog-product.scss */
.product-view .product-shop,
.product-view .add-to-cart-wrapper,
.product-view .block-related,
.product-img-box,
.product-collateral {
width: 100%;
float: none;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 768px) {
/* line 568, ../scss/module/_catalog-product.scss */
.product-view .product-shop .product-name {
display: block;
}
/* line 571, ../scss/module/_catalog-product.scss */
.product-img-box .product-name {
display: none;
}
}
@media only screen and (max-width: 479px) {
/* line 578, ../scss/module/_catalog-product.scss */
.product-view .product-shop,
.product-img-box,
.product-collateral,
.product-view .block-related,
.box-collateral {
margin-bottom: 15px;
}
}
/* line 588, ../scss/module/_catalog-product.scss */
.product-view .ratings .rating-links {
clear: left;
float: left;
margin-top: 0;
}
/* line 595, ../scss/module/_catalog-product.scss */
#product-attribute-specs-table {
max-width: 50em;
border: 1px solid #c0c0c0;
}
/* line 599, ../scss/module/_catalog-product.scss */
#product-attribute-specs-table th {
border-right: 1px solid #c0c0c0;
border-bottom: 1px solid #c0c0c0;
}
/* -------------------------------------------- *
* Catalog - Grouped Product List
*/
/* line 609, ../scss/module/_catalog-product.scss */
.grouped-items-table-wrapper {
border: solid 1px #c0c0c0;
width: 100%;
padding: 10px;
margin-bottom: 15px;
}
/* line 615, ../scss/module/_catalog-product.scss */
.grouped-items-table-wrapper tbody tr:last-child td {
border-bottom: none;
}
@media only screen and (max-width: 479px) {
/* line 609, ../scss/module/_catalog-product.scss */
.grouped-items-table-wrapper {
margin-bottom: 15px;
}
}
/* line 624, ../scss/module/_catalog-product.scss */
.grouped-items-table .name-wrapper {
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 629, ../scss/module/_catalog-product.scss */
.grouped-items-table .qty-wrapper {
padding-top: 7px;
}
/* line 633, ../scss/module/_catalog-product.scss */
.grouped-items-table .qty-label {
margin-left: 7px;
}
/* line 638, ../scss/module/_catalog-product.scss */
.grouped-items-table td {
padding: 4px;
}
/* line 641, ../scss/module/_catalog-product.scss */
.grouped-items-table td:last-child {
width: 30%;
text-align: left;
}
/* line 646, ../scss/module/_catalog-product.scss */
.grouped-items-table .price-box {
text-align: right;
}
/* -------------------------------------------- *
* Catalog - Product Options
*/
/* line 655, ../scss/module/_catalog-product.scss */
.product-options {
width: 100%;
margin: 10px 0 0;
padding: 10px 15px 15px;
border: 1px solid #DDE2E3;
clear: both;
position: relative;
}
/* line 664, ../scss/module/_catalog-product.scss */
.product-options p.required {
position: absolute;
top: 6px;
right: 15px;
text-align: right;
}
@media only screen and (max-width: 1024px) {
/* line 672, ../scss/module/_catalog-product.scss */
.product-view .product-options .required {
position: static;
}
}
/* line 677, ../scss/module/_catalog-product.scss */
.product-options dt {
margin: 10px 0 3px;
font-weight: normal;
}
/* line 682, ../scss/module/_catalog-product.scss */
.product-options dt:first-child {
margin-top: 0;
}
/* line 686, ../scss/module/_catalog-product.scss */
.product-options dd .qty-holder {
display: block;
padding: 10px 0 0 0;
}
/* line 691, ../scss/module/_catalog-product.scss */
.product-options dd .qty-holder .qty {
width: 3em;
}
/* line 695, ../scss/module/_catalog-product.scss */
.product-options dd .qty-holder label {
vertical-align: middle;
}
/* line 699, ../scss/module/_catalog-product.scss */
.product-options dd .qty-disabled {
background: none;
border: 0;
padding: 0 2px;
}
/* line 705, ../scss/module/_catalog-product.scss */
.product-options dd {
padding: 0 0 10px 0;
margin: 0 0 5px;
border-bottom: 1px solid #DDE2E3;
}
/* line 711, ../scss/module/_catalog-product.scss */
.product-options dl.last dd.last {
border-bottom: 0;
padding-bottom: 5px;
margin-bottom: 0;
}
/* line 717, ../scss/module/_catalog-product.scss */
.product-options dd .input-text {
width: 98%;
}
/* line 721, ../scss/module/_catalog-product.scss */
.product-options dd .input-box {
padding-top: 0;
}
/* line 725, ../scss/module/_catalog-product.scss */
.product-options dd input.datetime-picker {
width: 150px;
}
/* line 729, ../scss/module/_catalog-product.scss */
.product-options dd .time-picker {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
padding: 2px 0;
vertical-align: middle;
}
/* line 735, ../scss/module/_catalog-product.scss */
.product-options dd textarea {
width: 98%;
height: 8em;
}
/* line 740, ../scss/module/_catalog-product.scss */
.product-options dd select {
width: 330px;
max-width: 100%;
}
/* line 745, ../scss/module/_catalog-product.scss */
.product-options ul.options-list {
margin-right: 5px;
}
/* line 749, ../scss/module/_catalog-product.scss */
.product-options ul.options-list li {
line-height: 1.5;
margin-bottom: 7px;
}
/* line 754, ../scss/module/_catalog-product.scss */
.product-options ul.options-list li:last-child {
margin-bottom: 0;
}
/* line 758, ../scss/module/_catalog-product.scss */
.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
float: left;
margin-top: 5px;
}
/* line 764, ../scss/module/_catalog-product.scss */
.product-options ul.options-list .label {
display: block;
}
/* line 768, ../scss/module/_catalog-product.scss */
.product-options ul.options-list label {
font-weight: normal;
}
/* line 772, ../scss/module/_catalog-product.scss */
.product-options p.note {
margin: 0;
font-size: 10px;
}
/* line 777, ../scss/module/_catalog-product.scss */
.product-options-bottom {
background-color: #F4F4F4;
padding: 15px 20px;
border: 1px solid #DDE2E3;
border-top: 0;
margin-bottom: 10px;
}
/* line 785, ../scss/module/_catalog-product.scss */
.product-options-bottom:after {
content: '';
display: table;
clear: both;
}
/* line 789, ../scss/module/_catalog-product.scss */
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
float: right;
margin: 0;
padding: 0 0 10px;
border: 0;
background: 0;
color: #353222;
}
@media only screen and (max-width: 1200px) {
/* line 789, ../scss/module/_catalog-product.scss */
.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
float: none;
width: 100%;
text-align: right;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px solid #DDE2E3;
}
}
/* line 808, ../scss/module/_catalog-product.scss */
.product-options-bottom .tier-prices li {
background: 0;
padding: 2px 0;
}
/* line 813, ../scss/module/_catalog-product.scss */
.product-options-bottom .tier-prices .price,
.product-options-bottom .tier-prices .benefit {
color: #353222;
}
/* "display: none" should be removed if products on site have a long list of product options and those product options */
/* affect the price so that the customer can see the updated price close to the "Add to Cart" button */
/* line 820, ../scss/module/_catalog-product.scss */
.product-options-bottom .price-box {
display: none;
float: right;
margin: 0 0 10px;
padding: 0;
}
@media only screen and (max-width: 479px) {
/* line 828, ../scss/module/_catalog-product.scss */
.product-options-bottom .price-box .price-as-configured {
text-align: right;
}
/* line 831, ../scss/module/_catalog-product.scss */
.product-options-bottom .price-box .price-as-configured .price-label {
display: block;
}
}
/* line 837, ../scss/module/_catalog-product.scss */
.product-options-bottom .price-tax {
float: left;
}
/* -------------------------------------------- *
* Related Products
*/
/* Block: Related */
/* line 849, ../scss/module/_catalog-product.scss */
.block-related li {
margin-bottom: 7px;
}
/* line 853, ../scss/module/_catalog-product.scss */
.block-related .block-title {
border-bottom: none;
}
/* line 856, ../scss/module/_catalog-product.scss */
.block-related .block-title h2 {
margin: 0;
margin-bottom: 20px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 18px;
font-style: normal;
line-height: 1.2;
text-rendering: optimizeLegibility;
margin-bottom: 0;
}
/* line 862, ../scss/module/_catalog-product.scss */
.block-related .block-subtitle {
margin-bottom: 7px;
}
/* line 866, ../scss/module/_catalog-product.scss */
.block-related .product {
margin-left: 20px;
position: relative;
}
/* line 870, ../scss/module/_catalog-product.scss */
.block-related .checkbox {
float: left;
margin-top: 36px;
}
/* line 875, ../scss/module/_catalog-product.scss */
.block-related .product-details {
margin-left: 90px;
}
/* line 879, ../scss/module/_catalog-product.scss */
.block-related .product-name {
margin-bottom: 3px;
}
/* line 883, ../scss/module/_catalog-product.scss */
.block-related .product-details .price-box {
margin: 2px 0 3px;
}
/* line 886, ../scss/module/_catalog-product.scss */
.block-related .product-details .price-box a,
.block-related .product-details .price-box p,
.block-related .product-details .price-box span {
float: left;
margin-left: 3px;
}
/* line 892, ../scss/module/_catalog-product.scss */
.block-related .product-details .price-box a:first-child,
.block-related .product-details .price-box p:first-child,
.block-related .product-details .price-box span:first-child {
margin-left: 0;
font-size: 16px;
padding-right: 5px;
padding-left: 5px;
}
/* line 899, ../scss/module/_catalog-product.scss */
.block-related .product-details .price-box:after {
content: '';
display: table;
clear: both;
}
/* line 903, ../scss/module/_catalog-product.scss */
.block-related .link-wishlist {
display: none;
}
/* -------------------------------------------- *
* Upsell Products
*/
/* line 912, ../scss/module/_catalog-product.scss */
.box-up-sell {
margin-top: 20px;
}
/* line 915, ../scss/module/_catalog-product.scss */
.box-up-sell .ratings {
display: none;
}
/* ============================================ *
* Catalog - MSRP MAP Popup
* ============================================ */
/* line 30, ../../default/scss/module/_catalog-msrp.scss */
.cart-msrp-totals {
color: red;
font-size: 12px !important;
font-weight: bold;
margin: 10px 10px 0;
padding: 10px;
text-align: right;
text-transform: uppercase;
}
/* line 40, ../../default/scss/module/_catalog-msrp.scss */
.map-cart-sidebar-total {
color: red;
display: block;
font-size: 10px;
font-weight: bold;
text-align: left;
padding: 2px 5px;
}
/* line 49, ../../default/scss/module/_catalog-msrp.scss */
.map-popup {
background: #FFFFFF;
border: 5px solid #ccc;
margin: 12px 0 0;
position: absolute;
text-align: left;
width: 450px;
z-index: 100;
}
@media only screen and (min-width: 768px) {
/* line 59, ../../default/scss/module/_catalog-msrp.scss */
.map-popup.map-popup-right {
left: 10px !important;
}
/* line 63, ../../default/scss/module/_catalog-msrp.scss */
.map-popup.map-popup-left {
left: auto !important;
right: 10px !important;
}
}
@media only screen and (max-width: 767px) {
/* line 49, ../../default/scss/module/_catalog-msrp.scss */
.map-popup {
width: 100%;
left: 0px !important;
}
}
/* line 74, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-heading {
padding: 8px 10px;
margin-right: 40px;
width: auto;
}
/* line 79, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-heading h3 {
font-size: 14px;
margin: 0;
overflow: hidden;
white-space: nowrap;
word-wrap: break-word;
text-align: left;
text-overflow: ellipsis;
}
@media only screen and (max-width: 479px) {
/* line 79, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-heading h3 {
text-align: center;
}
}
/* line 94, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-close {
display: block;
position: absolute;
top: 0px;
right: 0px;
height: 36px;
width: 36px;
font-size: 20px;
line-height: 32px;
text-align: center;
}
/* line 106, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-content {
border-top: 1px solid #ededed;
padding: 10px;
margin: 0 10px;
overflow: hidden;
text-align: left;
}
@media only screen and (max-width: 479px) {
/* line 106, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-content {
text-align: center;
}
}
/* line 118, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout {
padding: 10px 0;
}
/* line 121, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout form:after {
content: '';
display: table;
clear: both;
}
/* line 125, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout span {
display: block;
}
/* line 129, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .button {
float: left;
margin: 0 2px;
clear: left;
}
/* line 135, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .additional-addtocart-box {
float: left;
min-width: 210px;
}
/* line 139, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .additional-addtocart-box li {
list-style-type: none;
}
/* line 144, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .paypal-logo {
width: auto;
}
/* line 147, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .paypal-logo a {
display: inline-block;
float: left;
clear: left;
}
/* line 153, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
float: left;
text-align: center;
padding: 5px 15px;
clear: left;
}
/* line 160, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .paypal-logo:after {
content: '';
display: table;
clear: both;
}
/* line 165, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .paypal-logo .bml_button a {
clear: left;
}
@media only screen and (max-width: 479px) {
/* line 118, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout {
text-align: center;
}
/* line 174, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .button,
.map-popup .map-popup-checkout .additional-addtocart-box,
.map-popup .map-popup-checkout .paypal-logo a,
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
float: none;
}
/* line 181, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .additional-addtocart-box {
min-width: 0px;
}
/* line 185, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout .paypal-logo .paypal-or {
margin: 0px;
margin-bottom: 10px;
}
}
/* line 191, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-checkout:after {
content: '';
display: table;
clear: both;
}
/* line 196, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-price {
padding: 10px 0;
}
@media only screen and (max-width: 479px) {
/* line 196, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-price {
text-align: center;
padding-top: 0px;
}
}
/* line 203, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-price .price-box,
.map-popup .map-popup-price .price-box .special-price {
display: inline-block;
margin: 0;
padding: 0;
}
/* line 210, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-price .price-box .minimal-price-link {
display: inline-block;
}
/* line 215, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-text {
padding: 10px 0;
margin: 0 10px;
word-wrap: break-word;
}
/* line 221, ../../default/scss/module/_catalog-msrp.scss */
.map-popup .map-popup-text,
.map-popup .map-popup-only-text {
border-top: 1px solid #ededed;
}
/* ============================================ *
* Catalog - MSRP Product Listing
* ============================================ */
/* line 231, ../../default/scss/module/_catalog-msrp.scss */
.price-box .map-link {
display: block;
text-align: center;
}
/* ============================================ *
* Catalog - Compare
* ============================================ */
/* line 30, ../../default/scss/module/_catalog-compare.scss */
.block-compare .product-name:after {
content: '';
display: table;
clear: both;
}
/* line 34, ../../default/scss/module/_catalog-compare.scss */
.compare-table .product-image {
display: inline-block;
}
/* line 40, ../../default/scss/module/_catalog-compare.scss */
.compare-table .product-shop-row.top td {
padding-bottom: 0;
border-bottom: 0;
}
/* line 45, ../../default/scss/module/_catalog-compare.scss */
.compare-table .product-shop-row.bottom td {
padding-top: 0;
}
/* ============================================ *
* Checkout - Layout
* ============================================ */
/* line 30, ../scss/module/_checkout-cart.scss */
.cart-table {
width: 100%;
}
/* line 34, ../scss/module/_checkout-cart.scss */
.cart .button {
white-space: normal;
}
/* line 38, ../scss/module/_checkout-cart.scss */
.cart-forms,
.cart-totals-wrapper,
.crosssell {
width: 100%;
}
/* line 44, ../scss/module/_checkout-cart.scss */
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
padding: 10px;
border: 1px solid #ccc;
}
/* line 52, ../scss/module/_checkout-cart.scss */
.cart-table,
.cart-totals,
.cart-forms .discount,
.cart-forms .giftcard,
.cart-forms .shipping {
margin-bottom: 10px;
}
/* line 61, ../scss/module/_checkout-cart.scss */
.checkout-cart-index #postcode {
width: 100%;
}
/* line 67, ../scss/module/_checkout-cart.scss */
.display-both-prices .cart-table {
float: none;
width: 100%;
}
/* line 72, ../scss/module/_checkout-cart.scss */
.display-both-prices .cart-forms {
float: left;
padding-right: 10px;
padding-left: 0;
}
/* line 78, ../scss/module/_checkout-cart.scss */
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell {
padding-left: 10px;
}
/* line 83, ../scss/module/_checkout-cart.scss */
.display-both-prices .crosssell {
clear: right;
float: right;
}
@media only screen and (max-width: 1024px) {
/* line 67, ../scss/module/_checkout-cart.scss */
.display-single-price .cart-table {
float: none;
width: 100%;
}
/* line 72, ../scss/module/_checkout-cart.scss */
.display-single-price .cart-forms {
float: left;
padding-right: 10px;
padding-left: 0;
}
/* line 78, ../scss/module/_checkout-cart.scss */
.display-single-price .cart-totals-wrapper,
.display-single-price .crosssell {
padding-left: 10px;
}
/* line 83, ../scss/module/_checkout-cart.scss */
.display-single-price .crosssell {
clear: right;
float: right;
}
}
@media only screen and (max-width: 599px) {
/* line 100, ../scss/module/_checkout-cart.scss */
.product-cart-sku {
display: none;
}
/* line 106, ../scss/module/_checkout-cart.scss */
.display-both-prices .cart-forms,
.display-both-prices .cart-totals-wrapper,
.display-both-prices .crosssell,
.display-single-price .cart-forms,
.display-single-price .cart-totals-wrapper,
.display-single-price .crosssell {
padding-top: 0;
padding-left: 0;
padding-right: 0;
float: none;
width: 100%;
}
}
/* line 119, ../scss/module/_checkout-cart.scss */
.display-single-price:after {
content: '';
display: table;
clear: both;
}
/* ============================================ *
* Checkout - Cart
* ============================================ */
/* line 129, ../scss/module/_checkout-cart.scss */
.cart-form-container form {
width: 100%;
}
/* line 132, ../scss/module/_checkout-cart.scss */
.cart-form-container .cart-forms {
width: 55%;
float: left;
}
/* line 136, ../scss/module/_checkout-cart.scss */
.cart-form-container .cart-totals-wrapper {
width: 43%;
float: right;
clear: right;
}
/* line 142, ../scss/module/_checkout-cart.scss */
.cart-form-container .cart-slider-crosssell {
width: 55%;
float: left;
}
/* line 146, ../scss/module/_checkout-cart.scss */
.cart-form-container .cart-slider-crosssell .page-title {
margin-bottom: 2px;
}
@media only screen and (max-width: 769px) {
/* line 152, ../scss/module/_checkout-cart.scss */
.cart-form-container form {
width: 100%;
float: none;
}
/* line 156, ../scss/module/_checkout-cart.scss */
.cart-form-container .cart-forms {
width: 100%;
float: none;
}
/* line 160, ../scss/module/_checkout-cart.scss */
.cart-form-container .cart-totals-wrapper {
width: 100%;
float: none;
clear: none;
}
/* line 166, ../scss/module/_checkout-cart.scss */
.cart-form-container .cart-slider-crosssell {
width: 100%;
float: none;
}
}
/* line 189, ../scss/module/_checkout-cart.scss */
.checkout-cart-index .btn-proceed-checkout,
.checkout-cart-index .btn-continue {
width: 100%;
}
/* line 194, ../scss/module/_checkout-cart.scss */
.checkout-cart-index .btn-proceed-checkout {
background: #006654 !important;
text-transform: uppercase !important;
font-size: 14px;
line-height: 32px;
}
/* line 200, ../scss/module/_checkout-cart.scss */
.checkout-cart-index .btn-proceed-checkout:hover {
background-color: #004738 !important;
}
/* line 205, ../scss/module/_checkout-cart.scss */
.checkout-cart-index .stick-bottom {
width: 100%;
left: 0;
bottom: 0;
position: fixed;
z-index: 9999;
font-size: 18px;
line-height: 40px;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
/* line 217, ../scss/module/_checkout-cart.scss */
.checkout-types {
max-width: 100%;
/* We always want this shipping method to display on its own line */
}
/* line 222, ../scss/module/_checkout-cart.scss */
.checkout-types li {
vertical-align: top;
margin: 0 0 5px 5px;
}
/* line 223, ../scss/module/_checkout-cart.scss */
.checkout-types li:after {
content: '';
display: table;
clear: both;
}
/* line 229, ../scss/module/_checkout-cart.scss */
.checkout-types li img {
display: inline;
vertical-align: top;
}
/* line 234, ../scss/module/_checkout-cart.scss */
.checkout-types li:first-child {
margin-left: 0;
}
/* line 238, ../scss/module/_checkout-cart.scss */
.checkout-types .method-checkout-cart-methods-multishipping {
display: block;
}
/* line 243, ../scss/module/_checkout-cart.scss */
.checkout-types.top li {
display: inline-block;
}
/* line 247, ../scss/module/_checkout-cart.scss */
.checkout-types.top .bml_button {
display: inline-block;
vertical-align: top;
}
/* line 251, ../scss/module/_checkout-cart.scss */
.checkout-types.top .bml_button img {
display: block;
}
/* line 256, ../scss/module/_checkout-cart.scss */
.checkout-types.top .paypal-logo .paypal-or {
margin-top: 5px;
}
/* line 264, ../scss/module/_checkout-cart.scss */
.checkout-types.bottom .paypal-logo a, .checkout-types.minicart .paypal-logo a {
display: block;
}
/* line 268, ../scss/module/_checkout-cart.scss */
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
margin: 0px;
display: block;
text-align: center;
}
@media only screen and (min-width: 741px) {
/* line 278, ../scss/module/_checkout-cart.scss */
.checkout-types.bottom .paypal-or {
text-align: right;
padding-right: 70px;
}
}
/* line 285, ../scss/module/_checkout-cart.scss */
.btn-continue {
float: left;
padding: 0 21px !important;
text-transform: uppercase !important;
}
/* line 291, ../scss/module/_checkout-cart.scss */
.cart-totals .checkout-types .btn-checkout {
float: right;
line-height: 32px;
height: 45px;
padding: 0 21px;
font-size: 14px;
}
@media only screen and (max-width: 740px) {
/* line 300, ../scss/module/_checkout-cart.scss */
.checkout-types {
float: none;
text-align: center;
}
/* line 306, ../scss/module/_checkout-cart.scss */
.checkout-types.bottom .paypal-or, .checkout-types.minicart .paypal-or {
width: auto;
float: none;
}
/* line 313, ../scss/module/_checkout-cart.scss */
.checkout-types li {
float: none;
width: 100%;
margin-left: 0;
}
}
@media only screen and (max-width: 599px) {
/* line 321, ../scss/module/_checkout-cart.scss */
.btn-checkout, .btn-continue {
width: 100%;
}
/* line 325, ../scss/module/_checkout-cart.scss */
.btn-continue {
margin-bottom: 10px;
}
}
/* line 330, ../scss/module/_checkout-cart.scss */
.cart-table {
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 333, ../scss/module/_checkout-cart.scss */
.cart-table th,
.cart-table td,
.cart-table tbody td {
border-bottom: none;
vertical-align: top;
}
/* line 341, ../scss/module/_checkout-cart.scss */
.cart-table h2 {
color: #353222;
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
}
/* line 348, ../scss/module/_checkout-cart.scss */
.cart-table thead th,
.cart-table tbody td {
background-color: transparent;
padding: 10px 5px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 355, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-info,
.cart-table .product-cart-actions {
padding-left: 15px;
}
/* line 360, ../scss/module/_checkout-cart.scss */
.cart-table tr {
border-bottom: 1px solid #c0c0c0;
}
/* line 365, ../scss/module/_checkout-cart.scss */
.cart-table tfoot tr {
background: none;
}
/* line 369, ../scss/module/_checkout-cart.scss */
.cart-table tfoot tr > td:after {
content: '';
display: table;
clear: both;
}
/* line 374, ../scss/module/_checkout-cart.scss */
.cart-table span.or {
font-size: 9px;
padding: 0 5px;
text-transform: uppercase;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 381, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove,
.cart-table .product-cart-actions .button {
display: none;
}
/* line 387, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image {
width: 9%;
}
/* line 390, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image .product-image-link {
position: relative;
display: block;
}
/* line 395, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image img {
max-width: 100%;
border: 1px solid #c0c0c0;
}
/* line 400, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image a.cart-edit {
display: none;
}
/* line 405, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-sku {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-style: italic;
font-size: 11px;
margin: 5px 0 12px;
}
/* line 411, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-sku .label {
font-weight: 600;
}
/* line 416, ../scss/module/_checkout-cart.scss */
.cart-table .btn-empty {
float: left;
}
/* line 420, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-total,
.cart-table .product-cart-price {
text-align: center;
}
/* line 425, ../scss/module/_checkout-cart.scss */
.cart-table .cart-tax-total {
position: relative;
cursor: pointer;
}
/* line 429, ../scss/module/_checkout-cart.scss */
.cart-table .cart-tax-total:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid #353222;
border-left: none;
position: absolute;
top: 3px;
right: -11px;
}
/* line 437, ../scss/module/_checkout-cart.scss */
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
border-top: 6px solid #353222;
border-bottom: none;
right: -15px;
top: 6px;
}
/* line 445, ../scss/module/_checkout-cart.scss */
.cart-table .cart-links > li {
white-space: nowrap;
line-height: 1.3;
margin-bottom: 5px;
min-width: 65px;
font-size: 12px;
}
/* line 452, ../scss/module/_checkout-cart.scss */
.cart-table .cart-links > li > a {
display: block;
}
/* line 456, ../scss/module/_checkout-cart.scss */
.cart-table .cart-links > li:last-child {
margin-bottom: 0;
}
/* line 461, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions {
min-width: 60px;
text-align: center;
}
/* line 465, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions .qty {
height: 30px;
border-color: #DDE2E3;
border-radius: 0;
text-align: center;
width: 3.2em;
}
/* line 473, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions .button {
margin-bottom: 5px;
}
/* line 478, ../scss/module/_checkout-cart.scss */
.cart-table .item-options {
padding-left: 15px;
}
@media only screen and (max-width: 767px) {
/* line 486, ../scss/module/_checkout-cart.scss */
.cart-table th {
font-size: 11px;
}
/* line 490, ../scss/module/_checkout-cart.scss */
.cart-table th,
.cart-table td {
padding: 7px 6px;
}
/* line 495, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions > li {
white-space: inherit;
}
}
@media only screen and (max-width: 699px) {
/* line 504, ../scss/module/_checkout-cart.scss */
.display-both-prices .cart-table thead th.cart-total-head,
.display-both-prices .cart-table td.product-cart-total {
display: none;
}
}
@media only screen and (max-width: 599px) {
/* line 515, ../scss/module/_checkout-cart.scss */
.cart-table colgroup, .cart-table thead {
display: none;
}
/* line 519, ../scss/module/_checkout-cart.scss */
.cart-table tr {
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
position: relative;
width: 100%;
}
/* line 526, ../scss/module/_checkout-cart.scss */
.cart-table tr:after {
content: '';
display: table;
clear: both;
}
/* line 530, ../scss/module/_checkout-cart.scss */
.cart-table tr:last-child {
margin-bottom: 0;
}
/* line 535, ../scss/module/_checkout-cart.scss */
.cart-table tfoot tr {
padding-bottom: 0;
}
/* line 539, ../scss/module/_checkout-cart.scss */
.cart-table td {
border: none;
display: block;
}
/* line 543, ../scss/module/_checkout-cart.scss */
.cart-table td[data-rwd-label] {
padding-left: 15px;
margin-bottom: 6px;
}
/* line 547, ../scss/module/_checkout-cart.scss */
.cart-table td[data-rwd-label] .price {
font-weight: normal;
}
/* line 551, ../scss/module/_checkout-cart.scss */
.cart-table td[data-rwd-label]:before {
content: attr(data-rwd-label) ":";
font-size: 11px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
padding-right: 5px;
text-transform: uppercase;
}
/* line 560, ../scss/module/_checkout-cart.scss */
.cart-table td.product-cart-price {
text-align: left;
}
/* line 565, ../scss/module/_checkout-cart.scss */
.cart-table h2 {
font-size: 11px;
}
/* line 569, ../scss/module/_checkout-cart.scss */
.cart-table .cart-links {
padding-top: 5px;
padding-right: 5px;
}
/* line 573, ../scss/module/_checkout-cart.scss */
.cart-table .cart-links > li {
white-space: normal;
text-align: center;
}
/* line 577, ../scss/module/_checkout-cart.scss */
.cart-table .cart-links > li > a {
padding: 2px 0px;
}
/* line 583, ../scss/module/_checkout-cart.scss */
.cart-table .cart-tax-info {
font-style: italic;
padding-left: 15px;
font-size: 12px;
}
/* line 588, ../scss/module/_checkout-cart.scss */
.cart-table .cart-tax-info .price {
font-size: 12px;
}
/* line 593, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image {
width: 25%;
float: left;
padding-bottom: 0;
}
/* line 598, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image a.cart-edit {
display: block;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}
/* line 606, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-info,
.cart-table td[data-rwd-label] {
float: right;
width: 75%;
}
/* line 612, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions,
.cart-table .product-cart-price {
padding-bottom: 0;
padding-top: 0;
float: right;
}
/* line 619, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-remove,
.cart-table .product-cart-total,
.cart-table .product-cart-actions .cart-links {
display: none;
}
/* line 625, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-image .cart-links,
.cart-table .product-cart-info .btn-remove {
display: block;
}
/* line 631, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions .button {
display: none;
}
/* line 637, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-info .btn-remove {
float: right;
margin: -4px 0px 2px 7px;
}
/* line 642, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-info .product-cart-sku {
margin-bottom: 5px;
}
/* line 647, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions {
text-align: left;
}
/* line 650, ../scss/module/_checkout-cart.scss */
.cart-table .product-cart-actions .qty {
margin-right: 7px;
margin-bottom: 7px;
}
/* line 656, ../scss/module/_checkout-cart.scss */
.cart-table .price,
.cart-table .product-cart-price:before {
font-weight: 500;
font-size: 15px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 668, ../scss/module/_checkout-cart.scss */
.display-both-prices .cart-table td[data-rwd-tax-label]:before {
content: attr(data-rwd-tax-label) ":";
}
}
/* line 681, ../scss/module/_checkout-cart.scss */
.cart .cart-totals {
text-align: right;
}
/* line 684, ../scss/module/_checkout-cart.scss */
.cart .cart-totals:after {
content: '';
display: table;
clear: both;
}
/* line 688, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
margin-bottom: 20px;
text-transform: uppercase;
width: 100%;
}
/* line 695, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table td {
padding: 2px 0px;
}
/* line 698, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table td:first-child {
padding-right: 10px;
min-width: 120px;
}
/* line 703, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table tbody tr:last-child td,
.cart .cart-totals table tbody tr:last-child th {
padding-bottom: 10px;
}
/* line 708, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table tfoot {
border-bottom: 1px solid #E6E6E6;
}
/* line 710, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table tfoot td {
font-size: 24px;
padding: 2px 5px;
vertical-align: top;
}
/* line 716, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table tfoot strong span,
.cart .cart-totals table tfoot span.price {
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 722, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table tfoot strong {
font-weight: 400;
}
/* line 728, ../scss/module/_checkout-cart.scss */
.cart .cart-totals .payment-methods {
display: inline-block;
margin: 10px auto;
width: 100%;
}
/* line 733, ../scss/module/_checkout-cart.scss */
.cart .cart-totals .payment-methods img {
padding-left: 5px;
padding-right: 5px;
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 600px) {
/* line 744, ../scss/module/_checkout-cart.scss */
.cart-totals {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
/* line 751, ../scss/module/_checkout-cart.scss */
.cart .cart-totals table tfoot td {
font-size: 18px;
}
}
/* line 760, ../scss/module/_checkout-cart.scss */
.discount-form:after,
#giftcard-form:after {
content: '';
display: table;
clear: both;
}
/* line 765, ../scss/module/_checkout-cart.scss */
#discount-coupon-form,
.cart .giftcard {
width: 100%;
}
/* line 769, ../scss/module/_checkout-cart.scss */
#discount-coupon-form h2,
.cart .giftcard h2 {
display: none;
}
/* line 773, ../scss/module/_checkout-cart.scss */
#discount-coupon-form label,
.cart .giftcard label {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
min-width: 105px;
display: inline-block;
margin-right: 10px;
}
/* line 784, ../scss/module/_checkout-cart.scss */
#discount-coupon-form .field-wrapper,
.cart .giftcard .field-wrapper {
display: inline-block;
}
/* ============================================ *
* Checkout - Cart Cross sell
* ============================================ */
/* line 828, ../scss/module/_checkout-cart.scss */
.crosssell h2 {
color: #146B87;
}
/* line 832, ../scss/module/_checkout-cart.scss */
.crosssell .item a.product-image {
width: auto;
float: left;
}
/* Change the layout to 2 columns at a breakpoint that is higher than a 3 columns layout would normally break */
@media only screen and (max-width: 1024px) {
/* line 840, ../scss/module/_checkout-cart.scss */
.crosssell {
/* Undo three-column config */
}
/* line 841, ../scss/module/_checkout-cart.scss */
.crosssell .products-grid > li:nth-child(even),
.crosssell .products-grid > li:nth-child(3n),
.crosssell .products-grid > li {
width: 47.72727%;
margin-right: 4.54545%;
}
/* line 848, ../scss/module/_checkout-cart.scss */
.crosssell .products-grid > li:nth-child(odd) {
clear: left;
}
/* line 852, ../scss/module/_checkout-cart.scss */
.crosssell .products-grid > li:nth-child(even) {
margin-right: 0;
}
/* line 857, ../scss/module/_checkout-cart.scss */
.crosssell .products-grid > li:nth-child(3n+1) {
clear: none;
}
}
@media only screen and (max-width: 599px) {
/* line 866, ../scss/module/_checkout-cart.scss */
.cart-table .cart-tax-total:after {
right: -9px;
}
/* line 870, ../scss/module/_checkout-cart.scss */
.cart-table .cart-tax-total.cart-tax-total-expanded:after {
right: -13px;
}
}
@media only screen and (max-width: 320px) {
/* line 881, ../scss/module/_checkout-cart.scss */
.crosssell ul .item {
padding: 0 0px 40px;
}
/* line 885, ../scss/module/_checkout-cart.scss */
.crosssell ul .product-details .crosssell-actions {
padding: 0 5px;
}
}
/* ============================================ *
* Checkout - One Page
* ============================================ */
/* line 30, ../../default/scss/module/_checkout-onepage.scss */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
display: none;
}
/* line 35, ../../default/scss/module/_checkout-onepage.scss */
.checkout-onepage-index .col-main {
width: auto;
float: none;
}
@media only screen and (min-width: 1025px) {
/* line 42, ../../default/scss/module/_checkout-onepage.scss */
.checkout-onepage-index .col-main {
float: left;
width: 68.75%;
padding-right: 20px;
}
/* line 48, ../../default/scss/module/_checkout-onepage.scss */
.checkout-onepage-index .col-right,
.checkout-onepage-index .col-left {
width: 31.25%;
display: block;
}
/* line 54, ../../default/scss/module/_checkout-onepage.scss */
.checkout-onepage-index .col-right {
padding-left: 0;
}
}
/* line 61, ../../default/scss/module/_checkout-onepage.scss */
.opc select {
width: 365px;
}
/* -------------------------------------------- *
* Section Styling - Default
*/
/* line 70, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step-title {
width: 100%;
border-top: 1px solid #DDE2E3;
position: relative;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
/* line 76, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step-title:after {
content: '';
display: table;
clear: both;
}
/* line 81, ../../default/scss/module/_checkout-onepage.scss */
.opc .section.allow:not(.active) .step-title {
cursor: pointer;
}
/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */
/* line 86, ../../default/scss/module/_checkout-onepage.scss */
.no-touch .opc .section.allow:not(.active) .step-title:hover {
background-color: #F4F4F4;
}
/* line 90, ../../default/scss/module/_checkout-onepage.scss */
.opc .section.active .step-title {
border-bottom: 1px solid #DDE2E3;
}
/* line 94, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step-title a {
display: none;
}
/* line 98, ../../default/scss/module/_checkout-onepage.scss */
.opc .section.allow:not(.active) .step-title a {
display: block;
float: right;
line-height: 40px;
height: 40px;
padding: 0px 10px;
}
/* line 106, ../../default/scss/module/_checkout-onepage.scss */
.no-touch .opc .section .step-title a:hover {
text-decoration: none;
}
/* line 110, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step-title .number,
.opc .section.allow.active .step-title .number,
.no-touch .opc .section.allow:hover .step-title .number {
width: 26px;
height: 26px;
text-align: center;
color: #FFFFFF;
line-height: 26px;
background-color: #006654;
display: block;
position: absolute;
top: 50%;
left: 10px;
margin-top: -13px;
}
/* line 126, ../../default/scss/module/_checkout-onepage.scss */
.opc .section.allow .step-title .number {
background-color: #80b3aa;
}
/* line 130, ../../default/scss/module/_checkout-onepage.scss */
.opc .section.allow .step-title h2 {
color: #555555;
}
/* line 134, ../../default/scss/module/_checkout-onepage.scss */
.opc .section.allow .step-title:hover h2,
.opc .section.active .step-title h2 {
color: #353222;
}
/* line 139, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step-title h2 {
font-size: 16px;
font-weight: 400;
line-height: 40px;
height: 40px;
float: left;
margin: 0px 4px 0px 45px;
}
/* line 148, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step {
padding: 20px;
}
/* line 151, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step:after {
content: '';
display: table;
clear: both;
}
@media only screen and (max-width: 1024px) {
/* line 148, ../../default/scss/module/_checkout-onepage.scss */
.opc .section .step {
padding: 10px;
}
}
/* line 160, ../../default/scss/module/_checkout-onepage.scss */
.opc select {
max-width: 365px;
width: 100%;
}
/* line 165, ../../default/scss/module/_checkout-onepage.scss */
.opc h3 {
font-weight: 500;
}
/* line 169, ../../default/scss/module/_checkout-onepage.scss */
.opc .buttons-set {
text-align: left;
}
/* line 172, ../../default/scss/module/_checkout-onepage.scss */
.opc .buttons-set button.button {
float: left;
margin-left: 0;
margin-right: 10px;
margin-bottom: 0;
}
/* line 178, ../../default/scss/module/_checkout-onepage.scss */
.opc .buttons-set p.required {
float: right;
margin-left: 5px;
margin-bottom: 0;
}
/* line 183, ../../default/scss/module/_checkout-onepage.scss */
.opc .buttons-set .back-link {
float: right;
margin: 0;
}
/* line 187, ../../default/scss/module/_checkout-onepage.scss */
.opc .buttons-set a {
line-height: 20px;
display: inline-block;
padding: 5px 5px 5px 0;
}
@media only screen and (max-width: 479px) {
/* line 197, ../../default/scss/module/_checkout-onepage.scss */
.opc .buttons-set .button + .buttons-set .button,
.paypal-express-review .buttons-set .button + .buttons-set .button {
margin-left: 0;
}
}
/* line 204, ../../default/scss/module/_checkout-onepage.scss */
.opc #opc-login .step {
padding: 0px;
}
/* line 208, ../../default/scss/module/_checkout-onepage.scss */
.opc #opc-login .buttons-set {
border-top: 0;
padding-top: 5px;
}
@media only screen and (max-width: 767px) {
/* line 215, ../../default/scss/module/_checkout-onepage.scss */
.opc #opc-login .description,
.opc #opc-login p.required {
display: none;
}
}
/* line 221, ../../default/scss/module/_checkout-onepage.scss */
#opc-payment .note {
padding: 10px;
}
/* -------------------------------------------- *
* This section hides everything but the "Checkout Method" step of the checkout process and fades in the content
* once the customer progresses to the next step. The purpose of this is to simplify what the customer has to focus on.
* It is limited to larger viewports since smaller devices are inherently going to be focused solely on the
* "Checkout Method" step.
*/
/* line 232, ../../default/scss/module/_checkout-onepage.scss */
.opc.opc-firststep-login .section:not(#opc-login) .step-title,
.opc-block-progress-step-login {
-webkit-transition: opacity 300ms 0;
transition: opacity 300ms 0;
}
/* line 237, ../../default/scss/module/_checkout-onepage.scss */
.opc.opc-firststep-login .section#opc-login .step-title .number {
-webkit-transition: width 80ms 0;
transition: width 80ms 0;
}
/* line 241, ../../default/scss/module/_checkout-onepage.scss */
.opc.opc-firststep-login .section#opc-login .step-title h2 {
-webkit-transition: margin-left 80ms 0;
transition: margin-left 80ms 0;
}
/* When a user progresses from the "Checkout Method" to "Billing Information" for the first time, the */
/* "opc-has-progressed-from-login" class gets added to the body. Also, the .opc element will only have the */
/* "opc-firststep-login" class if the first step of the checkout is the "Checkout Method" (eg, not when logged in) */
/* line 248, ../../default/scss/module/_checkout-onepage.scss */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section:not(#opc-login) .step-title,
body:not(.opc-has-progressed-from-login) .opc-block-progress-step-login {
opacity: 0;
}
/* line 253, ../../default/scss/module/_checkout-onepage.scss */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title .number {
width: 0px;
overflow: hidden;
}
/* line 258, ../../default/scss/module/_checkout-onepage.scss */
body:not(.opc-has-progressed-from-login) .opc.opc-firststep-login .section#opc-login .step-title h2 {
margin-left: 0px;
}
/* -------------------------------------------- *
* Shipping and Payment methods
*/
/* line 266, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods {
margin: 0 0 8px;
}
/* line 269, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods dt {
margin: 13px 0 5px;
font-weight: bold;
}
/* line 273, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods dt:first-child {
margin: 0 0 5px;
}
/* line 277, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods dd li {
margin: 5px 0;
}
/* line 280, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods label img {
float: left;
}
/* line 283, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods label a {
margin-top: 6px;
float: right;
margin-left: 10px;
}
/* line 288, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .price {
font-weight: bold;
}
/* line 291, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .form-list {
padding-left: 20px;
}
/* line 294, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .form-list li {
margin: 0 0 8px;
}
/* line 298, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods select.month {
width: 120px;
margin-right: 10px;
}
/* line 302, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods select.year {
width: 96px;
}
/* line 305, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods input.cvv {
width: 4em !important;
}
/* line 308, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods #advice-validate-cc-exp-ccsave_expiration {
max-width: 130px;
}
/* line 313, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .checkmo-list li {
margin: 0 0 5px;
content: '';
display: table;
clear: both;
}
/* line 317, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .checkmo-list label {
width: 165px;
padding-right: 15px;
text-align: right;
float: left;
}
/* line 323, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .checkmo-list address {
float: left;
}
@media only screen and (max-width: 479px) {
/* line 312, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .checkmo-list {
padding-left: 0;
}
/* line 330, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .checkmo-list label {
width: 135px;
}
}
/* line 336, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .release-amounts {
margin: 0.5em 0;
}
/* line 339, ../../default/scss/module/_checkout-onepage.scss */
.sp-methods .release-amounts button {
float: left;
margin: 5px 10px 0 0;
}
/* One Page Checkout */
/* line 346, ../../default/scss/module/_checkout-onepage.scss */
.block-progress {
border: 0;
margin: 0;
border-left: 1px solid #ccc;
padding-left: 20px;
}
/* line 352, ../../default/scss/module/_checkout-onepage.scss */
.block-progress .block-content {
font-size: 12px;
}
/* line 355, ../../default/scss/module/_checkout-onepage.scss */
.block-progress dt {
padding-top: 6px;
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
margin-bottom: 6px;
text-transform: uppercase;
font-weight: normal;
color: #555555;
}
/* line 364, ../../default/scss/module/_checkout-onepage.scss */
.block-progress dt.complete {
color: #353222;
}
/* line 367, ../../default/scss/module/_checkout-onepage.scss */
.block-progress dd {
padding-left: 15px;
margin-bottom: 10px;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-style: italic;
}
/* line 373, ../../default/scss/module/_checkout-onepage.scss */
.block-progress dd address {
font-style: italic;
}
/* line 378, ../../default/scss/module/_checkout-onepage.scss */
.block-progress #payment-progress-opcheckout .subtitle {
margin-bottom: 3px;
}
/* line 384, ../../default/scss/module/_checkout-onepage.scss */
.block-progress .payment-info dt {
padding: 0;
margin: 0 0 3px 0;
color: #353222;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
text-transform: none;
font-style: italic;
float: left;
clear: both;
font-size: 12px;
}
/* line 395, ../../default/scss/module/_checkout-onepage.scss */
.block-progress .payment-info dt:after {
content: ': ';
}
/* line 400, ../../default/scss/module/_checkout-onepage.scss */
.block-progress .payment-info dd {
float: left;
margin-bottom: 3px;
font-size: 12px;
}
/* line 406, ../../default/scss/module/_checkout-onepage.scss */
.block-progress .payment-info:after {
content: '';
display: table;
clear: both;
}
/* review step */
/* line 416, ../../default/scss/module/_checkout-onepage.scss */
#checkout-review-table .btn-remove img {
display: none;
}
/* line 422, ../../default/scss/module/_checkout-onepage.scss */
#checkout-review-table-wrapper {
clear: both;
}
/* line 426, ../../default/scss/module/_checkout-onepage.scss */
#review-buttons-container {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
/* line 431, ../../default/scss/module/_checkout-onepage.scss */
#review-buttons-container .btn-checkout {
min-width: 220px;
}
/* line 434, ../../default/scss/module/_checkout-onepage.scss */
#review-buttons-container .please-wait {
float: left;
margin-right: 10px;
}
/* line 438, ../../default/scss/module/_checkout-onepage.scss */
#review-buttons-container .f-left {
float: right;
}
@media only screen and (max-width: 599px) {
/* line 445, ../../default/scss/module/_checkout-onepage.scss */
.linearize-table-large.checkout-review-table thead tr:nth-child(1n+2) {
display: none;
}
}
@media only screen and (max-width: 479px) {
/* line 452, ../../default/scss/module/_checkout-onepage.scss */
.linearize-table.checkout-review-table thead tr:nth-child(1n+2) {
display: none;
}
}
/* show/hide "change" link for progress step depend on complete status
* should be placed in .css file */
/* line 459, ../../default/scss/module/_checkout-onepage.scss */
.opc-block-progress dt.complete a,
.opc-block-progress dt.complete .separator {
display: inline;
}
/* line 464, ../../default/scss/module/_checkout-onepage.scss */
.opc-block-progress dt a,
.opc-block-progress dt .separator {
display: none;
}
/* On small screens, the progress review content will be moved to the review step via JS. Styled via this CSS: */
/* line 470, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .opc-block-progress {
border-left: none;
padding-left: 0;
}
/* line 474, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .opc-block-progress .block-title {
display: none;
}
/* line 477, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .opc-block-progress .block-content {
display: block !important;
padding: 0;
}
/* line 482, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .opc-block-progress .block-content > dl > div {
float: left;
width: 50%;
}
@media only screen and (max-width: 479px) {
/* line 488, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .opc-block-progress .block-content > dl > div {
float: none;
width: auto;
}
}
/* line 494, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .opc-block-progress .block-content .changelink {
display: none;
}
@media only screen and (max-width: 479px) {
/* line 501, ../../default/scss/module/_checkout-onepage.scss */
#checkout-review-table thead > tr > th {
display: none;
}
/* line 504, ../../default/scss/module/_checkout-onepage.scss */
#checkout-review-table thead > tr > th:first-child {
display: block;
}
/* line 508, ../../default/scss/module/_checkout-onepage.scss */
#checkout-review-table thead > tr > th:first-child {
display: block;
}
}
/* line 514, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .centinel > p {
margin-bottom: 10px;
}
/* line 518, ../../default/scss/module/_checkout-onepage.scss */
#checkout-step-review .centinel iframe {
width: 100%;
min-height: 400px;
}
/* Gift options */
/* line 526, ../../default/scss/module/_checkout-onepage.scss */
.gift-messages-form .item {
content: '';
display: table;
clear: both;
margin-top: 30px;
}
/* line 530, ../../default/scss/module/_checkout-onepage.scss */
.gift-messages-form .item h5 {
font-weight: bold;
}
/* line 534, ../../default/scss/module/_checkout-onepage.scss */
.gift-messages-form .item .product-img-box {
width: auto;
float: left;
padding-right: 15px;
}
/* line 540, ../../default/scss/module/_checkout-onepage.scss */
.gift-messages-form .item .details {
float: left;
}
/* line 548, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .inner-box > div {
content: '';
display: table;
clear: both;
width: 100%;
margin-top: 15px;
display: block;
}
/* line 555, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .inner-box > div.extra-options-container p {
margin-bottom: 15px;
}
/* line 563, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-wrapping-form label {
margin-right: 10px;
}
/* line 567, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-wrapping-form img {
float: left;
}
/* line 571, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-wrapping-form .gift-wrapping-design {
height: 75px;
}
/* line 574, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-wrapping-form .gift-wrapping-design:after {
content: '';
display: table;
clear: both;
}
/* line 578, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-wrapping-form .gift-wrapping-design .image-box {
margin-right: 5px;
}
/* line 584, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: solid 1px #DDE2E3;
}
/* line 589, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item:after {
content: '';
display: table;
clear: both;
}
/* line 593, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item .product-img-box {
width: 200px;
}
/* line 596, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item .product-img-box .product-image {
width: 75px;
margin-left: auto;
margin-right: auto;
}
/* line 602, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item .product-img-box .product-name {
display: block;
}
/* line 607, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item .fieldset {
margin-left: 200px;
}
@media only screen and (max-width: 767px) {
/* line 616, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .giftmessage-area {
max-width: 100%;
}
/* line 621, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item .product-img-box {
width: 100%;
float: none;
}
/* line 626, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item .fieldset {
margin-left: 0px;
}
/* line 629, ../../default/scss/module/_checkout-onepage.scss */
.gift-message-form .gift-item .fieldset textarea {
width: 100%;
}
}
/* ============================================ *
* Checkout - Success
* ============================================ */
/* line 31, ../../default/scss/module/_checkout-success.scss */
.checkout-onepage-success .col-main {
padding: 0;
text-align: center;
}
/* line 36, ../../default/scss/module/_checkout-success.scss */
.checkout-onepage-success .buttons-set {
margin: 10px 0;
text-align: center;
}
/* line 40, ../../default/scss/module/_checkout-success.scss */
.checkout-onepage-success .buttons-set button {
float: none;
}
/* ============================================ *
* Configurable Swatches
* ============================================ */
/* Clears */
/* line 34, ../../default/scss/module/_configurableswatches.scss */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
content: '';
display: table;
clear: both;
}
/* General Swatch Styling */
/* line 40, ../../default/scss/module/_configurableswatches.scss */
.swatch-link,
.swatch-label {
display: block;
border-radius: 3px;
font-size: 14px;
text-align: center;
color: #353222;
text-decoration: none;
box-sizing: content-box;
}
/* line 51, ../../default/scss/module/_configurableswatches.scss */
.swatch-link {
border: 1px solid #ccc;
margin: 0 0 3px;
}
/* line 55, ../../default/scss/module/_configurableswatches.scss */
.swatch-link img {
border-radius: 2px;
}
/* line 59, ../../default/scss/module/_configurableswatches.scss */
.swatch-link:hover {
cursor: pointer;
text-decoration: none;
}
/* line 64, ../../default/scss/module/_configurableswatches.scss */
.swatch-link .x {
display: none;
text-indent: -999em;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/bg_x.png) center no-repeat transparent;
z-index: 10;
}
/* line 77, ../../default/scss/module/_configurableswatches.scss */
.swatch-link.has-image .swatch-label {
position: relative;
}
/* line 81, ../../default/scss/module/_configurableswatches.scss */
.swatch-link.has-image img {
position: absolute;
top: 0;
left: 0;
}
/* line 89, ../../default/scss/module/_configurableswatches.scss */
.swatch-label {
border: 1px solid #fff;
margin: 0;
white-space: nowrap;
background: #F4F4F4;
}
/* line 96, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list {
margin-left: -3px;
zoom: 1;
clear: both;
-webkit-transform: translateZ(0px);
}
/* line 102, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list li {
float: left;
zoom: 1;
margin: 0 0 0 3px;
}
/* line 108, ../../default/scss/module/_configurableswatches.scss */
.products-grid .configurable-swatch-list li {
display: inline-block;
float: none;
margin: 0;
vertical-align: top;
}
/* line 116, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list .not-available .x {
display: block;
}
/* line 120, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list .not-available .swatch-link {
border-color: #ededed;
position: relative;
}
/* line 124, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list .not-available .swatch-link.has-image img {
opacity: 0.4;
filter: alpha(opacity=40);
}
/* line 130, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list .not-available .swatch-label {
color: #aaa;
background: #fff;
}
/* line 136, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list .wide-swatch .swatch-label {
padding: 0 6px;
}
/* line 140, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list .not-available a:focus {
outline: 0;
}
/* line 146, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .configurable-swatch-list li {
margin: 0 0 0 3px;
width: 47%;
}
/* line 151, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .swatch-link {
border: none;
line-height: 25px;
margin-right: 2px;
text-align: left;
}
/* line 157, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .swatch-link.has-image {
line-height: inherit;
}
/* line 161, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .swatch-link:hover .swatch-label {
border-color: #146B87;
}
/* line 166, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .swatch-label {
background: #F4F4F4;
border: 1px solid #ccc;
border-radius: 3px;
display: block;
float: left;
line-height: 1.5em;
margin: 0 5px 0 0;
padding: 1px 5px;
white-space: nowrap;
}
/* line 177, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .swatch-label img {
border: 1px solid #fff;
border-radius: 3px;
box-sizing: content-box;
}
/* line 184, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .has-image .swatch-label {
padding: 0;
}
@media only screen and (max-width: 767px) {
/* line 191, ../../default/scss/module/_configurableswatches.scss */
#narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
clear: left;
}
}
/* line 197, ../../default/scss/module/_configurableswatches.scss */
.currently .swatch-current {
position: relative;
}
/* line 200, ../../default/scss/module/_configurableswatches.scss */
.currently .swatch-current .btn-remove {
margin-top: -10px;
position: absolute;
right: 0;
top: 50%;
}
/* line 207, ../../default/scss/module/_configurableswatches.scss */
.currently .swatch-current span {
display: block;
float: left;
}
/* line 213, ../../default/scss/module/_configurableswatches.scss */
.currently .swatch-link {
display: inline-block;
margin: 0 0 0 3px;
}
/* line 217, ../../default/scss/module/_configurableswatches.scss */
.currently .swatch-link:hover {
border-color: #ccc;
cursor: default;
}
/* Other Swatch States */
/* line 225, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
border-color: #146B87;
}
/* line 231, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-box {
background: none !important;
}
/* line 234, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-box select.swatch-select {
display: none;
}
/* line 238, ../../default/scss/module/_configurableswatches.scss */
.configurable-swatch-box .validation-advice {
margin: 0 0 5px;
background: #fff;
padding: 2px 5px !important;
font-weight: bold;
color: #fff !important;
float: left;
display: block;
border-radius: 3px;
}
/* CUSTOM */
/* line 251, ../../default/scss/module/_configurableswatches.scss */
.availability.out-of-stock span {
color: #555555;
}
/* line 257, ../../default/scss/module/_configurableswatches.scss */
.product-view .product-options .swatch-attr {
float: none;
display: block;
clear: both;
border: 0;
}
/* line 263, ../../default/scss/module/_configurableswatches.scss */
.product-view .product-options .swatch-attr label,
.product-view .product-options .swatch-attr .select-label {
font-size: 11px;
}
/* line 268, ../../default/scss/module/_configurableswatches.scss */
.product-view .product-options .swatch-attr label {
display: block;
line-height: 1.3;
}
/* line 273, ../../default/scss/module/_configurableswatches.scss */
.product-view .product-options .swatch-attr .select-label {
display: inline;
font-weight: normal;
color: #353222;
padding-left: 5px;
}
/* line 281, ../../default/scss/module/_configurableswatches.scss */
.product-view .product-options dd .input-box {
width: auto;
height: auto;
}
/* line 286, ../../default/scss/module/_configurableswatches.scss */
.product-view .product-options .select-label {
display: none;
}
/* line 291, ../../default/scss/module/_configurableswatches.scss */
.product-view .add-to-cart button.out-of-stock {
background-position: -80px -362px;
cursor: default;
}
/* ============================================ *
* Customer
* ============================================ */
/* line 32, ../../default/scss/module/_customer.scss */
.customer-account-login .scaffold-form label:first-child {
width: 115px;
}
/* line 38, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .buttons-set {
text-align: left;
border-top: 0;
}
/* line 42, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .buttons-set button,
.customer-account-login .col2-set .buttons-set .button {
float: none;
min-width: 50%;
margin: 0;
}
/* line 51, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-1 ul {
list-style: disc;
padding-left: 20px;
margin: 10px 0 20px 0;
}
@media only screen and (min-width: 480px) {
/* line 61, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-1,
.customer-account-login .col2-set .col-2 {
padding-top: 0;
margin-top: 20px;
}
/* line 67, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-1 {
padding-right: 20px;
}
/* line 71, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-2 {
padding-left: 20px;
border-left: 1px solid #ededed;
}
}
@media only screen and (min-width: 767px) {
/* line 80, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-1 {
padding-right: 0;
}
/* line 84, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-2 {
padding-left: 60px;
border-left: 1px solid #ededed;
}
}
@media only screen and (max-width: 479px) {
/* line 93, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-1 {
padding-bottom: 30px;
}
/* line 97, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set .col-2 {
padding-top: 30px;
border-top: 1px solid #ededed;
}
}
@media only screen and (max-width: 767px) {
/* line 105, ../../default/scss/module/_customer.scss */
.customer-account-login .col2-set p.required {
display: none;
}
}
/* line 113, ../../default/scss/module/_customer.scss */
.customer-account-create .scaffold-form label:first-child {
width: 140px;
}
/* line 119, ../../default/scss/module/_customer.scss */
.opc #opc-login p:not(.required) {
font-style: italic;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 12px;
color: #555555;
}
/* line 127, ../../default/scss/module/_customer.scss */
.remember-me-box a.hide {
display: none;
}
/* line 130, ../../default/scss/module/_customer.scss */
.remember-me-box .link-tip {
font-size: 12px;
padding-left: 10px;
}
/* line 136, ../../default/scss/module/_customer.scss */
.remember-me-popup {
display: none;
border: 1px solid #ccc;
padding: 10px;
position: relative;
}
/* line 142, ../../default/scss/module/_customer.scss */
.remember-me-popup.show {
display: block;
}
/* line 146, ../../default/scss/module/_customer.scss */
.remember-me-popup p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 150, ../../default/scss/module/_customer.scss */
.remember-me-popup .remember-me-popup-close {
position: absolute;
top: 0;
right: 0;
padding: 10px;
font-size: 11px;
}
/* line 158, ../../default/scss/module/_customer.scss */
.remember-me-popup .remember-me-popup-close-button {
display: none;
}
/* line 164, ../../default/scss/module/_customer.scss */
.customer-account-create .buttons-set {
max-width: 455px;
}
/* line 168, ../../default/scss/module/_customer.scss */
.customer-account-create .fieldset,
.customer-account-create .buttons-set {
margin-left: 30px;
}
@media only screen and (max-width: 479px) {
/* line 168, ../../default/scss/module/_customer.scss */
.customer-account-create .fieldset,
.customer-account-create .buttons-set {
margin-left: 0;
}
}
/* line 177, ../../default/scss/module/_customer.scss */
.customer-account-create .fieldset .hidden {
display: none;
}
/* line 181, ../../default/scss/module/_customer.scss */
.customer-account-create #remember-me-popup {
max-width: 455px;
}
/* line 187, ../../default/scss/module/_customer.scss */
.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
margin-left: 30px;
max-width: 400px;
}
@media only screen and (max-width: 479px) {
/* line 187, ../../default/scss/module/_customer.scss */
.customer-account-forgotpassword .fieldset,
.customer-account-forgotpassword .buttons-set {
margin-left: 0;
}
}
/* line 197, ../../default/scss/module/_customer.scss */
.customer-account-forgotpassword .fieldset .input-box input.input-text {
width: 100%;
}
/* ============================================ *
* My Account Global Styles
* ============================================ */
/* line 208, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .page-title h1 {
border: 0;
text-align: left;
}
/* line 214, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons {
position: relative;
text-align: right;
}
/* line 218, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons h1 {
text-align: left;
}
/* line 222, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons .button {
position: absolute;
right: 0;
top: 0;
}
/* line 228, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons a,
body.customer-account .my-account .title-buttons span.separator {
position: relative;
top: -42px;
}
/* line 235, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .fieldset h2,
body.customer-account .my-account .addresses-list h2,
body.customer-account .my-account .order-details h2 {
width: 100%;
display: inline-block;
}
/* line 242, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .addresses-list h3 {
font-size: 14px;
font-weight: 600;
}
/* line 247, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .fieldset {
margin-top: 30px;
margin-bottom: 30px;
}
/* line 253, ../../default/scss/module/_customer.scss */
body.customer-account .data-table {
margin-top: 5px;
}
/* line 257, ../../default/scss/module/_customer.scss */
body.customer-account .data-table td a {
font-family: "Open Sans", Verdana, Arial, sans-serif;
text-transform: uppercase;
font-style: normal;
font-size: 12px;
}
/* line 265, ../../default/scss/module/_customer.scss */
body.customer-account .data-table span.nobr {
white-space: normal;
}
/* line 268, ../../default/scss/module/_customer.scss */
body.customer-account .data-table span.nobr a {
white-space: nowrap;
}
/* line 274, ../../default/scss/module/_customer.scss */
body.customer-account .data-table td.view a {
display: block;
}
/* line 279, ../../default/scss/module/_customer.scss */
body.customer-account .data-table .separator {
display: none;
}
/* line 287, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar .block ol#compare-items li {
margin: 10px 0;
}
/* line 293, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar .block .block-content p.block-subtitle {
margin-bottom: 15px;
}
/* line 297, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar .block .block-content .actions {
margin-top: 30px;
}
/* line 304, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar ol#cart-sidebar-reorder li {
margin-top: 10px;
margin-bottom: 0;
}
/* line 309, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar ol#cart-sidebar-reorder p.product-name {
display: inline-block;
margin-bottom: 0;
}
/* line 316, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar .block-cart .summary {
margin-bottom: 15px;
}
/* line 323, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li {
margin-top: 10px;
margin-bottom: 0;
}
/* line 327, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder li input {
margin-right: 10px;
}
/* line 332, ../../default/scss/module/_customer.scss */
body.customer-account .sidebar .block-reorder ol#cart-sidebar-reorder p.product-name {
display: inline;
margin-bottom: 0;
}
/* line 343, ../../default/scss/module/_customer.scss */
.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day {
width: 40px;
float: left;
margin-right: 10px;
}
/* line 350, ../../default/scss/module/_customer.scss */
.form-list .customer-dob .dob-year {
width: 80px;
float: left;
}
/* ============================================ *
* Dashboard
* ============================================ */
/* line 362, ../../default/scss/module/_customer.scss */
.dashboard .box-head {
margin-top: 30px;
border-bottom: 1px solid #ccc;
padding-bottom: 7px;
}
/* line 367, ../../default/scss/module/_customer.scss */
.dashboard .box-head h2 {
font-size: 15px;
font-weight: 600;
display: inline-block;
margin-bottom: 0;
}
/* line 374, ../../default/scss/module/_customer.scss */
.dashboard .box-head a {
padding: 10px;
}
/* line 381, ../../default/scss/module/_customer.scss */
.dashboard .box-title a,
.dashboard .box-head a {
text-transform: uppercase;
font-size: 11px;
}
/* line 387, ../../default/scss/module/_customer.scss */
.dashboard .box-account {
padding-bottom: 40px;
border-bottom: 1px solid #ccc;
margin-bottom: 45px;
}
/* line 392, ../../default/scss/module/_customer.scss */
.dashboard .box-account p,
.dashboard .box-account address {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-style: italic;
}
/* line 400, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
padding-right: 12.09677%;
padding-bottom: 0;
}
/* line 405, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1 .box-title,
.dashboard .col2-set .col-2 .box-title {
position: relative;
padding-bottom: 10px;
}
/* line 409, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1 .box-title h2,
.dashboard .col2-set .col-1 .box-title h3,
.dashboard .col2-set .col-2 .box-title h2,
.dashboard .col2-set .col-2 .box-title h3 {
font-weight: 600;
font-size: 14px;
margin-bottom: 0;
}
/* line 416, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1 .box-title a,
.dashboard .col2-set .col-2 .box-title a {
line-height: 19.6px;
}
/* line 424, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews.box-account {
padding-bottom: 0;
}
/* line 428, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews li {
padding: 10px 0;
border-top: 1px solid #ededed;
}
/* line 432, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews li:first-child {
border-top: 0;
}
/* line 436, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews li .number {
margin-right: -20px;
float: left;
line-height: 1.4;
font-size: 12px;
}
/* line 443, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews li .details {
margin-left: 20px;
}
/* line 446, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews li .details .ratings {
content: '';
display: table;
clear: both;
margin-bottom: 0;
}
/* line 450, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews li .details .ratings strong {
float: left;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 12px;
margin-right: 5px;
}
/* line 457, ../../default/scss/module/_customer.scss */
.dashboard .box-reviews li .details .ratings .rating-box {
float: left;
margin: 3px 0 0 0;
}
/* ============================================ *
* Address Book
* ============================================ */
/* line 472, ../../default/scss/module/_customer.scss */
.my-account .addresses-list {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
}
/* line 475, ../../default/scss/module/_customer.scss */
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
padding-bottom: 0;
}
/* line 480, ../../default/scss/module/_customer.scss */
.my-account .addresses-list .item {
margin: 0 0 30px 0;
}
/* line 483, ../../default/scss/module/_customer.scss */
.my-account .addresses-list .item p {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
/* line 489, ../../default/scss/module/_customer.scss */
.my-account .addresses-list .col-1,
.my-account .addresses-list .col-2 {
width: 100%;
padding-left: 0;
padding-right: 0;
}
/* line 495, ../../default/scss/module/_customer.scss */
.my-account .addresses-list .col-1 li.empty,
.my-account .addresses-list .col-2 li.empty {
width: 100%;
}
}
@media only screen and (max-width: 599px) {
/* line 504, ../../default/scss/module/_customer.scss */
.my-account .addresses-list .addresses-additional p a {
white-space: nowrap;
}
}
/* ============================================ *
* Order View
* ============================================ */
/* line 517, ../../default/scss/module/_customer.scss */
.order-info {
padding-bottom: 10px;
border-bottom: 1px solid #ededed;
width: 100%;
margin-bottom: 30px;
}
/* line 523, ../../default/scss/module/_customer.scss */
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
display: inline;
}
/* line 530, ../../default/scss/module/_customer.scss */
.order-info dt {
margin-right: 20px;
}
/* line 534, ../../default/scss/module/_customer.scss */
.order-info li {
margin: 0 0 0 20px;
}
/* line 537, ../../default/scss/module/_customer.scss */
.order-info li.current {
font-weight: 600;
}
/* line 541, ../../default/scss/module/_customer.scss */
.order-info li:first-child {
margin-left: 0;
}
/* line 547, ../../default/scss/module/_customer.scss */
.order-date {
font-family: "Open Sans", Verdana, Arial, sans-serif;
text-transform: uppercase;
}
/* line 552, ../../default/scss/module/_customer.scss */
.order-info-box {
margin-bottom: 40px;
margin-top: 20px;
}
/* line 556, ../../default/scss/module/_customer.scss */
.order-info-box + .order-info-box {
padding-bottom: 40px;
border-bottom: 1px solid #ededed;
}
/* line 561, ../../default/scss/module/_customer.scss */
.order-info-box .col-1 {
padding-right: 0;
width: 48%;
}
/* line 566, ../../default/scss/module/_customer.scss */
.order-info-box .col-2 {
width: 52%;
}
/* line 570, ../../default/scss/module/_customer.scss */
.order-info-box .col-1,
.order-info-box .col-2 {
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
/* line 577, ../../default/scss/module/_customer.scss */
.order-info-box .box-title {
width: 150px;
padding-right: 10px;
float: left;
}
/* line 582, ../../default/scss/module/_customer.scss */
.order-info-box .box-title h2 {
font-size: 14px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: bold;
line-height: 1.5;
}
/* line 588, ../../default/scss/module/_customer.scss */
.order-info-box .box-title h2:after {
content: ':';
}
/* line 594, ../../default/scss/module/_customer.scss */
.order-info-box .box-content {
float: left;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
}
/* line 598, ../../default/scss/module/_customer.scss */
.order-info-box .box-content td,
.order-info-box .box-content th {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
line-height: 1.3;
}
/* line 604, ../../default/scss/module/_customer.scss */
.order-info-box .box-content th {
padding-top: 10px;
}
/* line 608, ../../default/scss/module/_customer.scss */
.order-info-box .box-content td {
padding-left: 15px;
}
/* line 612, ../../default/scss/module/_customer.scss */
.order-info-box .box-content strong {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: normal;
text-transform: uppercase;
}
/* line 621, ../../default/scss/module/_customer.scss */
#my-orders-table .option-label {
margin-left: 10px;
font-weight: 600;
font-style: italic;
}
/* line 627, ../../default/scss/module/_customer.scss */
#my-orders-table .option-value {
margin-left: 20px;
}
/* line 631, ../../default/scss/module/_customer.scss */
#my-orders-table tr.bundle:not(:last-child) td {
border-bottom: none;
border-top: none;
}
/* line 638, ../../default/scss/module/_customer.scss */
ol#cart-sidebar-reorder li {
margin-top: 10px;
margin-bottom: 0;
}
/* line 642, ../../default/scss/module/_customer.scss */
ol#cart-sidebar-reorder li input {
margin-right: 10px;
}
/* line 647, ../../default/scss/module/_customer.scss */
ol#cart-sidebar-reorder p.product-name {
display: inline;
}
@media only screen and (max-width: 599px) {
/* line 654, ../../default/scss/module/_customer.scss */
#my-orders-table .option-label {
margin-left: 20px;
}
/* line 658, ../../default/scss/module/_customer.scss */
#my-orders-table .option-value {
margin-left: 35px;
}
/* line 663, ../../default/scss/module/_customer.scss */
#my-orders-table td[data-rwd-label=Qty] .nobr br {
display: none;
}
/* line 667, ../../default/scss/module/_customer.scss */
#my-orders-table td[data-rwd-label=Qty] .nobr strong {
margin-right: 10px;
}
/* line 672, ../../default/scss/module/_customer.scss */
#my-orders-table tr.bundle {
border-color: #ededed;
}
/* line 677, ../../default/scss/module/_customer.scss */
#my-orders-table tr.bundle.child td[data-rwd-label] {
padding-left: 60px;
}
/* line 683, ../../default/scss/module/_customer.scss */
#my-orders-table tbody:last-child tr:last-child td {
padding-bottom: 10px;
border-bottom: 0;
}
/* line 687, ../../default/scss/module/_customer.scss */
#my-orders-table tbody:last-child tr:last-child td:last-child {
padding-bottom: 15px;
}
/* line 693, ../../default/scss/module/_customer.scss */
#my-orders-table tfoot tr.shipping {
margin-top: 0;
}
}
/* line 699, ../../default/scss/module/_customer.scss */
.order-additional {
margin: 40px 0;
}
/* line 704, ../../default/scss/module/_customer.scss */
.order-gift-message dd {
margin-top: 10px;
}
@media only screen and (max-width: 1200px) {
/* line 712, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
padding-right: 30px;
padding-bottom: 0;
}
/* line 722, ../../default/scss/module/_customer.scss */
body.customer-account .data-table td.view a {
white-space: normal;
}
}
@media only screen and (max-width: 1024px) {
/* line 732, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons {
text-align: left;
}
/* line 735, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons span.separator,
body.customer-account .my-account .title-buttons a {
top: -12px;
}
}
@media only screen and (max-width: 767px) {
/* line 748, ../../default/scss/module/_customer.scss */
body.customer-account .data-table.orders th.ship,
body.customer-account .data-table.orders td.ship,
body.customer-account .data-table.orders td.status,
body.customer-account .data-table.orders th.status {
display: none;
}
/* line 759, ../../default/scss/module/_customer.scss */
.order-info-box .box-content {
clear: left;
}
/* line 765, ../../default/scss/module/_customer.scss */
.addresses-list .item {
float: left;
width: 50%;
padding-right: 30px;
}
/* line 773, ../../default/scss/module/_customer.scss */
.order-info dt {
display: none;
}
/* line 779, ../../default/scss/module/_customer.scss */
.dashboard .page-title {
margin-top: 20px;
}
/* line 782, ../../default/scss/module/_customer.scss */
.dashboard .page-title h1 {
margin-top: 0;
}
/* line 787, ../../default/scss/module/_customer.scss */
.dashboard .welcome-msg {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
}
/* line 790, ../../default/scss/module/_customer.scss */
.dashboard .welcome-msg .hello {
font-style: italic;
}
/* line 795, ../../default/scss/module/_customer.scss */
.dashboard .box-account {
padding-bottom: 15px;
margin-bottom: 30px;
}
/* line 801, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
width: 48%;
padding-right: 0;
padding-left: 0;
}
/* line 808, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1 {
float: left;
margin-right: 4%;
}
/* line 813, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-2 {
float: right;
}
}
@media only screen and (max-width: 599px) {
/* line 824, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .form-list .control {
padding-left: 0;
}
}
@media only screen and (max-width: 479px) {
/* line 836, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .page-title h1 {
text-align: center;
}
/* line 841, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons {
text-align: center;
}
/* line 844, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons .button {
width: 100%;
position: static;
margin-bottom: 15px;
}
/* line 849, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .title-buttons .button + .button {
margin-left: 0px;
}
/* line 856, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .fieldset h2 {
margin-bottom: 15px;
}
/* line 861, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .order-details h2 {
margin-bottom: 15px;
}
/* line 865, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .buttons-set {
border-top: 0;
}
/* line 870, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .addresses-list .item {
margin-bottom: 15px;
padding-right: 0;
float: none;
width: auto;
}
/* line 877, ../../default/scss/module/_customer.scss */
body.customer-account .my-account .addresses-list h2 {
margin-bottom: 15px;
}
/* line 884, ../../default/scss/module/_customer.scss */
.order-info {
margin-top: 15px;
}
/* line 890, ../../default/scss/module/_customer.scss */
.data-table.orders .link-reorder,
.data-table.orders .date {
display: none;
}
/* line 895, ../../default/scss/module/_customer.scss */
.data-table.orders td.view {
text-align: right;
}
/* line 903, ../../default/scss/module/_customer.scss */
.dashboard .col2-set .col-1,
.dashboard .col2-set .col-2 {
width: 100%;
margin-top: 15px;
}
/* line 911, ../../default/scss/module/_customer.scss */
.order-info-box {
margin: 0;
}
/* line 914, ../../default/scss/module/_customer.scss */
.order-info-box .col-1,
.order-info-box .col-2 {
width: 100%;
border-bottom: 1px solid #ededed;
padding: 15px 0;
}
/* line 921, ../../default/scss/module/_customer.scss */
.order-info-box + .order-info-box {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 30px;
}
/* line 929, ../../default/scss/module/_customer.scss */
#my-reviews-table .nobr {
white-space: normal;
}
}
/* ============================================ *
* Newsletter Subscriptions
* ============================================ */
/* line 940, ../../default/scss/module/_customer.scss */
body.newsletter-manage-index .my-account .fieldset {
margin-bottom: 20px;
}
/* line 944, ../../default/scss/module/_customer.scss */
body.newsletter-manage-index .my-account .fieldset h2 {
display: none;
}
/* line 948, ../../default/scss/module/_customer.scss */
body.newsletter-manage-index .my-account .form-list {
border-top: 1px solid #DDE2E3;
padding-top: 10px;
}
/* ============================================ *
* Contacts
* ============================================ */
/* line 31, ../../default/scss/module/_contacts.scss */
.contacts-index-index .buttons-set {
margin-left: 30px;
max-width: 435px;
}
/* line 35, ../../default/scss/module/_contacts.scss */
.contacts-index-index .buttons-set p.required {
float: left;
}
@media only screen and (max-width: 599px) {
/* line 31, ../../default/scss/module/_contacts.scss */
.contacts-index-index .buttons-set {
max-width: 330px;
margin-left: 0;
}
/* line 43, ../../default/scss/module/_contacts.scss */
.contacts-index-index .buttons-set button {
float: left;
margin-left: 0px;
}
/* line 48, ../../default/scss/module/_contacts.scss */
.contacts-index-index .buttons-set p.required {
float: right;
}
}
/* ============================================ *
* PayPal
* ============================================ */
@media only screen and (max-width: 867px) and (min-width: 768px) {
/* line 34, ../../default/scss/module/_paypal.scss */
.paypal-review-order .col2-set .col-1,
.paypal-review-order .col2-set .col-2 {
padding: 0px;
}
}
/* line 42, ../../default/scss/module/_paypal.scss */
.paypal-review-order .info-set {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #DDE2E3;
}
/* line 48, ../../default/scss/module/_paypal.scss */
.paypal-review-order .buttons-set {
margin-top: 0px;
padding-top: 0px;
border: 0;
}
/* line 53, ../../default/scss/module/_paypal.scss */
.paypal-review-order .buttons-set button {
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
/* line 59, ../../default/scss/module/_paypal.scss */
.paypal-review-order .col-1 {
padding-bottom: 0;
}
/* line 63, ../../default/scss/module/_paypal.scss */
.paypal-review-order .field.inactive {
display: none;
}
}
/* line 70, ../../default/scss/module/_paypal.scss */
.top-container .bml-ad {
margin-top: 7px;
margin-bottom: 7px;
text-align: center;
}
/* line 75, ../../default/scss/module/_paypal.scss */
.top-container .bml-ad span {
display: inline-block;
}
/* line 78, ../../default/scss/module/_paypal.scss */
.top-container .bml-ad span a {
display: block;
}
/* line 84, ../../default/scss/module/_paypal.scss */
.bml-ad {
display: none;
text-align: center;
margin-bottom: 5px;
}
/* line 89, ../../default/scss/module/_paypal.scss */
.bml-ad span {
display: block;
line-height: 0;
}
/* line 93, ../../default/scss/module/_paypal.scss */
.bml-ad a {
display: inline-block;
max-width: 100%;
}
/* line 97, ../../default/scss/module/_paypal.scss */
.bml-ad a:hover {
opacity: 0.7;
}
/* line 100, ../../default/scss/module/_paypal.scss */
.bml-ad img {
height: auto !important;
max-width: 100%;
}
/* line 107, ../../default/scss/module/_paypal.scss */
.cart-totals-wrapper .bml-ad.large img {
display: block;
margin: 0;
}
@media only screen and (max-width: 767px) {
/* line 113, ../../default/scss/module/_paypal.scss */
.bml-ad.small {
display: block;
}
}
@media only screen and (min-width: 768px) {
/* line 119, ../../default/scss/module/_paypal.scss */
.bml-ad.large {
display: block;
}
}
/* line 124, ../../default/scss/module/_paypal.scss */
div.paypal-logo {
text-align: center;
margin: 15px 0;
max-width: 100%;
}
/* line 129, ../../default/scss/module/_paypal.scss */
div.paypal-logo span {
display: block;
width: 100%;
}
/* line 133, ../../default/scss/module/_paypal.scss */
div.paypal-logo span a {
display: inline-block;
max-width: 100%;
}
/* line 137, ../../default/scss/module/_paypal.scss */
div.paypal-logo span a img {
max-width: 100%;
}
/* line 143, ../../default/scss/module/_paypal.scss */
div.paypal-logo span > img {
display: none;
}
/* line 149, ../../default/scss/module/_paypal.scss */
.checkout-types div.paypal-logo {
text-align: right;
}
/* line 154, ../../default/scss/module/_paypal.scss */
.bml-checkout-type {
list-style-type: none;
}
/* line 159, ../../default/scss/module/_paypal.scss */
.sidebar .paypal-logo {
text-align: center;
line-height: 0;
}
/* line 163, ../../default/scss/module/_paypal.scss */
.sidebar .paypal-logo > a {
display: inline-block;
max-width: 100%;
}
/* line 167, ../../default/scss/module/_paypal.scss */
.sidebar .paypal-logo > a:hover {
opacity: 0.8;
}
/* line 170, ../../default/scss/module/_paypal.scss */
.sidebar .paypal-logo > a img {
display: block;
}
/* line 174, ../../default/scss/module/_paypal.scss */
.sidebar .paypal-logo .label {
margin-top: 4px;
}
/* line 176, ../../default/scss/module/_paypal.scss */
.sidebar .paypal-logo .label a {
font-size: 11px;
line-height: 1.5;
}
/* ============================================ *
* Review - Customer
* ============================================ */
/* line 30, ../../default/scss/module/_review.scss */
#customer-reviews {
width: auto;
float: none;
}
/* line 34, ../../default/scss/module/_review.scss */
#customer-reviews .review-heading {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 10px 0 5px;
}
/* line 39, ../../default/scss/module/_review.scss */
#customer-reviews .review-heading:after {
content: '';
display: table;
clear: both;
}
/* line 43, ../../default/scss/module/_review.scss */
#customer-reviews .review-heading h2 {
float: left;
display: block;
}
/* line 48, ../../default/scss/module/_review.scss */
#customer-reviews .review-heading .pager {
clear: none;
float: right;
width: auto;
}
/* line 54, ../../default/scss/module/_review.scss */
#customer-reviews .review-heading .pager .count-container .limiter {
margin-bottom: 0;
}
/* line 57, ../../default/scss/module/_review.scss */
#customer-reviews .review-heading .pager .count-container .limiter label {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 10px;
text-transform: uppercase;
}
/* line 65, ../../default/scss/module/_review.scss */
#customer-reviews .review-heading .pager .amount {
display: none;
}
/* line 71, ../../default/scss/module/_review.scss */
#customer-reviews h2 {
color: #146B87;
font-size: 11px;
text-transform: uppercase;
}
/* line 76, ../../default/scss/module/_review.scss */
#customer-reviews h2 span {
color: #353222;
}
/* line 81, ../../default/scss/module/_review.scss */
#customer-reviews h3 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
text-transform: uppercase;
}
/* line 87, ../../default/scss/module/_review.scss */
#customer-reviews h3 span {
color: #146B87;
}
/* line 92, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset {
padding-top: 25px;
width: 470px;
}
/* line 96, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset h4 {
border-bottom: 1px solid #ccc;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
padding-bottom: 5px;
text-transform: uppercase;
}
/* line 104, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset h4 em {
display: none;
}
/* line 109, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin: 10px 0;
text-transform: uppercase;
width: 470px;
}
/* line 124, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list .inline-label:after {
content: '';
display: table;
clear: both;
}
/* line 129, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list label {
font-size: 11px;
font-weight: normal;
}
/* line 134, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list textarea {
border: 1px solid #ccc;
border-radius: 0;
min-width: 100%;
-webkit-appearance: none;
}
/* line 141, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list input {
border: 1px solid #ccc;
border-radius: 0;
}
/* line 145, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list input[type="text"] {
width: 100%;
}
/* line 152, ../../default/scss/module/_review.scss */
#customer-reviews .buttons-set {
border: none;
margin: 0;
width: 470px;
}
/* line 158, ../../default/scss/module/_review.scss */
#customer-reviews dl {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
font-weight: normal;
margin-bottom: 10px;
}
/* line 164, ../../default/scss/module/_review.scss */
#customer-reviews dl dt {
margin: 10px 0;
text-transform: uppercase;
}
/* line 169, ../../default/scss/module/_review.scss */
#customer-reviews dl dd {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 14px;
margin: 10px 0;
}
/* line 174, ../../default/scss/module/_review.scss */
#customer-reviews dl dd .ratings-table {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
width: 100%;
}
/* line 179, ../../default/scss/module/_review.scss */
#customer-reviews dl dd .ratings-table tr {
margin-right: 15px;
}
/* line 183, ../../default/scss/module/_review.scss */
#customer-reviews dl dd .ratings-table .review-label {
width: 300px;
max-width: 70%;
}
/* line 189, ../../default/scss/module/_review.scss */
#customer-reviews dl dd table {
margin: 15px 0;
}
/* line 193, ../../default/scss/module/_review.scss */
#customer-reviews dl dd .review-meta {
color: #146B87;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
}
/* line 204, ../../default/scss/module/_review.scss */
.review-summary-table {
border-bottom: 1px solid #ccc;
margin: 0 0 10px;
}
/* line 208, ../../default/scss/module/_review.scss */
.review-summary-table thead {
background: transparent;
}
/* line 211, ../../default/scss/module/_review.scss */
.review-summary-table thead th {
background: transparent;
border: none;
padding: 15px 7px 10px 8px;
}
/* line 219, ../../default/scss/module/_review.scss */
.review-summary-table tbody th {
background: #FFFFFF;
font-size: 11px;
}
/* line 223, ../../default/scss/module/_review.scss */
.review-summary-table tbody td {
border: none;
text-align: center;
padding: 0;
}
/* line 228, ../../default/scss/module/_review.scss */
.review-summary-table tbody td label {
width: 100%;
display: block;
padding: 11px 0;
}
/* line 237, ../../default/scss/module/_review.scss */
.review-summary-table .rating-box .rating-number {
display: none;
}
/* line 240, ../../default/scss/module/_review.scss */
.review-summary-table .rating-box .rating-number:after {
content: "";
display: inline-block;
background-position: 0px -599px;
width: 13px;
height: 14px;
margin-left: 5px;
position: relative;
top: 2px;
}
/* ============================================ *
* Ratings - Global
* ============================================ */
/* line 260, ../../default/scss/module/_review.scss */
.ratings-table {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
}
/* line 265, ../../default/scss/module/_review.scss */
.ratings-table th {
padding-right: 10px;
}
/* line 269, ../../default/scss/module/_review.scss */
.ratings-table .rating-box {
background-position: 0 -615px;
background-repeat: repeat-x;
height: 13px;
overflow: hidden;
text-indent: -9999px;
width: 65px;
}
/* line 278, ../../default/scss/module/_review.scss */
.ratings-table .rating-box .rating {
background-position: 0 -600px;
background-repeat: repeat-x;
float: left;
height: 13px;
text-indent: -9999px;
}
@media only screen and (max-width: 767px) {
/* line 295, ../../default/scss/module/_review.scss */
body.review-product-list .product-view .product-shop .price-info {
padding-left: 0;
}
/* line 299, ../../default/scss/module/_review.scss */
body.review-product-list .product-view .product-shop .extra-info {
padding: 0;
min-width: 84%;
}
/* line 303, ../../default/scss/module/_review.scss */
body.review-product-list .product-view .product-shop .extra-info .ratings-table {
margin: 10px 0;
width: 100%;
}
/* line 307, ../../default/scss/module/_review.scss */
body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
margin-right: 15px;
}
}
@media only screen and (max-width: 535px) {
/* line 323, ../../default/scss/module/_review.scss */
body.review-product-list .product-view .product-shop .extra-info {
min-width: 0;
}
/* line 327, ../../default/scss/module/_review.scss */
body.review-product-list .product-view .product-shop .extra-info .ratings-table tr {
float: none;
margin-right: 0;
}
}
@media only screen and (max-width: 520px) {
/* line 342, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset {
width: 100%;
}
/* line 345, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list {
width: 100%;
}
/* line 349, ../../default/scss/module/_review.scss */
#customer-reviews .fieldset .form-list .inline-label label,
#customer-reviews .fieldset .form-list .inline-label .input-box {
float: none;
}
/* line 357, ../../default/scss/module/_review.scss */
#customer-reviews .buttons-set {
width: 100%;
}
/* line 364, ../../default/scss/module/_review.scss */
#customer-reviews .review-summary-table thead th {
padding-left: 0px;
padding-right: 0px;
}
/* line 371, ../../default/scss/module/_review.scss */
#customer-reviews .review-summary-table tbody th {
padding-left: 0px;
padding-right: 0px;
}
/* line 376, ../../default/scss/module/_review.scss */
#customer-reviews .review-summary-table tbody td {
width: 20%;
padding: 0px;
}
/* line 382, ../../default/scss/module/_review.scss */
#customer-reviews .review-summary-table .rating-box {
text-indent: 0px;
text-align: center;
background: none;
height: 19.6px;
width: 100%;
}
/* line 389, ../../default/scss/module/_review.scss */
#customer-reviews .review-summary-table .rating-box .rating {
display: none;
}
/* line 392, ../../default/scss/module/_review.scss */
#customer-reviews .review-summary-table .rating-box .rating-number {
display: inline-block;
}
}
@media only screen and (max-width: 450px) {
/* line 404, ../../default/scss/module/_review.scss */
#customer-reviews dl dd .ratings-table tr {
float: none;
}
}
/* ============================================ *
* Review View Page
* ============================================ */
/* line 415, ../../default/scss/module/_review.scss */
.review-product-view .product-review .product-details h2 {
border-bottom: none;
}
/* line 420, ../../default/scss/module/_review.scss */
.review-product-view .product-review .product-img-box {
width: auto;
max-width: 50%;
}
/* line 424, ../../default/scss/module/_review.scss */
.review-product-view .product-review .product-img-box > a {
width: 100%;
}
/* line 428, ../../default/scss/module/_review.scss */
.review-product-view .product-review .product-img-box .product-image {
width: 100%;
}
@media only screen and (max-width: 767px) {
/* line 438, ../../default/scss/module/_review.scss */
.review-product-view .product-review .product-img-box {
max-width: 100%;
}
}
/* ============================================ *
* Slideshow
* ============================================ */
/* line 30, ../../default/scss/module/_slideshow.scss */
.slideshow-container {
position: relative;
display: block;
width: 100%;
margin: 10px 0;
border: 1px solid #ededed;
}
/* line 37, ../../default/scss/module/_slideshow.scss */
.slideshow-container .slideshow {
width: 100%;
padding: 0;
position: relative;
margin: 0;
border: 10px solid #FFFFFF;
}
/* line 43, ../../default/scss/module/_slideshow.scss */
.slideshow-container .slideshow > li {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 0;
display: block;
margin: 0;
}
/* line 53, ../../default/scss/module/_slideshow.scss */
.slideshow-container .slideshow > li:first-child {
position: static;
z-index: 100;
}
/* line 58, ../../default/scss/module/_slideshow.scss */
.slideshow-container .slideshow > li img {
max-width: 100%;
width: 100%;
}
/* line 66, ../../default/scss/module/_slideshow.scss */
.slideshow-pager {
text-align: center;
width: 100%;
z-index: 115;
position: absolute;
bottom: 0px;
top: auto;
overflow: hidden;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
/* line 76, ../../default/scss/module/_slideshow.scss */
.slideshow-pager span {
font-family: arial;
width: 44px;
height: 44px;
display: inline-block;
color: #DDDDDD;
cursor: pointer;
}
/* line 85, ../../default/scss/module/_slideshow.scss */
.slideshow-pager span:before {
content: '';
display: block;
width: 16px;
height: 16px;
left: 50%;
top: 50%;
margin-left: -8px;
margin-top: -8px;
border-radius: 1px;
background-color: #FFFFFF;
position: relative;
}
/* line 99, ../../default/scss/module/_slideshow.scss */
.slideshow-pager span:hover:before {
background-color: #004738;
}
/* line 103, ../../default/scss/module/_slideshow.scss */
.slideshow-pager span.cycle-pager-active:before {
background-color: #004738;
}
/* line 108, ../../default/scss/module/_slideshow.scss */
.slideshow-pager > * {
cursor: pointer;
}
/* line 113, ../../default/scss/module/_slideshow.scss */
.slideshow-prev,
.slideshow-next {
position: absolute;
top: 0;
width: 15%;
max-width: 80px;
height: 100%;
opacity: 0.6;
z-index: 110;
cursor: pointer;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
}
/* line 125, ../../default/scss/module/_slideshow.scss */
.slideshow-prev:before,
.slideshow-next:before {
content: '';
width: 0;
height: 0;
font-size: 0;
position: absolute;
border-style: solid;
display: block;
top: 50%;
margin-top: -15px;
}
/* line 137, ../../default/scss/module/_slideshow.scss */
.slideshow-prev:hover,
.slideshow-next:hover {
opacity: 1;
}
/* line 141, ../../default/scss/module/_slideshow.scss */
.slideshow-prev.disabled,
.slideshow-next.disabled {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
cursor: default;
}
/* line 147, ../../default/scss/module/_slideshow.scss */
.slideshow-prev {
left: 8px;
}
/* line 150, ../../default/scss/module/_slideshow.scss */
.slideshow-prev:before {
border-width: 15px 15px 15px 0;
border-color: transparent #FFFFFF transparent transparent;
top: 50%;
left: 10px;
}
/* line 157, ../../default/scss/module/_slideshow.scss */
.slideshow-prev:hover:before {
border-color: transparent #004738 transparent transparent;
}
/* line 162, ../../default/scss/module/_slideshow.scss */
.slideshow-next {
right: 8px;
}
/* line 165, ../../default/scss/module/_slideshow.scss */
.slideshow-next:before {
border-width: 15px 0 15px 15px;
border-color: transparent transparent transparent #FFFFFF;
top: 50%;
right: 10px;
}
/* line 172, ../../default/scss/module/_slideshow.scss */
.slideshow-next:hover:before {
border-color: transparent transparent transparent #004738;
}
/* line 177, ../../default/scss/module/_slideshow.scss */
.cycle-caption {
position: absolute;
color: white;
bottom: 15px;
right: 15px;
z-index: 110;
}
/* line 185, ../../default/scss/module/_slideshow.scss */
.cycle-overlay {
font-family: tahoma, arial;
position: absolute;
bottom: 0;
width: 100%;
z-index: 120;
background: black;
color: white;
padding: 15px;
opacity: .5;
}
/* ============================================ *
* Wishlist
* ============================================ */
/* line 31, ../../default/scss/module/_wishlist.scss */
#wishlist-table th {
text-align: center;
}
/* line 35, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
width: 100%;
}
/* line 41, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table th {
border-bottom: 1px solid #c0c0c0;
}
/* line 45, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table td {
padding: 15px;
vertical-align: top;
}
/* line 50, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table thead th {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
}
/* line 57, ../../default/scss/module/_wishlist.scss */
#wishlist-table .product-name {
font-size: 16px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
margin-bottom: 0;
text-transform: uppercase;
}
/* line 63, ../../default/scss/module/_wishlist.scss */
#wishlist-table .product-name a {
color: #006654;
}
/* line 68, ../../default/scss/module/_wishlist.scss */
#wishlist-table .wishlist-sku {
font-size: 10px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
margin: 5px 0;
}
/* line 74, ../../default/scss/module/_wishlist.scss */
#wishlist-table textarea {
border: 1px solid #DDE2E3;
width: 100%;
height: 45px;
font-size: 10px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 81, ../../default/scss/module/_wishlist.scss */
#wishlist-table textarea::-webkit-input-placeholder {
text-transform: uppercase;
}
/* line 84, ../../default/scss/module/_wishlist.scss */
#wishlist-table textarea:-moz-placeholder {
text-transform: uppercase;
}
/* line 87, ../../default/scss/module/_wishlist.scss */
#wishlist-table textarea::-moz-placeholder {
text-transform: uppercase;
}
/* line 90, ../../default/scss/module/_wishlist.scss */
#wishlist-table textarea:-ms-input-placeholder {
text-transform: uppercase;
}
/* line 94, ../../default/scss/module/_wishlist.scss */
#wishlist-table textarea:focus {
border: 1px solid #146B87;
}
/* line 99, ../../default/scss/module/_wishlist.scss */
#wishlist-table .item-manage {
text-align: right;
max-width: 450px;
padding-top: 5px;
}
/* line 104, ../../default/scss/module/_wishlist.scss */
#wishlist-table .item-manage .button {
font-size: 10px;
padding: 3px 5px;
}
/* line 110, ../../default/scss/module/_wishlist.scss */
#wishlist-table .cart-cell {
text-align: center;
}
/* line 115, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image {
width: 113px;
}
/* line 119, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-quantity {
width: 3em;
}
/* line 123, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-price {
width: 120px;
text-align: center;
}
/* line 128, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart {
width: 150px;
}
/* line 131, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart .button {
font-size: 11px;
margin-bottom: 10px;
padding: 3px 5px;
width: 100%;
}
/* line 138, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart .truncated {
margin-bottom: 10px;
}
/* line 142, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart > p {
margin-bottom: 0;
}
/* line 146, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
text-align: center;
}
/* line 150, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart .btn-remove {
vertical-align: top;
}
/* line 155, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-remove {
width: 20px;
}
/* line 159, ../../default/scss/module/_wishlist.scss */
#wishlist-table td .button,
#wishlist-table td button {
white-space: normal;
}
/* line 166, ../../default/scss/module/_wishlist.scss */
#wishlist-table .price-box {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
}
/* line 170, ../../default/scss/module/_wishlist.scss */
#wishlist-table .price-box .price {
color: #353222;
}
/* line 175, ../../default/scss/module/_wishlist.scss */
#wishlist-table .giftregisty-add {
margin-top: 5px;
}
/* line 178, ../../default/scss/module/_wishlist.scss */
#wishlist-table .giftregisty-add .change {
display: none;
}
/* line 182, ../../default/scss/module/_wishlist.scss */
#wishlist-table .giftregisty-add li {
cursor: pointer;
color: #006654;
margin-bottom: 3px;
}
/* line 190, ../../default/scss/module/_wishlist.scss */
#wishlist-table .truncated .details {
background: none;
color: #006654;
}
/* line 196, ../../default/scss/module/_wishlist.scss */
#wishlist-table td[data-rwd-label]:before {
font-weight: 600;
}
@media only screen and (max-width: 1200px) {
/* line 206, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table td {
padding-left: 10px;
padding-right: 10px;
}
}
@media only screen and (max-width: 1024px) {
/* line 218, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table td {
padding-left: 5px;
padding-right: 5px;
}
/* line 222, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table td textarea {
height: 100px;
}
/* line 226, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table td.customer-wishlist-item-cart {
width: 110px;
}
/* line 231, ../../default/scss/module/_wishlist.scss */
#wishlist-table .product-name {
font-size: 12px;
}
}
@media only screen and (max-width: 767px) {
/* line 241, ../../default/scss/module/_wishlist.scss */
#wishlist-table:after {
content: '';
display: table;
clear: both;
}
/* line 245, ../../default/scss/module/_wishlist.scss */
#wishlist-table .product-name {
font-size: 16px;
}
/* line 249, ../../default/scss/module/_wishlist.scss */
#wishlist-table textarea {
height: 68px;
max-width: 100%;
}
/* line 254, ../../default/scss/module/_wishlist.scss */
#wishlist-table .item-manage {
max-width: 100%;
}
/* line 258, ../../default/scss/module/_wishlist.scss */
#wishlist-table tr {
position: relative;
}
/* line 261, ../../default/scss/module/_wishlist.scss */
#wishlist-table tr:after {
content: '';
display: table;
clear: both;
}
/* line 266, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image {
width: 70px;
}
/* line 269, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image img {
width: 70px;
height: 70px;
}
/* line 276, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart p {
margin-bottom: 0;
}
/* line 280, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart .remove-whishlist-item {
margin-right: 0;
padding-top: 4px;
}
/* line 286, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart {
padding-right: 15px;
}
}
@media only screen and (max-width: 599px) {
/* line 296, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-quantity {
padding-left: 0;
}
/* line 300, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image,
#wishlist-table th.customer-wishlist-item-image {
display: none;
}
}
@media only screen and (max-width: 479px) {
/* line 311, ../../default/scss/module/_wishlist.scss */
#wishlist-table tr {
position: relative;
}
/* line 315, ../../default/scss/module/_wishlist.scss */
#wishlist-table th.customer-wishlist-item-image {
display: block;
}
/* line 320, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image, #wishlist-table td.customer-wishlist-item-info, #wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price, #wishlist-table td.customer-wishlist-item-cart {
width: 100%;
padding-left: 0;
padding-right: 0;
empty-cells: hide;
}
/* line 331, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image {
display: block;
overflow: hidden;
}
/* line 335, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image a {
float: left;
}
/* line 338, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-image a img {
width: 113px;
height: 113px;
}
/* line 345, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-quantity, #wishlist-table td.customer-wishlist-item-price {
text-align: left;
}
/* line 349, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-quantity:before, #wishlist-table td.customer-wishlist-item-price:before {
float: left;
margin-right: 15px;
}
/* line 354, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-quantity .cart-cell, #wishlist-table td.customer-wishlist-item-price .cart-cell {
text-align: left;
}
/* line 358, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-quantity .price-box, #wishlist-table td.customer-wishlist-item-price .price-box {
margin-top: 0;
}
/* line 364, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart .cart-cell {
float: left;
width: 48%;
}
/* line 369, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-cart > p {
float: right;
width: 48%;
}
/* line 375, ../../default/scss/module/_wishlist.scss */
#wishlist-table td.customer-wishlist-item-remove {
position: absolute;
top: 15px;
right: 0px;
display: block;
padding: 0px;
height: 20px;
}
/* line 386, ../../default/scss/module/_wishlist.scss */
#wishlist-table.clean-table td.customer-wishlist-item-cart {
width: 100%;
}
}
/* ============================================ *
* Wishlist Sidebar
* ============================================ */
/* line 399, ../../default/scss/module/_wishlist.scss */
.block-wishlist .mini-products-list > li:not(:last-child) {
padding-bottom: 5px;
}
/* line 403, ../../default/scss/module/_wishlist.scss */
.block-wishlist .product-details .product-name {
padding-top: 0;
margin-bottom: 5px;
}
/* line 408, ../../default/scss/module/_wishlist.scss */
.block-wishlist .price-box {
float: left;
margin: 0;
}
/* line 413, ../../default/scss/module/_wishlist.scss */
.block-wishlist .price-box,
.block-wishlist .price-box .price,
.block-wishlist .link-cart {
font-size: 11px;
}
/* line 419, ../../default/scss/module/_wishlist.scss */
.block-wishlist .link-cart {
float: left;
text-transform: uppercase;
margin-right: 7px;
padding-right: 7px;
border-right: 1px solid #ededed;
}
/* ============================================ *
* Checkout - Mini cart
* ============================================ */
/* line 30, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart {
display: inline-block;
}
@media only screen and (max-width: 767px) {
/* line 30, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart {
display: block;
}
}
/* line 37, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-message {
display: block;
padding: 10px;
}
/* line 42, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .empty {
padding: 10px;
text-align: center;
}
/* line 47, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-wrapper {
clear: both;
position: relative;
}
/* line 27, ../../default/scss/mixin/_loading-overlay.scss */
.header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after {
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: none;
}
/* line 38, ../../default/scss/mixin/_loading-overlay.scss */
.header-minicart .minicart-wrapper:before {
background-color: white;
opacity: 0.8;
z-index: 2;
}
/* line 44, ../../default/scss/mixin/_loading-overlay.scss */
.header-minicart .minicart-wrapper:after {
background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/opc-ajax-loader.gif");
background-repeat: no-repeat;
background-position: center;
z-index: 3;
}
/* line 51, ../../default/scss/mixin/_loading-overlay.scss */
.header-minicart .minicart-wrapper.loading {
position: relative;
}
/* line 54, ../../default/scss/mixin/_loading-overlay.scss */
.header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after {
display: block;
}
/* line 53, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .block-cart {
display: none;
}
/* line 56, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .block-subtitle {
color: #50A4CF;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 1.4;
padding: 5px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0px;
}
/* line 67, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .block-subtitle .close {
width: 40px;
float: right;
display: block;
color: #353222;
text-decoration: none;
font-weight: normal;
font-size: 30px;
position: absolute;
top: -8px;
right: -3px;
}
/* line 80, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .mini-products-list {
padding: 10px;
padding-top: 0px;
}
/* line 84, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .mini-products-list li {
padding: 8px 5px 8px 11px;
border-bottom: 1px solid #DDDDDD;
position: relative;
}
/* line 89, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .mini-products-list li.last {
border: none;
}
/* line 93, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .mini-products-list li .product-details {
position: relative;
}
/* line 100, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .product-details .product-name {
padding-top: 0px;
font-weight: bold;
}
/* line 104, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .product-details .product-name a {
color: #006654;
}
/* line 110, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper {
margin-bottom: 0.5em;
}
/* line 113, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper th {
text-transform: uppercase;
padding-right: 10px;
}
/* line 117, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper td {
color: #353222;
clear: right;
}
/* line 123, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper .qty-wrapper td {
height: 33px;
line-height: 33px;
}
/* line 129, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper .qty {
padding-left: 4px;
padding-right: 4px;
margin-right: 2px;
width: 3.2em;
text-align: center;
height: 30px;
}
/* line 138, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper .quantity-button {
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 100ms;
transition-duration: 100ms;
}
/* line 144, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper .quantity-button[disabled] {
cursor: default;
}
/* line 148, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .info-wrapper .quantity-button.visible {
opacity: 1;
}
/* line 154, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .subtotal {
background-color: #DDDDDD;
text-align: center;
line-height: 2em;
}
/* line 159, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .subtotal .label {
color: white;
text-transform: uppercase;
}
/* line 163, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .subtotal .price {
color: #353222;
}
/* line 168, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions {
padding: 10px;
margin-top: 0px;
overflow: hidden;
position: relative;
text-align: center;
}
/* line 175, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-button {
min-width: 145px;
}
/* line 179, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .cart-link {
height: 33px;
line-height: 39px;
text-transform: uppercase;
font-size: 12px;
}
/* line 187, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .paypal-logo .paypal-or {
line-height: 1.6;
}
/* line 193, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart #minicart-error-message {
text-align: center;
color: red;
display: none;
}
/* line 199, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart #minicart-success-message {
text-align: center;
color: green;
display: none;
}
/* line 206, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .jcarousel-control-prev,
.header-minicart .jcarousel-control-next {
display: none;
}
/* line 212, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart.skip-active .block-cart,
.block-cart.skip-active {
display: block;
}
@media only screen and (min-width: 768px) {
/* line 218, ../../default/scss/module/_checkout-cart-minicart.scss */
.checkout-types.minicart {
float: none;
text-align: center;
}
}
@media only screen and (max-width: 479px) {
/* line 225, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart a.skip-cart {
z-index: 1;
}
}
@media only screen and (max-width: 767px) {
/* line 233, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .subtotal .label {
color: #353222;
}
/* line 238, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-wrapper:before {
background-color: #EDEDED;
}
/* line 243, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .quantity-button {
float: none;
}
/* line 247, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .header-minicart .block-cart {
padding: 15px;
}
/* line 251, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .header-minicart .block-subtitle {
padding-top: 59px;
}
/* line 255, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions {
padding-bottom: 33px;
}
/* line 258, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .cart-link {
bottom: 0;
right: 10px;
position: absolute;
}
/* line 265, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-types.minicart li {
display: inline-block;
}
/* line 269, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo > a {
display: inline;
}
/* line 273, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .bml_button {
display: inline-block;
vertical-align: top;
}
/* line 278, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
width: auto;
float: none;
display: inline;
margin: 0 10px 5px 10px;
line-height: 40px;
}
}
@media only screen and (max-width: 740px) {
/* line 295, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .cart-link {
right: auto;
left: 0;
text-align: center;
width: 100%;
}
/* line 305, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or,
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-button {
width: 100%;
display: block;
margin-left: 0;
}
/* line 312, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-types.minicart li .paypal-logo .paypal-or {
line-height: 1.6;
}
}
@media only screen and (max-width: 599px) {
/* line 325, ../../default/scss/module/_checkout-cart-minicart.scss */
.header-minicart .minicart-actions .checkout-button {
width: 100%;
}
}
/* ============================================ *
* Search - Auto Suggest
* ============================================ */
/* line 30, ../../default/scss/module/_search.scss */
.search-autocomplete {
left: 0 !important;
overflow: visible !important;
position: relative !important;
top: 15px !important;
width: 100% !important;
z-index: 200;
}
/* line 38, ../../default/scss/module/_search.scss */
.search-autocomplete ul {
border-radius: 2px;
background-color: #FFFFFF;
border: 1px solid #146B87;
left: 0;
padding-left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* line 48, ../../default/scss/module/_search.scss */
.search-autocomplete ul li {
border-bottom: 1px solid #F4F4F4;
color: #006654;
cursor: pointer;
font-size: 11px;
padding: 4px 6px;
text-align: left;
}
/* line 56, ../../default/scss/module/_search.scss */
.search-autocomplete ul li:hover {
color: #004738;
}
/* line 60, ../../default/scss/module/_search.scss */
.search-autocomplete ul li.selected {
background-color: #006654;
color: white;
}
/* line 65, ../../default/scss/module/_search.scss */
.search-autocomplete ul li .amount {
float: right;
font-weight: bold;
}
/* line 70, ../../default/scss/module/_search.scss */
.search-autocomplete ul li:last-child {
border-bottom: none;
}
/* line 76, ../../default/scss/module/_search.scss */
.search-autocomplete:before {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #006654;
border-top: none;
left: 50%;
top: -7px;
}
/* ============================================ *
* Search - Advanced
* ============================================ */
/* line 87, ../../default/scss/module/_search.scss */
.advanced-search {
background: #F4F4F4;
border: 1px solid #ededed;
padding: 30px;
}
/* line 93, ../../default/scss/module/_search.scss */
.advanced-search select.multiselect option {
border-bottom: 1px solid #ededed;
padding: 2px 5px;
}
@media only screen and (max-width: 479px) {
/* line 101, ../../default/scss/module/_search.scss */
.advanced-search {
padding: 15px;
}
}
/* ============================================ *
* Account - Reviews
* ============================================ */
/* line 32, ../../default/scss/module/_account-reviews.scss */
.product-review .product-img-box p.label {
border-bottom: 1px solid #ccc;
font-size: 16px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
margin-top: 20px;
padding-bottom: 10px;
text-transform: uppercase;
}
/* line 41, ../../default/scss/module/_account-reviews.scss */
.product-review .product-img-box .rating-box {
margin: 15px 0;
}
/* line 47, ../../default/scss/module/_account-reviews.scss */
.product-review .product-details h2 {
border-bottom: 1px solid #ccc;
color: #3399CC;
font-size: 16px;
font-weight: 600;
font-family: "Open Sans", Verdana, Arial, sans-serif;
padding-bottom: 10px;
}
/* line 57, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-table {
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 60, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-table th {
padding-right: 10px;
}
/* line 64, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-table tr {
float: left;
font-size: 11px;
margin-right: 10px;
text-transform: uppercase;
}
/* line 73, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-description dt {
border-bottom: 1px solid #ccc;
font-size: 16px;
font-weight: 400;
font-family: "Open Sans", Verdana, Arial, sans-serif;
margin-top: 20px;
padding: 10px 0;
text-transform: uppercase;
}
/* line 83, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-description dd {
color: #737373;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 12px;
}
@media only screen and (min-width: 768px) {
/* line 96, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-table tr {
float: none;
}
}
@media only screen and (min-width: 1126px) {
/* line 108, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-table tr {
float: left;
margin-right: 15px;
}
}
@media only screen and (max-width: 320px) {
/* line 121, ../../default/scss/module/_account-reviews.scss */
.product-review .ratings-table tr {
float: none;
}
}
/* ============================================ *
* CMS Pages
* ============================================ */
/* line 37, ../../default/scss/module/_cms.scss */
.cms-page-view .page-title h1,
.cms-page-view .page-title h3,
.cms-page-view .page-head h1,
.cms-page-view .page-head h3,
.cms-no-route .page-title h1,
.cms-no-route .page-title h3,
.cms-no-route .page-head h1,
.cms-no-route .page-head h3 {
border: none;
}
/* line 45, ../../default/scss/module/_cms.scss */
.cms-page-view .std img,
.cms-no-route .std img {
max-width: 100%;
}
/* line 49, ../../default/scss/module/_cms.scss */
.cms-page-view .std p,
.cms-no-route .std p {
color: #353222;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
/* line 57, ../../default/scss/module/_cms.scss */
.cms-page-view .std h1,
.cms-no-route .std h1 {
color: #353222;
}
/* line 61, ../../default/scss/module/_cms.scss */
.cms-page-view .std h2,
.cms-no-route .std h2 {
color: #353222;
}
/* line 65, ../../default/scss/module/_cms.scss */
.cms-page-view .std li,
.cms-no-route .std li {
color: #353222;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 14px;
font-style: italic;
line-height: 24px;
}
/* line 75, ../../default/scss/module/_cms.scss */
.cms-page-view .col-left:after,
.cms-no-route .col-left:after {
content: '';
display: table;
clear: both;
}
/* line 84, ../../default/scss/module/_cms.scss */
.cms-no-route .std img {
width: 100%;
}
/* line 93, ../../default/scss/module/_cms.scss */
.cms-page-view .std .messages,
.cms-home .std .messages,
.cms-no-route .std .messages {
margin-bottom: 10px;
}
/* line 96, ../../default/scss/module/_cms.scss */
.cms-page-view .std .messages ul,
.cms-home .std .messages ul,
.cms-no-route .std .messages ul {
margin-bottom: 0;
}
/* line 100, ../../default/scss/module/_cms.scss */
.cms-page-view .std .messages li,
.cms-home .std .messages li,
.cms-no-route .std .messages li {
list-style: none;
margin-left: 0;
font-style: normal;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 123, ../scss/mixin/_toggle-content.scss */
#accordion .toggle-tabs {
display: none;
}
/* line 128, ../scss/mixin/_toggle-content.scss */
#accordion > dl > dt {
margin: 0;
margin-bottom: 10px;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px !important;
font-weight: bold;
font-style: normal;
line-height: 1.4;
text-rendering: optimizeSpeed;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
user-select: none;
font-weight: normal;
margin-bottom: 0px;
padding: 7px 10px 7px 24px;
border-width: 1px;
border-style: solid;
border-color: #ccc;
position: relative;
background-color: #F4F4F4;
display: block;
}
/* line 110, ../scss/mixin/_toggle-content.scss */
#accordion > dl > dt:after {
content: '';
position: absolute;
width: 0;
height: 0;
display: block;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #006654;
border-bottom: none;
right: 10px;
top: 50%;
margin-top: 0;
}
/* line 117, ../scss/mixin/_toggle-content.scss */
#accordion > dl > dt:hover {
background-color: #ededed;
}
/* line 133, ../scss/mixin/_toggle-content.scss */
#accordion > dl > dd {
padding: 10px;
margin: 0;
border-width: 0 1px;
border-style: solid;
border-color: #ccc;
}
/* line 140, ../scss/mixin/_toggle-content.scss */
#accordion > dl > dd:last-child {
border-width: 0 1px 1px 1px;
}
/* line 115, ../../default/scss/module/_cms.scss */
#accordion li {
position: relative;
overflow: hidden;
}
/* line 119, ../../default/scss/module/_cms.scss */
#accordion li .plusimage h2 {
margin-right: 10px;
}
/* line 129, ../../default/scss/module/_cms.scss */
.page-sitemap .links {
display: block;
text-align: right;
margin: 0 20px 0 0;
}
/* line 134, ../../default/scss/module/_cms.scss */
.page-sitemap .links a {
position: relative;
}
/* line 137, ../../default/scss/module/_cms.scss */
.page-sitemap .sitemap {
padding: 0 20px;
margin: 15px 0;
font-size: 11px;
}
/* line 142, ../../default/scss/module/_cms.scss */
.page-sitemap .sitemap li {
margin: 3px 0;
}
/* line 152, ../../default/scss/module/_cms.scss */
.contacts-index-index h1 {
border: none;
}
/* line 157, ../../default/scss/module/_cms.scss */
#contactForm {
padding-left: 40px;
}
/* line 160, ../../default/scss/module/_cms.scss */
#contactForm h2 {
display: none;
}
/* line 164, ../../default/scss/module/_cms.scss */
#contactForm:after {
content: '';
display: table;
clear: both;
}
/* line 168, ../../default/scss/module/_cms.scss */
#contactForm .fieldset .legend + .required {
margin: 0;
}
@media only screen and (max-width: 767px) {
/* line 175, ../../default/scss/module/_cms.scss */
#contactForm {
padding-left: 0;
}
}
/* ============================================ *
* Pricing Conditions
* ============================================ */
/* line 32, ../../default/scss/module/_pricing_conditions.scss */
.price-box .minimal-price-link .label {
color: #ec3333;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 11px;
text-transform: uppercase;
}
/* line 41, ../../default/scss/module/_pricing_conditions.scss */
.map-info {
white-space: nowrap;
}
/* line 46, ../../default/scss/module/_pricing_conditions.scss */
.catalog-product-view .map-info {
white-space: normal;
}
/* line 48, ../../default/scss/module/_pricing_conditions.scss */
.catalog-product-view .map-info > span {
float: right;
margin-bottom: 5px;
}
/* line 52, ../../default/scss/module/_pricing_conditions.scss */
.catalog-product-view .map-info .price-box.map-info > a {
float: right;
width: 100%;
}
/* ============================================ *
* Cookies
* ============================================ */
/* line 31, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-inner {
padding-bottom: 0;
}
/* line 34, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-inner:after {
content: '';
display: table;
clear: both;
}
/* line 39, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-text {
float: left;
max-width: 90%;
padding-top: 4px;
text-align: left;
}
/* line 45, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-text p {
padding-bottom: 15px;
line-height: 1.3;
}
/* line 51, ../../default/scss/module/_cookies.scss */
.notice-cookie .actions {
float: left;
text-align: right;
padding-bottom: 15px;
}
@media only screen and (max-width: 1024px) {
/* line 62, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-text {
max-width: 86%;
}
}
@media only screen and (max-width: 767px) {
/* line 72, ../../default/scss/module/_cookies.scss */
.notice-cookie {
padding: 0 20px;
}
/* line 75, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-text {
max-width: 82%;
padding-top: 0;
}
}
@media only screen and (max-width: 620px) {
/* line 86, ../../default/scss/module/_cookies.scss */
.notice-cookie {
padding: 0 20px;
}
/* line 89, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-inner {
background-position: left 10px;
}
/* line 92, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-inner:after {
content: '';
display: table;
clear: both;
}
/* line 97, ../../default/scss/module/_cookies.scss */
.notice-cookie .notice-text {
float: none;
max-width: 100%;
padding-top: 0;
}
/* line 103, ../../default/scss/module/_cookies.scss */
.notice-cookie .actions {
text-align: left;
}
}
/* ============================================ *
* Tags
* ============================================ */
/* line 30, ../../default/scss/module/_tags.scss */
#addTagForm button {
margin-top: 5px;
margin-bottom: 10px;
}
/* line 34, ../../default/scss/module/_tags.scss */
#addTagForm .form-add {
margin-top: 10px;
}
/* line 37, ../../default/scss/module/_tags.scss */
.product-tags {
background-color: #F4F4F4;
border: 1px solid #ccc;
float: left;
margin-bottom: 10px;
padding: 5px 1% 10px;
width: 98%;
}
/* line 45, ../../default/scss/module/_tags.scss */
.product-tags li {
float: left;
margin-right: 15px;
}
/* line 49, ../../default/scss/module/_tags.scss */
.product-tags li.last {
margin-right: 0px;
}
/* line 52, ../../default/scss/module/_tags.scss */
.tags-list {
float: left;
width: 100%;
margin-bottom: 10px;
}
/* line 57, ../../default/scss/module/_tags.scss */
.tags-list > li {
float: left;
margin-right: 10px;
}
/* line 61, ../../default/scss/module/_tags.scss */
.block-tags .actions > a {
font-size: 12px;
}
/* line 65, ../../default/scss/module/_tags.scss */
.my-tag-edit .button.btn-remove {
padding: 0;
}
/* line 68, ../../default/scss/module/_tags.scss */
.my-tag-edit .button.btn-remove:after {
color: white;
}
@media only screen and (max-width: 767px) {
/* line 74, ../../default/scss/module/_tags.scss */
.tags-list > li,
.tags-list {
float: none;
}
}
/* ============================================ *
* Captcha
* ============================================ */
/* line 29, ../../default/scss/module/_captcha.scss */
.captcha-note {
clear: left;
padding-top: 5px;
}
/* line 33, ../../default/scss/module/_captcha.scss */
.captcha-image {
float: left;
display: inline;
max-width: 100%;
position: relative;
width: 258px;
margin-bottom: 10px;
}
/* line 41, ../../default/scss/module/_captcha.scss */
.captcha-image .captcha-img {
border: 1px solid #b6b6b6;
vertical-align: bottom;
width: 100%;
}
/* line 46, ../../default/scss/module/_captcha.scss */
.registered-users .captcha-image {
margin: 0;
}
/* line 47, ../../default/scss/module/_captcha.scss */
.captcha-reload {
cursor: pointer;
position: absolute;
top: 2px;
right: 2px;
}
/* line 53, ../../default/scss/module/_captcha.scss */
.captcha-reload.refreshing {
animation: rotate 1.5s infinite linear;
-webkit-animation: rotate 1.5s infinite linear;
-moz-animation: rotate 1.5s infinite linear;
}
/* line 58, ../../default/scss/module/_captcha.scss */
.customer-account-create .scaffold-form .captcha-input-container label:first-child {
width: 100%;
}
/* line 59, ../../default/scss/module/_captcha.scss */
.captcha-reload {
position: absolute;
right: 4px;
top: 4px;
}
/* line 64, ../../default/scss/module/_captcha.scss */
.captcha-img {
border: 20px solid #bbb;
}
/* line 65, ../../default/scss/module/_captcha.scss */
.captcha-input-container {
margin-bottom: 10px;
}
/* line 66, ../../default/scss/module/_captcha.scss */
.control.newsletter-box, .captcha-input-container, .captcha-img-container {
float: none;
clear: both;
}
/* line 70, ../../default/scss/module/_captcha.scss */
.control.newsletter-box:after, .captcha-input-container:after, .captcha-img-container:after {
content: '';
content: '';
display: table;
clear: both;
}
/* ============================================ *
* Checkout Billing Fix to place the Captcha properly
* ============================================ */
/* line 78, ../../default/scss/module/_captcha.scss */
#co-billing-form ul.form-list > .control {
float: left;
margin: 0 0 5px;
width: 100%;
}
/* ============================================ *
* Account - Orders, Invoices, Credit Memos.
* ============================================ */
@media only screen and (max-width: 479px) {
/* line 34, ../../default/scss/module/_account-orders.scss */
.sales-order-invoice .sub-title,
.sales-order-creditmemo .sub-title,
.sales-order-shipment .sub-title {
float: left;
font-size: 15px;
text-align: center;
width: 100%;
}
/* line 40, ../../default/scss/module/_account-orders.scss */
.sales-order-invoice .order-links,
.sales-order-creditmemo .order-links,
.sales-order-shipment .order-links {
text-align: center;
width: 100%;
}
}
/* ============================================ *
* Recurring Profiles
* ============================================ */
/* line 32, ../../default/scss/module/_recurring-profiles.scss */
#recurring_profile_list_view th {
white-space: normal;
}
/* line 35, ../../default/scss/module/_recurring-profiles.scss */
#recurring_profile_list_view th span {
white-space: inherit;
}
@media only screen and (max-width: 479px) {
/* line 30, ../../default/scss/module/_recurring-profiles.scss */
#recurring_profile_list_view {
font-size: 11px;
}
/* line 43, ../../default/scss/module/_recurring-profiles.scss */
#recurring_profile_list_view a {
font-size: inherit;
}
/* line 47, ../../default/scss/module/_recurring-profiles.scss */
#recurring_profile_list_view th,
#recurring_profile_list_view td {
padding: 2px;
}
}
/* line 55, ../../default/scss/module/_recurring-profiles.scss */
.recurring-profiles-title {
float: left;
}
/* line 58, ../../default/scss/module/_recurring-profiles.scss */
.recurring-profiles-title h1 {
margin-bottom: 7px;
}
/* line 63, ../../default/scss/module/_recurring-profiles.scss */
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
float: right;
text-align: right;
margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
/* line 63, ../../default/scss/module/_recurring-profiles.scss */
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons {
text-align: center;
float: none;
}
}
/* line 73, ../../default/scss/module/_recurring-profiles.scss */
body.customer-account .my-account .title-buttons.recurring-profiles-title-buttons .button {
position: static;
}
/* line 79, ../../default/scss/module/_recurring-profiles.scss */
.recurring-profiles-messages:after {
content: '';
display: table;
clear: both;
}
/* line 84, ../../default/scss/module/_recurring-profiles.scss */
#recurring_start_date_trig {
display: inline;
}
/* ============================================ *
* Billing Agreements
* ============================================ */
/* line 31, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements .info-box {
margin-bottom: 30px;
}
/* line 34, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements .info-box:after {
content: '';
display: table;
clear: both;
}
/* line 38, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements .info-box .form-list {
max-width: 400px;
width: 100%;
}
/* line 43, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements .info-box .box-title {
margin-top: 20px;
margin-bottom: 7px;
}
/* line 48, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements .info-box .button {
float: right;
margin-top: 7px;
}
@media only screen and (max-width: 479px) {
/* line 48, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements .info-box .button {
width: 100%;
float: none;
}
}
/* line 59, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements #payment_method {
width: 100%;
margin-top: 7px;
margin-bottom: 7px;
}
/* line 67, ../../default/scss/module/_billing-agreements.scss */
.billing-agreement-view-header-wrapper .heading {
max-width: 80%;
}
@media only screen and (max-width: 479px) {
/* line 67, ../../default/scss/module/_billing-agreements.scss */
.billing-agreement-view-header-wrapper .heading {
max-width: 100%;
}
}
/* line 77, ../../default/scss/module/_billing-agreements.scss */
.billing-agreement-details td, .billing-agreement-details th {
padding: 3.5px;
}
@media only screen and (max-width: 1024px) {
/* line 85, ../../default/scss/module/_billing-agreements.scss */
.billing-agreements .data-table .created-at,
.billing-agreements .data-table .updated-at {
display: none;
}
}
/* ============================================ *
* Popular Search Terms Cloud
* ============================================ */
/* line 30, ../../default/scss/module/_popular-terms.scss */
.catalogsearch-term-popular .tags-list {
float: left;
width: 100%;
}
/* line 34, ../../default/scss/module/_popular-terms.scss */
.catalogsearch-term-popular .tags-list > li {
float: left;
height: 40px;
margin-right: 25px;
}
/* ============================================ *
* Widgets
* ============================================ */
/* -------------------------------------------- *
* Add to cart by SKU
*/
/* line 37, ../../default/scss/module/_widget.scss */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
width: 100%;
}
@media only screen and (min-width: 768px) {
/* line 37, ../../default/scss/module/_widget.scss */
.sidebar .widget-addbysku .sku-table .input-text:not(.qty) {
max-width: 100px;
}
}
/* line 49, ../../default/scss/module/_widget.scss */
.widget {
clear: both;
}
/* line 53, ../../default/scss/module/_widget.scss */
.widget .pager {
float: none;
width: 100%;
}
@media only screen and (min-width: 1200px) {
/* line 64, ../../default/scss/module/_widget.scss */
.col2-left-layout .col-main .widget,
.col2-right-layout .col-main .widget,
.col3-layout .col-main .widget {
/* Config: Columns + flexible gutter */
/* Undo three-column config */
/* Set column config */
/* Config: Columns + flexible gutter */
/* Undo three-column config */
/* Set column config */
}
/* line 242, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd),
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
clear: none;
}
/* line 245, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1),
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
clear: none;
}
/* line 248, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n),
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
margin-right: 2.22222%;
}
/* line 254, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
margin-right: 2.22222%;
}
/* line 257, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li,
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li,
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li {
width: 23.33333%;
margin-right: 2.22222%;
}
/* line 261, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1),
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
clear: left;
}
/* line 264, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
.col2-right-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n),
.col3-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
margin-right: 0;
}
/* line 242, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd),
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
clear: none;
}
/* line 245, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1),
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
clear: none;
}
/* line 248, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n),
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
margin-right: 2.22222%;
}
/* line 254, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
margin-right: 2.22222%;
}
/* line 257, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li,
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li,
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li {
width: 18.22222%;
margin-right: 2.22222%;
}
/* line 261, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1),
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
clear: left;
}
/* line 264, ../scss/module/_product-list.scss */
.col2-left-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
.col2-right-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n),
.col3-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
margin-right: 0;
}
}
@media only screen and (min-width: 767px) {
/* line 73, ../../default/scss/module/_widget.scss */
.col1-layout .col-main .widget {
/* Config: Columns + flexible gutter */
/* Undo three-column config */
/* Set column config */
/* Config: Columns + flexible gutter */
/* Undo three-column config */
/* Set column config */
}
/* line 242, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(odd) {
clear: none;
}
/* line 245, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n+1) {
clear: none;
}
/* line 248, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(even),
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(3n) {
margin-right: 2.22222%;
}
/* line 254, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
margin-right: 2.22222%;
}
/* line 257, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li {
width: 23.33333%;
margin-right: 2.22222%;
}
/* line 261, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n+1) {
clear: left;
}
/* line 264, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-4-col-widget > li:nth-child(4n) {
margin-right: 0;
}
/* line 242, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(odd) {
clear: none;
}
/* line 245, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n+1) {
clear: none;
}
/* line 248, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(even),
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(3n) {
margin-right: 2.22222%;
}
/* line 254, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
margin-right: 2.22222%;
}
/* line 257, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li {
width: 18.22222%;
margin-right: 2.22222%;
}
/* line 261, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n+1) {
clear: left;
}
/* line 264, ../scss/module/_product-list.scss */
.col1-layout .col-main .widget .products-grid--max-5-col-widget > li:nth-child(5n) {
margin-right: 0;
}
}
/* ============================================ *
* Checkout - Multiple Addresses
* ============================================ */
/* line 31, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress {
width: 100%;
float: left;
margin-bottom: 25px;
}
/* line 35, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress > li {
float: left;
width: 20%;
text-align: center;
padding: 8px 1% 6px;
background: #F4F4F4;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
margin-bottom: 10px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 46, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress > li.active {
background-color: #353222;
}
/* line 49, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress > li.last {
border-right: 0px;
}
/* line 54, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .page-title {
float: left;
width: 100%;
margin-bottom: 15px;
}
/* line 58, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .page-title h1 {
border: 0 none;
float: left;
margin-top: 2px;
margin-right: 2%;
}
/* line 64, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .page-title .button {
float: right;
}
/* line 68, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .multiple-checkout > h2 {
text-transform: none;
font-size: 17px;
margin-bottom: 15px;
}
/* line 73, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .messages {
float: left;
width: 100%;
}
/* line 77, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .col-2.col-wide {
width: 66%;
}
/* line 80, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .col-1.col-narrow {
width: 30%;
}
/* line 83, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .actions {
margin-bottom: 10px;
}
/* line 87, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .grand-total {
text-align: right;
font-size: 16px;
font-weight: bold;
}
/* line 93, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] #checkout-review-submit {
float: right;
}
/* line 97, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] #review-buttons-container {
float: right;
text-align: right;
}
/* line 104, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-addresses .btn-remove2 {
text-indent: -5555px;
display: block;
width: 22px;
height: 22px;
}
/* line 113, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .gift-messages {
margin-top: 20px;
}
/* line 116, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .gift-messages-form {
margin-top: 15px;
}
/* line 118, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .gift-messages-form h4 {
margin-top: 15px;
margin-bottom: 5px;
}
/* line 122, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .gift-messages-form .form-list {
margin-top: 10px;
margin-bottom: 25px;
}
/* line 126, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .gift-messages-form .item {
margin-top: 15px;
}
/* line 137, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .col-1 .box-title h2, .checkout-multishipping-shipping .col-1 .box-title h3, .checkout-multishipping-shipping .col-1 .box-title h4, .checkout-multishipping-shipping .col-2 .box-title h2, .checkout-multishipping-shipping .col-2 .box-title h3, .checkout-multishipping-shipping .col-2 .box-title h4,
.checkout-multishipping-billing .col-1 .box-title h2,
.checkout-multishipping-billing .col-1 .box-title h3,
.checkout-multishipping-billing .col-1 .box-title h4,
.checkout-multishipping-billing .col-2 .box-title h2,
.checkout-multishipping-billing .col-2 .box-title h3,
.checkout-multishipping-billing .col-2 .box-title h4,
.checkout-multishipping-overview .col-1 .box-title h2,
.checkout-multishipping-overview .col-1 .box-title h3,
.checkout-multishipping-overview .col-1 .box-title h4,
.checkout-multishipping-overview .col-2 .box-title h2,
.checkout-multishipping-overview .col-2 .box-title h3,
.checkout-multishipping-overview .col-2 .box-title h4 {
font-weight: normal;
width: 100%;
background: #F4F4F4;
border-bottom: 1px solid #ccc;
padding: 10px;
font-size: 14px;
}
/* line 146, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .col-1 > h4, .checkout-multishipping-shipping .col-2 > h4,
.checkout-multishipping-billing .col-1 > h4,
.checkout-multishipping-billing .col-2 > h4,
.checkout-multishipping-overview .col-1 > h4,
.checkout-multishipping-overview .col-2 > h4 {
font-weight: normal;
width: 100%;
background: #F4F4F4;
border-bottom: 1px solid #ccc;
padding: 10px;
font-size: 14px;
}
/* line 154, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-shipping .col-1 .box-content, .checkout-multishipping-shipping .col-2 .box-content,
.checkout-multishipping-billing .col-1 .box-content,
.checkout-multishipping-billing .col-2 .box-content,
.checkout-multishipping-overview .col-1 .box-content,
.checkout-multishipping-overview .col-2 .box-content {
margin-bottom: 25px;
padding-left: 10px;
margin-top: 10px;
}
/* line 163, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-billing .sp-methods dt {
float: left;
width: 100%;
}
/* line 169, ../../default/scss/module/_checkout-multi-address.scss */
#multiship-addresses-table > tbody > tr > td.a-center.last > a {
background-image: none;
}
/* line 173, ../../default/scss/module/_checkout-multi-address.scss */
#review-order-form > div:nth-child(3) > div.divider {
width: 100%;
clear: both;
}
@media only screen and (max-width: 1024px) {
/* line 180, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress span {
word-spacing: 300px;
}
/* line 185, ../../default/scss/module/_checkout-multi-address.scss */
#review-order-form .col-1,
#review-order-form .col-2 {
float: none;
width: auto;
border: 0;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
/* line 198, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress span {
width: 12px;
}
/* line 202, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress li {
width: 100%;
margin: 0;
text-align: left;
padding-left: 3%;
border-right: 0px;
}
/* line 209, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .checkout-progress span {
word-spacing: 1px;
width: 12px;
}
/* line 214, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .box-title {
float: left;
width: 100%;
}
/* line 218, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .page-title .button {
float: left;
margin-bottom: 10px;
}
/* line 223, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .linearize-table tfoot td {
text-align: right;
}
/* line 226, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .linearize-table select {
width: 100%;
min-width: 200px;
}
/* line 231, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .col-1.col-narrow, body[class*="checkout-multishipping-"] .col-2.col-wide {
width: 100%;
padding: 0;
}
}
@media only screen and (max-width: 599px) {
/* line 239, ../../default/scss/module/_checkout-multi-address.scss */
.checkout-multishipping-addresses .linearize-table tbody td[data-rwd-label] {
text-align: left;
padding-left: 10px;
margin-top: 12px;
}
}
@media only screen and (max-width: 479px) {
/* line 248, ../../default/scss/module/_checkout-multi-address.scss */
body[class*="checkout-multishipping-"] .buttons-set .back-link {
display: block;
}
}
/* ============================================ *
* Advent Calendar
* ============================================ */
/* line 30, ../scss/module/_calendar-promotion.scss */
.cms-advent-calendar .breadcrumbs {
display: none;
}
@media only screen and (max-width: 768px) {
/* line 33, ../scss/module/_calendar-promotion.scss */
.cms-advent-calendar .main-container {
padding: 0 !important;
}
}
/* line 39, ../scss/module/_calendar-promotion.scss */
.calendar-promotion {
float: left;
width: 100%;
margin-top: -27px;
}
/* line 44, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .gold {
color: #a38b4c;
}
/* line 48, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .banner {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/banner.png) 0 0 no-repeat;
background-size: contain;
display: inline-block;
width: 100%;
min-height: 255px;
position: relative;
}
@media only screen and (max-width: 768px) {
/* line 48, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .banner {
background: none;
min-height: 0;
}
/* line 60, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .banner:before {
content: 'Faithful Festivities';
font-family: 'golden_plains',cursive;
color: #5ea688;
font-size: 35px;
display: block;
width: 100%;
text-align: center;
margin-top: 15px;
}
}
/* line 72, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .banner .sub {
font-size: 20px;
font-family: 'myriad-pro', sans-serif;
text-align: center;
margin: 0 auto 30px;
padding-top: 182px;
width: 80%;
}
@media only screen and (max-width: 768px) {
/* line 72, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .banner .sub {
padding-top: 0;
width: 90%;
}
}
/* line 85, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .banner .banner-title {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/banner-title.png) 0 0 no-repeat;
display: block;
font-size: 50px;
padding-top: 15px;
width: 768px;
min-height: 112px;
font-family: 'golden_plains', cursive;
color: #fff;
text-align: center;
position: absolute;
left: 50%;
bottom: -93px;
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
@media only screen and (max-width: 768px) {
/* line 85, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .banner .banner-title {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/banner-title-small.png) 0 0 no-repeat;
font-size: 20px;
width: 315px;
min-height: 48px;
padding-top: 6px;
bottom: -60px;
letter-spacing: 1px;
}
}
/* line 113, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid {
float: left;
width: 100%;
margin-top: 30px;
background: #eee3c4;
border-radius: 3px;
padding: 90px 10px;
}
@media only screen and (max-width: 767px) {
/* line 113, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid {
padding: 55px 10px 10px 10px;
}
}
/* line 125, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row {
margin-bottom: 10px;
float: left;
width: 100%;
}
@media only screen and (max-width: 767px) {
/* line 125, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row {
margin-bottom: 0;
}
}
/* line 134, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block {
min-height: 200px;
float: left;
margin: 0 5px;
width: calc((100% / 4) - 10px);
width: -webkit-calc((100% / 4) - 10px);
width: -moz-calc((100% / 4) - 10px);
overflow: hidden;
position: relative;
background-size: cover !important;
}
@media only screen and (max-width: 767px) {
/* line 134, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block {
display: none;
min-width: 0;
margin: 0 !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* line 134, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block {
min-height: 120px;
background-size: cover !important;
background-position: right;
}
/* line 156, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social {
display: none;
}
}
@media only screen and (max-width: 767px) {
/* line 134, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block {
width: 100%;
margin: 10px 0;
min-height: 205px;
}
}
/* line 167, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .closed {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #5ea688;
opacity: 0;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
/* line 180, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .closed span {
font-family: 'golden_plains', cursive;
color: #fff;
font-size: 30px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
/* line 167, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .closed {
font-size: 20px;
}
}
/* line 200, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
float: left;
width: 100%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
@media only screen and (max-width: 767px) {
/* line 200, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current {
padding: 15px;
top: 0;
left: 0;
right: 0;
transform: translate(0, 0);
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
}
/* line 226, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current a {
color: #fff;
}
/* line 229, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .save {
width: 100%;
text-align: center;
margin: 0 auto;
clear: both;
display: block;
font-size: 20px;
font-family: 'golden_plains', cursive;
text-transform: capitalize;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
/* line 229, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .save {
font-family: 'myriad-pro', sans-serif;
font-weight: bold;
font-size: 18px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* line 229, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .save {
display: none;
}
}
/* line 254, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .daily {
font-family: 'myriad-pro', sans-serif;
font-size: 16px;
width: 90%;
margin: 0 auto;
clear: both;
padding: 5px 0;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
/* line 269, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .daily:hover {
color: #abcdbc;
}
@media only screen and (max-width: 1024px) {
/* line 254, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .daily {
width: 90%;
padding: 5px 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* line 254, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .daily {
font-size: 15px;
border-top: 0 none;
}
}
/* line 282, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .cta {
font-size: 15px;
background: #fff;
color: #5ea688;
padding: 5px 10px;
width: 90%;
margin: 6px auto;
display: block;
border-radius: 2px;
text-transform: uppercase;
font-family: 'myriadpro-bold', sans-serif;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
/* line 298, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .cta:hover {
background: #8fc1ac;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* line 282, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .current .cta {
font-size: 14px;
padding: 2px 10px;
}
}
@media only screen and (max-width: 767px) {
/* line 309, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block.current {
display: block !important;
}
}
/* line 314, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social {
width: 150px;
margin: 0 auto;
}
/* line 318, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social span {
float: left;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
/* line 324, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social .facebook:before {
content: "";
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/facebook.png) 0 0 no-repeat;
display: block;
width: 25px;
height: 26px;
margin: 6px auto 0 auto;
}
@media only screen and (max-width: 767px) {
/* line 324, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social .facebook:before {
margin-top: 4px;
}
}
/* line 338, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social .twitter:before {
content: "";
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/twitter.png) 0 0 no-repeat;
display: block;
width: 25px;
height: 26px;
margin: 6px auto 0 auto;
}
@media only screen and (max-width: 767px) {
/* line 338, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social .twitter:before {
margin-top: 4px;
}
}
/* line 352, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social .instagram:before {
content: "";
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/instagram.png) 0 0 no-repeat;
display: block;
width: 25px;
height: 26px;
margin: 6px auto 0 auto;
}
@media only screen and (max-width: 767px) {
/* line 352, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .social .instagram:before {
margin-top: 4px;
}
}
/* line 368, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .date span {
color: #a38b4c;
position: absolute;
top: 50%;
font-size: 30px;
width: 100%;
text-align: center;
z-index: 300;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-family: 'golden_plains', cursive;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (max-width: 768px) {
/* line 368, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .date span {
font-size: 20px;
}
}
/* line 387, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .date .sub {
background: #eee3c4;
opacity: 0.9;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 1s ease;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
}
/* line 400, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block .date .sub:hover {
opacity: 1;
}
/* line 407, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block.coming .closed,
.calendar-promotion .grid .row .block.coming .current {
display: none;
}
/* line 413, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block.active .closed,
.calendar-promotion .grid .row .block.active .date {
display: none;
}
/* line 419, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block.closed .date,
.calendar-promotion .grid .row .block.closed .current,
.calendar-promotion .grid .row .block.closed .social {
display: none;
}
@media only screen and (max-width: 767px) {
/* line 426, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block.coming {
display: none;
}
}
/* line 433, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .row .block:hover.closed .closed {
opacity: 0.5;
}
/* line 441, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-1 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_01.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 445, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-1.coming {
display: block;
}
}
/* line 450, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-1.active {
background: #5ea688;
display: block !important;
}
/* line 455, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-2 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_02.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 459, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-2.coming {
display: block;
}
}
/* line 464, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-2.active {
background: #5ea688;
display: block !important;
}
/* line 469, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-3 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_03.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 473, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-3.coming {
display: block;
}
}
/* line 478, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-3.active {
background: #5ea688;
display: block !important;
}
/* line 483, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-4 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_04.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 487, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-4.coming {
display: block;
}
}
/* line 492, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-4.active {
background: #5ea688;
display: block !important;
}
/* line 497, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-5 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_05.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 501, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-5.coming {
display: block;
}
}
/* line 506, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-5.active {
background: #5ea688;
display: block !important;
}
/* line 511, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-6 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_06.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 515, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-6.coming {
display: block;
}
}
/* line 520, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-6.active {
background: #5ea688;
display: block !important;
}
/* line 525, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-7 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_07.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 529, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-7.coming {
display: block;
}
}
/* line 534, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-7.active {
background: #5ea688;
display: block !important;
}
/* line 539, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-8 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_08.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 543, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-8.coming {
display: block;
}
}
/* line 548, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-8.active {
background: #5ea688;
display: block !important;
}
/* line 553, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-9 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_09.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 557, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-9.coming {
display: block;
}
}
/* line 562, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-9.active {
background: #5ea688;
display: block !important;
}
/* line 567, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-10 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_10.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 571, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-10.coming {
display: block;
}
}
/* line 576, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-10.active {
background: #5ea688;
display: block !important;
}
/* line 581, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-11 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_11.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 585, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-11.coming {
display: block;
}
}
/* line 590, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-11.active {
background: #5ea688;
display: block !important;
}
/* line 595, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-12 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_12.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 599, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-12.coming {
display: block;
}
}
/* line 604, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-12.active {
background: #5ea688;
display: block !important;
}
/* line 609, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-13 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_13.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 613, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-13.coming {
display: block;
}
}
/* line 618, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-13.active {
background: #5ea688;
display: block !important;
}
/* line 623, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-14 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_14.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 627, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-14.coming {
display: block;
}
}
/* line 632, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-14.active {
background: #5ea688;
display: block !important;
}
/* line 637, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-15 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_15.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 641, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-15.coming {
display: block;
}
}
/* line 646, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-15.active {
background: #5ea688;
display: block !important;
}
/* line 651, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-16 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_16.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 655, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-16.coming {
display: block;
}
}
/* line 660, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-16.active {
background: #5ea688;
display: block !important;
}
/* line 665, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-17 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_17.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 669, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-17.coming {
display: block;
}
}
/* line 674, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-17.active {
background: #5ea688;
display: block !important;
}
/* line 679, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-18 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_18.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 683, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-18.coming {
display: block;
}
}
/* line 688, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-18.active {
background: #5ea688;
display: block !important;
}
/* line 693, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-19 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_19.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 697, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-19.coming {
display: block;
}
}
/* line 702, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-19.active {
background: #5ea688;
display: block !important;
}
/* line 707, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-20 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_20.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 711, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-20.coming {
display: block;
}
}
/* line 716, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-20.active {
background: #5ea688;
display: block !important;
}
/* line 721, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-21 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_21.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 725, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-21.coming {
display: block;
}
}
/* line 730, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-21.active {
background: #5ea688;
display: block !important;
}
/* line 735, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-22 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_22.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 739, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-22.coming {
display: block;
}
}
/* line 744, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-22.active {
background: #5ea688;
display: block !important;
}
/* line 749, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-23 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_23.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 753, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-23.coming {
display: block;
}
}
/* line 758, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-23.active {
background: #5ea688;
display: block !important;
}
/* line 763, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-24 {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/advent/base_24.jpg) no-repeat 0 0;
}
@media only screen and (max-width: 767px) {
/* line 767, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-24.coming {
display: block;
}
}
/* line 772, ../scss/module/_calendar-promotion.scss */
.calendar-promotion .grid .block-24.active {
background: #5ea688;
display: block !important;
}
/* ============================================ *
* Advent Calendar
* ============================================ */
/* @// TODO: use better unique identifier*/
/* line 32, ../scss/module/_promotional-layout.scss */
.category-warehouse-sale .page-title,
.category-warehouse-sale .breadcrumbs {
display: none;
}
@media only screen and (max-width: 768px) {
/* line 37, ../scss/module/_promotional-layout.scss */
.category-warehouse-sale .main-container {
padding: 0 !important;
}
}
/* line 45, ../scss/module/_promotional-layout.scss */
.promotional-layout .banner {
float: left;
margin-bottom: 15px;
max-width: 100%;
}
/* line 50, ../scss/module/_promotional-layout.scss */
.promotional-layout .banner img {
width: 100%;
}
@media (max-width: 480px) {
/* line 45, ../scss/module/_promotional-layout.scss */
.promotional-layout .banner {
float: none;
}
}
/* line 58, ../scss/module/_promotional-layout.scss */
.promotional-layout .banner-2 {
float: none;
margin-bottom: 15px;
max-width: 100%;
}
/* line 63, ../scss/module/_promotional-layout.scss */
.promotional-layout .banner-2 img {
width: 100%;
}
/* line 68, ../scss/module/_promotional-layout.scss */
.promotional-layout .row {
margin-bottom: 15px;
}
/* line 73, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-1 .back {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/promobanners/FOOD-Reverse.png") repeat 0 0;
}
/* line 79, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-2 .back {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/promobanners/HEALTH-Reverse.png") repeat 0 0;
}
/* line 85, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-3 .back {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/promobanners/BEAUTY-BODY-Reverse.png") repeat 0 0;
}
/* line 91, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-4 .back {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/promobanners/KIDS-Reverse.png") repeat 0 0;
}
/* line 97, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-5 .back {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/promobanners/LIFESTYLE-Reverse.png") repeat 0 0;
}
/* line 103, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-6 .back {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/promobanners/HOME-Reverse.png") repeat 0 0;
}
/* line 108, ../scss/module/_promotional-layout.scss */
.promotional-layout .block {
-moz-width: calc((100% / 3) - 20px);
-webkit-width: -webkit-calc((100% / 3) - 20px);
float: left;
margin: 0 10px;
position: relative;
width: calc((99.9% / 3) - 20px);
}
/* line 116, ../scss/module/_promotional-layout.scss */
.promotional-layout .block img {
height: 100%;
object-fit: cover;
width: 100%;
}
/* line 122, ../scss/module/_promotional-layout.scss */
.promotional-layout .block .front {
background: cadetblue;
width: 100%;
}
/* line 127, ../scss/module/_promotional-layout.scss */
.promotional-layout .block .back {
font-size: 18px;
width: 100%;
}
/* line 131, ../scss/module/_promotional-layout.scss */
.promotional-layout .block .back .content {
position: absolute;
text-align: center;
left: 15px;
right: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
/* line 143, ../scss/module/_promotional-layout.scss */
.promotional-layout .block .back .content .cta {
border: 1px solid #333;
border-radius: 6px;
color: #333;
cursor: pointer;
margin: 5px auto 0 auto;
padding: 5px 10px;
text-transform: uppercase;
width: 50%;
}
/* line 153, ../scss/module/_promotional-layout.scss */
.promotional-layout .block .back .content .cta:hover {
border-color: #fff;
color: #fff;
}
/* line 159, ../scss/module/_promotional-layout.scss */
.promotional-layout .block .back .content p {
padding-bottom: 15px;
}
/* line 165, ../scss/module/_promotional-layout.scss */
.promotional-layout .block:first-child {
margin-left: 0;
width: calc((99.9% / 3) - 10px);
-webkit-width: -webkit-calc((100% / 3) - 10px);
-moz-width: calc((100% / 3) - 10px);
}
@media (max-width: 599px) {
/* line 165, ../scss/module/_promotional-layout.scss */
.promotional-layout .block:first-child {
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 1024px) {
/* line 165, ../scss/module/_promotional-layout.scss */
.promotional-layout .block:first-child {
width: calc((99.9% / 2) - 10px);
-webkit-width: -webkit-calc((100% / 2) - 10px);
-moz-width: calc((100% / 2) - 10px);
}
}
/* line 181, ../scss/module/_promotional-layout.scss */
.promotional-layout .block:last-child {
margin-right: 0;
width: calc((99.9% / 3) - 10px);
-webkit-width: -webkit-calc((100% / 3) - 10px);
-moz-width: calc((100% / 3) - 10px);
}
@media (max-width: 599px) {
/* line 181, ../scss/module/_promotional-layout.scss */
.promotional-layout .block:last-child {
width: 100%;
}
}
@media (min-width: 600px) and (max-width: 1024px) {
/* line 181, ../scss/module/_promotional-layout.scss */
.promotional-layout .block:last-child {
width: calc((99.9% / 2) - 10px);
-webkit-width: -webkit-calc((100% / 2) - 10px);
-moz-width: calc((100% / 2) - 10px);
}
}
@media only screen and (max-width: 599px) {
/* line 108, ../scss/module/_promotional-layout.scss */
.promotional-layout .block {
margin: 0;
width: 100%;
margin-bottom: 15px;
}
}
@media (min-width: 600px) and (max-width: 1024px) {
/* line 108, ../scss/module/_promotional-layout.scss */
.promotional-layout .block {
margin: 0;
width: calc((99.9% / 2) - 10px);
-webkit-width: -webkit-calc((100% / 2) - 10px);
-moz-width: calc((100% / 2) - 10px);
}
}
@media (min-width: 600px) and (max-width: 1024px) {
/* line 212, ../scss/module/_promotional-layout.scss */
.promotional-layout .row {
margin-bottom: 0 !important;
}
/* line 216, ../scss/module/_promotional-layout.scss */
.promotional-layout .row:after {
clear: none;
}
/* line 220, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-1,
.promotional-layout .block-3,
.promotional-layout .block-5 {
margin: 10px 10px 10px 0 !important;
}
/* line 226, ../scss/module/_promotional-layout.scss */
.promotional-layout .block-2,
.promotional-layout .block-4,
.promotional-layout .block-6 {
margin: 10px 0 10px 10px !important;
}
}
/* ============================================ *
* I am Faithful to Nature Campaign
* ============================================ */
/* line 33, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .breadcrumbs {
display: none;
}
/* line 37, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .main-container {
padding: 0 !important;
}
/* line 41, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .page-title {
margin: 30px 0;
}
/* line 44, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .page-title h1 {
display: inline-block;
font-family: 'myriad-pro', sans-serif !important;
font-size: 23px !important;
font-weight: 900 !important;
text-align: center;
text-transform: uppercase;
width: 100%;
}
@media (min-width: 768px) {
/* line 44, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .page-title h1 {
font-size: 40px !important;
}
}
/* line 57, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .page-title h1.brown {
color: #353222 !important;
}
/* line 62, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .page-title .sub {
color: #888;
display: inline-block;
font-family: 'golden_plains', cursive;
font-size: 22px;
text-align: center;
width: 100%;
}
@media (min-width: 768px) {
/* line 62, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .page-title .sub {
font-size: 38px !important;
}
}
/* line 76, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section {
display: inline-block;
padding: 0 10px;
position: relative;
width: 100%;
}
/* line 82, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section h2 {
display: inline-block;
font-family: 'myriad-pro', sans-serif !important;
font-size: 26px !important;
font-weight: 900 !important;
padding-bottom: 10px;
position: relative;
text-transform: uppercase;
width: 100%;
}
/* line 92, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section h2 .line-shape {
background: #fff;
bottom: 0;
height: 3px;
left: 0;
position: absolute;
right: -10px;
}
/* line 102, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section .sub {
font-family: 'myriad-pro', sans-serif !important;
font-weight: 600;
margin-bottom: 10px;
padding: 0;
}
/* line 109, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section a {
border-bottom: 2px solid #fff;
}
/* line 113, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section p {
font-family: 'myriad-pro', sans-serif !important;
font-size: 17px !important;
line-height: 25px;
margin-bottom: 5px;
text-align: left !important;
}
/* line 121, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section .brown {
color: #353222;
font-weight: 600;
}
/* line 126, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section .green {
color: #87beb0;
}
/* line 130, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section > div {
margin-bottom: 25px;
z-index: 300;
}
/* line 135, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section .background {
bottom: 0;
left: 0;
position: absolute;
right: 0;
transform: skewY(-5deg);
-webkit-transform: skewY(-5deg);
-ms-transform: skewY(-5deg);
-moz-transform: skewY(-5deg);
-o-transform: skewY(-5deg);
z-index: 1;
}
/* line 148, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to {
padding-bottom: 40px;
z-index: 1;
}
@media (min-width: 1176px) {
/* line 148, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to {
padding-bottom: 50px;
}
}
/* line 156, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .featured-image {
display: table;
margin: 0 auto 25px auto;
position: relative;
z-index: 300;
}
@media (min-width: 768px) {
/* line 156, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .featured-image {
float: left;
width: 290px;
}
}
@media (min-width: 1176px) {
/* line 156, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .featured-image {
position: absolute;
width: 510px;
}
}
/* line 172, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .content {
position: relative;
z-index: 300;
}
@media (min-width: 768px) {
/* line 172, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .content {
float: left;
padding-left: 55px;
padding-top: 55px;
width: -webkit-calc((100%) - 290px);
width: calc((100%) - 290px);
}
}
@media (min-width: 1176px) {
/* line 172, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .content {
float: right;
width: -webkit-calc((100%) - 400px);
width: calc((100%) - 400px);
}
}
/* line 189, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to h2 {
color: #fff;
}
/* line 192, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to h2 .brown {
font-weight: 900;
}
/* line 197, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .sub {
color: #353222;
font-size: 20px;
font-weight: bold !important;
}
/* line 203, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to a,
.cms-i-am-faithful-to-nature .section.how-to p {
color: #fff;
}
/* line 208, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share {
display: inline-block;
position: relative;
width: 100%;
z-index: 300;
}
@media (min-width: 1000px) {
/* line 208, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share {
float: right;
margin-bottom: 30px;
width: -webkit-calc((100%) - 700px);
width: calc((100%) - 700px);
}
}
/* line 220, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share > div {
float: left;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
/* line 225, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share a {
border-bottom: 0 !important;
display: block;
font-size: 0;
height: 78px;
line-height: 76px;
margin: 0 auto;
text-align: center;
width: 78px;
}
/* line 235, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share a::before {
color: #87beb0;
font-size: 35px;
}
/* line 240, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share a.facebook::after {
content: '';
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/campaign/fb-icon.png) 0 0 no-repeat;
display: block;
height: 36px;
margin: 0 auto;
transform: translateY(-153%);
-webkit-transform: translateY(-153%);
-ms-transform: translateY(-153%);
-moz-transform: translateY(-153%);
-o-transform: translateY(-153%);
width: 36px;
}
/* line 254, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share a.twitter::after {
content: '';
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/campaign/tw-icon.png) 0 0 no-repeat;
display: block;
height: 36px;
margin: 0 auto;
transform: translateY(-153%);
-webkit-transform: translateY(-153%);
-ms-transform: translateY(-153%);
-moz-transform: translateY(-153%);
-o-transform: translateY(-153%);
width: 36px;
}
/* line 268, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .share a.instagram::after {
content: '';
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/campaign/ig-icon.png) 0 0 no-repeat;
display: block;
height: 36px;
margin: 0 auto;
transform: translateY(-153%);
-webkit-transform: translateY(-153%);
-ms-transform: translateY(-153%);
-moz-transform: translateY(-153%);
-o-transform: translateY(-153%);
width: 36px;
}
/* line 284, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .background {
background: #87beb0;
top: 135px;
}
@media (min-width: 768px) {
/* line 284, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.how-to .background {
top: 15px;
transform: skewY(-2deg);
-webkit-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-o-transform: skewY(-2deg);
}
}
/* line 299, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick {
margin-top: 30px;
z-index: 1;
}
/* line 304, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .blurb h2, .cms-i-am-faithful-to-nature .section.top-pick .blurb p {
color: #353222;
}
@media (min-width: 600px) {
/* line 310, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .blurb {
float: left;
width: 70%;
}
}
@media (min-width: 960px) {
/* line 299, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick {
margin-top: 0;
padding-top: 100px;
}
/* line 320, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .post {
padding-top: 60px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
width: 64%;
}
/* line 332, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .blurb {
padding-right: 25px;
width: 40%;
}
}
/* line 338, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .profile {
padding-bottom: 30px;
}
@media (min-width: 600px) {
/* line 338, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .profile {
float: left;
width: 30%;
}
}
@media (min-width: 960px) {
/* line 338, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .profile {
border-left: 3px solid #353222;
width: 60%;
}
}
/* line 351, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .profile img {
border-top: 3px solid #e7e7e7;
margin: 0 auto;
padding-top: 25px;
width: 217px;
}
@media (min-width: 600px) {
/* line 351, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .profile img {
border-left: 3px solid #e7e7e7;
border-top: 0 none;
padding-left: 25px;
padding-top: 0;
}
}
@media (min-width: 960px) {
/* line 351, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .profile img {
border: 0 none;
padding: 0;
width: 300px;
}
}
/* line 371, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .profile a {
color: #353222;
float: left;
font-weight: 900;
margin-top: 10px;
text-align: center;
width: 100%;
}
/* line 381, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content {
border: 1px solid #e7e7e7;
border-radius: 4px;
overflow: hidden;
}
@media (min-width: 600px) {
/* line 381, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content {
margin: 0 auto;
width: 70%;
}
}
@media (min-width: 960px) {
/* line 381, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content {
float: right;
width: 35%;
}
}
@media (min-width: 960px) {
/* line 396, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content .featured-image {
max-height: 215px;
overflow: hidden;
}
/* line 401, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content .featured-image img {
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
}
/* line 411, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content p {
padding: 10px;
}
/* line 414, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content p span {
font-weight: 600;
}
/* line 418, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content p .author {
float: right;
margin-bottom: 10px;
text-align: right;
width: 100%;
}
/* line 424, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.top-pick .content p .author a {
color: #87beb0;
}
/* line 432, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post {
padding-bottom: 40px;
}
@media (min-width: 960px) {
/* line 432, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post {
margin-top: 60px;
}
}
/* line 439, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .featured-image {
display: table;
margin: 0 auto;
position: relative;
z-index: 300;
}
/* line 445, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .featured-image a {
border-bottom: 0 none;
color: #fff;
float: left;
font-weight: 600;
margin-top: 10px;
text-align: center;
width: 100%;
}
/* line 454, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .featured-image a:hover {
color: #87beb0;
}
@media (min-width: 960px) {
/* line 439, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .featured-image {
position: absolute;
top: 66%;
transform: translateY(-65%);
-webkit-transform: translateY(-65%);
-ms-transform: translateY(-65%);
-moz-transform: translateY(-65%);
-o-transform: translateY(-65%);
}
}
/* line 470, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .content {
position: relative;
z-index: 300;
}
@media (min-width: 960px) {
/* line 470, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .content {
float: right;
padding-top: 70px !important;
margin-bottom: 70px;
width: 60%;
}
}
/* line 481, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .content h2 {
padding-top: 15px;
}
/* line 485, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .content h2,
.cms-i-am-faithful-to-nature .section.promoted-post .content p {
color: #fff;
}
/* line 490, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .content a {
border-color: #87beb0;
color: #87beb0;
font-weight: 900;
}
@media (min-width: 768px) {
/* line 470, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .content {
padding: 0 15px;
}
}
/* line 501, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .background {
background: #353222;
top: 115px;
transform: skewY(2deg);
-webkit-transform: skewY(2deg);
-ms-transform: skewY(2deg);
-moz-transform: skewY(2deg);
-o-transform: skewY(2deg);
}
@media (min-width: 960px) {
/* line 501, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.promoted-post .background {
top: 0;
}
}
/* line 516, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers {
padding: 0 0 30px;
}
/* line 519, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post {
display: inline-block;
padding: 45px 15px;
position: relative;
width: 100%;
z-index: 300;
}
@media (min-width: 960px) {
/* line 519, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post {
padding: 100px 15px;
}
}
/* line 530, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post .featured-image {
margin: 0 auto;
max-width: 100%;
position: relative;
width: 338px;
z-index: 300;
}
@media (min-width: 768px) {
/* line 530, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post .featured-image {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
}
}
/* line 550, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post .content a {
border-bottom: 2px solid #87beb0;
color: #87beb0;
font-weight: 600;
}
@media (min-width: 768px) {
/* line 549, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post .content {
float: left;
width: -webkit-calc((100%) - 450px);
width: calc((100%) - 450px);
}
}
/* line 562, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post h2 {
display: inline-block;
font-family: 'myriad-pro', sans-serif !important;
font-size: 22px !important;
font-weight: 900 !important;
padding-bottom: 10px;
position: relative;
text-transform: none;
color: #353222;
width: 100%;
}
/* line 573, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post h2 .line-shape {
background: #353222;
bottom: 0;
height: 3px;
left: 0;
position: absolute;
right: -10px;
}
/* line 582, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post h2.bigger {
font-size: 29px !important;
}
/* line 587, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post p {
color: #353222;
}
/* line 590, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post p .bold {
font-weight: bold;
}
/* line 594, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post p .italic {
font-style: italic;
}
/* line 599, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even {
padding: 60px 10px;
}
@media (min-width: 960px) {
/* line 599, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even {
padding: 120px 15px;
}
}
/* line 606, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .featured-image {
max-width: 100%;
}
@media (min-width: 768px) {
/* line 606, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .featured-image {
left: 15px;
position: absolute !important;
right: auto;
}
}
@media (min-width: 960px) {
/* line 606, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .featured-image {
width: 500px;
}
}
/* line 621, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .content a {
border-bottom: 2px solid #353222;
color: #353222;
}
@media (min-width: 768px) {
/* line 620, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .content {
float: right !important;
width: -webkit-calc((100%) - 338px);
width: calc((100%) - 338px);
}
}
@media (min-width: 960px) {
/* line 620, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .content {
width: -webkit-calc((100%) - 500px);
width: calc((100%) - 500px);
}
}
/* line 636, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .featured-image,
.cms-i-am-faithful-to-nature .section.influencers .post.even .content {
position: relative;
z-index: 300;
}
/* line 642, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even h3,
.cms-i-am-faithful-to-nature .section.influencers .post.even p {
color: #fff;
}
/* line 647, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .post.even .background {
background: #87beb0;
top: 0;
transform: skewY(-2deg);
-webkit-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-o-transform: skewY(-2deg);
}
/* line 659, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .background {
background: #f4eede;
left: -10px;
top: -32px;
transform: skewY(2deg);
-webkit-transform: skewY(2deg);
-ms-transform: skewY(2deg);
-moz-transform: skewY(2deg);
-o-transform: skewY(2deg);
}
@media (min-width: 960px) {
/* line 659, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.influencers .background {
top: -32px;
}
}
/* line 675, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter {
background: transparent;
transform: translateY(-33px);
-webkit-transform: translateY(-33px);
-ms-transform: translateY(-33px);
-moz-transform: translateY(-33px);
-o-transform: translateY(-33px);
z-index: 300;
}
/* line 684, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe {
background: transparent;
background-image: none;
position: relative;
z-index: 300;
}
@media (min-width: 768px) {
/* line 684, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe {
margin: 0;
}
/* line 693, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe .subscribe-form {
padding-bottom: 45px;
padding-top: 8px;
}
}
/* line 699, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe .subscribe-text {
background: #353222;
font-family: 'myriad-pro', sans-serif;
text-align: left;
}
@media (min-width: 768px) {
/* line 699, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe .subscribe-text {
padding-top: 7px;
}
}
/* line 708, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe .subscribe-text h3 {
font-family: 'myriad-pro', sans-serif !important;
font-size: 20px;
font-weight: 600 !important;
margin-top: 0;
}
/* line 715, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe .subscribe-text .sub {
font-size: 20px;
margin-bottom: 0;
}
/* line 719, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe .subscribe-text .sub .green {
border-bottom: 2px solid #87beb0;
}
/* line 725, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .block-subscribe .button {
background: #87beb0;
font-family: 'myriad-pro', sans-serif;
font-weight: 900;
}
/* line 732, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.newsletter .background {
background: #353222;
top: -26px;
transform: skewY(0deg);
-webkit-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-o-transform: skewY(0deg);
}
/* line 743, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.terms {
font-size: 12px;
padding-bottom: 30px;
text-align: center;
}
/* line 748, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.terms h3 {
font-size: 15px;
font-weight: 600;
}
/* line 753, ../scss/module/_campaign.scss */
.cms-i-am-faithful-to-nature .section.terms .background {
background: #e9f2e6;
transform: skewY(0deg);
-webkit-transform: skewY(0deg);
-ms-transform: skewY(0deg);
-moz-transform: skewY(0deg);
-o-transform: skewY(0deg);
}
/* line 30, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu {
margin-top: 15px;
background: transparent;
border-radius: 0;
}
@media only screen and (min-width: 779px) {
/* line 30, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
}
/* line 42, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .row {
margin-left: 0;
margin-right: 0;
}
/* line 48, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .anchor_mbmenu_text::before {
float: right;
margin-bottom: 5px;
margin-right: 10px;
}
/* line 54, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .anchor_mbmenu_text::after {
clear: both;
color: #353222;
content: 'menu';
float: right;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 12px;
margin-left: 10px;
text-align: left;
text-transform: uppercase;
}
/* line 67, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-submenu {
background-color: #F5F7F9;
padding-left: 0px;
}
/* line 73, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-level {
background: #FFF;
border-top: 4px solid #F5F7F9;
}
/* line 77, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-level .form-group {
border: 0;
}
/* line 80, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-level .form-group a {
font-size: 14px;
font-weight: bold;
}
/* line 86, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-level .active {
background-color: #F5F7F9;
}
/* line 89, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-level .active a {
color: #146B87;
}
/* line 92, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-level .active a .small {
opacity: unset;
}
/* line 98, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-dynamic {
padding-top: 20px;
}
/* line 102, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-dynamic a span {
font-size: 13px;
font-weight: normal;
}
/* line 108, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .col-dynamic a:hover span {
color: #006654;
}
/* line 115, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-category-dynamic .dynamic-viewall {
text-transform: capitalize;
color: #006654 !important;
font-weight: normal !important;
text-decoration: underline;
letter-spacing: 0.5px;
}
/* line 124, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain {
border: 0 none;
border-bottom: 1px solid #e4e4e4;
padding: 0 20px;
}
/* line 129, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .mb-content {
margin-bottom: 0;
}
/* line 133, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .mb-maincontent {
padding: 0;
width: 100%;
}
/* line 137, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .mb-maincontent .col-category {
padding: 0;
text-align: left;
}
/* line 143, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .parent {
padding: 0;
}
/* line 146, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .parent p.form-group {
border-bottom: 1px solid #e4e4e4;
}
/* line 150, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .parent .form-group {
margin-bottom: 0;
padding: 15px;
}
@media only screen and (min-width: 779px) {
/* line 150, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .parent .form-group {
padding: 15px 15px 15px 45px;
}
}
/* line 160, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .parent .col-sub {
background: #f1f1f1;
}
/* line 165, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-submain .parent:last-child p.form-group {
border: 0 none;
}
/* line 172, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0 {
padding: 0;
}
@media only screen and (min-width: 779px) {
/* line 172, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0 {
-webkit-box-flex: 1;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 5px 0;
}
}
@media only screen and (max-width: 778px) {
/* line 172, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0 {
border-bottom: 2px solid #FFF;
}
}
/* line 188, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0 .ms-label {
color: #353222;
font-size: 16px;
width: 100%;
font-weight: 600;
line-height: normal;
opacity: 1;
padding: 5px 10px;
text-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
/* line 188, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0 .ms-label {
border-bottom: 2px solid transparent;
}
}
@media only screen and (max-width: 778px) {
/* line 188, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0 .ms-label {
background-color: #DDE2E3;
border: 0;
color: #353222;
}
}
@media only screen and (min-device-width: 769px) and (max-device-width: 1024px) {
/* line 188, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0 .ms-label {
font-size: 13px;
padding-left: 10px;
padding-right: 10px;
}
}
/* line 217, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .red .ms-label {
color: #ED3852;
}
@media only screen and (min-width: 779px) {
/* line 226, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0:hover .ms-label,
.ms-megamenu .ms-topmenu .ms-level0:active .ms-label,
.ms-megamenu .ms-topmenu .ms-level0:focus .ms-label {
border-bottom: 2px solid #006654;
background-color: transparent;
}
}
@media only screen and (max-width: 778px) {
/* line 235, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mbactive .ms-label {
border-bottom: 2px solid #006654 !important;
}
/* line 238, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mbactive .mb-label {
background-color: #F5F7F9;
color: #353222;
}
/* line 247, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0:hover .ms-label,
.ms-megamenu .ms-topmenu .ms-level0:active .ms-label,
.ms-megamenu .ms-topmenu .ms-level0:focus .ms-label {
border-bottom: 0;
}
/* line 251, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-level0:hover .mb-label,
.ms-megamenu .ms-topmenu .ms-level0:active .mb-label,
.ms-megamenu .ms-topmenu .ms-level0:focus .mb-label {
background-color: #F5F7F9;
color: #353222;
}
}
@media only screen and (max-width: 780px) {
/* line 259, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .msl-label, .ms-megamenu .ms-topmenu .mb-label {
background-color: #DDE2E3;
color: #353222;
}
}
@media only screen and (max-width: 778px) {
/* line 265, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .mb-label {
height: 41px;
}
}
/* line 271, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-submenu {
border: 0;
}
/* line 274, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-submenu a {
color: #353222;
text-align: left;
margin: 5px 0 0;
}
/* line 279, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-submenu a:hover {
color: #006654;
}
/* line 285, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-submenu .form-group.level1 {
color: #146B87;
border-bottom: 1px solid #146B87;
}
/* line 291, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-submenu .read-more-end {
color: #006654;
font-weight: bold;
margin-bottom: 10px;
}
/* line 300, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu.active .glyphicon-align-justify::before {
content: '\e014';
}
/* line 304, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu.active .anchor_mbmenu_text::after {
content: 'close';
}
/* line 308, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu.active .anchor_mbmenu {
background-color: #DDE2E3;
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1200px) {
/* line 30, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu {
border-radius: 0;
}
}
/* line 317, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-footer {
border-top: none;
}
/* line 320, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-footer a {
padding: 0 10px;
text-transform: uppercase;
border-right: 2px solid #006654;
font-size: 17px;
}
/* line 326, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-footer a:last-child {
border-right: none;
}
/* line 332, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .anchor_mbmenu,
.ms-megamenu .ms-topmenu .anchor_lmbmenu {
background-color: #F5F7F9;
}
/* line 336, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .anchor_mbmenu .anchor_mbmenu_text,
.ms-megamenu .ms-topmenu .anchor_lmbmenu .anchor_mbmenu_text {
color: #353222;
}
/* line 343, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-featured .menu-brands .img-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
height: 80px;
background-color: #FFF;
}
/* line 351, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-featured .menu-brands .img-wrap img {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
/* line 356, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-featured .menu-brands .product-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 5px;
width: 100%;
}
/* line 363, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-featured .menu-brands .product-wrap img {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
/* line 368, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-featured .menu-brands .menu-brands-header {
text-align: center;
margin-bottom: 10px;
}
/* line 373, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-featured .menu-brands .read-more-end {
width: 100%;
display: block;
text-align: center;
margin-top: 10px;
}
@media only screen and (max-width: 778px) {
/* line 383, ../scss/module/_menu.scss */
.ms-megamenu .ms-topmenu .ms-footer,
.ms-megamenu .ms-topmenu .mb-footer,
.ms-megamenu .ms-topmenu .ms-featured,
.ms-megamenu .ms-topmenu .mb-featured,
.ms-megamenu .ms-topmenu .hidden-sm {
display: none;
}
}
/* ============================================ *
* Header Cart
* ============================================ */
/* Mini-Cart */
/* line 30, ../scss/module/_header-cart.scss */
.skip-cart {
padding: 0;
}
/* line 34, ../scss/module/_header-cart.scss */
.skip-cart.skip-active .count {
color: #fff !important;
}
@media (max-width: 767px) {
/* line 34, ../scss/module/_header-cart.scss */
.skip-cart.skip-active .count {
background: #353222 !important;
}
}
@media (max-width: 767px) {
/* line 42, ../scss/module/_header-cart.scss */
.skip-cart.skip-active .icon-wrap .icon {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/cart-icon-white.png") 50% 50% no-repeat !important;
}
}
/* line 47, ../scss/module/_header-cart.scss */
.skip-cart .icon-wrap {
float: left;
width: 100%;
}
/* line 51, ../scss/module/_header-cart.scss */
.skip-cart .icon-wrap .icon {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/cart-icon.png") 0 0 no-repeat !important;
width: 30px;
margin: 0 auto;
}
@media (max-width: 767px) {
/* line 51, ../scss/module/_header-cart.scss */
.skip-cart .icon-wrap .icon {
text-indent: 0;
width: 50px;
height: 50px;
margin: 0 auto;
background-position: 50% 50% !important;
}
}
/* line 65, ../scss/module/_header-cart.scss */
.skip-cart .label {
float: left;
background: none;
font-weight: bold !important;
color: #353222;
display: inline-block;
text-transform: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
width: 100%;
text-align: center;
font-size: 14px;
}
@media (max-width: 767px) {
/* line 65, ../scss/module/_header-cart.scss */
.skip-cart .label {
display: none !important;
}
}
/* line 81, ../scss/module/_header-cart.scss */
.skip-cart .count {
position: absolute !important;
right: 40px;
background: #D77929;
border-radius: 100% !important;
overflow: hidden;
color: #fff !important;
width: 25px !important;
height: 25px !important;
line-height: 25px !important;
top: -4px !important;
}
/* line 93, ../scss/module/_header-cart.scss */
.skip-cart .count:before {
content: "" !important;
}
/* line 96, ../scss/module/_header-cart.scss */
.skip-cart .count:after {
content: "" !important;
}
@media (max-width: 767px) {
/* line 81, ../scss/module/_header-cart.scss */
.skip-cart .count {
right: 15px;
}
}
/* line 105, ../scss/module/_header-cart.scss */
.skip-cart .count-total {
color: #146B87;
}
/* Minicart Content */
/* line 111, ../scss/module/_header-cart.scss */
#header-cart {
position: absolute;
right: 10px !important;
top: 100px !important;
z-index: 1002;
background: #fff;
padding: 0;
border-color: #DDE2E3 !important;
border-top: 1px solid #DDE2E3 !important;
padding: 0;
box-shadow: 0px 0px 14px 5px #353222;
}
@media only screen and (max-width: 767px) {
/* line 111, ../scss/module/_header-cart.scss */
#header-cart {
top: 167px !important;
right: 5% !important;
max-width: 90%;
margin: 0;
}
/* line 131, ../scss/module/_header-cart.scss */
#header-cart .product-image {
float: left !important;
}
/* line 134, ../scss/module/_header-cart.scss */
#header-cart .btn-edit {
margin-right: 5px;
}
}
/* line 139, ../scss/module/_header-cart.scss */
#header-cart .block-subtitle {
color: #555555;
font-family: "Open Sans", Verdana, Arial, sans-serif;
text-transform: capitalize;
padding: 5px;
background: #DDE2E3;
}
@media (max-width: 767px) {
/* line 139, ../scss/module/_header-cart.scss */
#header-cart .block-subtitle {
padding: 5px 10px;
background: #DDE2E3;
}
}
/* line 151, ../scss/module/_header-cart.scss */
#header-cart .block-subtitle .close {
color: #ec3333;
top: -4px;
right: -8px;
}
/* line 157, ../scss/module/_header-cart.scss */
#header-cart #minicart-success-message {
color: #006654;
}
/* line 160, ../scss/module/_header-cart.scss */
#header-cart .mini-products-list {
padding: 0;
}
/* line 163, ../scss/module/_header-cart.scss */
#header-cart .mini-products-list li {
padding: 10px;
margin-bottom: 0;
}
/* line 168, ../scss/module/_header-cart.scss */
#header-cart .truncated {
float: left;
width: 100%;
}
/* line 173, ../scss/module/_header-cart.scss */
#header-cart .truncated .truncated_full_value.show .item-options {
position: absolute;
}
/* line 178, ../scss/module/_header-cart.scss */
#header-cart .truncated .item-options {
background-color: #fff;
top: 21px;
left: -70px;
}
/* line 183, ../scss/module/_header-cart.scss */
#header-cart .truncated .details::after {
content: " +";
}
/* line 187, ../scss/module/_header-cart.scss */
#header-cart .product-details {
color: #DDE2E3;
}
/* line 190, ../scss/module/_header-cart.scss */
#header-cart .product-details .product-name {
font-size: 14px;
margin-bottom: 5px;
}
/* line 194, ../scss/module/_header-cart.scss */
#header-cart .product-details .product-name a {
color: #353222;
font-size: 14px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: normal;
}
@media (max-width: 767px) {
/* line 187, ../scss/module/_header-cart.scss */
#header-cart .product-details {
color: #DDE2E3;
}
}
/* line 206, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper {
margin: 0;
width: 75%;
float: left;
}
/* line 211, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper tr {
float: left;
width: 59%;
line-height: 30px;
margin-left: 0;
}
/* line 217, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper tr:first-child {
width: 41%;
}
/* line 221, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper th {
text-transform: lowercase;
font-size: 14px;
}
/* line 225, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper th:first-child {
display: none;
}
/* line 229, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper .price {
color: #146B87;
}
@media (max-width: 767px) {
/* line 233, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper .price:before {
content: " ";
}
}
/* line 238, ../scss/module/_header-cart.scss */
#header-cart .info-wrapper .qty {
border-radius: 3px;
}
/* line 242, ../scss/module/_header-cart.scss */
#header-cart .btn-edit {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/edit.png") no-repeat 0 0;
font-size: 0;
width: 21px;
height: 21px;
float: left;
margin-right: 10px;
}
/* line 250, ../scss/module/_header-cart.scss */
#header-cart .remove {
background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/icon_sprite.png");
background-position: 4px -648px;
font-size: 0;
float: right;
width: 21px;
height: 21px;
}
/* line 259, ../scss/module/_header-cart.scss */
#header-cart .cart-item-quantity {
width: 3.1em;
text-align: center;
}
@media (max-width: 767px) {
/* line 259, ../scss/module/_header-cart.scss */
#header-cart .cart-item-quantity {
text-align: center;
}
}
/* line 267, ../scss/module/_header-cart.scss */
#header-cart .quantity-button {
border-radius: 3px;
margin-left: 0;
}
@media (max-width: 767px) {
/* line 267, ../scss/module/_header-cart.scss */
#header-cart .quantity-button {
margin-left: 5px;
}
}
/* line 275, ../scss/module/_header-cart.scss */
#header-cart .item-options {
color: #353222;
position: relative;
left: -8px;
}
@media (max-width: 767px) {
/* line 275, ../scss/module/_header-cart.scss */
#header-cart .item-options {
color: #353222;
position: relative;
top: 0 !important;
left: 0 !important;
}
/* line 286, ../scss/module/_header-cart.scss */
#header-cart .item-options .dd {
margin: 0 !important;
}
}
/* line 291, ../scss/module/_header-cart.scss */
#header-cart .subtotal {
background: #DDE2E3;
padding: 15px;
}
/* line 295, ../scss/module/_header-cart.scss */
#header-cart .subtotal .label {
color: #353222;
font-style: normal;
font-size: 15px;
font-weight: normal;
text-transform: capitalize;
}
@media (max-width: 767px) {
/* line 295, ../scss/module/_header-cart.scss */
#header-cart .subtotal .label {
color: #353222;
text-transform: uppercase;
font-style: normal;
font-size: 15px;
font-weight: normal;
background: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
}
/* line 312, ../scss/module/_header-cart.scss */
#header-cart .subtotal .price {
float: right;
color: #146B87;
}
@media (max-width: 767px) {
/* line 312, ../scss/module/_header-cart.scss */
#header-cart .subtotal .price {
float: right;
}
}
@media (max-width: 767px) {
/* line 291, ../scss/module/_header-cart.scss */
#header-cart .subtotal {
background: #DDE2E3;
padding: 15px;
}
}
/* line 326, ../scss/module/_header-cart.scss */
#header-cart .payment-methods {
margin: 0;
display: inline-block;
width: 100%;
padding-bottom: 10px;
}
/* line 332, ../scss/module/_header-cart.scss */
#header-cart .payment-methods img {
width: 90%;
margin: 0 auto;
float: none;
}
/* line 338, ../scss/module/_header-cart.scss */
#header-cart .payment-methods h4 {
text-align: center;
}
/* line 342, ../scss/module/_header-cart.scss */
#header-cart .rewardpoints-cart-sidebar {
float: left;
width: 100%;
margin-bottom: 10px;
margin-left: 0 !important;
}
/* line 348, ../scss/module/_header-cart.scss */
#header-cart .minicart-actions {
padding: 0;
}
/* line 351, ../scss/module/_header-cart.scss */
#header-cart .checkout-types {
width: 50%;
float: left;
position: relative;
min-height: 25px;
}
/* line 357, ../scss/module/_header-cart.scss */
#header-cart .checkout-types .checkout-button {
min-width: 97%;
margin-right: 3%;
float: right;
background: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
/* line 364, ../scss/module/_header-cart.scss */
#header-cart .checkout-types .checkout-button:hover {
background: #16150e;
}
@media (max-width: 767px) {
/* line 357, ../scss/module/_header-cart.scss */
#header-cart .checkout-types .checkout-button {
width: 97%;
line-height: 23px;
background: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
}
}
@media (max-width: 767px) {
/* line 351, ../scss/module/_header-cart.scss */
#header-cart .checkout-types {
width: 50%;
}
}
/* line 379, ../scss/module/_header-cart.scss */
#header-cart .cart-link {
width: 90%;
float: none;
display: block;
margin: 0 auto;
background: #006654;
color: #fff;
text-align: center;
padding: 5px 0;
font-size: 12px;
line-height: 25px !important;
position: relative !important;
}
/* line 392, ../scss/module/_header-cart.scss */
#header-cart .cart-link:hover {
background: #004d3f;
}
@media (max-width: 767px) {
/* line 379, ../scss/module/_header-cart.scss */
#header-cart .cart-link {
line-height: 19px;
}
}
/* ============================================ *
* Advent Calendar
* ============================================ */
/* @// TODO: use better unique identifier*/
/* line 33, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
/* Clip text element */
/* Change the background position to display letter when the black zone isn't here */
/* Use Background-size cover for photo background and no-repeat background */
}
/* line 36, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .breadcrumbs {
display: none;
}
/* line 39, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .main-container {
padding: 0 !important;
}
/* line 42, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .green {
color: #003933 !important;
}
/* line 46, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .page-banner {
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/goldenleaf/bg-pattern-top.png) no-repeat 50% 0;
padding: 85px 15px 0 15px;
}
@media only screen and (min-width: 768px) {
/* line 46, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .page-banner {
padding: 100px 117px 0 60px;
}
}
/* line 54, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .page-banner h1 {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
text-align: center;
margin: 0 !important;
color: #957d3a;
text-transform: uppercase;
font-size: 30px;
letter-spacing: 8px;
font-weight: bold;
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
/* line 54, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .page-banner h1 {
font-size: 45px;
}
}
/* line 69, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .page-banner p {
text-align: center !important;
color: #957d3a !important;
font-size: 17px !important;
font-family: "Open Sans", Verdana, Arial, sans-serif !important;
}
@media only screen and (min-width: 768px) {
/* line 69, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .page-banner p {
font-size: 20px !important;
}
}
/* line 81, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text {
font-size: 30px;
font-weight: bold;
line-height: 1;
position: relative;
display: inline-block;
color: #957d3a;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 768px) {
/* line 81, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text {
font-size: 45px;
}
}
/* line 96, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text:before, .cms-goldenleaf .clip-text:after {
position: absolute;
content: '';
}
/* line 101, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text:before {
z-index: -2;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: inherit;
}
/* line 109, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text:after {
position: absolute;
z-index: -1;
top: .125em;
right: .125em;
bottom: .125em;
left: .125em;
background-color: #957d3a;
}
/* line 122, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text--no-textzone:before {
background-position: -.65em 0;
}
/* line 125, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text--no-textzone :after {
content: none;
}
/* line 130, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text--cover,
.cms-goldenleaf .clip-text--cover:before {
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
}
/* line 137, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .clip-text_two {
background-image: -webkit-linear-gradient(transparent, transparent), url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/goldenleaf/gold-bg.png);
}
/* line 141, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .content p {
color: #957d3a !important;
font-size: 20px !important;
text-align: center !important;
padding: 25px 15px 0 15px;
line-height: 1.5;
font-family: "Open Sans", Verdana, Arial, sans-serif !important;
}
@media only screen and (min-width: 768px) {
/* line 141, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .content p {
font-size: 35px !important;
letter-spacing: 2.2px;
font-weight: bold !important;
}
}
/* line 155, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .content .linebreak {
background: #d4ac4a;
height: 2px;
width: 50%;
display: table;
margin: 0 auto;
}
/* line 163, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works {
position: relative;
margin-bottom: 25px;
}
/* line 167, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works .content {
position: relative;
z-index: 2;
}
/* line 172, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works h2 {
color: #003933 !important;
float: left;
width: 100%;
text-align: center;
font-size: 30px !important;
padding-top: 25px;
margin-bottom: 20px !important;
}
@media only screen and (min-width: 768px) {
/* line 172, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works h2 {
font-size: 35px !important;
}
}
/* line 185, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works ul {
list-style: none;
}
@media only screen and (min-width: 768px) {
/* line 185, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works ul {
width: 90%;
margin: 0 auto;
}
}
/* line 193, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works ul li {
font-size: 16px;
color: #003933;
padding-bottom: 20px;
text-align: center;
margin-left: 0;
padding: 0 15px 20px 15px;
}
/* line 202, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works strong.gold {
color: #957d3a;
}
/* line 205, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .how-it-works .background {
z-index: 1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
background: #fbf5e3;
/*transform: skewY(-2deg);
-webkit-transform: skewY(-2deg);
-ms-transform: skewY(-2deg);
-moz-transform: skewY(-2deg);
-o-transform: skewY(-2deg);*/
}
/* line 221, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .sub {
border: 2px dotted #d4ac4a;
border-radius: 20px;
padding: 10px;
text-align: center;
letter-spacing: 2.2px;
text-transform: uppercase;
font-weight: bold;
display: table;
margin: 20px auto 0 auto;
}
/* line 232, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form {
width: 100%;
margin-top: 25px;
}
@media only screen and (min-width: 768px) {
/* line 232, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form {
width: 50%;
margin-top: 45px;
}
}
/* line 241, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form.sub {
padding: 5px;
display: block;
}
@media only screen and (min-width: 768px) {
/* line 241, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form.sub {
display: table;
padding: 30px;
}
}
/* line 250, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .block-subscribe {
margin: 0;
border-radius: 20px;
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/goldenleaf/gold-bg.png) repeat-x 0 0;
padding: 30px;
display: block;
}
@media only screen and (min-width: 768px) {
/* line 250, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .block-subscribe {
padding: 25px 50px;
}
}
/* line 261, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-text {
width: 100%;
padding: 0;
background: transparent;
}
/* line 266, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-text h2 {
color: #fff;
text-align: center;
font-size: 20px;
padding-bottom: 10px;
border-bottom: 3px solid #fff;
font-weight: bold;
letter-spacing: 4px;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
}
@media only screen and (min-width: 768px) {
/* line 266, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-text h2 {
font-size: 27px;
}
}
/* line 281, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form {
width: 100%;
margin: 20px 0 30px 0;
padding: 0;
}
/* line 286, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form form {
width: 100%;
}
/* line 290, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form input::-webkit-input-placeholder {
color: #003933 !important;
opacity: 1;
/* Firefox */
}
.cms-goldenleaf .subscribe-form .subscribe-form input::-moz-placeholder {
color: #003933 !important;
opacity: 1;
/* Firefox */
}
.cms-goldenleaf .subscribe-form .subscribe-form input:-ms-input-placeholder {
color: #003933 !important;
opacity: 1;
/* Firefox */
}
.cms-goldenleaf .subscribe-form .subscribe-form input::-ms-input-placeholder {
color: #003933 !important;
opacity: 1;
/* Firefox */
}
.cms-goldenleaf .subscribe-form .subscribe-form input::placeholder {
color: #003933 !important;
opacity: 1;
/* Firefox */
}
/* line 294, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #003933 !important;
}
/* line 298, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form input::-ms-input-placeholder {
/* Microsoft Edge */
color: #003933 !important;
}
/* line 302, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form input,
.cms-goldenleaf .subscribe-form .subscribe-form button {
height: 50px !important;
}
/* line 306, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form .button {
background: #003933 !important;
font-size: 12px !important;
letter-spacing: 2px;
margin-top: 15px !important;
}
@media only screen and (min-width: 768px) {
/* line 306, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .subscribe-form .button {
font-size: 14px !important;
}
}
/* line 318, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .subscribe-form .linebreak {
background: #fff;
height: 2px;
width: 30%;
display: table;
margin: 0 auto;
}
/* line 327, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .secondary .clip-text {
display: table;
margin: 40px auto 20px auto;
}
/* line 331, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .secondary h2 {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif !important;
font-weight: bold !important;
letter-spacing: 3px;
font-size: 33px !important;
padding-bottom: 10px;
border-bottom: 2px solid #d4ac4a !important;
}
@media only screen and (min-width: 768px) {
/* line 331, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .secondary h2 {
letter-spacing: 8px;
font-size: 50px !important;
}
}
/* line 345, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .leaf {
position: relative;
}
/* line 348, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .leaf img {
position: relative;
z-index: 2;
margin: 0 auto;
background: #fff;
padding: 0 20px;
width: 100px;
}
@media only screen and (min-width: 768px) {
/* line 348, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .leaf img {
width: 173px;
}
}
/* line 361, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .leaf .linebreak {
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 2px;
background: #d4ac4a;
z-index: 1;
}
/* line 371, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .leaf.top {
width: 70%;
margin: 0 auto;
}
/* line 376, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps {
position: relative;
margin: 35px 15px 60px 15px;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
float: left;
display: block;
padding: 40px 0 0;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
/* line 376, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps {
padding: 60px 60px 0 60px;
}
}
/* line 389, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps h3 {
color: #003933;
text-transform: uppercase;
font-size: 23px;
position: absolute;
left: 15px;
right: 15px;
top: -35px;
background: #fff;
}
@media only screen and (min-width: 768px) {
/* line 389, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps h3 {
left: 50%;
font-size: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
/* line 405, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .step {
float: left;
position: relative;
z-index: 2;
width: 100%;
}
@media only screen and (min-width: 768px) {
/* line 405, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .step {
width: -webkit-calc(100% / 7);
width: calc(100% / 7);
}
}
@media only screen and (min-width: 970px) {
/* line 405, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .step {
margin-bottom: 15px;
}
}
/* line 419, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .step img {
width: 113px;
margin: 0 auto;
}
/* line 424, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 969px) {
/* line 424, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow {
display: block;
}
/* line 430, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow:after {
content: '--->';
color: #003933;
font-size: 24px;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 45px;
}
}
@media only screen and (min-width: 970px) {
/* line 424, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow {
display: block;
}
/* line 443, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow:after {
content: '----->';
color: #003933;
font-size: 24px;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 45px;
}
}
/* line 453, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow.share {
display: block;
}
@media only screen and (min-width: 768px) and (max-width: 969px) {
/* line 453, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow.share {
display: none;
}
}
/* line 460, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow.share:after {
position: absolute;
color: #003933;
content: '-->';
-webkit-transform: rotateZ(90deg);
transform: rotateZ(90deg);
z-index: 2;
top: 55%;
left: 47%;
}
@media only screen and (min-width: 970px) {
/* line 460, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .arrow.share:after {
left: 32%;
top: 55%;
-webkit-transform: rotateZ(90deg) translate(-50%, -50%);
transform: rotateZ(90deg) translate(-50%, -50%);
}
}
/* line 477, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps span {
color: #003933;
float: left;
width: 100%;
text-align: center;
margin: 20px 0;
font-size: 18px;
}
@media only screen and (min-width: 768px) {
/* line 477, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps span {
font-size: 14px;
margin-top: 15px;
}
}
/* line 490, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps span.share {
position: absolute;
top: 41%;
left: 0;
margin-top: 0;
}
/* line 497, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .linebreak {
display: none;
}
@media only screen and (min-width: 768px) {
/* line 497, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .steps .linebreak {
display: block;
bottom: 25%;
position: absolute;
height: 2px;
background: #003933;
left: 60px;
right: 60px;
z-index: 1;
}
}
/* line 512, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .social {
float: left;
width: 100%;
}
/* line 516, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .social .wrap {
width: 100%;
}
@media only screen and (min-width: 768px) {
/* line 516, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .social .wrap {
width: 36%;
margin: 0 auto;
}
}
/* line 524, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .social .wrap > div {
float: left;
border-right: 2px solid #003933;
padding: 0 20px;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
}
/* line 530, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .social .wrap > div:last-of-type {
border-right: 0 none;
}
/* line 536, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .terms {
float: left;
margin-top: 30px;
width: 100%;
background: url(https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/goldenleaf/bg-pattern-bottom.png) no-repeat 50% bottom;
padding: 0 15px 120px 15px;
}
@media only screen and (min-width: 768px) {
/* line 536, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .terms {
padding: 53px 93px 130px 113px;
}
}
/* line 547, ../scss/module/_goldenleaf.scss */
.cms-goldenleaf .terms p {
color: #003933 !important;
text-align: center !important;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif !important;
font-style: italic !important;
font-size: 16px !important;
line-height: 33px;
}
/* line 3, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp {
margin-top: 20px;
position: relative;
}
/* line 7, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp .panel-collapse {
min-height: 555px;
}
/* line 11, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp .panel-collapse-cms {
position: relative;
}
/* line 15, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp .panel-collapse-cms::after {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0)), color-stop(80%, rgba(0, 0, 0, 0.4)));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 80%);
bottom: 0;
content: '';
height: 100px;
position: absolute;
width: 100%;
z-index: 910;
}
@media only screen and (max-width: 768px) {
/* line 15, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp .panel-collapse-cms::after {
height: 55px;
}
}
/* line 29, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp .panel-collapse-cms.in::after {
display: none;
}
/* line 33, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp .openclose.collapsed {
background-color: transparent;
bottom: 0;
color: #fff;
display: block;
font-weight: bold;
left: 0;
padding: 10px 0;
position: absolute;
text-align: center;
width: 100%;
z-index: 920;
}
/* line 47, ../scss/module/_landingpage-accordion.scss */
.main-container .std .accordion-warp .openclose {
background-color: #000;
border-radius: 5px;
bottom: 65px;
color: #fff;
display: block;
font-weight: bold;
left: 5%;
padding: 5px 0;
position: absolute;
text-align: center;
width: 90%;
z-index: 920;
}
/* line 67, ../scss/module/_landingpage-accordion.scss */
.row .cms-grid .view-all {
background-color: #231E1F;
border-radius: 5px;
color: #fff !important;
display: block;
font-size: 16px;
line-height: 30px;
padding: 8px 0;
text-align: center;
white-space: normal;
width: 100%;
}
/* line 3, ../scss/module/_my-shop.scss */
.widget-personal-discounts .discount-code-text,
.customer-account-myshop-personal-discounts .discount-code-text {
color: #006654;
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 4rem;
}
/* line 10, ../scss/module/_my-shop.scss */
.widget-personal-discounts .pill,
.customer-account-myshop-personal-discounts .pill {
display: inline-block;
padding: 0.6em 1.4em;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 10rem;
color: #FFF;
background-color: #fbae43;
margin-left: 1.1rem;
cursor: pointer;
}
/* line 24, ../scss/module/_my-shop.scss */
.widget-personal-discounts .pill.copied,
.customer-account-myshop-personal-discounts .pill.copied {
-webkit-animation-name: flash-animation;
-webkit-animation-duration: 0.3s;
animation-name: flash-animation;
animation-duration: 0.3s;
}
@-webkit-keyframes flash-animation {
from {
background: #006654;
}
to {
background: default;
}
}
@keyframes flash-animation {
from {
background: #006654;
}
to {
background: default;
}
}
/* line 48, ../scss/module/_my-shop.scss */
.customer-account-myshop-personal-discounts .products-grid .item .product-name,
.customer-account-myshop-previously-purchased .products-grid .item .product-name {
min-height: 63px;
text-align: left;
padding-right: 5px;
}
/* line 55, ../scss/module/_my-shop.scss */
.customer-account-myshop-personal-discounts .products-grid .actions,
.customer-account-myshop-previously-purchased .products-grid .actions {
padding-bottom: 10px;
}
/* line 62, ../scss/module/_my-shop.scss */
.page-header-container .my-shop {
display: -ms-grid;
display: grid;
float: left;
width: 82px;
}
@media (max-width: 767px) {
/* line 62, ../scss/module/_my-shop.scss */
.page-header-container .my-shop {
margin-right: 0;
}
}
/* line 71, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-collapse {
padding: 0;
}
/* line 75, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-nav {
margin: 0;
}
/* line 80, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-nav .open .dropdown-menu,
.page-header-container .my-shop .navbar-nav .menu-active .dropdown-menu {
float: left;
width: 100%;
position: absolute;
left: -40px;
margin-top: 11px;
}
/* line 88, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-nav .open .dropdown-menu:after, .page-header-container .my-shop .navbar-nav .open .dropdown-menu:before,
.page-header-container .my-shop .navbar-nav .menu-active .dropdown-menu:after,
.page-header-container .my-shop .navbar-nav .menu-active .dropdown-menu:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: '';
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
/* line 100, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-nav .open .dropdown-menu:after,
.page-header-container .my-shop .navbar-nav .menu-active .dropdown-menu:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #F5F7F9;
border-width: 8px;
margin-left: -8px;
}
/* line 107, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-nav .open .dropdown-menu::before,
.page-header-container .my-shop .navbar-nav .menu-active .dropdown-menu::before {
border-color: transparent;
border-bottom-color: rgba(0, 0, 0, 0.15);
border-width: 9px;
margin-left: -9px;
}
/* line 117, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-default {
background-color: transparent;
background-image: none;
border: 0 none;
box-shadow: none;
margin: 0;
}
@media (max-width: 767px) {
/* line 117, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-default {
background-color: #F5F7F9;
border-right: 1px solid #fff;
}
/* line 129, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-default .dropdown .navbar-default {
background-color: transparent;
border-right: 0;
}
}
/* line 137, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .navbar-default .open a,
.page-header-container .my-shop .navbar-default .open a:hover,
.page-header-container .my-shop .navbar-default .open a:focus {
background-color: transparent;
}
/* line 145, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #nav a:hover {
background: none;
}
/* line 149, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav {
display: block !important;
height: 50px;
}
/* line 153, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav a {
color: #353222;
font-size: 14px;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: center;
}
/* line 161, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav a::before {
display: block;
content: ' ';
background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/svg-icons/NewIconFavourite.png");
background-size: 35px 35px;
height: 35px;
width: 35px;
margin: 0 auto;
}
/* line 172, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav #my-shop-menu {
background-color: #F5F7F9;
}
/* line 177, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav #my-shop-menu .navbar-default .navbar-nav li {
padding: 10px 0;
border-bottom: 1px solid #FFF;
}
/* line 181, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav #my-shop-menu .navbar-default .navbar-nav li a {
padding-bottom: 0;
text-transform: uppercase;
font-size: 12px;
}
/* line 186, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav #my-shop-menu .navbar-default .navbar-nav li a:hover {
color: #006654;
}
/* line 191, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav #my-shop-menu .navbar-default .navbar-nav li:last-child {
border-bottom: 0;
}
@media (max-width: 767px) {
/* line 200, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav a.user-link {
font-size: 0;
padding: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
/* line 206, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav a.user-link::before {
line-height: 50px;
margin-top: 5px;
}
}
/* line 215, ../scss/module/_my-shop.scss */
.page-header-container .my-shop #my-shop-main-nav ul li a::before {
display: none;
}
/* line 225, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .dropdown-menu nav ul li {
width: 100%;
}
@media only screen and (min-width: 768px) {
/* line 233, ../scss/module/_my-shop.scss */
.page-header-container .my-shop .dropdown:hover .dropdown-menu {
display: block;
top: 110%;
}
}
@media (max-width: 767px) {
/* line 241, ../scss/module/_my-shop.scss */
.page-header-container .skip-links .my-shop {
width: -webkit-calc(100% / 3 * 1);
width: calc(100% / 3 * 1);
}
}
/* line 248, ../scss/module/_my-shop.scss */
.pd-sticker {
background-color: #fbae43;
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding: 5px;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
/* line 2, ../scss/pages/_homepage.scss */
.cms-home .page-title {
margin: 20px 0;
}
@media (min-width: 767px) {
/* line 2, ../scss/pages/_homepage.scss */
.cms-home .page-title {
margin: 40px 0;
}
}
/* line 11, ../scss/pages/_homepage.scss */
.cms-home .subscribe-form .actions {
margin-top: 10px;
}
/* line 18, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle span {
margin: 0 auto;
display: table;
width: 250px;
height: 250px;
}
@media (max-width: 767px) {
/* line 18, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle span {
width: 100%;
height: 28vh;
}
}
@media (max-width: 700px) {
/* line 18, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle span {
height: 25vh;
}
}
@media (max-width: 627px) {
/* line 18, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle span {
height: 23vh;
}
}
@media (max-width: 580px) {
/* line 18, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle span {
height: 20vh;
}
}
@media (max-width: 515px) {
/* line 18, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle span {
height: 18vh;
}
}
@media (max-width: 460px) {
/* line 18, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle span {
width: 100px;
height: 100px;
}
}
/* line 50, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle .svg-natural {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/illustrations/homepage-natural.png");
background-size: contain;
}
/* line 54, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle .svg-delivery {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/illustrations/homepage-delivery.png");
background-size: contain;
}
/* line 58, ../scss/pages/_homepage.scss */
.cms-home .ftn-circles .circle .svg-ingredient {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/illustrations/homepage-ingredient.png");
background-size: contain;
}
/* line 65, ../scss/pages/_homepage.scss */
.cms-home .brand-values {
margin: 0 0 -30px;
padding: 0;
width: 100%;
overflow: auto;
}
/* line 71, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value {
position: relative;
margin-bottom: 30px;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
/* line 76, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:nth-of-type(1) {
background: #861c20;
}
/* line 80, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:nth-of-type(2) {
background: #1a4170;
}
/* line 84, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:nth-of-type(3) {
background: #D77929;
}
/* line 88, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:nth-of-type(4) {
background: #006654;
}
/* line 92, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-image {
position: relative;
height: 250px;
margin: 0;
padding: 0;
overflow: hidden;
z-index: 1;
}
/* line 100, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* line 110, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content {
margin: 0;
padding: 15px;
overflow: hidden;
-webkit-transition: .3s all ease-in-out;
transition: .3s all ease-in-out;
}
/* line 116, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content .value-title {
margin: 0 0 10px;
padding: 0;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 16px !important;
line-height: 1;
text-align: left;
color: #FFF;
-webkit-transition: inherit;
transition: inherit;
}
/* line 127, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content .value-readmore {
display: block;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 1;
text-align: left;
text-transform: uppercase;
margin: 0;
color: #FFF;
height: 0;
opacity: 0;
-webkit-transition: inherit;
transition: inherit;
}
@media (max-width: 1023px) {
/* line 127, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content .value-readmore {
display: none;
}
}
/* line 145, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content p {
color: #FFF;
-webkit-transition: inherit;
transition: inherit;
font-size: 13px;
line-height: 18px;
margin: 0;
padding: 0;
}
@media (min-width: 767px) and (max-width: 1023px) {
/* line 65, ../scss/pages/_homepage.scss */
.cms-home .brand-values {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
/* line 160, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value {
-webkit-box-flex: 1;
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
margin-right: 30px;
}
/* line 164, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:nth-child(2n) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
/* line 65, ../scss/pages/_homepage.scss */
.cms-home .brand-values {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
/* line 173, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value {
-webkit-box-flex: 1;
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 500px;
margin-right: 30px;
min-width: 0;
}
/* line 179, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:nth-child(4n) {
margin-right: 0;
}
/* line 183, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:not(:nth-child(4n)):after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 100%;
width: 30px;
}
/* line 194, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content .value-title {
white-space: nowrap;
height: 16px;
}
/* line 199, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content .value-readmore {
white-space: nowrap;
height: 13px;
opacity: 1;
}
/* line 205, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value .value-content p {
height: 0;
opacity: 0;
}
/* line 211, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:hover {
-webkit-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
/* line 216, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:hover .value-content .value-readmore {
height: 0;
opacity: 0;
}
/* line 221, ../scss/pages/_homepage.scss */
.cms-home .brand-values .value:hover .value-content p {
height: 90px;
opacity: 1;
}
/* line 229, ../scss/pages/_homepage.scss */
.cms-home .brand-values:hover .value:not(:hover) {
-webkit-box-flex: 1;
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
}
/* line 234, ../scss/pages/_homepage.scss */
.cms-home .brand-values:hover .value:not(:hover) .value-content p {
height: 77px;
opacity: 0;
}
}
/* line 244, ../scss/pages/_homepage.scss */
.cms-home .homepage-notice {
margin: 20px 0;
padding: 0;
background: #006654;
-webkit-transition: .3s background ease-in-out;
transition: .3s background ease-in-out;
}
/* line 250, ../scss/pages/_homepage.scss */
.cms-home .homepage-notice:hover {
background: #004738;
}
@media (min-width: 767px) {
/* line 244, ../scss/pages/_homepage.scss */
.cms-home .homepage-notice {
margin: 40px 0;
}
}
/* line 258, ../scss/pages/_homepage.scss */
.cms-home .homepage-notice p {
color: #FFF;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
text-align: center;
margin: 0;
padding: 15px;
}
/* line 266, ../scss/pages/_homepage.scss */
.cms-home .homepage-notice p span {
color: #fbae42;
}
/* line 272, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog {
margin: 0 0 -30px;
padding: 0;
width: 100%;
overflow: auto;
}
/* line 278, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post {
position: relative;
margin: 0 0 30px;
z-index: 1;
}
@media (min-width: 599px) {
/* line 278, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post {
float: left;
width: -webkit-calc((100% - 15px) / 2);
width: calc((100% - 15px) / 2);
margin-right: 15px;
}
/* line 288, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post:nth-of-type(2n) {
margin-right: 0;
}
}
@media (min-width: 767px) {
/* line 278, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post {
width: -webkit-calc((100% - 90px) / 4);
width: calc((100% - 90px) / 4);
margin-right: 30px;
}
/* line 297, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post:nth-of-type(2n) {
margin-right: 30px;
}
/* line 301, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post:nth-of-type(4n) {
margin-right: 0;
}
}
/* line 307, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post:hover .blog-image:after {
background: rgba(0, 0, 0, 0.1);
}
/* line 311, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post:hover .blog-title {
color: #006654;
}
/* line 316, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-link {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
}
/* line 325, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-image {
position: relative;
height: 0;
margin: 0;
padding: 0;
padding-bottom: 60%;
overflow: hidden;
}
@media (min-width: 599px) {
/* line 325, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-image {
padding-bottom: 100%;
}
}
/* line 337, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
/* line 347, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
background: transparent;
-webkit-transition: .3s background ease-in-out;
transition: .3s background ease-in-out;
}
/* line 360, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-tags {
width: 100%;
margin: 10px 0;
overflow: hidden;
white-space: nowrap;
}
/* line 366, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-tags .blog-tag {
display: inline-block;
margin: 0;
padding: 8px;
border-radius: 8px;
background: #fafafa;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 1;
white-space: nowrap;
color: #353222;
}
/* line 379, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-tags .blog-tag:first-of-type {
margin-right: 5px;
}
/* line 385, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog .blog-post .blog-title {
margin: 0;
padding: 0;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 20px !important;
line-height: 1.1;
color: #353222;
-webkit-transition: .3s color ease-in-out;
transition: .3s color ease-in-out;
}
/* line 396, ../scss/pages/_homepage.scss */
.cms-home .homepage-blog:after {
content: "";
display: table;
clear: both;
}
/* line 403, ../scss/pages/_homepage.scss */
.cms-home .homepage-ratings {
margin: 40px 0 15px;
border-top: 1px solid #353222;
padding-top: 20px;
}
/* line 408, ../scss/pages/_homepage.scss */
.cms-home .homepage-ratings .item {
text-align: center;
margin: 0 0 10px;
padding: 0;
line-height: 23px;
}
/* line 414, ../scss/pages/_homepage.scss */
.cms-home .homepage-ratings .item .ratings {
display: block;
margin: 0 auto;
padding: 0;
width: 70px;
-webkit-transform: translate3d(0, -1px, 0);
transform: translate3d(0, -1px, 0);
}
/* line 422, ../scss/pages/_homepage.scss */
.cms-home .homepage-ratings .item span {
display: block;
margin: 0 auto;
padding: 0;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 13px;
line-height: 23px;
}
@media (min-width: 599px) {
/* line 434, ../scss/pages/_homepage.scss */
.cms-home .homepage-ratings:after {
content: "";
display: table;
clear: both;
}
/* line 440, ../scss/pages/_homepage.scss */
.cms-home .homepage-ratings .item {
float: left;
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
padding: 0 15px;
}
}
@media (min-width: 1024px) {
/* line 450, ../scss/pages/_homepage.scss */
.cms-home .homepage-ratings .item .ratings, .cms-home .homepage-ratings .item span {
display: inline-block;
margin: 0;
vertical-align: top;
}
}
/* line 461, ../scss/pages/_homepage.scss */
.block-subscribe-footer-call-and-email .call {
margin-bottom: 0;
}
/* line 464, ../scss/pages/_homepage.scss */
.block-subscribe-footer-call-and-email .email {
margin-top: 0;
}
/* line 3, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-strap {
position: relative;
}
/* line 6, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-strap p {
position: relative;
z-index: 3;
text-align: center;
margin: 0;
padding: 10px 20px;
color: #FFF;
font-family: "Open Sans", Verdana, Arial, sans-serif;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
line-height: 1.2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 21, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-strap .ftn-plus-strap-background {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
background-color: #ec3333;
}
/* line 32, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-strap .ftn-plus-strap-link {
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
/* line 43, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero {
position: relative;
}
/* line 46, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content {
position: relative;
z-index: 3;
padding: 40px 0;
}
/* line 51, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content h1 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 28px;
line-height: 1.2;
font-weight: 700;
text-align: center;
color: #291c15;
margin: 0 0 30px;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 767px) {
/* line 51, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content h1 {
font-size: 32px;
}
}
@media (min-width: 1024px) {
/* line 51, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content h1 {
font-size: 60px;
}
}
/* line 71, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 1.5;
font-weight: 700;
text-align: center;
color: #291c15;
margin: 0 0 30px;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 479px) {
/* line 71, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content p {
font-size: 16px;
}
}
@media (min-width: 767px) {
/* line 71, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content p {
font-size: 20px;
}
}
@media (min-width: 1024px) {
/* line 71, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content p {
font-size: 24px;
}
}
/* line 94, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content p span.underline {
text-decoration: none !important;
padding-bottom: 2px;
border-bottom: 2px solid #291c15;
}
/* line 100, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-content p:last-of-type {
font-weight: 400;
margin: 0;
}
/* line 107, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-background {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
background-color: #f2e4d7;
}
/* line 118, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-hero .ftn-plus-hero-link {
position: absolute;
z-index: 5;
top: 0;
bottom: 0;
left: 50%;
width: 100vw;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
/* line 129, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section {
margin: 60px 0;
position: relative;
}
/* line 133, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit-link {
position: absolute;
z-index: 5;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* line 144, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content {
background: #f2e4d7;
position: relative;
}
/* line 148, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container {
position: relative;
width: 100%;
height: 0;
margin: 0;
padding: 0;
padding-bottom: 100%;
overflow: hidden;
}
/* line 157, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
padding: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 767px) {
/* line 157, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner {
padding: 20px 10%;
}
}
/* line 174, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-title {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 700 !important;
text-align: center;
color: #291c15;
margin: 0;
padding: 0;
font-size: 24px;
line-height: 1.2;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 479px) {
/* line 174, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-title {
font-size: 36px;
}
}
@media (min-width: 599px) {
/* line 174, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-title {
font-size: 48px;
}
}
@media (min-width: 767px) {
/* line 174, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-title {
font-size: 32px;
}
}
@media (min-width: 1200px) {
/* line 174, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-title {
font-size: 48px;
}
}
/* line 202, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-copy {
margin: 30px auto;
padding: 30px 0 0;
border-top: 2px solid #291c15;
font-family: "Open Sans", Verdana, Arial, sans-serif;
text-align: center;
color: #291c15;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-width: 80%;
}
/* line 215, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-copy a {
color: #291c15;
font-weight: 700;
}
/* line 219, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-copy a:hover {
color: #291c15;
}
@media (min-width: 767px) {
/* line 202, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-copy {
font-size: 14px;
margin: 30px auto;
}
}
@media (min-width: 1024px) {
/* line 202, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content .ftn-plus-benefit-content-container .ftn-plus-benefit-content-inner .ftn-plus-benefit-content-copy {
font-size: 22px;
}
}
/* line 237, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image {
position: relative;
}
/* line 240, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image-10off:after {
position: absolute;
z-index: 3;
content: '10% Off';
top: 5%;
right: 0;
margin: 0;
padding: 10px 15px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
background: #ec3333;
color: #FFF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 479px) {
/* line 240, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image-10off:after {
font-size: 20px;
}
}
@media (min-width: 599px) {
/* line 240, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image-10off:after {
font-size: 28px;
}
}
@media (min-width: 767px) {
/* line 240, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image-10off:after {
font-size: 20px;
}
}
@media (min-width: 1024px) {
/* line 240, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image-10off:after {
font-size: 28px;
}
}
/* line 275, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image .ftn-plus-benefit-image-inner {
position: relative;
height: 0;
margin: 0;
padding: 0;
padding-bottom: 100%;
z-index: 1;
overflow: hidden;
background: #f2e4d7 center/cover;
}
@media (min-width: 767px) {
/* line 142, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
/* line 291, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit:nth-of-type(2n + 1) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
/* line 295, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/* line 304, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-benefit-section .ftn-plus-benefit .ftn-plus-benefit-image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 50%;
}
}
/* line 312, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription {
background: #fafbfd;
position: relative;
text-align: center;
margin: 60px 0;
}
/* line 318, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-save {
background: #ec3333;
color: #FFF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
margin: 0;
padding: 10px 15px;
}
@media (min-width: 767px) {
/* line 318, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-save {
position: absolute;
z-index: 3;
content: '10% Off';
top: 5%;
right: 0;
}
}
@media (min-width: 767px) and (min-width: 479px) {
/* line 318, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-save {
font-size: 20px;
}
}
@media (min-width: 767px) and (min-width: 599px) {
/* line 318, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-save {
font-size: 28px;
}
}
@media (min-width: 767px) and (min-width: 767px) {
/* line 318, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-save {
font-size: 20px;
}
}
@media (min-width: 767px) and (min-width: 1024px) {
/* line 318, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-save {
font-size: 28px;
}
}
/* line 356, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details {
padding: 40px 20px;
}
@media (min-width: 767px) {
/* line 356, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details {
padding: 60px 30px;
}
}
/* line 363, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h2 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #291c15;
margin: 0 0 20px;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 479px) {
/* line 363, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h2 {
font-size: 36px;
}
}
@media (min-width: 767px) {
/* line 363, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h2 {
font-size: 32px;
text-align: left;
}
}
@media (min-width: 1024px) {
/* line 363, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h2 {
font-size: 48px;
}
}
/* line 388, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h2 br {
display: block;
}
@media (min-width: 767px) {
/* line 388, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h2 br {
display: none;
}
}
/* line 397, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h3 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.2;
font-weight: 700;
text-align: center;
text-transform: uppercase;
color: #291c15;
margin: 40px 0 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 479px) {
/* line 397, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h3 {
font-size: 24px;
}
}
@media (min-width: 767px) {
/* line 397, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h3 {
font-size: 20px;
text-align: left;
}
}
@media (min-width: 1024px) {
/* line 397, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-details h3 {
font-size: 28px;
}
}
/* line 425, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-cta {
display: inline-block;
background: #006654;
color: #FFF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 1.2;
text-align: center;
text-decoration: none;
text-transform: uppercase;
margin: 0 auto 40px;
padding: 15px 30px;
-webkit-transition: .3s background ease;
transition: .3s background ease;
}
/* line 441, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-cta:hover {
background: #291c15;
}
@media (min-width: 479px) {
/* line 425, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-cta {
font-size: 20px;
}
}
@media (min-width: 599px) {
/* line 425, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-cta {
font-size: 28px;
}
}
@media (min-width: 767px) {
/* line 425, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-subscription .ftn-plus-subscription-cta {
position: absolute;
z-index: 3;
content: '10% Off';
bottom: 0;
right: 0;
margin: 0 30px 30px 0;
padding: 30px 100px;
}
}
/* line 465, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info {
margin: 60px 0;
text-align: center;
}
/* line 469, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info h2 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 38px;
line-height: 1.2;
font-weight: 700;
text-align: center;
color: #291c15;
margin: 0 0 45px;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 767px) {
/* line 469, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info h2 {
font-size: 42px;
}
}
@media (min-width: 1024px) {
/* line 469, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info h2 {
font-size: 48px;
}
}
/* line 489, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
text-align: center;
color: #291c15;
margin: 0 0 30px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 499, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info p:first-of-type {
font-weight: 600;
}
/* line 503, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info p:last-of-type {
margin-bottom: 45px;
}
@media (min-width: 767px) {
/* line 489, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info p {
font-size: 18px;
}
}
@media (min-width: 1024px) {
/* line 489, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info p {
font-size: 20px;
}
}
/* line 516, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info .ftn-plus-info-cta {
display: inline-block;
background: #004738;
color: #FFF;
width: auto;
margin: 0 auto;
padding: 10px 20px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: 600;
text-align: center;
text-decoration: none;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: .3s background ease;
transition: .3s background ease;
}
/* line 532, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info .ftn-plus-info-cta:hover {
background: #291c15;
}
/* line 536, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info .ftn-plus-info-cta .not-uppercase {
text-transform: none;
}
@media (min-width: 479px) {
/* line 516, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info .ftn-plus-info-cta {
font-size: 20px;
}
}
@media (min-width: 767px) {
/* line 516, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-info .ftn-plus-info-cta {
padding: 15px 30px;
font-size: 28px;
}
}
/* line 551, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .ftn-plus-plus {
font-family: "Joyful font", sans-serif;
font-size: 3em;
font-weight: 400;
line-height: 0.1;
}
/* line 558, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms span.bold {
font-weight: 600 !important;
}
/* line 562, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .display-mb {
display: block;
}
@media (min-width: 767px) {
/* line 562, ../scss/pages/_ftnplus.scss */
.cms-page-view .page .ftn-plus-cms .display-mb {
display: none;
}
}
/* line 3, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-divider {
margin: 90px 0 30px;
}
/* line 7, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title {
margin: 60px 0;
}
/* line 10, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title h1 {
display: block;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 32px;
line-height: 1.2;
text-align: center;
color: #353222;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0;
padding: 0;
}
/* line 23, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title h2 {
display: block;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
text-align: center;
color: #353222;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0;
padding: 0;
}
@media (min-width: 767px) {
/* line 38, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title h1 {
font-size: 60px;
}
/* line 42, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title h2 {
font-size: 32px;
text-align: left;
}
}
/* line 48, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title-center h2 {
text-align: center;
padding: 0;
border-bottom: none;
}
/* line 54, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title-basic h2 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 700;
font-size: 24px;
line-height: 1.2;
text-align: center;
color: #353222;
margin: 60px 0 30px;
padding: 0;
}
@media (min-width: 767px) {
/* line 54, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-title-basic h2 {
font-size: 32px;
text-align: left;
}
}
/* line 71, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-copy {
margin: 30px 0;
}
/* line 74, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-copy p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #353222;
margin: 0 0 15px;
}
/* line 82, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-copy p:last-child {
margin-bottom: 0;
}
@media (min-width: 767px) {
/* line 74, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-copy p {
text-align: left;
}
}
/* line 92, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero {
position: relative;
z-index: 3;
}
/* line 96, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-image-container {
position: relative;
padding-bottom: 50%;
}
@media (min-width: 767px) {
/* line 96, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-image-container {
padding-bottom: 420px;
}
}
/* line 104, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-image-container .ingredients-hero-image {
background-color: #f4f4f4;
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* line 113, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-image-container .ingredients-hero-image-policy {
background: #eddbd9 url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/hero-policy.jpg") center/cover no-repeat;
}
/* line 117, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-image-container .ingredients-hero-image-badbunch {
background: #d5e3e3 url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/hero-badbunch.jpg") center/cover no-repeat;
}
/* line 121, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-image-container .ingredients-hero-image-values {
background: #d7d2ce url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/hero-values.jpg") center/cover no-repeat;
}
/* line 125, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-image-container .ingredients-hero-image-index {
background: #e0dfda url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/hero-index.jpg") center/cover no-repeat;
}
/* line 131, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-title {
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 15px;
}
/* line 144, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-title h1 {
position: relative;
z-index: 3;
text-align: center;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 28px;
line-height: 1.2;
font-weight: normal;
color: #353222;
margin: 0;
padding: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 479px) {
/* line 144, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-title h1 {
font-size: 36px;
}
}
@media (min-width: 599px) {
/* line 144, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-title h1 {
font-size: 48px;
}
}
@media (min-width: 767px) {
/* line 144, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-hero .ingredients-hero-title h1 {
font-size: 60px;
}
}
/* line 172, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split {
position: relative;
}
@media (min-width: 1024px) {
/* line 177, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split:after {
content: "";
display: table;
clear: both;
}
}
@media (min-width: 1024px) {
/* line 184, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-content {
width: 70%;
padding-right: 20px;
float: left;
}
}
/* line 192, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-content h3 {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 22px;
line-height: 1;
font-weight: normal;
text-align: center;
margin: 0 0 20px;
padding: 0;
}
@media (min-width: 767px) {
/* line 192, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-content h3 {
text-align: left;
font-size: 24px;
}
}
/* line 207, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-content p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #353222;
margin: 0 0 20px;
}
/* line 215, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-content p:last-child {
margin-bottom: 0;
}
@media (min-width: 767px) {
/* line 207, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-content p {
text-align: left;
}
}
/* line 225, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-image {
display: none;
}
@media (min-width: 1024px) {
/* line 225, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-split .split-image {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 70%;
background: #f4f4f4;
background-size: cover;
background-position: center;
}
}
/* line 244, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar {
margin-bottom: 30px;
border-radius: 10px;
background: #006654;
padding: 30px 20px 40px;
}
@media (min-width: 767px) {
/* line 244, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
}
}
/* line 255, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-circle {
background: transparent;
width: 80px;
height: 80px;
position: relative;
margin: 0;
}
/* line 262, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-circle:after {
content: "";
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: -15px;
}
/* line 272, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-title {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #FFF;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 10px 0 30px;
padding-bottom: 0;
}
@media (min-width: 767px) {
/* line 272, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-title {
font-size: 32px;
}
}
/* line 290, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy p {
margin: 0 0 15px;
}
/* line 294, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy li {
margin: 0 0 5px;
}
/* line 298, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy p, .page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy li {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
text-align: left;
color: #FFF;
padding: 0;
}
/* line 307, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy p:last-child, .page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy li:last-child {
margin-bottom: 0;
}
/* line 312, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy ul {
list-style: disc inside;
}
/* line 316, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy a {
color: #FFF;
font-weight: 700;
text-decoration: underline;
}
/* line 321, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar .pillar-copy a:hover {
color: #FFF;
}
/* line 327, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar:nth-child(1) {
background-color: #861c20;
}
/* line 330, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar:nth-child(1) .pillar-circle:after {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/icon-health.png") center no-repeat;
}
/* line 335, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar:nth-child(2) {
background-color: #006654;
}
/* line 338, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar:nth-child(2) .pillar-circle:after {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/icon-environment.png") center no-repeat;
}
/* line 343, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar:nth-child(3) {
background-color: #D77929;
}
/* line 346, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar:nth-child(3) .pillar-circle:after {
background: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/icon-socialimpact.png") center no-repeat;
}
@media (min-width: 767px) {
/* line 242, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
/* line 356, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: -webkit-calc((100% - 60px) / 3);
max-width: calc((100% - 60px) / 3);
margin-right: 30px;
}
/* line 361, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar:nth-of-type(3) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
/* line 369, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-pillars .pillar {
max-width: -webkit-calc((100% - 90px) / 3);
max-width: calc((100% - 90px) / 3);
margin-right: 45px;
}
}
/* line 378, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice {
margin-bottom: 30px;
border-radius: 5px;
background: #006654;
overflow: hidden;
}
/* line 386, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-image img {
display: block;
width: 100%;
}
/* line 392, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content {
padding: 20px 20px 40px;
}
/* line 395, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content .ingredients-choice-title {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 18px;
line-height: 1.2;
font-weight: 700 !important;
color: #FFF;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 0 30px;
padding-bottom: 0;
}
@media (min-width: 767px) {
/* line 395, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content .ingredients-choice-title {
font-size: 20px;
}
}
/* line 411, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content p {
margin: 0 0 15px;
}
/* line 415, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content li {
margin: 0;
}
/* line 419, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content p, .page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content li {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
text-align: left;
color: #FFF;
padding: 0;
}
/* line 428, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content p:last-child, .page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content li:last-child {
margin-bottom: 0;
}
/* line 433, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content ul {
list-style: disc inside;
}
/* line 437, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content .ingredients-choice-cta {
display: block;
max-width: 90%;
margin: 30px auto 0;
padding: 10px 20px;
font-weight: 700;
font-family: "Open Sans", Verdana, Arial, sans-serif;
color: #fbae42;
background: #FFF;
border-radius: 5px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-align: center;
text-transform: uppercase;
}
/* line 451, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice .ingredients-choice-content .ingredients-choice-cta:hover {
background: #006654;
color: #FFF;
}
@media (min-width: 599px) and (max-width: 766px) {
/* line 376, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 464, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: -webkit-calc((100% - 15px) / 2);
max-width: calc((100% - 15px) / 2);
margin-right: 15px;
}
/* line 469, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice:nth-of-type(2n) {
margin-right: 0;
}
}
@media (min-width: 767px) and (max-width: 1023px) {
/* line 376, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 480, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: -webkit-calc((100% - 30px) / 3);
max-width: calc((100% - 30px) / 3);
margin-right: 15px;
}
/* line 485, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice:nth-of-type(2n) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
/* line 376, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
/* line 496, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice {
-webkit-box-flex: 1;
-webkit-flex: 1 1 22%;
-ms-flex: 1 1 22%;
flex: 1 1 22%;
max-width: -webkit-calc((100% - 60px) / 4);
max-width: calc((100% - 60px) / 4);
margin-right: 15px;
}
/* line 501, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-choices .ingredients-choice:nth-of-type(4n) {
margin-right: 0;
}
}
/* line 508, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion {
overflow: hidden;
margin: 60px 0 30px;
}
/* line 512, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab {
margin-bottom: 15px;
width: 100%;
color: #353222;
overflow: hidden;
position: relative;
}
/* line 519, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #f4f4f4;
margin: 0;
padding: 20px;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 24px;
line-height: 1.2;
font-weight: normal;
color: #353222;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
-webkit-transition: background 0.3s ease-in-out;
transition: background 0.3s ease-in-out;
}
/* line 535, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-label:hover {
background: #e8e8e8;
}
/* line 539, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-label::after {
content: "\276F";
font-size: 22px;
width: 22px;
height: 22px;
text-align: center;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
/* line 550, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content {
background: #f4f4f4;
max-height: 0;
margin: 0;
padding: 0 20px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* line 558, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content > p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 1.5;
margin: 20px 0;
padding: 0;
}
/* line 566, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content > p:first-child {
margin-top: 0;
}
/* line 570, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content > p:last-child {
margin-bottom: 0;
}
/* line 575, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content ol {
margin: 0;
padding: 0 0 0 30px;
}
/* line 579, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content ol li {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 16px;
line-height: 1.2;
margin: 0 0 20px;
padding: 0;
}
/* line 587, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content ol li:last-child {
margin-bottom: 0;
}
/* line 591, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab .accordion-tab-content ol li p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: normal;
font-style: italic;
font-size: 16px;
line-height: 1.5;
margin: 10px 0 0;
padding: 0;
}
/* line 604, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab input {
position: absolute;
opacity: 0;
z-index: -1;
}
/* line 610, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab input:checked + .accordion-tab-label {
background: #e8e8e8;
}
/* line 613, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab input:checked + .accordion-tab-label::after {
-webkit-transform: scale(-1, 1) rotate(270deg);
transform: scale(-1, 1) rotate(270deg);
}
/* line 618, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-accordion .accordion-tab input:checked ~ .accordion-tab-content {
max-height: 50000vh;
padding: 20px;
}
@media (min-width: 599px) {
/* line 627, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
/* line 634, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card {
margin: 0 0 15px;
border-radius: 8px;
overflow: hidden;
background: #006654;
}
/* line 640, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card:nth-of-type(4n + 1) {
background: #861c20;
}
/* line 644, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card:nth-of-type(4n + 2) {
background: #006654;
}
/* line 648, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card:nth-of-type(4n + 3) {
background: #1a4170;
}
/* line 652, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card:nth-of-type(4n) {
background: #D77929;
}
@media (min-width: 599px) {
/* line 634, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: -webkit-calc((100% - 15px) / 2);
max-width: calc((100% - 15px) / 2);
margin-right: 15px;
}
/* line 661, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card:nth-of-type(2n) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
/* line 634, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card {
-webkit-box-flex: 1;
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: -webkit-calc((100% - 45px) / 4);
max-width: calc((100% - 45px) / 4);
}
/* line 670, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card:nth-of-type(2n) {
margin-right: 15px;
}
/* line 674, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card:nth-of-type(4n) {
margin-right: 0;
}
}
/* line 679, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card .ingredients-usp-card-image {
width: 100%;
position: relative;
height: 0;
margin: 0;
padding: 0;
padding-bottom: 100%;
overflow: hidden;
}
/* line 688, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card .ingredients-usp-card-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 699, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card .ingredients-usp-card-content {
padding: 20px;
}
/* line 702, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card .ingredients-usp-card-content .ingredients-usp-card-title {
color: #FFF;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 600;
margin: 0 0 10px;
padding: 0;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 714, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-usp .ingredients-usp-card .ingredients-usp-card-content .ingredients-usp-card-copy {
color: #FFF;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
font-weight: 400;
margin: 0;
padding: 0;
text-align: left;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 729, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section {
position: relative;
margin: 30px 0 0;
padding-bottom: 30px;
}
@media (min-width: 767px) {
/* line 729, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section {
margin: 0;
min-height: 435px;
}
}
/* line 739, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section::after {
content: "";
display: table;
clear: both;
}
@media (min-width: 767px) {
/* line 745, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-title {
float: left;
width: -webkit-calc((100% - 435px) / 2);
width: calc((100% - 435px) / 2);
padding-top: 30px;
}
}
/* line 753, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-title .ingredient-hero-subtitle {
display: inline-block;
font-family: "Open Sans", Verdana, Arial, sans-serif;
text-transform: uppercase;
font-weight: 400 !important;
font-size: 16px;
margin: 0;
padding: 0 0 10px;
border-bottom: 2px solid #f4f4f4;
color: #353222;
}
/* line 765, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-title .ingredient-hero-maintitle {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-weight: 400 !important;
font-size: 48px;
line-height: 1.2;
color: #353222;
margin: 40px 0;
padding: 0;
}
/* line 775, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-title .ingredient-hero-othernames {
display: inline-block;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
padding-bottom: 5px;
border-bottom: 2px solid #353222;
font-size: 16px;
line-height: 1.2;
font-weight: 600 !important;
}
/* line 788, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-title p {
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.2;
margin: 15px 0;
padding: 0;
}
@media (min-width: 767px) {
/* line 798, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-image {
position: absolute;
top: 0;
bottom: -20px;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
width: 435px;
}
}
/* line 810, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-image img {
width: auto;
margin: 0 auto;
max-width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 767px) {
/* line 819, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-definition {
float: right;
width: -webkit-calc((100% - 435px) / 2);
width: calc((100% - 435px) / 2);
padding-top: 104px;
}
}
/* line 827, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-definition p {
color: #353222;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 18px;
line-height: 1.5;
font-weight: 400;
margin: 0 0 20px;
padding: 0;
}
/* line 836, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-definition p:last-of-type {
margin-bottom: 0;
}
/* line 840, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-section .ingredient-hero-definition p.ingredient-hero-definition-source {
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
margin: 0;
padding: 0;
}
/* line 854, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-faithful {
background: #f4f4f4;
margin: 10px 0 0;
padding: 40px 20px;
}
/* line 859, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-faithful h2 {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-weight: 400 !important;
font-size: 32px;
line-height: 1.2;
color: #353222;
margin: 0 0 20px;
padding: 0;
font-style: italic;
text-align: center;
}
/* line 871, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-faithful p {
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
font-weight: 400;
margin: 0 0 20px;
padding: 0;
text-align: center;
}
/* line 881, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-faithful p:first-of-type {
font-weight: 600;
}
/* line 885, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-hero-faithful p:last-of-type {
margin-bottom: 0;
}
/* line 891, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-search {
margin: 30px 0;
}
/* line 894, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-search input {
position: relative;
background-color: #fdfdfd;
background-image: url("https://ftn-master.dev.ftn.co.za/skin/frontend/rwd/ftn/images/ingredients/search-icon.png");
background-position: center right 12px;
background-repeat: no-repeat;
background-size: 32px;
border: 1px solid #dddddd;
width: 100%;
height: auto;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
margin: 0;
padding: 12px 40px 12px 20px !important;
}
/* line 911, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-index-nav {
margin: 30px 0;
}
/* line 914, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-index-nav span {
display: inline-block;
font-family: "Open Sans", "fontin_regular", Verdana, Arial, sans-serif;
font-size: 16px;
text-decoration: none;
color: #353222;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 5px 15px;
padding: 5px 10px 5px 0;
}
/* line 925, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-index-nav ul {
display: inline-block;
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
/* line 932, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-index-nav ul li {
display: inline-block;
margin: 0 5px 15px;
}
/* line 936, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-index-nav ul li a {
width: 35px;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
text-align: center;
color: #353222;
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0;
padding: 5px 10px;
border-radius: 5px;
border: 1px solid #f4f4f4;
-webkit-transition: 0.3s background ease, border 0.3s ease, 0.3s color ease;
transition: 0.3s background ease, border 0.3s ease, 0.3s color ease;
}
/* line 952, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredient-index-nav ul li a:hover {
background: #353222;
border-color: #353222;
color: #FFF;
}
/* line 962, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list {
margin: 0 0 30px;
}
/* line 965, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul {
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
/* line 973, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li h3 {
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 42px;
line-height: 1.2;
font-weight: normal;
text-align: left;
text-transform: uppercase;
color: #353222;
margin: 60px 0 30px;
padding: 0;
border-bottom: 2px solid #f4f4f4;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 987, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul {
margin: 0;
padding: 0;
text-indent: 0;
list-style-type: none;
}
@media (min-width: 767px) {
/* line 987, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
}
/* line 998, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul li {
display: block;
border-radius: 8px;
margin: 0 0 15px;
padding: 0;
}
/* line 1004, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul li.ingredient-hidden {
display: none;
}
@media (min-width: 767px) {
/* line 998, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul li {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: -webkit-calc((100% - 30px) / 3);
max-width: calc((100% - 30px) / 3);
margin-right: 15px;
}
/* line 1013, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul li:nth-of-type(3n) {
margin-right: 0;
}
}
/* line 1018, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul li a {
text-decoration: none;
color: #353222;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
font-size: 16px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: 0.3s color ease;
transition: 0.3s color ease;
}
/* line 1027, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .category-list ul > li ul li a:hover {
color: #00B091;
}
/* line 1037, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -15px;
}
/* line 1042, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value {
position: relative;
margin: 0 15px 30px;
padding: 0;
-webkit-box-flex: 1;
-webkit-flex: 1 1 47%;
-ms-flex: 1 1 47%;
flex: 1 1 47%;
max-width: -webkit-calc((100% - 60px) / 2);
max-width: calc((100% - 60px) / 2);
}
@media (min-width: 479px) {
/* line 1042, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: -webkit-calc((100% - 90px) / 3);
max-width: calc((100% - 90px) / 3);
}
}
@media (min-width: 599px) {
/* line 1042, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value {
-webkit-box-flex: 1;
-webkit-flex: 1 1 23%;
-ms-flex: 1 1 23%;
flex: 1 1 23%;
max-width: -webkit-calc((100% - 120px) / 3);
max-width: calc((100% - 120px) / 3);
}
}
@media (min-width: 767px) {
/* line 1042, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value {
-webkit-box-flex: 1;
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: -webkit-calc((100% - 180px) / 6);
max-width: calc((100% - 180px) / 6);
}
}
@media (min-width: 1024px) {
/* line 1042, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value {
-webkit-box-flex: 1;
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: -webkit-calc((100% - 240px) / 8);
max-width: calc((100% - 240px) / 8);
}
}
/* line 1071, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value .ingredients-value-image img {
width: 100%;
}
/* line 1076, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value .ingredients-value-title {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600 !important;
font-size: 16px;
line-height: 1.2;
margin: 20px 0 10px;
padding: 0;
text-align: center;
text-transform: uppercase;
color: #353222;
}
/* line 1088, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value .ingredients-value-shopnow {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 400 !important;
font-size: 14px;
line-height: 1.2;
margin: 10px 0;
padding: 0;
text-align: center;
color: #353222;
}
/* line 1098, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value .ingredients-value-shopnow span {
margin: 0;
padding: 0 0 5px;
border-bottom: 2px solid #f4f4f4;
-webkit-transition: border-color .3s ease;
transition: border-color .3s ease;
}
/* line 1106, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value .ingredients-value-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* line 1116, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .ingredients-value-row .ingredients-value:hover .ingredients-value-shopnow span {
border-color: #353222;
}
/* line 1123, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .italic {
font-style: italic;
}
/* line 1127, ../scss/pages/_ingredient.scss */
.page .col-main .cms-ingredients .bold {
font-weight: 600;
}
/* line 1132, ../scss/pages/_ingredient.scss */
.ingredients-footer {
margin: 30px 0;
}
/* line 1134, ../scss/pages/_ingredient.scss */
.ingredients-footer::after {
content: "";
display: table;
clear: both;
}
/* line 1140, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item {
margin: 0 0 15px;
}
/* line 1143, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-inner {
width: 100%;
position: relative;
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
padding-bottom: 57%;
}
/* line 1152, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-inner.ingredients-footer-badbunch {
background: url("/images/ingredients/footer-badbunch.jpg") center/cover no-repeat;
}
/* line 1156, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-inner.ingredients-footer-values {
background: url("/images/ingredients/footer-values.jpg") center/cover no-repeat;
}
/* line 1160, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-inner.ingredients-footer-index {
background: url("/images/ingredients/footer-index.jpg") center/cover no-repeat;
}
/* line 1164, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-inner.ingredients-footer-policy {
background: url("/images/ingredients/footer-policy.jpg") center/cover no-repeat;
}
/* line 1169, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
-webkit-transition: background .3s ease;
transition: background .3s ease;
}
/* line 1180, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item:hover .ingredients-footer-overlay {
background: rgba(0, 0, 0, 0.3);
}
/* line 1185, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-title {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 3;
}
/* line 1196, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-title h2 {
display: block;
font-family: "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
font-size: 20px;
line-height: 1;
font-weight: normal;
text-align: center;
color: #353222;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0;
background: #FFF;
padding: 20px 30px;
}
@media (min-width: 479px) {
/* line 1196, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-title h2 {
font-size: 28px;
}
}
@media (min-width: 599px) {
/* line 1196, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-title h2 {
font-size: 40px;
}
}
@media (min-width: 767px) {
/* line 1196, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-title h2 {
font-size: 14px;
}
}
@media (min-width: 1024px) {
/* line 1196, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item .ingredients-footer-title h2 {
font-size: 24px;
}
}
@media (min-width: 767px) {
/* line 1229, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item {
float: left;
width: -webkit-calc((100% - 30px) / 3);
width: calc((100% - 30px) / 3);
margin-right: 15px;
}
/* line 1233, ../scss/pages/_ingredient.scss */
.ingredients-footer .ingredients-footer-item:nth-of-type(3n) {
margin-right: 0;
}
}
/* line 3, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome * {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 7, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome img {
width: 100%;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
}
/* line 15, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .main-container > * {
margin: 30px 0 60px;
}
@media (min-width: 767px) {
/* line 15, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .main-container > * {
margin: 60px 0 120px;
}
}
/* line 23, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-top-offer {
margin: 0;
padding: 15px;
background: #D77929;
}
/* line 28, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-top-offer p {
margin: 0;
padding: 0;
text-align: center;
color: #FFF;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
border-color: #FFF;
}
/* line 41, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero {
margin-top: 0;
background: none;
}
@media (min-width: 767px) {
/* line 41, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero {
height: 0;
width: 100%;
padding-bottom: 40.10%;
overflow: hidden;
position: relative;
}
}
/* line 53, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-background {
display: none;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
@media (min-width: 767px) {
/* line 53, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-background {
display: block;
}
}
/* line 72, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-image {
display: block;
}
@media (min-width: 767px) {
/* line 72, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-image {
display: none;
}
}
/* line 79, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-image img {
display: block;
}
/* line 84, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner {
margin: 0;
padding: 40px 20px 0;
background: #95bb88;
}
/* line 89, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner-refer {
background: #cdc1a1;
}
@media (min-width: 767px) {
/* line 84, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner {
margin: 0 30px;
padding: 0;
width: 100%;
max-width: 1340px;
position: absolute;
overflow: hidden;
top: 0;
bottom: 0;
left: 50%;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
background: none;
}
}
/* line 107, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content {
margin: 0;
padding: 0;
}
@media (min-width: 767px) {
/* line 107, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content {
margin: 0;
padding: 40px 0 40px 0;
position: absolute;
top: 0;
right: 50%;
bottom: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
/* line 124, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main {
padding: 0;
}
/* line 127, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-logo {
width: 400px;
max-width: 50%;
margin: 0 auto;
padding: 0;
}
@media (min-width: 767px) {
/* line 127, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-logo {
margin: 0;
}
}
/* line 139, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-title {
font-family: "fortescue-median-bold-pro", "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-weight: 400;
font-size: 20px;
line-height: 1.2;
text-align: center;
color: #FFF;
margin: 10px 0;
padding: 0;
}
@media (min-width: 479px) {
/* line 139, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-title {
font-size: 24px;
margin: 20px 0;
}
}
@media (min-width: 767px) {
/* line 139, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-title {
text-align: left;
font-size: 36px;
margin-bottom: 10px;
}
}
@media (min-width: 1024px) {
/* line 139, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-title {
font-size: 48px;
}
}
@media (min-width: 1200px) {
/* line 139, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-title {
font-size: 60px;
}
}
/* line 170, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.5;
text-align: center;
color: #FFF;
margin: 10px 0 0;
padding: 0;
}
@media (min-width: 479px) {
/* line 170, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy {
margin: 20px 0;
font-size: 16px;
}
}
@media (min-width: 767px) {
/* line 170, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy {
margin: 10px 0 20px;
text-align: left;
font-size: 18px;
}
}
@media (min-width: 1024px) {
/* line 170, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy {
font-size: 24px;
margin: 20px 0;
}
}
/* line 196, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy .welcome-bold {
-webkit-user-select: all;
-moz-user-select: all;
user-select: all;
}
/* line 199, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy .welcome-bold::-moz-selection {
color: #FFF;
background: #D77929;
}
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy .welcome-bold::selection {
color: #FFF;
background: #D77929;
}
/* line 205, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy a {
color: #FFF;
}
/* line 208, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-content-main .welcome-hero-copy a:hover {
color: #25282A;
}
/* line 216, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-ctas {
margin: 0;
padding: 0;
}
/* line 220, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-ctas .welcome-hero-cta {
display: inline-block;
margin: 0 15px 0 0;
padding: 5px 10px;
text-decoration: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
text-align: center;
color: #004738;
background: #FFF;
border: 2px solid #004738;
-webkit-transition: .3s background-color ease, .3s color ease, .3s border-color ease;
transition: .3s background-color ease, .3s color ease, .3s border-color ease;
border-color: #FFF;
}
@media (min-width: 479px) {
/* line 220, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-ctas .welcome-hero-cta {
padding: 10px 20px;
font-size: 16px;
}
}
/* line 242, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-ctas .welcome-hero-cta-primary {
color: #FFF;
background: #D77929;
border-color: #D77929;
}
/* line 248, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-ctas .welcome-hero-cta:hover {
color: #004738;
background: #fbae42;
border-color: #fbae42;
}
@media (max-width: 766px) {
/* line 216, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-ctas {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
}
/* line 259, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-hero .welcome-hero-inner .welcome-hero-content .welcome-hero-ctas .welcome-hero-cta {
-webkit-box-flex: 1;
-webkit-flex: 1 1 48%;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
display: block;
margin: 0 15px;
}
}
/* line 270, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-title {
margin: 30px 0;
padding: 0;
font-family: "fortescue-median-bold-pro", "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 28px;
line-height: 1.2;
font-weight: 400;
text-align: left;
color: #004738;
}
@media (min-width: 479px) {
/* line 270, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-title {
font-size: 32px;
}
}
@media (min-width: 767px) {
/* line 270, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-title {
margin: 60px 0;
font-size: 36px;
}
}
@media (min-width: 1200px) {
/* line 270, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-title {
font-size: 48px;
}
}
/* line 295, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-copy {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: #353222;
margin: 0 0 15px;
}
/* line 303, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-copy:last-of-type {
margin-bottom: 0;
}
@media (min-width: 1024px) {
/* line 295, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-copy {
font-size: 18px;
}
}
/* line 312, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-cta {
display: block;
max-width: 75%;
background: #FFF;
margin: 15px auto;
padding: 15px 45px;
text-decoration: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
text-align: center;
color: #004738;
border: 2px solid #004738;
-webkit-transition: .3s background-color ease, .3s color ease, .3s border-color ease;
transition: .3s background-color ease, .3s color ease, .3s border-color ease;
}
/* line 329, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-cta:hover {
border-color: #004738;
background: #004738;
color: #FFF;
}
@media (min-width: 1024px) {
/* line 312, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-cta {
display: inline-block;
max-width: 100%;
margin: 30px 0 0;
}
}
/* line 341, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-cta-large {
display: block;
max-width: 100%;
margin: 0 0 60px;
}
@media (min-width: 767px) {
/* line 341, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-cta-large {
margin-bottom: 120px;
}
}
/* line 352, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-signature {
width: 400px;
max-width: 80%;
margin: 30px 0 0;
}
/* line 358, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split {
position: relative;
}
@media (min-width: 1024px) {
/* line 358, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-flow: row-reverse nowrap;
-ms-flex-flow: row-reverse nowrap;
flex-flow: row-reverse nowrap;
}
}
/* line 366, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split .welcome-split-image {
display: block;
margin: 30px 0;
}
@media (min-width: 1024px) {
/* line 366, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split .welcome-split-image {
-webkit-box-flex: 1;
-webkit-flex: 1 1 48%;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
margin: 0 0 0 30px;
}
}
/* line 378, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split .welcome-split-content .welcome-title {
margin: 60px 0 30px;
}
@media (min-width: 1024px) {
/* line 376, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split .welcome-split-content {
-webkit-box-flex: 1;
-webkit-flex: 1 1 48%;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
}
}
@media (min-width: 1024px) {
/* line 388, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split.welcome-split-right {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
/* line 393, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-split.welcome-split-right .welcome-split-image {
margin-left: 0;
margin-right: 30px;
}
}
/* line 401, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap {
display: none;
margin: 0;
padding: 20px;
background: #006654;
top: 0;
left: 0;
width: 100%;
z-index: 500;
}
/* line 411, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap.welcome-strap-active {
display: block;
position: fixed;
}
/* line 416, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-logo {
width: 360px;
max-width: 80%;
margin: 0 auto;
font-size: 14px;
}
/* line 424, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-copy-container {
margin: 15px 0;
}
/* line 427, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-copy-container .welcome-strap-copy {
margin: 0;
color: #FFF;
text-align: center;
font-weight: 600;
font-size: 18px;
}
@media (min-width: 479px) {
/* line 427, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-copy-container .welcome-strap-copy {
font-size: 20px;
}
}
@media (min-width: 599px) {
/* line 427, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-copy-container .welcome-strap-copy {
font-size: 24px;
}
}
@media (min-width: 767px) {
/* line 427, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-copy-container .welcome-strap-copy {
font-size: 16px;
}
}
@media (min-width: 1024px) {
/* line 427, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-copy-container .welcome-strap-copy {
font-size: 20px;
}
}
/* line 452, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-ctas {
text-align: center;
}
/* line 455, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-ctas .welcome-strap-cta {
display: inline-block;
background: #FFF;
margin: 0 15px 0 0;
padding: 10px 20px;
text-decoration: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
text-align: center;
color: #006654;
border: 2px solid #FFF;
-webkit-transition: .3s background-color ease, .3s color ease, .3s border-color ease;
transition: .3s background-color ease, .3s color ease, .3s border-color ease;
}
/* line 471, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-ctas .welcome-strap-cta:last-of-type {
margin-right: 0;
}
/* line 475, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-ctas .welcome-strap-cta-primary {
border-color: #D77929;
background: #D77929;
color: #FFF;
}
/* line 481, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-ctas .welcome-strap-cta:hover {
border-color: #fbae42;
background: #fbae42;
color: #006654;
}
@media (min-width: 767px) {
/* line 401, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap {
padding: 10px;
}
/* line 492, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/* line 498, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-inner .welcome-strap-logo {
margin: 0;
max-width: 160px;
}
/* line 503, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-inner .welcome-strap-copy-container {
margin: 0;
}
}
@media (min-width: 1200px) {
/* line 401, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap {
padding: 20px 40px;
}
/* line 514, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-strap .welcome-strap-inner .welcome-strap-logo {
max-width: 200px;
}
}
/* line 523, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-howitworks .welcome-howitworks-row {
position: relative;
min-height: 140px;
margin: 0;
padding: 0 0 30px 60px;
}
@media (min-width: 1200px) {
/* line 523, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-howitworks .welcome-howitworks-row {
min-height: 200px;
}
}
/* line 533, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-howitworks .welcome-howitworks-row .welcome-howitworks-line {
position: absolute;
left: 19px;
width: 2px;
background: #004738;
top: 5px;
bottom: -5px;
}
/* line 542, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-howitworks .welcome-howitworks-row .welcome-howitworks-number {
position: absolute;
top: 5px;
left: 0;
background: #004738;
border-radius: 50%;
width: 40px;
height: 40px;
color: #FFF;
text-align: center;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
font-size: 20px;
line-height: 40px;
}
/* line 560, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-howitworks .welcome-howitworks-row .welcome-howitworks-content .welcome-howitworks-title {
margin: 0 0 10px;
font-size: 20px;
font-weight: 600;
color: #004738;
}
@media (min-width: 767px) {
/* line 560, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-howitworks .welcome-howitworks-row .welcome-howitworks-content .welcome-howitworks-title {
font-size: 24px;
}
}
@media (min-width: 1024px) {
/* line 560, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-howitworks .welcome-howitworks-row .welcome-howitworks-content .welcome-howitworks-title {
font-size: 28px;
}
}
/* line 578, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-video-container {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 720px;
}
@media (min-width: 767px) {
/* line 578, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-video-container {
max-width: 90%;
}
}
@media (min-width: 1024px) {
/* line 578, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-video-container {
max-width: 80%;
}
}
/* line 592, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-video-container .welcome-video {
position: relative;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
}
/* line 598, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-video-container .welcome-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* line 612, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp {
margin: 60px 0;
}
@media (min-width: 767px) {
/* line 612, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp {
margin: 0 0 45px;
}
}
@media (min-width: 767px) {
/* line 619, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp .welcome-usp-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
/* line 628, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp .welcome-usp-row img {
width: 60px;
margin: 0 auto;
}
@media (min-width: 767px) {
/* line 628, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp .welcome-usp-row img {
margin: 0;
float: left;
-webkit-box-flex: 0;
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
}
}
/* line 639, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp .welcome-usp-row .welcome-usp-title {
margin: 30px 0 15px;
padding: 0;
font-family: "fortescue-median-bold-pro", "fortescue-text-regular-pro", "Merriweather", "Times New Roman", serif;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
font-size: 24px;
line-height: 1.2;
font-weight: 400;
text-align: center;
color: #353222;
}
@media (min-width: 767px) {
/* line 639, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp .welcome-usp-row .welcome-usp-title {
margin: 0;
padding-left: 15px;
text-align: left;
font-size: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: -webkit-calc(100% - 60px);
max-width: calc(100% - 60px);
}
}
/* line 661, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp .welcome-copy {
margin: 15px 0 0;
padding: 15px 0 0;
border-top: 1px solid #353222;
font-size: 16px;
text-align: center;
}
@media (min-width: 767px) {
/* line 661, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp .welcome-copy {
text-align: left;
font-size: 14px;
}
}
@media (min-width: 767px) {
/* line 679, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
/* line 683, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp {
-webkit-box-flex: 1;
-webkit-flex: 1 1 48%;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
max-width: -webkit-calc((100% - 15px) / 2);
max-width: calc((100% - 15px) / 2);
margin-right: 15px;
}
/* line 688, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp:nth-of-type(2n) {
margin-right: 0;
}
/* line 692, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp:nth-of-type(3), .cms-page-view .page .ftn-welcome .welcome-usp-section .welcome-usp-content .welcome-usp:nth-of-type(4) {
margin-bottom: 0;
}
}
/* line 701, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product {
margin-bottom: 15px;
}
/* line 704, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content {
margin: 0 0 15px;
background: #004738;
padding: 40px 20px;
}
@media (min-width: 767px) {
/* line 704, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 1024px) {
/* line 704, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content {
padding: 40px;
}
}
/* line 719, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-title {
margin: 0 0 30px;
color: #FFF;
}
@media (min-width: 1024px) {
/* line 719, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-title {
font-size: 36px;
}
}
@media (min-width: 1200px) {
/* line 719, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-title {
font-size: 48px;
}
}
/* line 732, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-copy {
margin: 0;
color: #FFF;
}
/* line 737, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter {
margin: 30px 0 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
/* line 742, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta {
-webkit-box-flex: 1;
-webkit-flex: 1 1 48%;
-ms-flex: 1 1 48%;
flex: 1 1 48%;
max-width: -webkit-calc((100% - 15px)/ 2);
max-width: calc((100% - 15px)/ 2);
display: block;
background: transparent;
margin: 0 15px 15px 0;
padding: 15px;
text-decoration: none;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
text-align: center;
color: #FFF;
border: 2px solid #FFF;
-webkit-transition: .3s background-color ease, .3s color ease;
transition: .3s background-color ease, .3s color ease;
}
/* line 760, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta:nth-of-type(2n) {
margin-right: 0;
}
@media (min-width: 599px) {
/* line 742, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta {
font-size: 16px;
}
}
@media (min-width: 767px) {
/* line 742, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: -webkit-calc((100% - 45px)/ 3);
max-width: calc((100% - 45px)/ 3);
}
/* line 772, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta:nth-of-type(2n) {
margin-right: 15px;
}
/* line 776, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta:nth-of-type(3n) {
margin-right: 0;
}
}
@media (min-width: 1024px) {
/* line 742, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta {
font-size: 14px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 14%;
-ms-flex: 1 1 14%;
flex: 1 1 14%;
max-width: -webkit-calc((100% - 75px)/ 6);
max-width: calc((100% - 75px)/ 6);
}
/* line 786, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta:nth-of-type(3n) {
margin-right: 15px;
}
/* line 790, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta:nth-of-type(6n) {
margin-right: 0;
}
}
/* line 795, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta:hover, .cms-page-view .page .ftn-welcome .welcome-product .welcome-product-content .welcome-product-filter .welcome-product-cta.welcome-product-cta-active {
background: #FFF;
color: #004738;
}
/* line 804, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid {
display: none;
}
/* line 807, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid-active {
display: block;
}
/* line 811, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid .welcome-product-tile {
position: relative;
background: #004738;
}
/* line 815, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid .welcome-product-tile:after {
position: absolute;
top: 10px;
left: 10px;
display: block;
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 600;
font-size: 12px;
line-height: 1;
margin: 0;
padding: 5px 15px;
content: 'Shop';
background: #FFF;
color: #353222;
text-transform: uppercase;
}
@media (min-width: 479px) {
/* line 815, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid .welcome-product-tile:after {
font-size: 16px;
}
}
/* line 837, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid#vegan .welcome-product-tile:after {
content: 'Vegan';
}
/* line 841, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid#glutenfree .welcome-product-tile:after {
content: 'Gluten-Free';
}
/* line 845, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid#gmofree .welcome-product-tile:after {
content: 'GMO-Free';
}
/* line 849, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid#plasticfree .welcome-product-tile:after {
content: 'Plastic-Free';
}
/* line 853, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid#halaal .welcome-product-tile:after {
content: 'Halaal';
}
/* line 857, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid#crueltyfree .welcome-product-tile:after {
content: 'Cruelty-Free';
}
/* line 862, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid-active {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 15px;
}
@media (min-width: 767px) {
/* line 862, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-product .welcome-product-grid-active {
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
}
}
/* line 877, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews-quote p {
font-family: "Open Sans", Verdana, Arial, sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 1.2;
text-align: center;
}
/* line 888, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews .welcome-review {
background: #faf4ef;
position: relative;
text-align: center;
margin: 0 0 60px;
padding: 30px;
}
/* line 895, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews .welcome-review .welcome-copy {
text-align: center;
}
/* line 899, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews .welcome-review .welcome-review-rating {
font-size: 24px;
}
/* line 903, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews .welcome-review .welcome-review-copy {
font-size: 24px;
font-weight: 600;
color: #004738;
}
/* line 909, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews .welcome-review .welcome-review-author {
font-weight: 600;
font-size: 16px;
color: #9a9a9b;
}
@media (min-width: 767px) {
/* line 886, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
/* line 923, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews .welcome-review {
-webkit-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: -webkit-calc((100% - 30px) / 3);
max-width: calc((100% - 30px) / 3);
margin-right: 15px;
}
/* line 928, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-reviews .welcome-review:nth-of-type(3) {
margin-right: 0;
}
}
/* line 935, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-footer {
margin-bottom: 30px;
background: #D77929;
padding: 40px;
}
/* line 940, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-footer .welcome-title {
margin-top: 0;
margin-bottom: 0;
text-align: center;
color: #FFF;
line-height: 1.5;
}
/* line 948, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-footer .welcome-cta {
border-color: #FFF;
color: #D77929;
}
/* line 952, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-footer .welcome-cta:hover {
border-color: #004738;
color: #FFF;
}
@media (min-width: 1024px) {
/* line 935, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/* line 964, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-footer .welcome-footer-cta {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
/* line 970, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-footer .welcome-footer-cta .welcome-cta {
display: block;
margin: 0;
}
}
/* line 978, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-underline {
border-bottom: 1px solid;
}
/* line 982, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-bold {
font-weight: bold;
}
/* line 986, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-italic {
font-style: italic;
}
/* line 990, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-display-mb {
display: block;
}
@media (min-width: 1024px) {
/* line 990, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-display-mb {
display: none;
}
}
/* line 998, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-display-dt {
display: none;
}
@media (min-width: 1024px) {
/* line 998, ../scss/pages/_welcome.scss */
.cms-page-view .page .ftn-welcome .welcome-display-dt {
display: block;
}
}
/* ============================================ *
* Calendar styles (restore styles from /js/calendar)
* ============================================ */
/* line 30, ../../default/scss/override/_plugin.scss */
div.calendar table {
border-collapse: separate;
}
/* line 33, ../../default/scss/override/_plugin.scss */
div.calendar table td.button {
display: table-cell;
background: inherit;
color: inherit;
text-transform: none;
}
/* line 3, ../scss/content/_sitemaps.scss */
.page-sitemap #sitemap_top_links .navbar {
display: inline-block;
position: unset;
}
/* line 9, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar {
border: 0 none;
margin-left: -15px;
margin-right: -15px;
width: 100%;
}
/* line 15, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pager {
margin: 0;
}
/* line 18, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pager li > a,
.page-sitemap .pager-no-toolbar .pager li > span {
padding: 0;
}
/* line 24, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .count-container {
float: left;
}
/* line 27, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .count-container p.amount {
padding-right: 15px;
}
@media (min-width: 768px) {
/* line 27, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .count-container p.amount {
line-height: 49px;
}
}
@media (min-width: 768px) {
/* line 24, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .count-container {
line-height: 40px;
}
/* line 38, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .count-container .limiter {
margin-top: 5px;
}
}
/* line 44, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages {
float: right;
}
/* line 47, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol {
display: inline-block;
margin-bottom: 0;
margin-top: 5px;
width: 100%;
}
/* line 53, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol li {
height: 40px;
line-height: 40px;
margin-left: 5px;
width: 40px;
}
/* line 59, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol li.current {
background: #006654;
border-color: #006654;
border-radius: 2px;
color: #FFF;
}
/* line 66, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol li a {
background: none;
border-radius: 2px;
color: #555;
height: 40px;
line-height: 40px;
width: 40px;
}
/* line 74, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol li a.next, .page-sitemap .pager-no-toolbar .pages ol li a.previous {
background: #e4e4e4;
}
/* line 78, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol li a.next::before, .page-sitemap .pager-no-toolbar .pages ol li a.previous::before {
border-left-color: #555;
border-right-color: #555;
}
/* line 84, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol li a.next:hover::before, .page-sitemap .pager-no-toolbar .pages ol li a.previous:hover::before {
border-left-color: #FFF;
}
/* line 90, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages ol li a:hover {
background: #006654;
border-color: #006654;
color: #FFF;
}
@media (min-width: 768px) {
/* line 44, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar .pages {
margin: 0;
}
}
/* line 103, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar p {
margin: 0;
padding: 0;
}
/* line 108, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar label {
font-family: "Open Sans", Verdana, Arial, sans-serif;
line-height: 40px;
margin-bottom: 0;
text-transform: none;
}
@media (min-width: 768px) {
/* line 9, ../scss/content/_sitemaps.scss */
.page-sitemap .pager-no-toolbar {
margin-left: 0;
margin-right: 0;
}
}