{"version":3,"sources":["shortcodes-map-responsive.scss","shortcodes-map-responsive.css","../../../../../themes/trackstore/assets/css/scss/_mixins.scss","../../../shortcodes/twitter-list/assets/css/scss/responsive/_twitter-list.scss"],"names":[],"mappings":"AAAA;;+ECE+E;AC+E/E,0BAAA;AA0JA,wBAAA;AFrOA;;+ECC+E;AC+O3E;ECpPA;IASgB,gBAHmB;EFGrC;AACF;;AEEgB;EAZZ;IAiBwB,WAAW;EFFrC;AACF;;ACoOI;ECpPA;IASgB,gBAHmB;EFerC;AACF;;AEVgB;EAZZ;IAiBwB,WAAW;EFUrC;AACF;;ACoOI;ECpOA;IAQgB,UAAU;EFH5B;AACF;;AEKgB;EAXZ;IAgBwB,WAAW;EFLrC;AACF;;ACwNI;ECpOA;IAQgB,UAAU;EFS5B;AACF;;AEPgB;EAXZ;IAgBwB,WAAW;EFOrC;AACF;;AC4MI;ECpOA;IAQgB,UAAU;EFqB5B;AACF;;AEnBgB;EAXZ;IAgBwB,WAAW;EFmBrC;AACF;;AC4MI;ECrNA;IAEQ,sBAAsB;EFYhC;AACF","file":"../../../../eltd-twitter-feed/assets/css/scss/shortcodes-map-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 \"D:/projects/trackstore/wp-content/plugins/eltd-twitter-feed/shortcodes/twitter-list/assets/css/scss/responsive/_twitter-list.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: 1280px) {\n  .eltd-twitter-list-holder.eltd-tl-four-columns .eltd-tl-item {\n    width: 33.33333%;\n  }\n}\n\n@media only screen and (max-width: 1280px) and (min-width: 1025px) {\n  .eltd-twitter-list-holder.eltd-tl-four-columns .eltd-tl-item:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1280px) {\n  .eltd-twitter-list-holder.eltd-tl-five-columns .eltd-tl-item {\n    width: 33.33333%;\n  }\n}\n\n@media only screen and (max-width: 1280px) and (min-width: 1025px) {\n  .eltd-twitter-list-holder.eltd-tl-five-columns .eltd-tl-item:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltd-twitter-list-holder.eltd-tl-three-columns .eltd-tl-item {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 681px) {\n  .eltd-twitter-list-holder.eltd-tl-three-columns .eltd-tl-item:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltd-twitter-list-holder.eltd-tl-four-columns .eltd-tl-item {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 681px) {\n  .eltd-twitter-list-holder.eltd-tl-four-columns .eltd-tl-item:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltd-twitter-list-holder.eltd-tl-five-columns .eltd-tl-item {\n    width: 50%;\n  }\n}\n\n@media only screen and (max-width: 1024px) and (min-width: 681px) {\n  .eltd-twitter-list-holder.eltd-tl-five-columns .eltd-tl-item:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltd-twitter-list-holder .eltd-tl-item {\n    width: 100% !important;\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","@include laptop-landscape-medium {\n\n    .eltd-twitter-list-holder {\n\n        $columns_number: ('four', 'five');\n\n        @for $i from 0 to length($columns_number) {\n            &.eltd-tl-#{nth($columns_number,$i+1)}-columns {\n                $column_width: 100% / 3;\n\n                .eltd-tl-item {\n                    width: $column_width;\n                }\n\n                @media only screen and (min-width: $ipad-landscape-plus-pixel) {\n\n                    .eltd-tl-item {\n\n                        &:nth-child(3n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include ipad-landscape {\n\n    .eltd-twitter-list-holder {\n\n        $columns_number: ('three', 'four', 'five');\n\n        @for $i from 0 to length($columns_number) {\n            &.eltd-tl-#{nth($columns_number,$i+1)}-columns {\n\n                .eltd-tl-item {\n                    width: 50%;\n                }\n\n                @media only screen and (min-width: $phone-landscape-plus-pixel) {\n\n                    .eltd-tl-item {\n\n                        &:nth-child(2n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n@include phone-landscape {\n\n    .eltd-twitter-list-holder {\n        .eltd-tl-item {\n            width: 100% !important; // !important is set to override all other stronger selectors\n        }\n    }\n}"]}