{"version":3,"sources":["widgets-map.scss","widgets-map.css","../../../widgets/assets/css/scss/default/_twitter-widget.scss","../../../../../themes/blomma/assets/css/scss/_mixins.scss","../../../../../themes/blomma/assets/css/scss/_variables.scss"],"names":[],"mappings":"AAAA;;+ECE+E;ADI/E;;+ECD+E;ACL/E;;+EDQ+E;ACJ/E;EACC,gBAAgB;ADMjB;;ACPA;ECCI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAJoD;EDKtD,SAAS;ADUX;;ACfA;ECCI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAJoD;AFsBxD;;ACtBA;EAWI,gBAAgB;ADepB;;AC1BA;EAeI,eAAe;EACf,cEesB;AHA1B;;AC/BA;EAoBI,kBAAkB;ADetB;;ACnCA;EAuBK,cEUuB;AHM5B;;ACvCA;EA2BK,kBAAkB;EAClB,cEKuB;AHW5B;;AC5CA;EA+BM,cEAoB;AHiB1B;;AChDA;EAmCM,cAAc;ADiBpB;;ACpDA;EAsCO,iBAAiB;ADkBxB;;ACxDA;EAkDK,kBAAkB;EAClB,QAAQ;EACR,OAAO;ADUZ;;AC9DA;EAwDK,mBAAmB;ADUxB;;AClEA;ECCI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAJoD;ED+DrD,eAAe;EACf,kBAAkB;EAClB,8BAAsB;EAAtB,sBAAsB;ADWzB;;AC5EA;EAoEI,gBAAgB;ADYpB;;AChFA;EA2EO,gBAAgB;ADSvB;;ACpFA;EAoFK,OAAO;ADIZ;;ACxFA;EAwFK,QAAQ;ADIb;;ACGA;;+EDC+E","file":"../../../../blomma-twitter-feed/assets/css/scss/widgets-map.css","sourcesContent":["/* ==========================================================================\n   Global partials\n   ========================================================================== */\n@import '../../../../../themes/blomma/assets/css/scss/variables';\n@import '../../../../../themes/blomma/assets/css/scss/mixins';\n\n/* ==========================================================================\n   Widgets styles\n   ========================================================================== */\n@import \"D:/local/blomma/app/public/wp-content/plugins/blomma-twitter-feed/widgets/assets/css/scss/default/_twitter-widget.scss\";","/* ==========================================================================\n   Global partials\n   ========================================================================== */\n/* ==========================================================================\n   Widgets styles\n   ========================================================================== */\n/* ==========================================================================\n   Twitter widget style - begin\n   ========================================================================== */\n.widget.widget_qodef_twitter_widget {\n  margin: 0 0 20px;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  margin: 0;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li:not(:last-child) {\n  margin: 0 0 22px;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-twitter-icon {\n  font-size: 18px;\n  color: #000000;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text {\n  position: relative;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text span {\n  color: #808285;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a {\n  position: relative;\n  color: #808285;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a:hover {\n  color: #000000;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a.qodef-tweet-time {\n  display: block;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget li .qodef-tweet-text a.qodef-tweet-time span {\n  margin: 0 2px 0 0;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-standard li .qodef-twitter-icon {\n  position: absolute;\n  top: 2px;\n  left: 0;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-standard li .qodef-tweet-text {\n  padding: 0 0 0 40px;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  padding: 0 40px;\n  text-align: center;\n  box-sizing: border-box;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider li {\n  overflow: hidden;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider li .qodef-tweet-text a.qodef-tweet-time {\n  margin: 21px 0 0;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider .owl-nav .owl-prev {\n  left: 0;\n}\n\n.widget.widget_qodef_twitter_widget .qodef-twitter-widget.qodef-twitter-slider .owl-nav .owl-next {\n  right: 0;\n}\n\n/* ==========================================================================\n   Twitter widget style - end\n   ========================================================================== */\n","/* ==========================================================================\n   Twitter widget style - begin\n   ========================================================================== */\n\n.widget.widget_qodef_twitter_widget {\n\tmargin: 0 0 20px;\n\t\n\t.qodef-twitter-widget {\n\t\t@include qodefRelativeHolderLayout();\n\t\tmargin: 0;\n\t\t\n\t\tli {\n\t\t\t@include qodefRelativeHolderLayout();\n\t\t\t\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin: 0 0 22px;\n\t\t\t}\n\t\t\t\n\t\t\t.qodef-twitter-icon {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tcolor: $first-main-color;\n\t\t\t}\n\t\t\t\n\t\t\t.qodef-tweet-text {\n\t\t\t\tposition: relative;\n\t\t\t\t\n\t\t\t\tspan {\n\t\t\t\t\tcolor: $default-text-color;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\ta {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tcolor: $default-text-color;\n\t\t\t\t\t\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $first-main-color;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t&.qodef-tweet-time {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\tmargin: 0 2px 0 0;\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\t\n\t\t&.qodef-twitter-standard {\n\t\t\t\n\t\t\tli {\n\t\t\t\t\n\t\t\t\t.qodef-twitter-icon {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 2px;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.qodef-tweet-text {\n\t\t\t\t\tpadding: 0 0 0 40px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t&.qodef-twitter-slider {\n\t\t\t@include qodefRelativeHolderLayout();\n\t\t\tpadding: 0 40px;\n\t\t\ttext-align: center;\n\t\t\tbox-sizing: border-box;\n\t\t\t\n\t\t\tli {\n\t\t\t\toverflow: hidden;\n\t\t\t\t\n\t\t\t\t.qodef-tweet-text {\n\t\t\t\t\t\n\t\t\t\t\ta {\n\t\t\t\t\t\t\n\t\t\t\t\t\t&.qodef-tweet-time {\n\t\t\t\t\t\t\tmargin: 21px 0 0;\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.owl-nav {\n\t\t\t\t\n\t\t\t\t.owl-prev {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t\t\n\t\t\t\t.owl-next {\n\t\t\t\t\tright: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n   Twitter widget style - end\n   ========================================================================== */","////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n\n// layout mixins - start\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 qodefFlexBoxLayout($position: null, $align-items: null, $justify-content: null) {\n    @if ($position) {\n        position: $position;\n    }\n    \n    @include qodefFlexLayout();\n    \n    @if ($align-items) {\n        @include qodefFlexAlignItems($align-items);\n    }\n    \n    @if ($justify-content) {\n        @include qodefFlexJustifyContent($justify-content);\n    }\n}\n\n@mixin qodefFlexContainer($align-items: null, $justify-content: null, $flex-direction: null, $flex-wrap: null, $align-content: null) {\n\t@include qodefFlexBoxLayout(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 qodefFlexLayout() {\n    display: -webkit-box;\n    display: -webkit-flex;\n    display: -ms-flexbox;\n    display: flex;\n}\n\n@mixin qodefInlineFlexLayout() {\n    display: -webkit-inline-flex;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\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@mixin qodefFlexAlignItems($align-items) {\n    $older-align-items: $align-items;\n    \n    @if ($align-items == 'flex-start') {\n        $older-align-items: start;\n    } @else if ($align-items == 'flex-end') {\n        $older-align-items: end;\n    }\n    \n    -webkit-box-align: $older-align-items;\n    -webkit-align-items: $align-items;\n    -ms-flex-align: $older-align-items;\n    align-items: $align-items;\n}\n\n@mixin qodefFlexJustifyContent($justify-content) {\n    $older-justify-content: $justify-content;\n    \n    @if ($justify-content == 'flex-start') {\n        $older-justify-content: start;\n    } @else if ($justify-content == 'flex-end') {\n        $older-justify-content: end;\n    }\n    \n    -webkit-box-pack: $older-justify-content;\n    -webkit-justify-content: $justify-content;\n    -ms-flex-pack: $older-justify-content;\n    justify-content: $justify-content;\n}\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 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// layout mixins - end\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\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// 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        position: absolute;\n        top: 0;\n        left: 0;\n        display: inline-block;\n        line-height: 0;\n        pointer-events: none;\n        cursor: pointer;\n    }\n\n    input[type=checkbox] + label span.qodef-label-text {\n        display: inline-block;\n        padding-left: 10px;\n        line-height: $checkbox-size;\n        color: $default-heading-color;\n    }\n\n    input[type=checkbox] + label .qodef-label-view {\n        display: inline-block;\n        vertical-align: top;\n        width: $checkbox-size;\n        height: $checkbox-size;\n        background-color: $default-background-color;\n        border: $checkbox-border-width solid $default-border-color;\n        border-radius: 2px;\n        cursor: pointer;\n        box-sizing: border-box;\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n\n    input[type=checkbox] + label .qodef-label-view:after {\n        content: '';\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        width: $checkbox-size / 2 - $checkbox-border-width;\n        height: $checkbox-size / 2 - $checkbox-border-width;\n        background-color: $first-main-color;\n        opacity: 0;\n        @include qodefTransition(opacity 0.3s ease-in-out);\n    }\n\n    input[type=checkbox]:checked + label .qodef-label-view:after {\n        opacity: 1;\n    }\n}\n\n// checkbox mixins - end\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($default-heading-color, .4);\n            opacity: 0;\n            @include qodefTransition(opacity .2s ease-in-out);\n        }\n\n    } @else {\n        @include qodefAbsoluteHolderLayout();\n        content: '';\n        background-color: rgba($default-heading-color, .4);\n        opacity: 0;\n        @include qodefTransition(opacity .2s ease-in-out);\n    }\n}\n\n@mixin qodefStandardPaginationStyle($list_type: null) {\n    @include qodefRelativeHolderLayout(top);\n    margin: 30px 0 0;\n    clear: both;\n\n    ul {\n        @include qodefRelativeHolderLayout(top);\n        padding: 0;\n        margin: 0;\n        list-style: none;\n        text-align: center;\n\n        li {\n            position: relative;\n            display: inline-block;\n            vertical-align: top;\n            margin: 0 6px;\n            \n         /* &:last-child{\n                &:before{\n                    content: '...';\n                    font-size: 12px;\n                    display: inline-block;\n                    letter-spacing: 3px;\n                    font-weight: 400;\n                    font-family: $default-text-font;\n                    position: relative;\n                    bottom: 1px;\n                }\n            }\n         */\n            a, span {\n                position: relative;\n                display: inline-block;\n                vertical-align: top;\n                margin: 0;\n                padding: 0;\n                font-size: 12px;\n                font-weight: 600;\n\n            }\n            \n            &.qodef-pag-active {\n                \n                a {\n                    color: $first-main-color;\n                }\n            }\n\n            &.qodef-pag-prev,\n            &.qodef-pag-next,\n            &.qodef-pag-first,\n            &.qodef-pag-last {\n                margin: 0 2px;\n\n                a {\n                    font-size: 24px;\n\n                    span {\n                        display: block;\n                        line-height: inherit;\n\n                        &:before {\n                            display: block;\n                            line-height: inherit;\n                        }\n                    }\n                }\n            }\n    \n            &.qodef-pag-prev,\n            &.qodef-pag-next{\n                position: relative;\n                bottom: 1px;\n            }\n            \n            &.qodef-pag-prev{\n                margin-right: 31px;\n            }\n    \n            &.qodef-pag-next{\n                margin-left: 24px;\n            }\n            \n            @if ($list_type == 'shortcode') {\n                \n                &.qodef-pag-prev {\n                    \n                    a {\n                        opacity: 0;\n                    }\n                }\n\n                &.qodef-pag-next {\n                    \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\n                a {\n                    \n                    &.next,\n                    &.prev {\n                        font-size: 0;\n                        line-height: 0;\n\n                        &:before {\n                            display: block;\n                            font-family: 'ElegantIcons'; // same icon pack as in our templates for pagination\n                            font-size: 24px;\n                            line-height: 26px;\n                            -webkit-font-smoothing: antialiased;\n                            -moz-osx-font-smoothing: grayscale;\n                        }\n                    }\n\n                    &.prev {\n                        margin-right: 25px;\n                        top: 6px;\n                    }\n\n                    &.next {\n                        margin-left: 25px;\n                        top: 6px;\n                    }\n                }\n            }\n        }\n    }\n}\n\n@mixin qodefButtonDefaultStyle() {\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: auto;\n    margin: 0;\n    font-family: inherit;\n    font-size: 12px;\n    line-height: 2em;\n    letter-spacing: 0;\n    font-weight: 600;\n    text-transform: none;\n    outline: none;\n    box-sizing: border-box;\n    @include qodefTransition(.4s cubic-bezier(0.25, 0.46, 0.45, 0.94));\n}\n\n@mixin qodefButtonSize($size: medium) {\n    \n    @if ($size == 'small') {\n        padding: 9px 35px;\n        font-size: 13px;\n\n    } @else if ($size == 'medium') {\n        padding: 13px 42px;\n        font-size: 15px;\n        line-height: 25px;\n\n    } @else if ($size == 'large') {\n        padding: 16px 52px;\n        font-size: 16px;\n        line-height: 26px;\n\n    } @else if ($size == 'huge') {\n        display: block;\n        width: 70%;\n        text-align: center;\n        padding: 19px 58px;\n        font-size: 17px;\n    }\n}\n\n@mixin qodefButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin qodefButtonSolidColor($important: null) {\n    color: #fff $important;\n    background-color: $default-heading-color $important;\n    border: 1px solid transparent $important;\n}\n\n@mixin qodefButtonSolidHoverColor($important: null) {\n    color: $first-main-color $important;\n    background-color: #fff $important;\n    border: 1px solid $first-main-color $important;\n}\n\n@mixin qodefButtonOutlineColor($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 qodefButtonOutlineHoverColor($important: null) {\n    color: #fff $important;\n    background-color: $first-main-color $important;\n    border-color: $first-main-color $important;\n}\n\n@mixin qodefPlaceholder {\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    position: relative;\n    width: 100%;\n    margin: 0 0 $input-margin;\n    padding: $input-vertical-padding $input-horizontal-padding;\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: inherit;\n    line-height: calc(#{$input-height} - (#{$input-vertical-padding} * 2) - 2px);\n    color: #626262;\n    background-color: transparent;\n    border: 1px solid $first-main-color;\n    border-radius: 0;\n    outline: 0;\n    cursor: text;\n    -webkit-appearance: none;\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    }\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// 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 qodefDefaultHeadingStyle() {\n    @include qodefHeadingStyle();\n    margin: 25px 0;\n    \n    a {\n        @include qodefTypographyLayout();\n        \n        &:hover {\n            color: $first-main-color;\n        }\n    }\n}\n\n@mixin qodefHeadingStyle($with-heading: null, $with-color: true) {\n    \n    @if ($with-color) {\n        color: $default-heading-color;\n    }\n    \n    @if ($with-heading == 'h1') {\n        @include qodefH1();\n    } @else if ($with-heading == 'h2') {\n        @include qodefH2();\n    } @else if ($with-heading == 'h3') {\n        @include qodefH3();\n    } @else if ($with-heading == 'h4') {\n        @include qodefH4();\n    } @else if ($with-heading == 'h5') {\n        @include qodefH5();\n    } @else if ($with-heading == 'h6') {\n        @include qodefH6();\n    }\n}\n\n@mixin qodefH1() {\n    font-size: 50px;\n    line-height: 1.3em;\n}\n\n@mixin qodefH2() {\n    font-size: 30px;\n    line-height: 1.3em;\n}\n\n@mixin qodefH3() {\n    font-size: 24px;\n    line-height: 1.3em;\n}\n\n@mixin qodefH4() {\n    font-size: 18px;\n    line-height: 1.3em;\n}\n\n@mixin qodefH5() {\n    font-size: 16px;\n    line-height: 1.3em;\n}\n\n@mixin qodefH6() {\n    font-size: 14px;\n    line-height: 1.3em;\n}\n\n// heading mixins - end\n\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-text-font: 'Poppins', sans-serif;\n\n$first-main-color: #000000;\n$default-heading-color: #000000;\n$default-text-color: #808285;\n\n$dark-skin-main-color: #fff;\n$dark-skin-text-color: #aaa;\n$light-skin-main-color: #000;\n$light-skin-text-color: #777;\n\n$light-skin-background-color: #fff;\n$dark-skin-background-color: #161616;\n\n$default-background-color: #fff;\n$additional-background-color: #f6f6f6;\n$default-border-color: #e1e1e1;\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: 6px;\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;"]}