{"version":3,"sources":["modules-responsive.scss","_mixins.scss","_global-responsive.scss","modules-responsive.css","_variables.scss","_grid-system-responsive.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;oEAAA;AAWA;;+EAAA;AC2jBI;ECpkBA;IACI,wBAAA;ECcN;EDXD;;;;;;IAMC,aAAA;ECaA;AACF;AF4iBI;ECpjBA;IACI,wBAAA;ECWN;AACF;AFmjBI;ECzjBA;IACI,wBAAA;ECSN;EDND;IACC,aAAA;ECQA;AACF;AF6gBI;EClhBJ;;;;IAMQ,YE3BsB;EDiC5B;AACF;AFuhBI;ECpiBJ;;;;IAUQ,YE9BoB;EDwC1B;AACF;AFqhBI;EC1iBJ;;;;IAcQ,YEjCmB;ED+CzB;AACF;AFmhBI;EChjBJ;;;;IAkBQ,YEpCqB;EDsD3B;AACF;AFihBI;ECtjBJ;;;;IAsBQ,YEvCoB;ED6D1B;AACF;AF+gBI;EC5jBJ;;;;IA0BQ,UE1C4B;EDoElC;AACF;;AFyeI;EChgBJ;;IAIQ,aE/C4B;EDwElC;AACF;AFweI;ECtgBJ;;IAQQ,YElD0B;ED6EhC;AACF;AFweI;EC5gBJ;;IAYQ,YErDyB;EDkF/B;AACF;AFweI;EClhBJ;;IAgBQ,YExD2B;EDuFjC;AACF;AFweI;ECxhBJ;;IAoBQ,YE3D0B;ED4FhC;AACF;AFweI;EC9hBJ;;IAwBQ,UE9DkC;EDiGxC;AACF;;AE5HA;;+EAAA;AJ0jBI;EIpjBH;;GAAA;EAWE;IACC,eAAA;EFqHF;EEnHE;IACC,eAAA;IACA,gBAAA;EFqHH;EEjHC;IACC,oBAAA;EFmHF;EEhHC;IACC,eAAA;EFkHF;AACF;AEhEE;EASG;IACC,UAHc;EF6DlB;EEvDG;IACC,UAPc;EFgElB;EErDK;IAEC,UAAA;EFsDN;AACF;AEpDO;EAEC;IACC,WAAA;EFqDP;AACF;AEhFE;EASG;IACC,UAHc;EF6ElB;EEvEG;IACC,UAPc;EFgFlB;EErEK;IAEC,UAAA;EFsEN;AACF;AEpEO;EAEC;IACC,WAAA;EFqEP;AACF;AEhGE;EASG;IACC,qBAHc;EF6FlB;EEvFG;IACC,qBAPc;EFgGlB;EErFK;IAEC,qBAAA;EFsFN;AACF;AEpFO;EAEC;IACC,WAAA;EFqFP;AACF;AEhHE;EASG;IACC,qBAHc;EF6GlB;EEvGG;IACC,qBAPc;EFgHlB;EErGK;IAEC,qBAAA;EFsGN;AACF;AEpGO;EAEC;IACC,WAAA;EFqGP;AACF;AEhIE;EASG;IACC,qBAHc;EF6HlB;EEvHG;IACC,qBAPc;EFgIlB;EErHK;IAEC,qBAAA;EFsHN;AACF;AEpHO;EAEC;IACC,WAAA;EFqHP;AACF;AEhJE;EASG;IACC,UAHc;EF6IlB;EEvIG;IACC,UAPc;EFgJlB;EErIK;IAEC,WAAA;EFsIN;AACF;AEpIO;EAEC;IACC,WAAA;EFqIP;AACF;AEhKE;EASG;IACC,UAHc;EF6JlB;EEvJG;IACC,UAPc;EFgKlB;EErJK;IAEC,WAAA;EFsJN;AACF;AEpJO;EAEC;IACC,WAAA;EFqJP;AACF;AEhLE;EASG;IACC,UAHc;EF6KlB;EEvKG;IACC,UAPc;EFgLlB;EErKK;IAEC,WAAA;EFsKN;AACF;AEpKO;EAEC;IACC,WAAA;EFqKP;AACF;AEhME;EASG;IACC,UAHc;EF6LlB;EEvLG;IACC,UAPc;EFgMlB;EErLK;IAEC,WAAA;EFsLN;AACF;AEpLO;EAEC;IACC,WAAA;EFqLP;AACF;AEhNE;EASG;IACC,WAHc;EF6MlB;EEvMG;IACC,WAPc;EFgNlB;EE9MG;IACC,WAHc;EFmNlB;EE7MG;IACC,WAPc;EFsNlB;EEpNG;IACC,WAHc;EFyNlB;EEnNG;IACC,WAPc;EF4NlB;EE1NG;IACC,WAHc;EF+NlB;EEzNG;IACC,WAPc;EFkOlB;EEhOG;IACC,WAHc;EFqOlB;EE/NG;IACC,WAPc;EFwOlB;AACF;;AE3MA;;+EAAA","file":"../scss/modules-responsive.css","sourcesContent":["/*------------------------------------------------------------------\n * This is main responsive css file for theme. It is broken into following sections:\n * 1. Global responsive styles\n * 2. Blog responsive styles\n * 3. Footer responsive styles\n * 4. Header responsive styles\n * 5. Search responsive styles\n * 6. Title area responsive styles\n * 7. Shortcodes responsive styles\n * 8. Custom Post Types responsive styles\n-------------------------------------------------------------------*/\n/* ==========================================================================\n   1. Global responsive styles\n   ========================================================================== */\n@import 'variables';\n@import 'mixins';\n@import 'global-responsive';\n@import 'grid-system-responsive';","////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\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////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////","@include ipad-landscape {\n    \n    body:not(.eltdf-content-is-behind-header):not(.error404) .eltdf-content {\n        margin-top: 0 !important;\n    }\n\n\t.eltdf-row-border-left,\n\t.eltdf-row-border-right,\n\t.eltdf-row-border-top,\n\t.eltdf-row-border-bottom,\n\t.eltdf-page-border-left,\n\t.eltdf-page-border-right{\n\t\tdisplay: none;\n\t}\n}\n\n@include ipad-landscape {\n    \n    .eltdf-hide-on-tablet {\n        display: none !important;\n    }\n}\n\n@include phone-landscape {\n    \n    .eltdf-hide-on-mobile {\n        display: none !important;\n    }\n\n\t.eltdf-owl-slider .owl-dots .owl-dot .eltdf-owl-pag-name{\n\t\tdisplay: none;\n\t}\n}\n\n.eltdf-grid,\n.eltdf-container-inner,\n.eltdf-elementor-row-grid-section > .elementor-container,\n.eltdf-row-grid-section {\n\n    @include laptop-landscape-mac {\n        width: $grid-width-laptop-landscape;\n    }\n\n    @include ipad-landscape {\n        width: $grid-width-ipad-landscape;\n    }\n    \n    @include ipad-portrait {\n        width: $grid-width-ipad-portrait;\n    }\n\n    @include phone-landscape {\n        width: $grid-width-phone-landscape;\n    }\n\n    @include phone-portrait {\n        width: $grid-width-phone-portrait;\n    }\n\n    @include smaller-phone-portrait {\n        width: $grid-width-smaller-phone-portrait;\n    }\n}\n\n.eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,\n.eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {\n\n    @include laptop-landscape {\n        width: $grid-width-laptop-landscape-boxed;\n    }\n\n    @include ipad-landscape {\n        width: $grid-width-ipad-landscape-boxed;\n    }\n\n    @include ipad-portrait {\n        width: $grid-width-ipad-portrait-boxed;\n    }\n\n    @include phone-landscape {\n        width: $grid-width-phone-landscape-boxed;\n    }\n\n    @include phone-portrait {\n        width: $grid-width-phone-portrait-boxed;\n    }\n\n    @include smaller-phone-portrait {\n        width: $grid-width-smaller-phone-portrait-boxed;\n    }\n}","/*------------------------------------------------------------------\n * This is main responsive css file for theme. It is broken into following sections:\n * 1. Global responsive styles\n * 2. Blog responsive styles\n * 3. Footer responsive styles\n * 4. Header responsive styles\n * 5. Search responsive styles\n * 6. Title area responsive styles\n * 7. Shortcodes responsive styles\n * 8. Custom Post Types responsive styles\n-------------------------------------------------------------------*/\n/* ==========================================================================\n   1. Global responsive styles\n   ========================================================================== */\n@media only screen and (max-width: 1024px) {\n  body:not(.eltdf-content-is-behind-header):not(.error404) .eltdf-content {\n    margin-top: 0 !important;\n  }\n  .eltdf-row-border-left,\n  .eltdf-row-border-right,\n  .eltdf-row-border-top,\n  .eltdf-row-border-bottom,\n  .eltdf-page-border-left,\n  .eltdf-page-border-right {\n    display: none;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-hide-on-tablet {\n    display: none !important;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-hide-on-mobile {\n    display: none !important;\n  }\n  .eltdf-owl-slider .owl-dots .owl-dot .eltdf-owl-pag-name {\n    display: none;\n  }\n}\n@media only screen and (max-width: 1366px) {\n  .eltdf-grid,\n  .eltdf-container-inner,\n  .eltdf-elementor-row-grid-section > .elementor-container,\n  .eltdf-row-grid-section {\n    width: 950px;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-grid,\n  .eltdf-container-inner,\n  .eltdf-elementor-row-grid-section > .elementor-container,\n  .eltdf-row-grid-section {\n    width: 768px;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-grid,\n  .eltdf-container-inner,\n  .eltdf-elementor-row-grid-section > .elementor-container,\n  .eltdf-row-grid-section {\n    width: 600px;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-grid,\n  .eltdf-container-inner,\n  .eltdf-elementor-row-grid-section > .elementor-container,\n  .eltdf-row-grid-section {\n    width: 420px;\n  }\n}\n@media only screen and (max-width: 480px) {\n  .eltdf-grid,\n  .eltdf-container-inner,\n  .eltdf-elementor-row-grid-section > .elementor-container,\n  .eltdf-row-grid-section {\n    width: 300px;\n  }\n}\n@media only screen and (max-width: 320px) {\n  .eltdf-grid,\n  .eltdf-container-inner,\n  .eltdf-elementor-row-grid-section > .elementor-container,\n  .eltdf-row-grid-section {\n    width: 90%;\n  }\n}\n\n@media only screen and (max-width: 1200px) {\n  .eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,\n  .eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {\n    width: 1000px;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,\n  .eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {\n    width: 818px;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,\n  .eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {\n    width: 650px;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,\n  .eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {\n    width: 470px;\n  }\n}\n@media only screen and (max-width: 480px) {\n  .eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,\n  .eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {\n    width: 350px;\n  }\n}\n@media only screen and (max-width: 320px) {\n  .eltdf-boxed .eltdf-wrapper .eltdf-wrapper-inner,\n  .eltdf-boxed .eltdf-wrapper .eltdf-footer-inner {\n    width: 92%;\n  }\n}\n\n/* ==========================================================================\n   Grid System responsive style - begin\n   ========================================================================== */\n@media only screen and (max-width: 1280px) {\n  /*\n  * If you changed some value for space do the same thing in product-list-main-and-vc scss files\n  */\n  .eltdf-huge-space .eltdf-outer-space {\n    margin: 0 -25px;\n  }\n  .eltdf-huge-space .eltdf-outer-space .eltdf-item-space {\n    padding: 0 25px;\n    margin: 0 0 50px;\n  }\n  .eltdf-huge-space.eltdf-disable-bottom-space {\n    margin-bottom: -50px;\n  }\n  .eltdf-huge-space.eltdf-columns-has-side-space {\n    padding: 0 50px;\n  }\n}\n@media only screen and (max-width: 1440px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-masonry-grid-sizer {\n    width: 20%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space {\n    width: 20%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 40%;\n  }\n}\n@media only screen and (max-width: 1440px) and (min-width: 1367px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space:nth-child(5n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1366px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-masonry-grid-sizer {\n    width: 25%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space {\n    width: 25%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 50%;\n  }\n}\n@media only screen and (max-width: 1366px) and (min-width: 1025px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space:nth-child(4n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-grid-list.eltdf-four-columns .eltdf-masonry-grid-sizer {\n    width: 33.3333333333%;\n  }\n  .eltdf-grid-list.eltdf-four-columns .eltdf-item-space {\n    width: 33.3333333333%;\n  }\n  .eltdf-grid-list.eltdf-four-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-four-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 66.6666666667%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .eltdf-grid-list.eltdf-four-columns .eltdf-item-space:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-grid-list.eltdf-five-columns .eltdf-masonry-grid-sizer {\n    width: 33.3333333333%;\n  }\n  .eltdf-grid-list.eltdf-five-columns .eltdf-item-space {\n    width: 33.3333333333%;\n  }\n  .eltdf-grid-list.eltdf-five-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-five-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 66.6666666667%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .eltdf-grid-list.eltdf-five-columns .eltdf-item-space:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 1024px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-masonry-grid-sizer {\n    width: 33.3333333333%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space {\n    width: 33.3333333333%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 66.6666666667%;\n  }\n}\n@media only screen and (max-width: 1024px) and (min-width: 769px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space:nth-child(3n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-grid-list.eltdf-three-columns .eltdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-three-columns .eltdf-item-space {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-three-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-three-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-grid-list.eltdf-three-columns .eltdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-grid-list.eltdf-four-columns .eltdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-four-columns .eltdf-item-space {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-four-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-four-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-grid-list.eltdf-four-columns .eltdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-grid-list.eltdf-five-columns .eltdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-five-columns .eltdf-item-space {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-five-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-five-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-grid-list.eltdf-five-columns .eltdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 768px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-masonry-grid-sizer {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space {\n    width: 50%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width, .eltdf-grid-list.eltdf-six-columns .eltdf-item-space.eltdf-masonry-size-large-width-height {\n    width: 100%;\n  }\n}\n@media only screen and (max-width: 768px) and (min-width: 681px) {\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space:nth-child(2n+1) {\n    clear: both;\n  }\n}\n@media only screen and (max-width: 680px) {\n  .eltdf-grid-list.eltdf-two-columns .eltdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-two-columns .eltdf-item-space {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-three-columns .eltdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-three-columns .eltdf-item-space {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-four-columns .eltdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-four-columns .eltdf-item-space {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-five-columns .eltdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-five-columns .eltdf-item-space {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-masonry-grid-sizer {\n    width: 100%;\n  }\n  .eltdf-grid-list.eltdf-six-columns .eltdf-item-space {\n    width: 100%;\n  }\n}\n\n/* ==========================================================================\n   Grid System responsive style - end\n   ========================================================================== */","$breakpoints: (\n        laptop-landscape-large: 1440px,\n        laptop-landscape-mac: 1366px,\n        laptop-landscape-medium: 1280px,\n        laptop-landscape: 1200px,\n        ipad-landscape: 1024px,\n        ipad-portrait: 768px,\n        phone-landscape: 680px,\n        phone-portrait: 480px,\n        smaller-phone-portrait: 320px\n);\n\n$grid-width: 1100px;\n$grid-width-laptop-landscape: 950px;\n$grid-width-ipad-landscape: 768px;\n$grid-width-ipad-portrait: 600px;\n$grid-width-phone-landscape: 420px;\n$grid-width-phone-portrait: 300px;\n$grid-width-smaller-phone-portrait: 90%;\n\n$grid-width-boxed: 1150px;\n$grid-width-laptop-landscape-boxed: 1000px;\n$grid-width-ipad-landscape-boxed: 818px;\n$grid-width-ipad-portrait-boxed: 650px;\n$grid-width-phone-landscape-boxed: 470px;\n$grid-width-phone-portrait-boxed: 350px;\n$grid-width-smaller-phone-portrait-boxed: 92%;\n\n$grid-width-1300: 1300px;\n$grid-width-1200: 1200px;\n$grid-width-1000: 1000px;\n$grid-width-800: 800px;\n\n$default-heading-font: 'Old Standard TT', cursive;\n$default-text-font: 'Muli', sans-serif;\n\n$first-main-color: #000;\n$default-heading-color: #000;\n$background-light-black-color: #1c1c1c;\n\n$default-text-color: #7e7e7e;\n\n$default-background-color: #fff;\n$additional-background-color: #eeeae7;\n$default-border-color: #000;\n$header-border-color: #ece8e5;\n$default-box-shadow: 0 0 14.56px 1.44px rgba(#000, 0.03);\n\n$header-light-color: #fff;\n$header-light-hover-color: $first-main-color;\n$header-dark-color: $default-heading-color;\n$header-dark-hover-color: $first-main-color;\n\n// input elements\n$input-height: 46px;\n$sselect-input-height: $input-height;\n$input-vertical-top-padding: 25px;\n$input-vertical-bottom-padding: 16px;\n$input-horizontal-padding: 5px;\n$input-margin: 25px;\n\n// responsive breakpoints\n$laptop-landscape-large-plus-pixel: 1441px;\n$laptop-landscape-large: 1440px;\n$laptop-landscape-mac-plus-pixel: 1367px;\n$laptop-landscape-mac: 1366px;\n$laptop-landscape-medium-plus-pixel: 1281px;\n$laptop-landscape-medium: 1280px;\n$laptop-landscape-plus-pixel: 1201px;\n$laptop-landscape: 1200px;\n$ipad-landscape-plus-pixel: 1025px;\n$ipad-landscape: 1024px;\n$ipad-portrait-plus-pixel: 769px;\n$ipad-portrait: 768px;\n$phone-landscape-plus-pixel: 681px;\n$phone-landscape: 680px;\n$phone-portrait-plus-pixel: 481px;\n$phone-portrait: 480px;\n$smaller-phone-portrait-plus-pixel: 321px;\n$smaller-phone-portrait: 320px;","/* ==========================================================================\n   Grid System responsive style - begin\n   ========================================================================== */\n\n@include laptop-landscape-medium {\n\t\n\t/*\n\t* If you changed some value for space do the same thing in product-list-main-and-vc scss files\n\t*/\n\t$columns_space_label: ('huge');\n\t$columns_space_width: (25);\n\t\n\t@for $i from 0 to length($columns_space_label) {\n\t\t.eltdf-#{nth($columns_space_label,$i+1)}-space {\n\t\t\t$column_width: nth($columns_space_width,$i+1);\n\t\t\t$column_width_margin: $column_width * 2;\n\t\t\t\n\t\t\t.eltdf-outer-space {\n\t\t\t\tmargin: 0 -#{$column_width}px;\n\t\t\t\t\n\t\t\t\t.eltdf-item-space {\n\t\t\t\t\tpadding: 0 #{$column_width}px;\n\t\t\t\t\tmargin: 0 0 #{$column_width_margin}px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.eltdf-disable-bottom-space {\n\t\t\t\tmargin-bottom: -#{$column_width_margin}px;\n\t\t\t}\n\t\t\t\n\t\t\t&.eltdf-columns-has-side-space {\n\t\t\t\tpadding: 0 #{$column_width_margin}px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n$responsive_list_columns_map: (\n\t1440 : (\n\t\tresponsive_stage: $laptop-landscape-large,\n\t\tresponsive_break: $laptop-landscape-mac-plus-pixel,\n\t\tcolumns_label: ('six'),\n\t\tcolumns_size: 5\n\t),\n\t1366 : (\n\t\tresponsive_stage: $laptop-landscape-mac,\n\t\tresponsive_break: $ipad-landscape-plus-pixel,\n\t\tcolumns_label: ('six'),\n\t\tcolumns_size: 4\n\t),\n\t1024 : (\n\t\tresponsive_stage: $ipad-landscape,\n\t\tresponsive_break: $ipad-portrait-plus-pixel,\n\t\tcolumns_label: ('four', 'five', 'six'),\n\t\tcolumns_size: 3\n\t),\n\t768 : (\n\t\tresponsive_stage: $ipad-portrait,\n\t\tresponsive_break: $phone-landscape-plus-pixel,\n\t\tcolumns_label: ('three', 'four', 'five', 'six'),\n\t\tcolumns_size: 2\n\t),\n\t680 : (\n\t\tresponsive_stage: $phone-landscape,\n\t\tresponsive_break: 0,\n\t\tcolumns_label: ('two', 'three', 'four', 'five', 'six'),\n\t\tcolumns_size: 1\n\t)\n);\n\n@function map-deep-get($map, $keys...) {\n\t@each $key in $keys {\n\t\t$map: map-get($map, $key);\n\t}\n\t\n\t@return $map;\n}\n\n.eltdf-grid-list {\n\t\n\t@each $key, $values in $responsive_list_columns_map {\n\t\t\n\t\t@media only screen and (max-width: map-deep-get($responsive_list_columns_map, $key, 'responsive_stage')) {\n\t\t\t\n\t\t\t@each $column in map-deep-get($responsive_list_columns_map, $key, 'columns_label') {\n\t\t\t\t\n\t\t\t\t&.eltdf-#{$column}-columns {\n\t\t\t\t\t$responsive_break: map-deep-get($responsive_list_columns_map, $key, 'responsive_break');\n\t\t\t\t\t$columns_size: map-deep-get($responsive_list_columns_map, $key, 'columns_size');\n\t\t\t\t\t$column_width: 100% / $columns_size;\n\t\t\t\t\t\n\t\t\t\t\t.eltdf-masonry-grid-sizer {\n\t\t\t\t\t\twidth: $column_width;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.eltdf-item-space {\n\t\t\t\t\t\twidth: $column_width;\n\t\t\t\t\t\t\n\t\t\t\t\t\t@if ($responsive_break != 0) {\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t&.eltdf-masonry-size-large-width,\n\t\t\t\t\t\t\t&.eltdf-masonry-size-large-width-height {\n\t\t\t\t\t\t\t\twidth: $column_width*2;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t@media only screen and (min-width: $responsive_break) {\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t&:nth-child(#{$columns_size}n+1) {\n\t\t\t\t\t\t\t\t\tclear: both;\n\t\t\t\t\t\t\t\t}\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}\n\t}\n}\n\n/* ==========================================================================\n   Grid System responsive style - end\n   ========================================================================== */"]}