{"version":3,"sources":["modules-responsive.scss","modules-responsive.css","_mixins.scss","_global-responsive.scss","_variables.scss"],"names":[],"mappings":"AAAA;;;;;;;;;;oECUoE;ADEpE;;+ECC+E;ACoE/E,0BAAA;AA0JA,wBAAA;AAuBI;EChQA;IACI,wBAAwB;EFgB9B;AACF;;AC8OI;ECzPA;IACI,wBAAwB;EFe9B;AACF;;ACoPI;EC9PA;IACI,wBAAwB;EFc9B;AACF;;AC4NI;ECvOJ;;;IAKQ,YCd2B;EH2BjC;AACF;;AC0NI;EC7OJ;;;IASQ,YCjByB;EHkC/B;AACF;;ACwNI;ECnPJ;;;IAaQ,YCpBwB;EHyC9B;AACF;;ACsNI;ECzPJ;;;IAiBQ,YCvB0B;EHgDhC;AACF;;ACoNI;EC/PJ;;;IAqBQ,YC1ByB;EHuD/B;AACF;;ACkNI;ECrQJ;;;IAyBQ,UC7B+B;EH8DrC;AACF;;AC4KI;EC1MJ;;IAIQ,aClCkC;EHkExC;AACF;;AC2KI;EChNJ;;IAQQ,YCrC+B;EHwErC;AACF;;AC0KI;ECtNJ;;IAYQ,YCxC8B;EH8EpC;AACF;;ACyKI;EC5NJ;;IAgBQ,YC3CgC;EHoFtC;AACF;;ACwKI;EClOJ;;IAoBQ,YC9C+B;EH0FrC;AACF;;ACuKI;ECxOJ;;IAwBQ,UCjDqC;EHgG3C;AACF","file":"../scss/modules-responsive.css","sourcesContent":["/*------------------------------------------------------------------\n * This is main responsive css file for theme. It is broken into following sections:\n * 1. Global responsive styles\n * 2. Blog responsive styles\n * 3. Footer responsive styles\n * 4. Header responsive styles\n * 5. Search responsive styles\n * 6. Title area responsive styles\n * 7. Shortcodes responsive styles\n * 8. Custom Post Types responsive styles\n-------------------------------------------------------------------*/\n\n/* ==========================================================================\n   1. Global responsive styles\n   ========================================================================== */\n@import 'variables';\n@import 'mixins';\n@import 'global-responsive';","/*------------------------------------------------------------------\n * This is main responsive css file for theme. It is broken into following sections:\n * 1. Global responsive styles\n * 2. Blog responsive styles\n * 3. Footer responsive styles\n * 4. Header responsive styles\n * 5. Search responsive styles\n * 6. Title area responsive styles\n * 7. Shortcodes responsive styles\n * 8. Custom Post Types responsive styles\n-------------------------------------------------------------------*/\n/* ==========================================================================\n   1. Global responsive styles\n   ========================================================================== */\n/* common mixins - start */\n/* common mixins - end */\n@media only screen and (max-width: 1024px) {\n  body:not(.eltd-content-is-behind-header):not(.error404) .eltd-content {\n    margin-top: 0 !important;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltd-hide-on-tablet {\n    display: none !important;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltd-hide-on-mobile {\n    display: none !important;\n  }\n}\n\n@media only screen and (max-width: 1200px) {\n  .eltd-grid,\n  .eltd-container-inner,\n  .eltd-row-grid-section {\n    width: 950px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltd-grid,\n  .eltd-container-inner,\n  .eltd-row-grid-section {\n    width: 768px;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .eltd-grid,\n  .eltd-container-inner,\n  .eltd-row-grid-section {\n    width: 600px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltd-grid,\n  .eltd-container-inner,\n  .eltd-row-grid-section {\n    width: 420px;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .eltd-grid,\n  .eltd-container-inner,\n  .eltd-row-grid-section {\n    width: 300px;\n  }\n}\n\n@media only screen and (max-width: 320px) {\n  .eltd-grid,\n  .eltd-container-inner,\n  .eltd-row-grid-section {\n    width: 90%;\n  }\n}\n\n@media only screen and (max-width: 1200px) {\n  .eltd-boxed .eltd-wrapper .eltd-wrapper-inner,\n  .eltd-boxed .eltd-wrapper .eltd-footer-inner {\n    width: 1000px;\n  }\n}\n\n@media only screen and (max-width: 1024px) {\n  .eltd-boxed .eltd-wrapper .eltd-wrapper-inner,\n  .eltd-boxed .eltd-wrapper .eltd-footer-inner {\n    width: 818px;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .eltd-boxed .eltd-wrapper .eltd-wrapper-inner,\n  .eltd-boxed .eltd-wrapper .eltd-footer-inner {\n    width: 650px;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .eltd-boxed .eltd-wrapper .eltd-wrapper-inner,\n  .eltd-boxed .eltd-wrapper .eltd-footer-inner {\n    width: 470px;\n  }\n}\n\n@media only screen and (max-width: 480px) {\n  .eltd-boxed .eltd-wrapper .eltd-wrapper-inner,\n  .eltd-boxed .eltd-wrapper .eltd-footer-inner {\n    width: 350px;\n  }\n}\n\n@media only screen and (max-width: 320px) {\n  .eltd-boxed .eltd-wrapper .eltd-wrapper-inner,\n  .eltd-boxed .eltd-wrapper .eltd-footer-inner {\n    width: 92%;\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 ipad-landscape {\n    \n    body:not(.eltd-content-is-behind-header):not(.error404) .eltd-content {\n        margin-top: 0 !important;\n    }\n}\n\n@include ipad-landscape {\n    \n    .eltd-hide-on-tablet {\n        display: none !important;\n    }\n}\n\n@include phone-landscape {\n    \n    .eltd-hide-on-mobile {\n        display: none !important;\n    }\n}\n\n.eltd-grid,\n.eltd-container-inner,\n.eltd-row-grid-section {\n\n    @include laptop-landscape {\n        width: $grid-width-laptop-landscape;\n    }\n\n    @include ipad-landscape {\n        width: $grid-width-ipad-landscape;\n    }\n    \n    @include ipad-portrait {\n        width: $grid-width-ipad-portrait;\n    }\n\n    @include phone-landscape {\n        width: $grid-width-phone-landscape;\n    }\n\n    @include phone-portrait {\n        width: $grid-width-phone-portrait;\n    }\n\n    @include smaller-phone-portrait {\n        width: $grid-width-smaller-phone-portrait;\n    }\n}\n\n.eltd-boxed .eltd-wrapper .eltd-wrapper-inner,\n.eltd-boxed .eltd-wrapper .eltd-footer-inner {\n\n    @include laptop-landscape {\n        width: $grid-width-laptop-landscape-boxed;\n    }\n\n    @include ipad-landscape {\n        width: $grid-width-ipad-landscape-boxed;\n    }\n\n    @include ipad-portrait {\n        width: $grid-width-ipad-portrait-boxed;\n    }\n\n    @include phone-landscape {\n        width: $grid-width-phone-landscape-boxed;\n    }\n\n    @include phone-portrait {\n        width: $grid-width-phone-portrait-boxed;\n    }\n\n    @include smaller-phone-portrait {\n        width: $grid-width-smaller-phone-portrait-boxed;\n    }\n}","$breakpoints: (\n\t\tlaptop-landscape-large: 1440px,\n\t\tlaptop-landscape-medium: 1280px,\n\t\tlaptop-landscape: 1200px,\n\t\tipad-landscape: 1024px,\n\t\tipad-portrait: 768px,\n\t\tphone-landscape: 680px,\n\t\tphone-portrait: 480px,\n\t\tsmaller-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: 'Raleway', sans-serif;\n$default-heading-font: 'Roboto Condensed', sans-serif;\n\n$first-main-color: #c8ff0b;\n$default-heading-color: #262626;\n$default-text-color: #464646;\n$second-text-color: #525252;\n\n$default-background-color: #fff;\n$default-border-color: #b2b2b2;\n$second-border-color: #666666;\n$default-dark-color: #000;\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: rgba($header-light-color, .8);\n$header-dark-color: #333;\n$header-dark-hover-color: rgba($header-dark-color, .8);\n\n//responsive breakpoints\n$laptop-landscape-large-plus-pixel: 1441px;\n$laptop-landscape-large: 1440px;\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;"]}