{"version":3,"sources":["membership-responsive.scss","membership-responsive.css","../../../../../themes/iver/assets/css/scss/_mixins.scss","responsive/_membership.scss"],"names":[],"mappings":"AAAA;;+ECE+E;ACiO/E,0BAAA;AAoHA,wBAAA;AAEA,0BAAA;AAkCA,wBAAA;AFrXA;;+ECG+E;ACqZ3E;EC9ZJ;IAGY,WAAW;IACX,WAAW;EFUrB;EEdF;IAOgB,cAAc;EFU5B;EEjBF;IASoB,cAAc;EFWhC;EEpBF;IAWwB,eAAe;IACf,gBAAgB;EFYtC;EExBF;IAc4B,eAAe;IACf,kBAAkB;IAClB,eAAe;IACf,qBAAqB;IACrB,iBAAiB;IACjB,sBAAsB;EFahD;EEhCF;IA2BY,WAAW;IACX,WAAW;IACX,UAAU;EFQpB;AACF","file":"../../../../iver-membership/assets/css/scss/membership-responsive.css","sourcesContent":["/* ==========================================================================\n   Global partials\n   ========================================================================== */\n@import '../../../../../themes/iver/assets/css/scss/variables';\n@import '../../../../../themes/iver/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/* mixins styles - start */\n/* mixins styles - end */\n/* ==========================================================================\n   Shortcodes responsive styles\n   ========================================================================== */\n@media only screen and (max-width: 768px) {\n  .page-template-user-dashboard .qodef-membership-dashboard-nav-holder {\n    width: 100%;\n    float: none;\n  }\n  .page-template-user-dashboard .qodef-membership-dashboard-nav-holder .qodef-membership-dashboard-nav {\n    display: block;\n  }\n  .page-template-user-dashboard .qodef-membership-dashboard-nav-holder .qodef-membership-dashboard-nav li {\n    display: block;\n  }\n  .page-template-user-dashboard .qodef-membership-dashboard-nav-holder .qodef-membership-dashboard-nav li a {\n    padding: 15px 0;\n    text-align: left;\n  }\n  .page-template-user-dashboard .qodef-membership-dashboard-nav-holder .qodef-membership-dashboard-nav li a .qodef-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 .qodef-membership-dashboard-content-holder {\n    width: 100%;\n    float: none;\n    padding: 0;\n  }\n}\n","//layout mixins - start\n\n@mixin qodefTableLayout() {\n    position: relative;\n    display: table;\n    table-layout: fixed;\n    height: 100%;\n    width: 100%;\n}\n\n@mixin qodefTableCellLayout($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 qodefRelativeHolderLayout($vertical-align: middle) {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    vertical-align: $vertical-align;\n}\n\n@mixin qodefAbsoluteHolderLayout() {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@mixin qodefTypographyLayout() {\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@mixin qodefButtonSearchIconStyle($color: null, $hover-color: null, $position: null) {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    padding: 0;\n    border: 0;\n    border-radius: 0;\n\n    @if ($position == inside) {\n        position: absolute;\n        top: 0;\n        right: 0;\n        height: 100%;\n    }\n\n    @if ($color) {\n        color: $color !important;\n    }\n\n    &:hover {\n\n        @if ($hover-color) {\n            color: $hover-color !important;\n        }\n    }\n\n    svg {\n        display: block;\n        width: 14px;\n        height: auto;\n    }\n}\n\n//layout mixins - end\n\n// Placeholder text mixin - start\n\n@mixin placeholder($color) {\n    &:-moz-placeholder        { color: $color; } // Firefox 18-\n    &::-moz-placeholder           { color: $color;   // Firefox\n        opacity: 1; } // See https://github.com/twbs/bootstrap/pull/11526\n    &:-ms-input-placeholder       { color: $color; } // Internet Explorer 10+\n    &::-webkit-input-placeholder  { color: $color; } // Safari and Chrome\n}\n\n// Placeholder text mixin - end\n\n//transition mixins - start\n\n@mixin qodefTransition($transition-param...) {\n    -webkit-transition: $transition-param;\n    -moz-transition: $transition-param;\n    transition: $transition-param;\n}\n\n@mixin qodefTransitionTransform($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 qodefTransform($transform-param...) {\n    -webkit-transform: $transform-param;\n    -moz-transform: $transform-param;\n    transform: $transform-param;\n}\n\n@mixin qodefAnimation($animation-param...) {\n    -webkit-animation: $animation-param;\n    -moz-animation: $animation-param;\n    animation: $animation-param;\n}\n\n@mixin qodefTransformOrigin($animation-param...) {\n    -webkit-transform-origin: $animation-param;\n    -moz-transform-origin: $animation-param;\n    transform-origin: $animation-param;\n}\n\n@mixin qodefBoxSizing($box-sizing) {\n    -webkit-box-sizing: $box-sizing;\n    -moz-box-sizing: $box-sizing;\n    box-sizing: $box-sizing;\n}\n\n//transition mixins - end\n\n//checkbox mixins - start\n\n$checkbox-size: 20px;\n$checkbox-border-width: 1px;\n%checkbox-style {\n    position: relative;\n    margin: 14px 0;\n    line-height: 1;\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        &:focus {\n            outline: 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    input[type=checkbox] + label span.qodef-label-text {\n        padding-left: 10px;\n        display: inline-block;\n        font-size: 14px;\n        line-height: $checkbox-size;\n        color: $default-text-color;\n        text-transform: capitalize;\n        font-weight: 400;\n        font-family: $default-text-font;\n    }\n    input[type=checkbox] + label .qodef-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 #e1e1e1;\n        background-color: $default-background-color;\n        &:hover {\n            cursor: pointer;\n        }\n    }\n    input[type=checkbox] + label .qodef-label-view:after {\n        content: \"\\4e\";\n        font-size: 12px;\n        font-family: 'ElegantIcons';\n        color: #fff;\n        position: absolute;\n        top: 10px;\n        left: 5px;\n        opacity: 0;\n        @include qodefTransition(opacity 0.3s ease-in-out);\n    }\n    input[type=checkbox]:checked {\n\n        + label .qodef-label-view {\n            background-color: $first-main-color;\n            border-color: $first-main-color;\n\n            &:after {\n                opacity: 1;\n            }\n        }\n    }\n}\n\n//checkbox mixins - end\n\n//overrides theme styled owl nav\n%basic-nav {\n    display: block;\n    position: static;\n    background-color: transparent;\n    padding: 0;\n    color: currentColor;\n\n    .qodef-nav-label {\n        display: none;\n    }\n}\n\n/* common mixins - start */\n\n@mixin qodefBckImageStyle(){\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n}\n\n@mixin qodefImageOverlayHoverStyle($with-hover: true){\n\n    @if ($with-hover) {\n\n        &:hover {\n\n            &:after {\n                opacity: 1;\n            }\n        }\n\n        &:after {\n            @include qodefAbsoluteHolderLayout();\n            content: '';\n            background-color: rgba($first-main-color, .25);\n            opacity: 0;\n            @include qodefTransition(opacity .2s);\n        }\n\n    } @else {\n        @include qodefAbsoluteHolderLayout();\n        content: '';\n        background-color: rgba($first-main-color, .25);\n        opacity: 0;\n        @include qodefTransition(opacity .2s);\n    }\n}\n\n@mixin qodefButtonDefaultStyle() {\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: 14px;\n    line-height: 2em;\n    font-weight: 700;\n    text-transform: uppercase;\n    box-sizing: border-box;\n    margin: 0;\n    @include qodefTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out);\n}\n\n@mixin qodefButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin qodefButtonSolidColor() {\n    color: #fff;\n    background-color: transparent;\n    border: 2px solid $default-heading-color;\n}\n\n@mixin qodefButtonSolidHoverColor() {\n    color: $first-main-color;\n    background-color: transparent;\n    border: 2px solid $first-main-color;\n}\n\n@mixin qodefButtonOutlineColor() {\n    color: $first-main-color;\n    background-color: transparent;\n    border: 2px solid $first-main-color;\n}\n\n@mixin qodefButtonOutlineHoverColor() {\n    color: #fff;\n    background-color: $first-main-color;\n    border-color: $first-main-color;\n}\n\n@mixin qodefButtonSmallParams() {\n    padding: 8px 44px;\n}\n\n@mixin qodefButtonMediumParams() {\n    padding: 10px 53px;\n}\n\n@mixin qodefButtonLargeParams() {\n    padding: 13px 62px;\n}\n\n@mixin qodefButtonHugeParams() {\n    display: block;\n    text-align: center;\n    padding: 13px 26px;\n}\n\n@mixin qodefPlaceholder {\n    &::-webkit-input-placeholder {\n        @content\n    }\n    &:-moz-placeholder {\n        @content;\n        opacity: 1;\n    }\n    &::-moz-placeholder {\n        @content;\n        opacity: 1;\n    }\n    &:-ms-input-placeholder {\n        @content\n    }\n}\n\n/* common mixins - end */\n\n/* mixins styles - start */\n\n%input-style {\n    position: relative;\n    width: 100%;\n    margin: 0 0 24px;\n    padding: 5px 0;\n    font-family: $default-heading-font;\n    font-weight: inherit;\n    font-size: 17px;\n    line-height: 20px;\n    color: $default-heading-color;\n    background-color: transparent;\n    border: 0;\n    border-bottom: 2px solid $default-heading-color;\n    border-radius: 0;\n    outline: 0;\n    -webkit-appearance: none;\n    cursor: pointer;\n    box-sizing: border-box;\n    @include qodefTransition(border-color 0.2s ease-in-out);\n\n    &:focus {\n        color: $default-heading-color;\n        border-color: $default-text-color;\n    }\n\n    @include qodefPlaceholder {\n        color: inherit;\n        text-transform: uppercase;\n        font-weight: 700;\n    }\n}\n\n/* mixins styles - 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-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//flexbox mixins - start\n\n@mixin qodefFlexContainer($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 qodefFlexItem($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//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        .qodef-membership-dashboard-nav-holder {\n            width: 100%;\n            float: none;\n\n            .qodef-membership-dashboard-nav{\n                display: block;\n                li{\n                    display: block;\n                    a{\n                        padding: 15px 0;\n                        text-align: left;\n                        .qodef-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        .qodef-membership-dashboard-content-holder {\n            width: 100%;\n            float: none;\n            padding: 0;\n        }\n    }\n}"]}