{"version":3,"file":"../../../../gioia-membership/assets/css/scss/membership-responsive.css","sources":["membership-responsive.scss","../../../../../themes/gioia/assets/css/scss/_variables.scss","../../../../../themes/gioia/assets/css/scss/_mixins.scss","responsive/_membership.scss"],"sourcesContent":["/* ==========================================================================\n   Global partials\n   ========================================================================== */\n@import '../../../../../themes/gioia/assets/css/scss/variables';\n@import '../../../../../themes/gioia/assets/css/scss/mixins';\n\n/* ==========================================================================\n   Shortcodes responsive styles\n   ========================================================================== */\n@import \"responsive/_membership.scss\";","$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-text-font: 'Barlow Condensed', sans-serif;\n$additional-text-font: 'Heebo', sans-serif;\n\n$first-main-color: #e08686;\n$default-heading-color: #000;\n$default-text-color: #333;\n$hover-button-color: #2d2d2d;\n\n$default-background-color: #fff;\n$additional-background-color: #f6f6f6;\n$default-border-color: #000;\n$default-border-radius: 4px;\n$default-box-shadow: 0 0 4.85px 0.15px rgba(#000, 0.09);\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: 50px;\n$sselect-input-height: $input-height;\n$input-vertical-padding: 12px;\n$input-horizontal-padding: 16px;\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\n// layout mixins - start\n\n@mixin eltdfRelativeHolderLayout($vertical-align: middle) {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: 100%;\n\tvertical-align: $vertical-align;\n}\n\n@mixin eltdfAbsoluteHolderLayout() {\n\tposition: absolute;\n\tdisplay: block;\n\twidth: 100%;\n\theight: 100%;\n\ttop: 0;\n\tleft: 0;\n}\n\n@mixin eltdfFlexBoxLayout($position: null, $align-items: null, $justify-content: null) {\n\t@if ($position) {\n\t\tposition: $position;\n\t}\n\t\n\t@include eltdfFlexLayout();\n\t\n\t@if ($align-items) {\n\t\t@include eltdfFlexAlignItems($align-items);\n\t}\n\t\n\t@if ($justify-content) {\n\t\t@include eltdfFlexJustifyContent($justify-content);\n\t}\n}\n\n@mixin eltdfFlexContainer($align-items: null, $justify-content: null, $flex-direction: null, $flex-wrap: null, $align-content: null) {\n\t@include eltdfFlexBoxLayout(null, $align-items, $justify-content);\n\t\n\t@if ($flex-direction) {\n\t\tflex-direction: $flex-direction;\n\t}\n\t\n\t@if ($flex-wrap) {\n\t\tflex-wrap: $flex-wrap;\n\t}\n\t\n\t@if ($align-content) {\n\t\talign-content: $align-content;\n\t}\n}\n\n@mixin eltdfFlexLayout() {\n\tdisplay: -webkit-box;\n\tdisplay: -webkit-flex;\n\tdisplay: -ms-flexbox;\n\tdisplay: flex;\n}\n\n@mixin eltdfInlineFlexLayout() {\n\tdisplay: -webkit-inline-flex;\n\tdisplay: -ms-inline-flexbox;\n\tdisplay: inline-flex;\n}\n\n@mixin eltdfFlexItem($order: 0, $flex-grow: 0, $flex-shrink: 1, $flex-basis: auto) {\n\torder: $order;\n\tflex-grow: $flex-grow;\n\tflex-shrink: $flex-shrink;\n\tflex-basis: $flex-basis;\n}\n\n@mixin eltdfFlexAlignItems($align-items) {\n\t$older-align-items: $align-items;\n\t\n\t@if ($align-items == 'flex-start') {\n\t\t$older-align-items: start;\n\t} @else if ($align-items == 'flex-end') {\n\t\t$older-align-items: end;\n\t}\n\t\n\t-webkit-box-align: $older-align-items;\n\t-webkit-align-items: $align-items;\n\t-ms-flex-align: $older-align-items;\n\talign-items: $align-items;\n}\n\n@mixin eltdfFlexJustifyContent($justify-content) {\n\t$older-justify-content: $justify-content;\n\t\n\t@if ($justify-content == 'flex-start') {\n\t\t$older-justify-content: start;\n\t} @else if ($justify-content == 'flex-end') {\n\t\t$older-justify-content: end;\n\t} @else if ($justify-content == 'space-between') {\n\t\t$older-justify-content: justify;\n\t}\n\t\n\t-webkit-box-pack: $older-justify-content;\n\t-webkit-justify-content: $justify-content;\n\t-ms-flex-pack: $older-justify-content;\n\tjustify-content: $justify-content;\n}\n\n@mixin eltdfTableLayout() {\n\tposition: relative;\n\tdisplay: table;\n\ttable-layout: fixed;\n\theight: 100%;\n\twidth: 100%;\n}\n\n@mixin eltdfTableCellLayout($vertical-align: middle) {\n\tposition: relative;\n\tdisplay: table-cell;\n\theight: 100%;\n\twidth: 100%;\n\tvertical-align: $vertical-align;\n}\n\n@mixin eltdfTypographyLayout($important: null) {\n    color: inherit $important;\n    font-family: inherit $important;\n    font-size: inherit $important;\n    font-weight: inherit $important;\n    font-style: inherit $important;\n    line-height: inherit $important;\n    letter-spacing: inherit $important;\n    text-transform: inherit $important;\n}\n\n@mixin eltdfBlockquote($important : null) {\n\t@include eltdfRelativeHolderLayout();\n\tmargin: 10px 0 $important;\n\tpadding: 0 $important;\n\tfont-size: 24px $important;\n\tfont-weight: 500 $important;\n\tline-height: 30px $important;\n\ttext-align: center $important;\n\tquotes: none;\n\tbox-sizing: border-box;\n\tborder: none $important;\n\tcolor: $default-text-color $important;\n\n\t> * {\n\t\t@include eltdfTypographyLayout();\n\t\tmargin: 0;\n\t}\n\n\t&:before,\n\t&:after {\n\t\tcontent: '';\n\t}\n\n\tcite,\n    .wp-block-quote__citation,\n    .wp-block-pullquote__citation,\n    footer {\n        display: block $important;\n        margin-top: 10px $important;\n        text-align: inherit $important;\n        font-size: 20px $important;\n        line-height: 1.3em $important;\n        letter-spacing: 0 $important;\n        font-style: normal  $important;\n        font-weight: 500 $important;\n        text-transform: none $important;\n\t\tcolor: inherit $important;\n    }\n}\n\n@mixin eltdfColumnsHolder() {\n\tpadding: 0;\n\tmargin: 0 -15px;\n}\n\n@mixin eltdfColumnsItem() {\n\tdisplay: inline-block;\n\tposition: relative;\n\tfloat: left;\n\tpadding: 0 15px;\n\tvertical-align: middle;\n\tbox-sizing: border-box;\n}\n\n// layout mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// transition mixins - start\n\n@mixin eltdfTransition($transition-param...) {\n\t-webkit-transition: $transition-param;\n\t-moz-transition: $transition-param;\n\ttransition: $transition-param;\n}\n\n@mixin eltdfTransitionTransform($transition-param...) {\n\t-webkit-transition: -webkit-transform $transition-param;\n\t-moz-transition: -moz-transform $transition-param;\n\ttransition: transform $transition-param;\n}\n\n@mixin eltdfTransform($transform-param...) {\n\t-webkit-transform: $transform-param;\n\t-moz-transform: $transform-param;\n\ttransform: $transform-param;\n}\n\n@mixin eltdfAnimation($animation-param...) {\n\t-webkit-animation: $animation-param;\n\t-moz-animation: $animation-param;\n\tanimation: $animation-param;\n}\n\n@mixin eltdfTransformOrigin($animation-param...) {\n\t-webkit-transform-origin: $animation-param;\n\t-moz-transform-origin: $animation-param;\n\ttransform-origin: $animation-param;\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\tposition: relative;\n\tmargin: 8px 0;\n\tline-height: 1;\n\t\n\tinput[type=checkbox] {\n\t\twidth: $checkbox-size;\n\t\theight: $checkbox-size;\n\t\tmax-height: $checkbox-size;\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tmargin: 0;\n\t}\n\t\n\tinput[type=checkbox] + label {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tdisplay: inline-block;\n\t\tline-height: 0;\n\t\tpointer-events: none;\n\t\tcursor: pointer;\n\t}\n\t\n\tinput[type=checkbox] + label span.eltdf-label-text {\n\t\tdisplay: inline-block;\n\t\tpadding-left: 10px;\n\t\tline-height: $checkbox-size;\n\t\tcolor: $default-heading-color;\n\t}\n\t\n\tinput[type=checkbox] + label .eltdf-label-view {\n\t\tdisplay: inline-block;\n\t\tvertical-align: top;\n\t\twidth: $checkbox-size;\n\t\theight: $checkbox-size;\n\t\tbackground-color: $default-background-color;\n\t\tborder: $checkbox-border-width solid $default-border-color;\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tbox-sizing: border-box;\n\t\t\n\t\t&:hover {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\t\n\tinput[type=checkbox] + label .eltdf-label-view:after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\ttop: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n\t\tleft: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n\t\twidth: $checkbox-size / 2 - $checkbox-border-width;\n\t\theight: $checkbox-size / 2 - $checkbox-border-width;\n\t\tbackground-color: $first-main-color;\n\t\topacity: 0;\n\t\t@include eltdfTransition(opacity 0.3s ease-in-out);\n\t}\n\t\n\tinput[type=checkbox]:checked + label .eltdf-label-view:after {\n\t\topacity: 1;\n\t}\n}\n\n// checkbox mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// common mixins - start\n\n@mixin eltdfZoomStartStage($scale: 1) {\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n\t@include eltdfTransform(scale($scale) translateZ(0));\n\t@include eltdfTransitionTransform(.3s ease-in-out);\n}\n\n@mixin eltdfZoomEndStage($scale: 1.04) {\n    @include eltdfTransform(scale($scale));\n}\n\n@mixin eltdfUnderlineStyle($target: after, $width: 0, $height: 1px, $bottom-offset: 1px, $color: $first-main-color) {\n    position: relative;\n\n    @if ($target == 'after') {\n\n        &:after {\n            content: '';\n            position: absolute;\n            bottom: $bottom-offset;\n            left: 0;\n            width: $width;\n            height: $height;\n\t\t\tbackground-color: $color;\n\t\t\t@include eltdfTransition(width .3s);\n        }\n    } @else {\n\n        &:before {\n            content: '';\n            position: absolute;\n            bottom: $bottom-offset;\n            left: 0;\n            width: $width;\n            height: $height;\n\t\t\tbackground-color: $color;\n\t\t\t@include eltdfTransition(width .3s);\n        }\n    }\n}\n\n@mixin eltdfHoverUnderlineStyle($target: after) {\n\n    @if ($target == 'after') {\n\n        &:after {\n            width: 100%;\n        }\n    } @else {\n\n        &:before {\n            width: 100%;\n        }\n    }\n}\n\n@mixin eltdfDottedBorderStyle($color: $default-border-color, $location: bottom) {\n\tbackground-image: radial-gradient(circle at 0% 100%, $color 1px, transparent 1px);\n    background-size: 2px 2px;\n\n\t@if ($location == 'top' or $location == 'bottom') {\n\t\tbackground-position: $location left;\n        background-repeat: repeat-x;\n\t} @else if ($location == 'left' or $location == 'right') {\n\t\tbackground-position: top $location;\n        background-repeat: repeat-y;\n\t}\n}\n\n@mixin eltdfBckImageStyle() {\n\tbackground-size: cover;\n\tbackground-repeat: no-repeat;\n\tbackground-position: center center;\n}\n\n@mixin eltdfImageOverlayHoverStyle($with-hover: true) {\n\t\n\t@if ($with-hover) {\n\t\t\n\t\t&:hover {\n\t\t\t\n\t\t\t&:after {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t\t\n\t\t&:after {\n\t\t\t@include eltdfAbsoluteHolderLayout();\n\t\t\tcontent: '';\n\t\t\tbackground-color: rgba($default-heading-color, .4);\n\t\t\topacity: 0;\n\t\t\t@include eltdfTransition(opacity .2s ease-in-out);\n\t\t}\n\t\t\n\t} @else {\n\t\t@include eltdfAbsoluteHolderLayout();\n\t\tcontent: '';\n\t\tbackground-color: rgba($default-heading-color, .4);\n\t\topacity: 0;\n\t\t@include eltdfTransition(opacity .2s ease-in-out);\n\t}\n}\n\n@mixin eltdfStandardPaginationStyle($list_type: null) {\n\t@include eltdfRelativeHolderLayout(top);\n\tmargin: 43px 0 0;\n\tpadding: 40px 0 0;\n\tclear: both;\n\n\t@include ipad-landscape {\n\n\t\t.eltdf-sidebar-enabled & {\n\t\t\tmargin-bottom: 50px;\n\t\t}\n\t}\n\t\n\tul {\n\t\t@include eltdfRelativeHolderLayout(top);\n\t\tpadding: 0;\n\t\tmargin: 0;\n\t\tlist-style: none;\n\t\ttext-align: center;\n\t\t\n\t\tli {\n\t\t\tposition: relative;\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t\tmargin: 0 2px;\n\t\t\t\n\t\t\ta {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tvertical-align: top;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0 7px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tcolor: $default-heading-color;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tcolor: $first-main-color;\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.eltdf-pag-active {\n\t\t\t\t\n\t\t\t\ta {\n\t\t\t\t\tcolor: $first-main-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.eltdf-pag-prev,\n\t\t\t&.eltdf-pag-next {\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -3px;\n\n\t\t\t\ta {\n\t\t\t\t\topacity: 1;\n\n                    &.eltdf-pag-no-link {\n                        pointer-events: none;\n                        opacity: 0;\n                        cursor: not-allowed;\n                    }\n                }\n\t\t\t}\n\n\t\t\t&.eltdf-pag-prev {\n\t\t\t\tfloat: left;\n\t\t\t\t\n\t\t\t\ta {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t.arrow_carrot-left,\n\t\t\t\t\t.eltdf-pag-prev-text {\n\t\t\t\t\t\tline-height: 26px;\n\t\t\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t\t}\n\n\t\t\t\t\t.arrow_carrot-left {\n\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\tmargin-right: 7px;\n\t\t\t\t\t\tfont-size: 24px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.eltdf-pag-prev-text {\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\ttop: 1px;\n\t\t\t\t\t\ttext-transform: capitalize;\n\t\t\t\t\t\tfont-family: $additional-text-font;\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\tletter-spacing: .02em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.eltdf-pag-next {\n\t\t\t\tfloat: right;\n\n\t\t\t\ta {\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t.arrow_carrot-right,\n\t\t\t\t\t.eltdf-pag-next-text {\n\t\t\t\t\t\tline-height: 26px;\n\t\t\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t\t}\n\n\t\t\t\t\t.arrow_carrot-right {\n\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\tmargin-left: 7px;\n\t\t\t\t\t\tfont-size: 24px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.eltdf-pag-next-text {\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\ttop: 1px;\n\t\t\t\t\t\ttext-transform: capitalize;\n\t\t\t\t\t\tfont-family: $additional-text-font;\n\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\tletter-spacing: .02em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t\n\t\t\t&.eltdf-pag-first,\n\t\t\t&.eltdf-pag-last {\n\t\t\t\tmargin: 0 2px;\n\t\t\t\t\n\t\t\t\ta {\n\t\t\t\t\tfont-size: 21px;\n\t\t\t\t\t\n\t\t\t\t\tspan {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tline-height: inherit;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tline-height: inherit;\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\t@if ($list_type == 'shop') {\n\t\t\t\tspan {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tvertical-align: top;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tcolor: $first-main-color;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\ta {\n\t\t\t\t\t\n\t\t\t\t\t&.next,\n\t\t\t\t\t&.prev {\n\t\t\t\t\t\tfont-size: 0;\n\t\t\t\t\t\tline-height: 0;\n\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: -2px;\n\n\t\t\t\t\t\t&:before,\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\tline-height: 26px;\n\t\t\t\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tfont-family: 'IonIcons'; // same icon pack as in our templates for pagination\n\t\t\t\t\t\t\tfont-size: 24px;\n\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tfont-family: $additional-text-font;\n\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\t\tletter-spacing: .02em;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t&.prev {\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcontent: \"\\f361\";\n\t\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\t\tmargin-right: 7px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tcontent: 'Prev';\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t&.next {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcontent: \"\\f363\";\n\t\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\t\tmargin-left: 7px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tcontent: 'Next';\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@mixin eltdfButtonDefaultStyle() {\n\tposition: relative;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\twidth: auto;\n\tmargin: 0;\n\tfont-family: inherit;\n\tfont-size: 13px;\n\tfont-weight: 500;\n\tline-height: 2em;\n\tletter-spacing: 0.14em;\n\tfont-family: $additional-text-font;\n\ttext-transform: uppercase;\n\toutline: none;\n\tbox-sizing: border-box;\n\t@include eltdfTransition(color .5s ease-in-out, background-color .5s ease-in-out, border-color .5s ease-in-out);\n}\n\n@mixin eltdfButtonSize($size: medium) {\n\t\n\t@if ($size == 'extra-small') {\n\t\tpadding: 5px 7px;\n\t\tfont-size: 10px;\n\t\t\n\t} @else if ($size == 'small') {\n\t\tpadding: 7px 20px;\n\t\tfont-size: 11px;\n\t\t\n\t} @else if ($size == 'medium') {\n\t\tpadding: 9px 26px;\n\t\tfont-size: 12px;\n\t\t\n\t} @else if ($size == 'large') {\n\t\tpadding: 12px 50px;\n\t\t\n\t} @else if ($size == 'huge') {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tpadding: 10px 26px;\n\t}\n}\n\n@mixin eltdfButtonTransparentColor() {\n\tcolor: $default-text-color;\n\tbackground-color: transparent;\n}\n\n@mixin eltdfButtonSolidColor($important: null) {\n\tcolor: #fff $important;\n\tbackground-color: $default-heading-color $important;\n\tborder: 1px solid $default-heading-color $important;\n}\n\n@mixin eltdfButtonSolidHoverColor($important: null) {\n\tcolor: #fff $important;\n\tbackground-color: $hover-button-color $important;\n\tborder-color: $hover-button-color $important;\n}\n\n@mixin eltdfButtonOutlineColor($important: null) {\n\tcolor: $default-heading-color $important;\n\tbackground-color: transparent $important;\n\tborder: 1px solid $default-heading-color $important;\n}\n\n@mixin eltdfButtonOutlineHoverColor($important: null) {\n\tcolor: #fff $important;\n\tbackground-color: $hover-button-color $important;\n\tborder-color: $hover-button-color $important;\n}\n\n@mixin eltdfPlaceholder {\n\t&::-webkit-input-placeholder {\n\t\t@content\n\t}\n\t\n\t&:-moz-placeholder {\n\t\t@content;\n\t\t\n\t\topacity: 1;\n\t}\n\t&::-moz-placeholder {\n\t\t@content;\n\t\t\n\t\topacity: 1;\n\t}\n\t&:-ms-input-placeholder {\n\t\t@content\n\t}\n}\n\n// common mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// mixins styles - start\n\n%input-style {\n\tposition: relative;\n\twidth: 100%;\n\tmargin: 0 0 15px;\n\tpadding: $input-vertical-padding $input-horizontal-padding;\n\tfont-family: inherit;\n\tfont-size: 13px;\n\tfont-weight: inherit;\n\tline-height: calc(#{$input-height} - (#{$input-vertical-padding} * 2) - 2px);\n\tcolor: $default-text-color;\n\tbackground-color: transparent;\n\tborder: 1px solid #e5e5e5;\n\tborder-radius: 0;\n\toutline: 0;\n\tcursor: text;\n\t-webkit-appearance: none;\n\tbox-sizing: border-box;\n\t@include eltdfTransition(border-color 0.2s ease-in-out);\n\t\n\t&:focus {\n\t\tcolor: $default-heading-color;\n\t\tborder-color: $default-heading-color;\n\t}\n\t\n\t@include eltdfPlaceholder {\n\t\tcolor: inherit;\n\t}\n}\n\n// mixins styles - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n//media query mixins - start\n\n@mixin laptop-landscape-large {\n\t@media only screen and (max-width: map-get($breakpoints, laptop-landscape-large)) {\n\t\t@content;\n\t}\n}\n\n@mixin laptop-landscape-mac {\n\t@media only screen and (max-width: map-get($breakpoints, laptop-landscape-mac)) {\n\t\t@content;\n\t}\n}\n\n@mixin laptop-landscape-medium {\n\t@media only screen and (max-width: map-get($breakpoints, laptop-landscape-medium)) {\n\t\t@content;\n\t}\n}\n\n@mixin laptop-landscape {\n\t@media only screen and (max-width: map-get($breakpoints, laptop-landscape)) {\n\t\t@content;\n\t}\n}\n\n@mixin ipad-landscape {\n\t@media only screen and (max-width: map-get($breakpoints, ipad-landscape)) {\n\t\t@content;\n\t}\n}\n\n@mixin ipad-portrait {\n\t@media only screen and (max-width: map-get($breakpoints, ipad-portrait)) {\n\t\t@content;\n\t}\n}\n\n@mixin phone-landscape {\n\t@media only screen and (max-width: map-get($breakpoints, phone-landscape)) {\n\t\t@content;\n\t}\n}\n\n@mixin phone-portrait {\n\t@media only screen and (max-width: map-get($breakpoints, phone-portrait)) {\n\t\t@content;\n\t}\n}\n\n@mixin smaller-phone-portrait {\n\t@media only screen and (max-width: map-get($breakpoints, smaller-phone-portrait)) {\n\t\t@content;\n\t}\n}\n\n// media query mixins - end\n\n// animation mixin - start\n\n@mixin keyframes($name) {\n\t@-webkit-keyframes #{$name} {\n\t\t@content;\n\t}\n\t\n\t@keyframes #{$name} {\n\t\t@content;\n\t}\n}\n\n@mixin animation($name, $duration, $repeat, $timing, $delay) {\n\t-webkit-animation-name: $name;\n\t-webkit-animation-duration: $duration;\n\t-webkit-animation-iteration-count: $repeat;\n\t-webkit-animation-timing-function: $timing;\n\t-webkit-animation-delay: $delay;\n\t-webkit-animation-fill-mode: forwards; // this prevents the animation from restarting!\n\t\n\tanimation-name: $name;\n\tanimation-duration: $duration;\n\tanimation-iteration-count: $repeat;\n\tanimation-timing-function: $timing;\n\tanimation-delay: $delay;\n\tanimation-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\t@include eltdfHeadingStyle();\n\tmargin: 25px 0;\n\t\n\t-ms-word-wrap: break-word;\n\tword-wrap: break-word;\n\t\n\ta {\n\t\t@include eltdfTypographyLayout();\n\t\t\n\t\t&:hover {\n\t\t\tcolor: $first-main-color;\n\t\t}\n\t}\n}\n\n@mixin eltdfHeadingStyle($with-heading: null, $with-color: true) {\n\tfont-weight: 500;\n\t\n\t@if ($with-color) {\n\t\tcolor: $default-heading-color;\n\t}\n\t\n\t@if ($with-heading == 'h1') {\n\t\t@include eltdfH1();\n\t} @else if ($with-heading == 'h2') {\n\t\t@include eltdfH2();\n\t} @else if ($with-heading == 'h3') {\n\t\t@include eltdfH3();\n\t} @else if ($with-heading == 'h4') {\n\t\t@include eltdfH4();\n\t} @else if ($with-heading == 'h5') {\n\t\t@include eltdfH5();\n\t} @else if ($with-heading == 'h6') {\n\t\t@include eltdfH6();\n\t}\n}\n\n@mixin eltdfBody() {\n\tfont-family: $additional-text-font;\n\tfont-size: 13px;\n\tline-height: 22px;\n\tcolor: $default-text-color;\n\tbackground-color: $default-background-color;\n\t-webkit-font-smoothing: antialiased;\n}\n\n@mixin eltdfH1() {\n\tfont-size: 90px;\n\tline-height: 1.1111111em;\n\ttext-transform: uppercase;\n\tfont-family: $default-text-font;\n}\n\n@mixin eltdfH2() {\n\tfont-size: 60px;\n\tline-height: 1.166666666666667em;\n\ttext-transform: uppercase;\n\tfont-family: $default-text-font;\n}\n\n@mixin eltdfH3() {\n\tfont-size: 40px;\n\tline-height: 1.25em;\n\ttext-transform: uppercase;\n\tfont-family: $default-text-font;\n}\n\n@mixin eltdfH4() {\n\tfont-size: 28px;\n\tline-height: 1.357142857142857em;\n\tletter-spacing: 0.02em;\n\tfont-family: $additional-text-font;\n}\n\n@mixin eltdfH5() {\n\tfont-size: 25px;\n\tline-height: 1.4em;\n\ttext-transform: uppercase;\n\tfont-family: $default-text-font;\n}\n\n@mixin eltdfH6() {\n\tfont-size: 19px;\n\tline-height: 1.578947368421053em;\n\ttext-transform: uppercase;\n\tfont-family: $default-text-font;\n}\n\n@mixin eltdfInfoStyle($font-size: null) {\n\tcolor: $first-main-color;\n\tfont-weight: 500;\n\tletter-spacing: .02em;\n\t@if($font-size) {\n\t\tfont-size: $font-size;\n\t}\n}\n// heading mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////",".page-template-user-dashboard {\n    @include ipad-portrait{\n        .eltdf-membership-dashboard-nav-holder {\n            width: 100%;\n            float: none;\n\n            .eltdf-membership-dashboard-nav{\n                display: block;\n                li{\n                    display: block;\n                    a{\n                        padding: 15px 0;\n                        text-align: left;\n                        .eltdf-dash-icon {\n                            min-width: 50px;\n                            text-align: center;\n                            font-size: 25px;\n                            display: inline-block;\n                            padding-bottom: 0;\n                            vertical-align: middle;\n                        }\n                    }\n                }\n            }\n        }\n\n        .eltdf-membership-dashboard-content-holder {\n            width: 100%;\n            float: none;\n            padding: 0;\n        }\n    }\n}"],"names":[],"mappings":"AAAA;;gFAEgF;AAIhF;;gFAEgF;AEkxB/E,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE,KAAK;EC1xBzC,AAEQ,6BAFqB,CAErB,sCAAsC,CAAC;IACnC,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;GAoBd;EAxBT,AAMY,6BANiB,CAErB,sCAAsC,CAIlC,+BAA+B,CAAA;IAC3B,OAAO,EAAE,KAAK;GAgBjB;EAvBb,AAQgB,6BARa,CAErB,sCAAsC,CAIlC,+BAA+B,CAE3B,EAAE,CAAA;IACE,OAAO,EAAE,KAAK;GAajB;EAtBjB,AAUoB,6BAVS,CAErB,sCAAsC,CAIlC,+BAA+B,CAE3B,EAAE,CAEE,CAAC,CAAA;IACG,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,IAAI;GASnB;EArBrB,AAawB,6BAbK,CAErB,sCAAsC,CAIlC,+BAA+B,CAE3B,EAAE,CAEE,CAAC,CAGG,gBAAgB,CAAC;IACb,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,MAAM;IAClB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,YAAY;IACrB,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,MAAM;GACzB;EApBzB,AA0BQ,6BA1BqB,CA0BrB,0CAA0C,CAAC;IACvC,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,CAAC;GACb"}