{"version":3,"sources":["woocommerce-responsive.scss","responsive/cart/_cart-responsive.scss","Users/dragutinilic/Projects/sahel/wp-content/themes/sahel/assets/css/scss/_mixins.scss","woocommerce-responsive.css","responsive/checkout/_checkout-responsive.scss","responsive/checkout/_order-received-responsive.scss","responsive/global/_buttons-responsive.scss","responsive/global/_mark-responsive.scss","responsive/global/_message-responsive.scss","responsive/global/_quantity-input-responsive.scss","responsive/global/_result-and-ordering-responsive.scss","responsive/my-account/_my-account-responsive.scss","responsive/product-lists/_product-list-main-and-vc-responsive.scss","responsive/shortcodes/_product-page-responsive.scss","responsive/single-product/_single-product-responsive.scss","responsive/widgets/_dropdown-cart-responsive.scss","Users/dragutinilic/Projects/sahel/wp-content/themes/sahel/framework/modules/woocommerce/shortcodes/product-list-carousel/assets/css/scss/responsive/_product-list-carousel-responsive.scss","Users/dragutinilic/Projects/sahel/wp-content/themes/sahel/framework/modules/woocommerce/shortcodes/product-pair/assets/css/scss/responsive/_product-pair-responsive.scss"],"names":[],"mappings":"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","file":"../scss/woocommerce-responsive.css","sourcesContent":["/* ==========================================================================\n   WooCommerce Responsive styles - begin\n   ========================================================================== */\n@import '../../../../../../assets/css/scss/variables';\n@import '../../../../../../assets/css/scss/mixins';\n\n/*------------------------------------------------------------------\n * This is main woocommerce responsive css file for theme. It is broken into following sections:\n * 1.  Global Responsive\n * 2.  Single Product Responsive\n * 3.  WooCommerce Product Lists and Shortcodes Responsive\n * 4.  Cart Responsive\n * 5.  Checkout Responsive\n * 6.  My Account Responsive\n * 7.  Shortcodes Responsive\n * 8.  Widgets Responsive\n-------------------------------------------------------------------*/\n\n@import \"responsive/cart/_cart-responsive.scss\";\n@import \"responsive/checkout/_checkout-responsive.scss\";\n@import \"responsive/checkout/_order-received-responsive.scss\";\n@import \"responsive/global/_buttons-responsive.scss\";\n@import \"responsive/global/_mark-responsive.scss\";\n@import \"responsive/global/_message-responsive.scss\";\n@import \"responsive/global/_quantity-input-responsive.scss\";\n@import \"responsive/global/_result-and-ordering-responsive.scss\";\n@import \"responsive/my-account/_my-account-responsive.scss\";\n@import \"responsive/product-lists/_product-list-main-and-vc-responsive.scss\";\n@import \"responsive/shortcodes/_product-page-responsive.scss\";\n@import \"responsive/single-product/_single-product-responsive.scss\";\n@import \"responsive/widgets/_dropdown-cart-responsive.scss\";\n@import \"/Users/dragutinilic/Projects/sahel/wp-content/themes/sahel/framework/modules/woocommerce/shortcodes/product-list-carousel/assets/css/scss/responsive/_product-list-carousel-responsive.scss\";\n@import \"/Users/dragutinilic/Projects/sahel/wp-content/themes/sahel/framework/modules/woocommerce/shortcodes/product-list/assets/css/scss/responsive/_product-list-responsive.scss\";\n@import \"/Users/dragutinilic/Projects/sahel/wp-content/themes/sahel/framework/modules/woocommerce/shortcodes/product-pair/assets/css/scss/responsive/_product-pair-responsive.scss\";\n\n\n\n/* ==========================================================================\n   WooCommerce Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Cart page responsive styles - begin\n   ========================================================================== */\n\n@include ipad-portrait {\n\t\n\t.eltdf-woocommerce-page {\n\t\t\n\t\ttable.cart {\n\t\t\t.eltdf-quantity-buttons {\n\t\t\t    border: none;\n\t\t\t    margin: 0;\n\t\t\t    padding: 0;\n\t\t\t    width: 104px;\n\t\t\t    padding: 0 10px;\n\t\t\t    line-height: 64px;\n\n\t\t\t    .eltdf-quantity-input {\n\t\t    \t    width: 29px;\n\t\t\t    }\n\t\t\t}\n\t\t\ttr {\n\t\t\t\ttd.product-quantity {\n\t\t\t\t\t.eltdf-quantity-buttons {\n\t\t\t\t\t\t.eltdf-quantity-label {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\ttd.actions {\n\t\t\t\t\n\t\t\t\t.coupon {\n\t\t\t\t\t\n\t\t\t\t\tinput[type=\"text\"] {\n\t\t\t\t\t\twidth: 180px;\n\t\t\t\t\t\tmargin: 0 17px 0 0;\n\t\t\t\t\t\tpadding: 9px 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t \n\t\t\t}\n\t\t}\n\t}\n}\n\n@include phone-landscape {\n\t\n\t.eltdf-woocommerce-page {\n\t\t.cart-collaterals {\n\t\t\t.wc-proceed-to-checkout {\n\t\t\t\ta {\n\t\t\t\t    width: 100%;\n    \t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\ttable.cart {\n\t\t\t\n\t\t\ttr {\n\t\t\t\t\n\t\t\t\tth, td {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 1.5em;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t&.cart_item {\n\t\t\t\t\t\n\t\t\t\t\ttd {\n\t\t\t\t\t\t\n\t\t\t\t\t\t&.product-thumbnail {\n\t\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\ttd.actions {\n\t\t\t\t\n\t\t\t\t.coupon {\n\t\t\t\t\tmargin: 0 0 20px;\n\t\t\t\t\t\n\t\t\t\t\tinput[type=\"text\"] {\n\t\t\t\t\t\twidth: 160px;\n\t\t\t\t\t\tpadding: 9px 15px;\n\t\t\t\t\t\tmargin: 0 10px 20px 0;\n\t\t\t\t\t\tfloat: none;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.coupon,\n\t\t\t\tbutton,\n\t\t\t\t> input {\n\t\t\t\t\tfloat: none;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\twidth: 100% !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   WooCommerce Cart page responsive styles - end\n   ========================================================================== */","////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// layout mixins - start\n\n@mixin eltdfTableLayout() {\n    position: relative;\n    display: table;\n    table-layout: fixed;\n    height: 100%;\n    width: 100%;\n}\n\n@mixin eltdfTableCellLayout($vertical-align: middle) {\n    position: relative;\n    display: table-cell;\n    height: 100%;\n    width: 100%;\n    vertical-align: $vertical-align;\n}\n\n@mixin eltdfRelativeHolderLayout($vertical-align: middle) {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    vertical-align: $vertical-align;\n}\n\n@mixin eltdfAbsoluteHolderLayout() {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@mixin eltdfTypographyLayout() {\n    color: inherit;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    font-style: inherit;\n    line-height: inherit;\n    letter-spacing: inherit;\n    text-transform: inherit;\n}\n\n// layout mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// transition mixins - start\n\n@mixin eltdfTransition($transition-param...) {\n    -webkit-transition: $transition-param;\n    -moz-transition: $transition-param;\n    transition: $transition-param;\n}\n\n@mixin eltdfTransitionTransform($transition-param...) {\n    -webkit-transition: -webkit-transform $transition-param;\n    -moz-transition: -moz-transform $transition-param;\n    transition: transform $transition-param;\n}\n\n@mixin eltdfTransform($transform-param...) {\n    -webkit-transform: $transform-param;\n    -moz-transform: $transform-param;\n    transform: $transform-param;\n}\n\n@mixin eltdfAnimation($animation-param...) {\n    -webkit-animation: $animation-param;\n    -moz-animation: $animation-param;\n    animation: $animation-param;\n}\n\n@mixin eltdfTransformOrigin($animation-param...) {\n    -webkit-transform-origin: $animation-param;\n    -moz-transform-origin: $animation-param;\n    transform-origin: $animation-param;\n}\n\n@mixin eltdfUnderline($color: currentColor, $speed: .6s) {\n    width: 100%;\n    background-repeat: no-repeat;\n    background-image: linear-gradient(transparent calc(100% - 1px), $color 1px);\n    @include eltdfTransition($speed cubic-bezier(0.215, 0.61, 0.355, 1));\n    background-size: 0% 100%;\n\n    &.eltdf-hovered,\n    &:hover {\n        background-size: 100% 100%;\n    }\n} \n\n// transition mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// checkbox mixins - start\n\n$checkbox-size: 15px;\n$checkbox-border-width: 1px;\n\n%checkbox-style {\n    position: relative;\n    margin: 8px 0;\n    line-height: 1;\n\n    input[type=checkbox] {\n        width: $checkbox-size;\n        height: $checkbox-size;\n        max-height: $checkbox-size;\n        position: relative;\n        display: inline-block;\n        vertical-align: top;\n        top: 0;\n        left: 0;\n        margin: 0;\n    }\n\n    input[type=checkbox] + label {\n        display: inline-block;\n        pointer-events: none;\n        cursor: pointer;;\n        position: absolute;\n        top: 0;\n        left: 0;\n        line-height: 0;\n    }\n\n    input[type=checkbox] + label span.eltdf-label-text {\n        padding-left: 10px;\n        display: inline-block;\n        line-height: $checkbox-size;\n        color: $default-heading-color;\n    }\n\n    input[type=checkbox] + label .eltdf-label-view {\n        display: inline-block;\n        width: $checkbox-size;\n        height: $checkbox-size;\n        box-sizing: border-box;\n        vertical-align: top;\n        cursor: pointer;\n        border: $checkbox-border-width solid $default-border-color;\n        background-color: $default-background-color;\n        border-radius: 2px;\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n\n    input[type=checkbox] + label .eltdf-label-view:after {\n        content: '';\n        width: $checkbox-size / 2 - $checkbox-border-width;\n        height: $checkbox-size / 2 - $checkbox-border-width;\n        position: absolute;\n        top: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        left: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        background-color: $first-main-color;\n        opacity: 0;\n\n        @include eltdfTransition(opacity 0.3s ease-in-out);\n    }\n\n    input[type=checkbox]:checked + label .eltdf-label-view:after {\n        opacity: 1;\n    }\n}\n\n// checkbox mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// common mixins - start\n\n@mixin eltdfBckImageStyle() {\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n}\n\n@mixin eltdfImageOverlayHoverStyle($with-hover: true) {\n    @if ($with-hover) {\n        &:hover {\n            &:after {\n                opacity: 1;\n            }\n        }\n\n        &:after {\n            @include eltdfAbsoluteHolderLayout();\n\n            content: '';\n            background-color: rgba($default-heading-color, .4);\n            opacity: 0;\n\n            @include eltdfTransition(opacity .2s ease-in-out);\n        }\n\n    } @else {\n        @include eltdfAbsoluteHolderLayout();\n\n        content: '';\n        background-color: rgba($default-heading-color, .4);\n        opacity: 0;\n\n        @include eltdfTransition(opacity .2s ease-in-out);\n    }\n}\n\n@mixin eltdfStandardPaginationStyle($list_type: null) {\n    @include eltdfRelativeHolderLayout(top);\n\n    margin: 15px 0 0;\n    clear: both;\n\n    ul {\n        @include eltdfRelativeHolderLayout(top);\n\n        padding: 0;\n        margin: 0;\n        list-style: none;\n        text-align: center;\n\n        li {\n            \n            display: inline-block;\n            vertical-align: top;\n            margin: 0 16px;\n\n            a {\n                position: relative;\n                display: inline-block;\n                vertical-align: top;\n                margin: 0;\n                padding: 0;\n                color: #211f1f;\n                font-size: 11px;\n                font-weight: 400;\n                letter-spacing: 0.2em;\n\n                &:after{\n                    content: \"\";\n                    position: relative;\n                    bottom: -4px;\n                    display: block;\n                    background-color: $default-heading-color;\n                    height: 1px;\n                    width: 0;\n                    @include eltdfTransition(width .3s ease-out);\n\n                }\n\n                &:hover{\n                    &:after{\n                        width: 28px;\n                    }\n                }\n\n            }\n\n            &.eltdf-pag-active {\n                a {\n                    color: $first-main-color;\n\n                    &:after{\n                        content: \"\";\n                        position: relative;\n                        bottom: -4px;\n                        display: block;\n                        background-color: $default-heading-color;\n                        height: 1px;\n                        width: 28px;\n                    }\n                }\n            }\n\n            &.eltdf-pag-prev,\n            &.eltdf-pag-next,\n            &.eltdf-pag-first,\n            &.eltdf-pag-last {\n                margin: 0 2px;\n                padding: 16px 24px;\n                border: 1px solid #f1ebe7;\n                box-sizing: border-box;\n                a {\n                    font-size: 11px;\n\n                    span {\n                        display: block;\n                        line-height: inherit;\n\n                        &:before {\n                            display: block;\n                            line-height: inherit;\n                        }\n                    }\n                    &:after{\n                        display: none;\n                    }\n                }\n            }\n            &.eltdf-pag-prev{\n                position: absolute;\n                top: -17px;\n                left: 0;\n            }\n            &.eltdf-pag-next{\n                position: absolute;\n                top: -17px;\n                right: 0;\n            }\n\n            @if ($list_type == 'shortcode') {\n                &.eltdf-pag-prev {\n                    a {\n                        opacity: 0;\n                    }\n                }\n\n                &.eltdf-pag-next {\n                    a {\n                        opacity: 1;\n                    }\n                }\n\n            } @else if ($list_type == 'shop') {\n                span {\n                    position: relative;\n                    display: inline-block;\n                    vertical-align: top;\n                    margin: 0;\n                    padding: 0;\n                    color: $first-main-color;\n\n                    &.current {\n                        font-size: 11px;\n                        color: $first-main-color;\n                        &:after {\n                            content:'';\n                            position: relative;\n                            display: block;\n                            width: 28px;\n                            bottom: -4px;\n                            height: 1px;\n                            background-color: $first-main-color;\n                        }\n                    }\n                }\n\n                a {\n                    &.next,\n                    &.prev {\n                        font-size: 0;\n                        line-height: 0;\n\n                        &:before {\n                            display: block;\n                            font-family: \"Font Awesome 5 Free\";\n                            font-size: 11px;\n                            line-height: 26px;\n                            text-rendering: auto;\n                            font-weight: 900;\n                            -webkit-font-smoothing: antialiased;\n                            -moz-osx-font-smoothing: grayscale;\n                        }\n                    }\n\n                    &.prev {\n                        margin: 0 2px;\n                        padding: 16px 24px;\n                        border: 1px solid #f1ebe7;\n                        box-sizing: border-box;\n                        position: absolute;\n                        top: -17px;\n                        left: 0;\n                      \n\n                        &:before {\n                            content: \"\\f053\";\n                            \n                        }\n\n                        &:after {\n                            display: none;\n                            transition: none;\n                        }\n                        &:hover{\n                            &:after{\n                                width: auto;\n                            }\n                        }\n                    }\n\n                    &.next {\n                        margin: 0 2px;\n                        padding: 16px 24px;\n                        border: 1px solid #f1ebe7;\n                        box-sizing: border-box;\n                        position: absolute;\n                        top: -17px;\n                        right: 0;\n                        transition: none;\n\n                        &:before {\n                            content: \"\\f054\";\n                            \n                        }\n                        &:after {\n                            display: none;\n                            transition: none;\n                        }\n                        &:hover{\n                            &:after{\n                                width: auto;\n                            }\n                        }\n                    }\n                }\n              \n            }\n        }\n    }\n}\n\n@mixin eltdfButtonDefaultStyle() {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: auto;\n    margin: 0;\n    font-family: inherit;\n    font-size: 11px;\n    line-height: 2.7em;\n    letter-spacing: 0.3em;\n    font-weight: 400;\n    text-transform: uppercase;\n    outline: none;\n    box-sizing: border-box;\n\n    @include eltdfTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out);\n}\n\n@mixin eltdfButtonSize($size: medium) {\n    @if ($size == 'small') {\n        padding: 16px 36px;\n\n    } @else if ($size == 'medium') {\n        padding: 17px 42px;\n\n    } @else if ($size == 'large') {\n        padding: 17px 66px;\n\n    } @else if ($size == 'huge') {\n        display: block;\n        text-align: center;\n        padding: 19px 26px;\n    }\n}\n\n@mixin eltdfButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin eltdfButtonSolidColor($important: null) {\n    color: #fff $important;\n    background-color: $background-light-black-color $important;\n    border: 1px solid transparent $important;\n}\n\n@mixin eltdfButtonSolidHoverColor($important: null) {\n    color: #fff $important;\n    background-color: $default-heading-color $important;\n}\n\n@mixin eltdfButtonOutlineColor($important: null) {\n    color: $first-main-color $important;\n    background-color: transparent $important;\n    border: 1px solid $first-main-color $important;\n}\n\n@mixin eltdfButtonOutlineHoverColor($important: null) {\n    color: #fff $important;\n    background-color: $first-main-color $important;\n    border-color: $first-main-color $important;\n}\n\n@mixin eltdfPlaceholder {\n    &::-webkit-input-placeholder {\n        @content\n    }\n\n    &:-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n    &::-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n    &:-ms-input-placeholder {\n        @content\n    }\n}\n\n// common mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// mixins styles - start\n\n%input-style {\n    background-color: transparent;\n    border: none;\n    border-bottom: 1px solid $default-border-color;\n    border-radius: 0;\n    box-sizing: border-box;\n    color: $default-text-color;\n    cursor: pointer;\n    font-family: $default-text-font;\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.3em;\n    font-weight: inherit;\n    margin: 0 0 $input-margin;\n    outline: 0;\n    padding: $input-vertical-top-padding $input-horizontal-padding $input-vertical-bottom-padding;\n    position: relative;\n    width: 100%;\n\n    -webkit-appearance: none;\n\n    @include eltdfTransition(border-color 0.2s ease-in-out);\n\n    &:focus {\n        color: $default-heading-color;\n        \n    }\n\n    @include eltdfPlaceholder {\n        color: inherit;\n    }\n}\n\n// mixins styles - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n//media query mixins - start\n\n@mixin laptop-landscape-large {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-large)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape-mac {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-mac)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape-medium {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape-medium)) {\n        @content;\n    }\n}\n\n@mixin laptop-landscape {\n    @media only screen and (max-width: map-get($breakpoints, laptop-landscape)) {\n        @content;\n    }\n}\n\n@mixin ipad-landscape {\n    @media only screen and (max-width: map-get($breakpoints, ipad-landscape)) {\n        @content;\n    }\n}\n\n@mixin ipad-portrait {\n    @media only screen and (max-width: map-get($breakpoints, ipad-portrait)) {\n        @content;\n    }\n}\n\n@mixin phone-landscape {\n    @media only screen and (max-width: map-get($breakpoints, phone-landscape)) {\n        @content;\n    }\n}\n\n@mixin phone-portrait {\n    @media only screen and (max-width: map-get($breakpoints, phone-portrait)) {\n        @content;\n    }\n}\n\n@mixin smaller-phone-portrait {\n    @media only screen and (max-width: map-get($breakpoints, smaller-phone-portrait)) {\n        @content;\n    }\n}\n\n// media query mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// flexbox mixins - start\n\n@mixin eltdfFlexContainer($flex-direction: row, $flex-wrap: nowrap, $justify-content: flex-start, $align-items: stretch, $align-content: stretch ) {\n    display: flex;\n    flex-direction: $flex-direction;\n    flex-wrap: $flex-wrap;\n    justify-content: $justify-content;\n    align-items: $align-items;\n    align-content: $align-content;\n}\n\n@mixin eltdfFlexItem($order: 0, $flex-grow: 0, $flex-shrink: 1, $flex-basis: auto) {\n    order: $order;\n    flex-grow: $flex-grow;\n    flex-shrink: $flex-shrink;\n    flex-basis: $flex-basis;\n}\n\n// flexbox mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// animation mixin - start\n\n@mixin keyframes($name) {\n    @-webkit-keyframes #{$name} {\n        @content;\n    }\n\n    @keyframes #{$name} {\n        @content;\n    }\n}\n\n@mixin animation($name, $duration, $repeat, $timing, $delay) {\n    -webkit-animation-name: $name;\n    -webkit-animation-duration: $duration;\n    -webkit-animation-iteration-count: $repeat;\n    -webkit-animation-timing-function: $timing;\n    -webkit-animation-delay: $delay;\n    -webkit-animation-fill-mode: forwards; // this prevents the animation from restarting!\n\n    animation-name: $name;\n    animation-duration: $duration;\n    animation-iteration-count: $repeat;\n    animation-timing-function: $timing;\n    animation-delay: $delay;\n    animation-fill-mode: forwards; // this prevents the animation from restarting!\n}\n\n// animation mixin - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// heading mixins - start\n\n@mixin eltdfDefaultHeadingStyle() {\n    margin: 20px 0;\n    color: $default-heading-color;\n    font-family: $default-heading-font;\n    font-weight: 400;\n\n    a {\n        @include eltdfTypographyLayout();\n\n        &:hover {\n            color: $first-main-color;\n        }\n    }\n}\n\n@mixin eltdfH1() {\n    font-size: 47px;\n    line-height: 1.14em;\n    letter-spacing: -0.02em;\n}\n\n@mixin eltdfH2() {\n    font-size: 35px;\n    line-height: 1.02em;\n    letter-spacing: -0.015em;\n}\n\n@mixin eltdfH3() {\n    font-size: 30px;\n    line-height: 1.23em;\n    letter-spacing: -0.01em;\n}\n\n@mixin eltdfH4() {\n    font-size: 25px;\n    line-height: 1.24em;\n    letter-spacing:  -0.005em;\n}\n\n@mixin eltdfH5() {\n    font-size: 20px;\n    line-height: 1.2em;\n}\n\n@mixin eltdfH6() {\n    font-size: 15px;\n    line-height: 1.2em;\n}\n\n// heading mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////","/* ==========================================================================\n   WooCommerce Responsive styles - begin\n   ========================================================================== */\n/*------------------------------------------------------------------\n * This is main woocommerce responsive css file for theme. It is broken into following sections:\n * 1.  Global Responsive\n * 2.  Single Product Responsive\n * 3.  WooCommerce Product Lists and Shortcodes Responsive\n * 4.  Cart Responsive\n * 5.  Checkout Responsive\n * 6.  My Account Responsive\n * 7.  Shortcodes Responsive\n * 8.  Widgets Responsive\n-------------------------------------------------------------------*/\n/* ==========================================================================\n   WooCommerce Cart page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page table.cart .eltdf-quantity-buttons {\n    border: none;\n    margin: 0;\n    padding: 0;\n    width: 104px;\n    padding: 0 10px;\n    line-height: 64px;\n  }\n  .eltdf-woocommerce-page table.cart .eltdf-quantity-buttons .eltdf-quantity-input {\n    width: 29px;\n  }\n  .eltdf-woocommerce-page table.cart tr td.product-quantity .eltdf-quantity-buttons .eltdf-quantity-label {\n    display: none;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .coupon input[type=text] {\n    width: 180px;\n    margin: 0 17px 0 0;\n    padding: 9px 20px;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page .cart-collaterals .wc-proceed-to-checkout a {\n    width: 100%;\n    text-align: center;\n  }\n  .eltdf-woocommerce-page table.cart tr th, .eltdf-woocommerce-page table.cart tr td {\n    font-size: 12px;\n    line-height: 1.5em;\n  }\n  .eltdf-woocommerce-page table.cart tr.cart_item td.product-thumbnail {\n    width: auto;\n    padding-right: 0;\n  }\n  .eltdf-woocommerce-page table.cart tr.cart_item td.product-thumbnail img {\n    display: none;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .coupon {\n    margin: 0 0 20px;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .coupon input[type=text] {\n    width: 160px;\n    padding: 9px 15px;\n    margin: 0 10px 20px 0;\n    float: none;\n    display: block;\n    width: 100%;\n  }\n  .eltdf-woocommerce-page table.cart td.actions .coupon,\n  .eltdf-woocommerce-page table.cart td.actions button,\n  .eltdf-woocommerce-page table.cart td.actions > input {\n    float: none;\n    display: block;\n    width: 100% !important;\n  }\n}\n/* ==========================================================================\n   WooCommerce Cart page responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Checkout page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page .woocommerce-checkout .col-1,\n  .eltdf-woocommerce-page .woocommerce-checkout .col-2 {\n    width: 100%;\n  }\n  .eltdf-woocommerce-page .woocommerce-checkout .col-1 {\n    margin: 0 0 25px;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page .woocommerce-checkout .col-1 .form-row,\n  .eltdf-woocommerce-page .woocommerce-checkout .col-2 .form-row {\n    width: 100%;\n    margin: 0;\n    float: none;\n  }\n}\n@media only screen and (max-width: 480px) {\n  .eltdf-woocommerce-page .woocommerce-checkout .woocommerce-checkout-payment ul li.payment_method_paypal label img {\n    display: none;\n  }\n}\n/* ==========================================================================\n   WooCommerce Checkout page responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-1,\n  .eltdf-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-2 {\n    width: 100%;\n  }\n  .eltdf-woocommerce-page.woocommerce-order-received .woocommerce .col2-set.addresses .col-1 {\n    margin: 0 0 25px;\n  }\n}\n/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Buttons responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1440px) {\n  .woocommerce-page .eltdf-content a.button,\n  .woocommerce-page .eltdf-content a.added_to_cart,\n  .woocommerce-page .eltdf-content input[type=submit],\n  .woocommerce-page .eltdf-content button[type=submit]:not(.eltdf-search-submit),\n  .woocommerce-page .eltdf-content .wc-forward:not(.added_to_cart):not(.checkout-button),\n  div.woocommerce a.button,\n  div.woocommerce a.added_to_cart,\n  div.woocommerce input[type=submit],\n  div.woocommerce button[type=submit]:not(.eltdf-search-submit),\n  div.woocommerce .wc-forward:not(.added_to_cart):not(.checkout-button) {\n    padding: 16px 36px;\n  }\n}\n/* ==========================================================================\n   WooCommerce Buttons responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1024px) {\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-out-of-stock,\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-new-product {\n    right: 0;\n  }\n}\n/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Message Responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page .woocommerce-message,\n  .eltdf-woocommerce-page .woocommerce-info,\n  .eltdf-woocommerce-page .woocommerce-error {\n    padding: 17px 25px;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page .woocommerce-message,\n  .eltdf-woocommerce-page .woocommerce-info,\n  .eltdf-woocommerce-page .woocommerce-error {\n    padding: 14px 15px;\n    line-height: 2em;\n  }\n  .eltdf-woocommerce-page .woocommerce-message a,\n  .eltdf-woocommerce-page .woocommerce-info a,\n  .eltdf-woocommerce-page .woocommerce-error a {\n    float: none;\n    margin: 0 0 15px 0;\n  }\n}\n/* ==========================================================================\n   WooCommerce Message Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1440px) {\n  .eltdf-woo-single-page .eltdf-single-product-summary {\n    padding: 0 0 0 33px;\n  }\n}\n@media only screen and (max-width: 1366px) {\n  .eltdf-woo-single-page .eltdf-single-product-summary .eltdf-quantity-buttons {\n    margin: 0 5px 0 0;\n  }\n  .woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-label {\n    margin-right: 20px;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-input,\n  .woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-minus,\n  .woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-plus,\n  div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-input,\n  div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-minus,\n  div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-plus {\n    font-size: 13px;\n  }\n  .woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-input,\n  div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-input {\n    height: 38px;\n    width: 38px;\n    line-height: 36px;\n  }\n  .woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-minus,\n  .woocommerce-page .eltdf-content .eltdf-quantity-buttons .eltdf-quantity-plus,\n  div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-minus,\n  div.woocommerce .eltdf-quantity-buttons .eltdf-quantity-plus {\n    width: 19px;\n    height: 19px;\n    line-height: 17px;\n  }\n}\n/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-page .woocommerce-result-count,\n  .eltdf-woocommerce-page .woocommerce-ordering {\n    width: 100%;\n    margin-bottom: 30px;\n  }\n  .eltdf-woocommerce-page .woocommerce-ordering {\n    text-align: initial;\n  }\n  .eltdf-woocommerce-page .woocommerce-ordering .orderby {\n    display: block;\n  }\n}\n\n/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1024px) {\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation {\n    width: 28%;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {\n    width: 72%;\n    padding: 0 0 0 20px;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation,\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {\n    float: none;\n    width: 100%;\n    padding: 0;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul {\n    border-right: none;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {\n    margin: 0 0 14px;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce-MyAccount-content {\n    margin: 40px 0 0;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-1,\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-2 {\n    width: 100%;\n  }\n  .eltdf-woocommerce-page.woocommerce-account .woocommerce .col2-set.addresses .col-1 {\n    margin: 0 0 25px;\n  }\n}\n/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Product List page responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 1440px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 20%;\n  }\n}\n@media only screen and (max-width: 1440px) and (min-width: 1201px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(5n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1200px) {\n  .woocommerce.columns-5 > .products > .product {\n    width: 25%;\n  }\n}\n@media only screen and (max-width: 1200px) and (min-width: 1025px) {\n  .woocommerce.columns-5 > .products > .product:nth-child(4n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1200px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 25%;\n  }\n}\n@media only screen and (max-width: 1200px) and (min-width: 1025px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(4n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product,\n  .eltdf-woocommerce-columns-3 .related.products > .products > .product,\n  .eltdf-woocommerce-columns-3 .upsells.products > .products > .product,\n  .eltdf-woocommerce-columns-3 .cross-sells > .products > .product {\n    width: 33.3333333333%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product:nth-child(3n+1),\n  .eltdf-woocommerce-columns-3 .related.products > .products > .product:nth-child(3n+1),\n  .eltdf-woocommerce-columns-3 .upsells.products > .products > .product:nth-child(3n+1),\n  .eltdf-woocommerce-columns-3 .cross-sells > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product,\n  .eltdf-woocommerce-columns-4 .related.products > .products > .product,\n  .eltdf-woocommerce-columns-4 .upsells.products > .products > .product,\n  .eltdf-woocommerce-columns-4 .cross-sells > .products > .product {\n    width: 33.3333333333%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product:nth-child(3n+1),\n  .eltdf-woocommerce-columns-4 .related.products > .products > .product:nth-child(3n+1),\n  .eltdf-woocommerce-columns-4 .upsells.products > .products > .product:nth-child(3n+1),\n  .eltdf-woocommerce-columns-4 .cross-sells > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .woocommerce.columns-4 > .products > .product {\n    width: 33.3333333333%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .woocommerce.columns-4 > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .woocommerce.columns-5 > .products > .product {\n    width: 33.3333333333%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .woocommerce.columns-5 > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 33.3333333333%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product,\n  .eltdf-woocommerce-columns-3 .related.products > .products > .product,\n  .eltdf-woocommerce-columns-3 .upsells.products > .products > .product,\n  .eltdf-woocommerce-columns-3 .cross-sells > .products > .product {\n    width: 50%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product:nth-child(2n+1),\n  .eltdf-woocommerce-columns-3 .related.products > .products > .product:nth-child(2n+1),\n  .eltdf-woocommerce-columns-3 .upsells.products > .products > .product:nth-child(2n+1),\n  .eltdf-woocommerce-columns-3 .cross-sells > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product,\n  .eltdf-woocommerce-columns-4 .related.products > .products > .product,\n  .eltdf-woocommerce-columns-4 .upsells.products > .products > .product,\n  .eltdf-woocommerce-columns-4 .cross-sells > .products > .product {\n    width: 50%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product:nth-child(2n+1),\n  .eltdf-woocommerce-columns-4 .related.products > .products > .product:nth-child(2n+1),\n  .eltdf-woocommerce-columns-4 .upsells.products > .products > .product:nth-child(2n+1),\n  .eltdf-woocommerce-columns-4 .cross-sells > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-3 > .products > .product {\n    width: 50%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-3 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-4 > .products > .product {\n    width: 50%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-4 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-5 > .products > .product {\n    width: 50%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-5 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .woocommerce.columns-6 > .products > .product {\n    width: 50%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .woocommerce.columns-6 > .products > .product:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-woocommerce-columns-3 .eltdf-pl-main-holder > .products > .product,\n  .eltdf-woocommerce-columns-3 .related.products > .products > .product,\n  .eltdf-woocommerce-columns-3 .upsells.products > .products > .product,\n  .eltdf-woocommerce-columns-3 .cross-sells > .products > .product {\n    width: 100%;\n  }\n  .eltdf-woocommerce-columns-4 .eltdf-pl-main-holder > .products > .product,\n  .eltdf-woocommerce-columns-4 .related.products > .products > .product,\n  .eltdf-woocommerce-columns-4 .upsells.products > .products > .product,\n  .eltdf-woocommerce-columns-4 .cross-sells > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-2 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-3 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-4 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-5 > .products > .product {\n    width: 100%;\n  }\n  .woocommerce.columns-6 > .products > .product {\n    width: 100%;\n  }\n}\n/* ==========================================================================\n   WooCommerce Product List page responsive styles - end\n   ========================================================================== */\n/* Woocommerce Product Page shortcode responsive style - begin\n========================================================================== */\n@media only screen and (min-width: 1025px) and (max-width: 1200px) {\n  div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li a {\n    padding: 12px 7px;\n  }\n}\n@media only screen and (max-width: 1440px) {\n  .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .added_to_cart,\n  .eltdf-pl-holder .eltdf-pli-inner .eltdf-pli-text-inner .button {\n    padding: 17px 20px;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  div.woocommerce > .single-product .woocommerce-tabs ul.tabs > li a {\n    padding: 13px 10px;\n  }\n}\n@media only screen and (max-width: 680px) {\n  div.woocommerce > .single-product .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) {\n    width: 50%;\n  }\n}\n/* Woocommerce Product Page shortcode responsive style - end\n========================================================================== */\n/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - begin\n   ========================================================================== */\n@media only screen and (min-width: 1025px) and (max-width: 1200px) {\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li a {\n    padding: 12px 7px;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-woo-single-page .eltdf-single-product-content .images,\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-single-product-summary {\n    float: none;\n    width: 100%;\n    padding: 0;\n  }\n  .eltdf-woo-single-page .eltdf-single-product-content .images .woocommerce-product-gallery__trigger {\n    right: 10px;\n  }\n  .eltdf-woo-single-page .eltdf-single-product-content .eltdf-single-product-summary {\n    margin: 30px 0 0;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li a {\n    padding: 13px 10px;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li {\n    margin: 0 15px 0 0;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-woo-single-page .woocommerce-tabs {\n    margin: 12px 0 0;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li {\n    display: block;\n    text-align: left;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li:after {\n    display: none;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs ul.tabs > li.active a {\n    border-bottom: 1px solid #000;\n  }\n  .eltdf-woo-single-page .woocommerce-tabs .entry-content > p {\n    text-align: left;\n  }\n  .eltdf-woo-single-page .eltdf-single-product-summary .eltdf-quantity-buttons {\n    margin: 0 30px 25px 0;\n  }\n  .eltdf-woo-single-page.eltdf-woo-single-thumb-on-left-side .eltdf-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) {\n    width: 50%;\n  }\n  .eltdf-woo-single-page .eltdf-single-product-content .images.woocommerce-product-gallery--columns-4 .woocommerce-product-gallery__image:not(:first-child) {\n    width: 50%;\n  }\n}\n/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-shopping-cart-dropdown ul {\n    margin: 20px;\n  }\n}\n/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   Product List - Carousel shortcode responsive styles - begin\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .eltdf-plc-holder.eltdf-simple-type .eltdf-plc-image-outer,\n  .eltdf-plc-holder.eltdf-simple-type .eltdf-plc-text-wrapper {\n    display: inline-block;\n    width: 100%;\n    padding: 0;\n  }\n  .eltdf-plc-holder.eltdf-simple-type .eltdf-plc-text-wrapper {\n    margin: 30px 0 40px;\n  }\n}\n/* ==========================================================================\n   Product List - Carousel shortcode responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   Product Pair shortcode responsive styles - begin\n   ========================================================================== */\n.eltdf-pp-holder {\n  margin: 0 auto;\n  position: relative;\n  display: table;\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-pp-holder .eltdf-ppi {\n    display: block;\n    margin-bottom: 20px;\n  }\n}\n\n/* ==========================================================================\n   Product Pair shortcode responsive styles - end\n   ========================================================================== */\n/* ==========================================================================\n   WooCommerce Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Checkout page responsive styles - begin\n   ========================================================================== */\n\n@include ipad-portrait {\n    \n    .eltdf-woocommerce-page .woocommerce-checkout {\n        \n        .col-1,\n        .col-2 {\n            width: 100%;\n        }\n        \n        .col-1 {\n            margin: 0 0 25px;\n        }\n    }\n}\n\n@include phone-landscape {\n    \n    .eltdf-woocommerce-page .woocommerce-checkout {\n        \n        .col-1,\n        .col-2 {\n            \n            .form-row {\n                width: 100%;\n                margin: 0;\n                float: none;\n            }\n        }\n    }\n}\n\n@include phone-portrait {\n    \n    .eltdf-woocommerce-page .woocommerce-checkout {\n        \n        .woocommerce-checkout-payment ul li.payment_method_paypal label img {\n            display: none;\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Checkout page responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - begin\n   ========================================================================== */\n\n@include ipad-portrait {\n    \n    .eltdf-woocommerce-page.woocommerce-order-received {\n        \n        .woocommerce {\n            \n            .col2-set.addresses {\n                \n                .col-1,\n                .col-2 {\n                    width: 100%;\n                }\n                \n                .col-1 {\n                    margin: 0 0 25px;\n                }\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Checkout page - Order Received responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Buttons responsive styles - begin\n   ========================================================================== */\n\n@include laptop-landscape-large {\n\n    .woocommerce-page .eltdf-content,\n    div.woocommerce {\n    \n        a.button,\n        a.added_to_cart,\n        input[type=\"submit\"],\n        button[type=\"submit\"]:not(.eltdf-search-submit),\n        .wc-forward:not(.added_to_cart):not(.checkout-button) {\n            @include eltdfButtonSize('small');\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Buttons responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - begin\n   ========================================================================== */\n\n@include ipad-landscape {\n\n    .eltdf-woo-single-page {\n\t\n\t    .eltdf-single-product-content {\n\t\t\n\t\t    .eltdf-out-of-stock,\n\t\t    .eltdf-new-product {\n\t\t\t    right: 0;\n\t\t    }\n\t    }\n    }\n}\n\n\n/* ==========================================================================\n   WooCommerce Onsale and Out of Stock responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Message Responsive styles - begin\n   ========================================================================== */\n\n@media only screen and (max-width: $ipad-portrait) {\n\n    .eltdf-woocommerce-page {\n\n        .woocommerce-message,\n        .woocommerce-info,\n        .woocommerce-error {\n            padding: 17px 25px;\n        }\n    }\n}\n\n@media only screen and (max-width: $phone-landscape) {\n\n    .eltdf-woocommerce-page {\n\n        .woocommerce-message,\n        .woocommerce-info,\n        .woocommerce-error {\n            padding: 14px 15px;\n            line-height: 2em;\n\n            a {\n            \tfloat: none;\n                margin: 0 0 15px 0;\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Message Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - begin\n   ========================================================================== */\n@include laptop-landscape-large {\n\n    .eltdf-woo-single-page {\n\n        .eltdf-single-product-summary {\n\n            padding: 0 0 0 33px;\n        }\n    }\n}\n@include laptop-landscape-mac {\n\n    .eltdf-woo-single-page {\n\n        .eltdf-single-product-summary {\n\n            .eltdf-quantity-buttons {\n\n                margin: 0 5px 0 0;\n\n            }\n        }\n    }\n    .woocommerce-page {\n        \n        .eltdf-content {\n\n            .eltdf-quantity-buttons {\n\n                .eltdf-quantity-label {\n\n                     margin-right: 20px;\n                }\n            }\n        }\n    }\n}\n\n\n@include ipad-portrait {\n\n    .woocommerce-page .eltdf-content,\n    div.woocommerce {\n\n        .eltdf-quantity-buttons {\n\n            .eltdf-quantity-input,\n            .eltdf-quantity-minus,\n            .eltdf-quantity-plus {\n                font-size: 13px;\n            }\n\n            .eltdf-quantity-input {\n                height: 38px;\n                width: 38px;\n                line-height: 36px;\n            }\n\n            .eltdf-quantity-minus,\n            .eltdf-quantity-plus {\n                width: 19px;\n                height: 19px;\n                line-height: 17px;\n            }\n        }\n    }\n}   \n/* ==========================================================================\n   WooCommerce Quantity Inputs responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - begin\n   ========================================================================== */\n.eltdf-woocommerce-page {\n\n    @include phone-landscape {\n        \n        .woocommerce-result-count,\n        .woocommerce-ordering {\n            width: 100%;\n            margin-bottom: 30px;\n        }\n    \n        .woocommerce-ordering {\n            text-align: initial;\n            \n            .orderby {\n                display: block;\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Result and Ordering Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - begin\n   ========================================================================== */\n\n@include ipad-landscape {\n\t\n\t.eltdf-woocommerce-page.woocommerce-account {\n\t\t\n\t\t.woocommerce-MyAccount-navigation {\n\t\t\twidth: 28%;\n\t\t}\n\t\t\n\t\t.woocommerce-MyAccount-content {\n\t\t\twidth: 72%;\n\t\t\tpadding: 0 0 0 20px;\n\t\t}\n\t}\n}\n\n@include ipad-portrait {\n\t\n\t.eltdf-woocommerce-page.woocommerce-account {\n\t\t\n\t\t.woocommerce-MyAccount-navigation,\n\t\t.woocommerce-MyAccount-content {\n\t\t\tfloat: none;\n\t\t\twidth: 100%;\n\t\t\tpadding: 0;\n\t\t}\n\t\t\n\t\t.woocommerce-MyAccount-navigation {\n\t\t\t\n\t\t\tul {\n\t\t\t\tborder-right: none;\n\t\t\t\t\n\t\t\t\tli {\n\t\t\t\t\t\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tmargin: 0 0 14px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t.woocommerce-MyAccount-content {\n\t\t\tmargin: 40px 0 0;\n\t\t}\n\t\t\n\t\t.woocommerce {\n\t\t\t\n\t\t\t.col2-set.addresses {\n\t\t\t\t\n\t\t\t\t.col-1,\n\t\t\t\t.col-2 {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.col-1 {\n\t\t\t\t\tmargin: 0 0 25px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n/* ==========================================================================\n   WooCommerce MyAccount page responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Product List page responsive styles - begin\n   ========================================================================== */\n\n@include laptop-landscape-large {\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                $column_vc_width: 100%/5;\n                \n                > .products {\n                    \n                    > .product {\n                        width: $column_vc_width;\n                        \n                        @media only screen and (min-width: $laptop-landscape-plus-pixel) {\n                            \n                            &:nth-child(5n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include laptop-landscape {\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                $column_vc_width: 100%/4;\n                \n                > .products {\n                    \n                    > .product {\n                        width: $column_vc_width;\n                        \n                        @media only screen and (min-width: $ipad-landscape-plus-pixel) {\n                            \n                            &:nth-child(4n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-landscape {\n    \n    .eltdf-pl-main-holder,\n    .related.products,\n    .upsells.products,\n    .cross-sells {\n        \n        $product_list_columns: ('columns-3', 'columns-4');\n        \n        @for $i from 0 to length($product_list_columns) {\n            \n            > .products {\n                \n                > .product {\n                    \n                    .eltdf-woocommerce-#{nth($product_list_columns,$i+1)} & {\n                        $column_width: 100%/3;\n                        width: $column_width;\n                        \n                        @media only screen and (min-width: $ipad-portrait-plus-pixel) {\n                            \n                            &:nth-child(3n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-4', 'columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                $column_vc_width: 100%/3;\n                \n                > .products {\n                    \n                    > .product {\n                        width: $column_vc_width;\n                        \n                        @media only screen and (min-width: $ipad-portrait-plus-pixel) {\n                            \n                            &:nth-child(3n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-portrait {\n    \n    .eltdf-pl-main-holder,\n    .related.products,\n    .upsells.products,\n    .cross-sells {\n        \n        $product_list_columns: ('columns-3', 'columns-4');\n        \n        @for $i from 0 to length($product_list_columns) {\n            \n            > .products {\n                \n                > .product {\n                    \n                    .eltdf-woocommerce-#{nth($product_list_columns,$i+1)} & {\n                        width: 50%;\n                        \n                        @media only screen and (min-width: $phone-landscape-plus-pixel) {\n                            \n                            &:nth-child(2n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-3', 'columns-4', 'columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                \n                > .products {\n                    \n                    > .product {\n                        width: 50%;\n                        \n                        @media only screen and (min-width: $phone-landscape-plus-pixel) {\n                            \n                            &:nth-child(2n+1) {\n                                clear: both;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include phone-landscape {\n    \n    .eltdf-pl-main-holder,\n    .related.products,\n    .upsells.products,\n    .cross-sells {\n        \n        $product_list_columns: ('columns-3', 'columns-4');\n        \n        @for $i from 0 to length($product_list_columns) {\n            \n            > .products {\n                \n                > .product {\n                    \n                    .eltdf-woocommerce-#{nth($product_list_columns,$i+1)} & {\n                        width: 100%;\n                    }\n                }\n            }\n        }\n    }\n    \n    .woocommerce {\n        \n        $product_list_vc_columns: ('columns-2', 'columns-3', 'columns-4', 'columns-5', 'columns-6');\n        \n        @for $i from 0 to length($product_list_vc_columns) {\n            &.#{nth($product_list_vc_columns,$i+1)} {\n                \n                > .products {\n                    \n                    > .product {\n                        width: 100%;\n                    }\n                }\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Product List page responsive styles - end\n   ========================================================================== */","/* Woocommerce Product Page shortcode responsive style - begin\n========================================================================== */\n\n@media only screen and (min-width: $ipad-landscape-plus-pixel) and (max-width: $laptop-landscape) {\n    \n    div.woocommerce {\n        \n        > .single-product {\n            \n            .woocommerce-tabs {\n                \n                ul.tabs {\n                    \n                    > li {\n    \n                        a {\n                            padding: 12px 7px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n@include laptop-landscape-large {\n\n   \n    .eltdf-pl-holder {\n\n        .eltdf-pli-inner {\n\n            .eltdf-pli-text-inner {\n\n                .added_to_cart,\n                .button {\n\n                    padding: 17px 20px;\n\n                }\n\n            }\n\n        }\n\n    }\n\n}\n@include ipad-landscape {\n    \n    div.woocommerce {\n        \n        > .single-product {\n            \n            .woocommerce-tabs {\n                \n                ul.tabs {\n                    \n                    > li {\n    \n                        a {\n                            padding: 13px 10px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include phone-landscape {\n\n    div.woocommerce {\n\n        > .single-product {\n\n            .images {\n    \n                &.woocommerce-product-gallery--columns-4 {\n        \n                    .woocommerce-product-gallery__image {\n            \n                        &:not(:first-child) {\n                            width: 50%;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n/* Woocommerce Product Page shortcode responsive style - end\n========================================================================== */","/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - begin\n   ========================================================================== */\n\n@media only screen and (min-width: $ipad-landscape-plus-pixel) and (max-width: $laptop-landscape) {\n    \n    .eltdf-woo-single-page {\n        \n        .woocommerce-tabs {\n            \n            ul.tabs {\n                \n                > li {\n                    \n                    a {\n                        padding: 12px 7px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-landscape {\n    \n    .eltdf-woo-single-page {\n        \n        .eltdf-single-product-content {\n            \n            .images,\n            .eltdf-single-product-summary {\n                float: none;\n                width: 100%;\n                padding: 0;\n            }\n\t        \n\t        .images {\n\t\t\n\t\t        .woocommerce-product-gallery__trigger {\n\t\t\t        right: 10px;\n\t\t        }\n\t        }\n            \n            .eltdf-single-product-summary {\n                margin: 30px 0 0;\n            }\n        }\n        \n        .woocommerce-tabs {\n            \n            ul.tabs {\n                \n                > li {\n                    \n                    a {\n                        padding: 13px 10px;\n                    }\n                }\n            }\n        }\n    }\n}\n@include ipad-portrait {\n\n    .eltdf-woo-single-page {\n\n        .woocommerce-tabs {\n\n            ul.tabs {\n\n                >li {\n                    margin: 0 15px 0 0;\n                }\n            }\n        }\n    }\n}\n\n@include phone-landscape {\n    \n    .eltdf-woo-single-page {\n\n        .woocommerce-tabs {\n            margin: 12px 0 0;\n\n            ul.tabs {\n\n                >li {\n                    display: block;\n                    text-align: left;\n                    &:after {\n                        display: none;\n                    }\n                    &.active {\n                        a {\n                            border-bottom: 1px solid $first-main-color;\n                        }\n                    }\n                }\n            }\n            .entry-content {\n                > p {\n                    text-align: left;\n                }\n            }\n        }\n    }\n    .eltdf-woo-single-page {\n\n        .eltdf-single-product-summary  {\n\n            .eltdf-quantity-buttons {\n                margin: 0 30px 25px 0;\n            }\n\n\n        }\n    }\n   \n\n    .eltdf-woo-single-page {\n\t\n\t    &.eltdf-woo-single-thumb-on-left-side {\n\t\t\n\t\t    .eltdf-single-product-content {\n\t\t\t\n\t\t\t    .images {\n\t\t\t\t\n\t\t\t\t    &.woocommerce-product-gallery--columns-4 {\n\t\t\t\t\t\n\t\t\t\t\t    .woocommerce-product-gallery__image {\n\t\t\t\t\t\t\n\t\t\t\t\t\t    &:not(:first-child) {\n\t\t\t\t\t\t\t    width: 50%;\n\t\t\t\t\t\t    }\n\t\t\t\t\t    }\n\t\t\t\t    }\n\t\t\t    }\n\t\t    }\n\t    }\n        \n        .eltdf-single-product-content {\n            \n            .images {\n    \n                &.woocommerce-product-gallery--columns-4 {\n        \n                    .woocommerce-product-gallery__image {\n            \n                        &:not(:first-child) {\n\t                        width: 50%;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Single Product Page Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - begin\n   ========================================================================== */\n\n@media only screen and (max-width: $ipad-portrait) {\n\n    .eltdf-shopping-cart-dropdown {\n\n        ul {\n            margin: 20px;\n        }\n    }\n}\n/* ==========================================================================\n   WooCommerce Dropdown Cart Responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   Product List - Carousel shortcode responsive styles - begin\n   ========================================================================== */\n\n@include ipad-portrait {\n    \n    .eltdf-plc-holder {\n\n        &.eltdf-simple-type {\n        \n            .eltdf-plc-image-outer,\n            .eltdf-plc-text-wrapper {\n                display: inline-block;\n                width: 100%;\n                padding: 0;\n            }\n\n            .eltdf-plc-text-wrapper {\n                margin: 30px 0 40px;\n            }\n        }\n    }\n}\n/* ==========================================================================\n   Product List - Carousel shortcode responsive styles - end\n   ========================================================================== */","/* ==========================================================================\n   Product Pair shortcode responsive styles - begin\n   ========================================================================== */\n\n.eltdf-pp-holder {\n    margin: 0 auto;\n    position: relative;\n    display: table;\n\n    @include ipad-portrait{\n        .eltdf-ppi {\n            display: block;\n            margin-bottom: 20px;\n        }\n    }\n}\n/* ==========================================================================\n   Product Pair shortcode responsive styles - end\n   ========================================================================== */"]}