{"version":3,"sources":["membership-responsive.scss","membership-responsive.css","../../../../../themes/trackstore/assets/css/scss/_mixins.scss","responsive/_membership.scss"],"names":[],"mappings":"AAAA;;+ECE+E;AC+E/E,0BAAA;AA0JA,wBAAA;AFrOA;;+ECC+E;ACiQ3E;ECxQJ;IAGY,WAAW;IACX,WAAW;EFQrB;EEZF;IAOgB,cAAc;EFQ5B;EEfF;IASoB,cAAc;EFShC;EElBF;IAWwB,eAAe;IACf,gBAAgB;EFUtC;EEtBF;IAc4B,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,qBAAqB;IACrB,iBAAiB;IACjB,sBAAsB;EFWhD;EE9BF;IA2BY,WAAW;IACX,WAAW;IACX,UAAU;EFMpB;AACF","file":"../../../../eltd-membership/assets/css/scss/membership-responsive.css","sourcesContent":["/* ==========================================================================\n   Global partials\n   ========================================================================== */\n@import '../../../../../themes/trackstore/assets/css/scss/variables';\n@import '../../../../../themes/trackstore/assets/css/scss/mixins';\n\n/* ==========================================================================\n   Shortcodes responsive styles\n   ========================================================================== */\n@import \"responsive/_membership.scss\";","/* ==========================================================================\n   Global partials\n   ========================================================================== */\n/* common mixins - start */\n/* common mixins - end */\n/* ==========================================================================\n   Shortcodes responsive styles\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .page-template-user-dashboard .eltd-membership-dashboard-nav-holder {\n    width: 100%;\n    float: none;\n  }\n  .page-template-user-dashboard .eltd-membership-dashboard-nav-holder .eltd-membership-dashboard-nav {\n    display: block;\n  }\n  .page-template-user-dashboard .eltd-membership-dashboard-nav-holder .eltd-membership-dashboard-nav li {\n    display: block;\n  }\n  .page-template-user-dashboard .eltd-membership-dashboard-nav-holder .eltd-membership-dashboard-nav li a {\n    padding: 15px 0;\n    text-align: left;\n  }\n  .page-template-user-dashboard .eltd-membership-dashboard-nav-holder .eltd-membership-dashboard-nav li a .eltd-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  .page-template-user-dashboard .eltd-membership-dashboard-content-holder {\n    width: 100%;\n    float: none;\n    padding: 0;\n  }\n}\n","//layout mixins - start\n\n@mixin eltdTableLayout() {\n    position: relative;\n    display: table;\n    table-layout: fixed;\n    height: 100%;\n    width: 100%;\n}\n\n@mixin eltdTableCellLayout() {\n    position: relative;\n    display: table-cell;\n    height: 100%;\n    width: 100%;\n    vertical-align: middle;\n}\n\n@mixin eltdRelativeHolderLayout() {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    vertical-align: middle;\n}\n\n@mixin eltdAbsoluteHolderLayout() {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@mixin eltdTypographyLayout() {\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//transition mixins - start\n\n@mixin eltdTransition($transition-param...) {\n    -webkit-transition: $transition-param;\n    -moz-transition: $transition-param;\n    transition: $transition-param;\n}\n\n@mixin eltdTransitionTransform($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 eltdTransform($transform-param...) {\n    -webkit-transform: $transform-param;\n    -moz-transform: $transform-param;\n    transform: $transform-param;\n}\n\n@mixin eltdAnimation($animation-param...) {\n    -webkit-animation: $animation-param;\n    -moz-animation: $animation-param;\n    animation: $animation-param;\n}\n\n@mixin eltdTransformOrigin($animation-param...) {\n    -webkit-transform-origin: $animation-param;\n    -moz-transform-origin: $animation-param;\n    transform-origin: $animation-param;\n}\n\n//transition mixins - end\n\n/* common mixins - start */\n\n@mixin eltdBckImageStyle(){\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n}\n\n@mixin eltdImageZoomHoverStyle(){\n    \n    overflow:hidden;\n\n    img {\n        @include eltdTransition(all .32s ease-in-out);\n    }    \n\n    &:hover {\n        img { \n            @include eltdTransform(scale(1.05));\n        }\n    }\n}\n\n@mixin eltdUnderlineHoverStyle(){\n    position:relative;\n\n    &:after {\n        content: \"\";\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 1px;\n        background-color: currentColor;\n        transform-origin:left;\n        @include eltdTransition(all .32s ease-in-out);\n        @include eltdTransform(scale(0,1));\n    }\n\n    &:hover {\n\n        &:after { \n            @include eltdTransform(scale(1,1));\n        }\n    }\n}\n\n@mixin eltdImageOverlayHoverStyle($with-hover: true){\n    \n    @if ($with-hover) {\n        \n        &:hover {\n        \n            &:after {\n                opacity: 1;\n            }\n        }\n    \n        &:after {\n            @include eltdAbsoluteHolderLayout();\n            content: '';\n            background-color: rgba($default-heading-color, .4);\n            opacity: 0;\n            @include eltdTransition(opacity .2s ease-in-out);\n        }\n        \n    } @else {\n        @include eltdAbsoluteHolderLayout();\n        content: '';\n        background-color: rgba($default-heading-color, .4);\n        opacity: 0;\n        @include eltdTransition(opacity .2s ease-in-out);\n    }\n}\n\n@mixin eltdButtonDefaultStyle() {\n    font-family: $default-heading-font;\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: auto;\n    outline: none;\n    font-size: 16px;\n    line-height: 2em;\n    letter-spacing: -0.4px;\n    font-weight: 600;\n    text-transform: uppercase;\n    box-sizing: border-box;\n    margin: 0;\n    @include eltdTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out);\n}\n\n@mixin eltdButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin eltdButtonSolidColor() {\n    color: #fff;\n    background-color: $default-dark-color;\n    border: 1px solid transparent;\n}\n\n@mixin eltdButtonSolidHoverColor() {\n    color: $default-dark-color;\n    background-color: transparent;\n    border: 1px solid $default-dark-color;\n}\n\n@mixin eltdButtonOutlineColor() {\n    color: $default-dark-color;\n    background-color: transparent;\n    border: 1px solid $default-dark-color;\n}\n\n@mixin eltdButtonOutlineHoverColor() {\n    color: #fff;\n    background-color: $default-dark-color;\n    border-color: $default-dark-color;\n}\n\n@mixin eltdButtonSmallParams() {\n    padding: 7px 37px;\n}\n\n@mixin eltdButtonMediumParams() {\n    padding: 9px 57px;\n}\n\n@mixin eltdButtonLargeParams() {\n    padding: 11px 77px;\n}\n\n@mixin eltdButtonHugeParams() {\n    display: block;\n    text-align: center;\n    padding: 11px 27px;\n}\n\n@mixin eltdPlaceholder {\n    &::-webkit-input-placeholder {\n        @content\n    }\n    &:-moz-placeholder {\n        @content\n    }\n    &::-moz-placeholder {\n        @content\n    }\n    &:-ms-input-placeholder {\n        @content\n    }\n}\n\n/* common mixins - end */\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-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//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",".page-template-user-dashboard {\n    @include ipad-portrait{\n        .eltd-membership-dashboard-nav-holder {\n            width: 100%;\n            float: none;\n\n            .eltd-membership-dashboard-nav{\n                display: block;\n                li{\n                    display: block;\n                    a{\n                        padding: 15px 0;\n                        text-align: left;\n                        .eltd-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        .eltd-membership-dashboard-content-holder {\n            width: 100%;\n            float: none;\n            padding: 0;\n        }\n    }\n}"]}