{"version":3,"sources":["business-responsive.scss","business-responsive.css","../../../../../themes/curly/assets/css/scss/_mixins.scss","../../../post-types/business-services/shortcodes/services-list/assets/css/scss/responsive/_services-list-responsive.scss"],"names":[],"mappings":"AAAA;;+ECE+E;AC+J/E,0BAAA;AAwLA,wBAAA;AAEA,0BAAA;AAsCA,wBAAA;AF5XA;;+ECI+E;AET/E;;4EFY4E;ACkgBxE;EC3gBJ;IAGY,aAAa;EFUvB;EEbF;IAOY,iBAAiB;EFS3B;EEhBF;IAWY,WAAW;IACX,gBAAgB;IAChB,UAAU;IACV,SAAS;EFQnB;EEtBF;IAkBY,UAAU;IACV,mBAAmB;EFO7B;AACF;;ACgfI;EC3gBJ;IA2BgB,aAAa;EFK3B;EEhCF;IA+BgB,iBAAiB;EFI/B;AACF;;AECA;;4EFG4E;ADlC5E;;+ECqC+E","file":"../../../../curly-business/assets/css/scss/business-responsive.css","sourcesContent":["/* ==========================================================================\n   Global partials\n   ========================================================================== */\n@import '../../../../../themes/curly/assets/css/scss/variables';\n@import '../../../../../themes/curly/assets/css/scss/mixins';\n/* ==========================================================================\n   Custom Post Types responsive styles\n   ========================================================================== */\n@import \"D:/projects/curly/wp-content/plugins/curly-business/post-types/business-services/shortcodes/services-list/assets/css/scss/responsive/_services-list-responsive.scss\";\n/* ==========================================================================\n   Shortcodes responsive styles\n   ========================================================================== */\n","/* ==========================================================================\n   Global partials\n   ========================================================================== */\n/* common mixins - start */\n/* common mixins - end */\n/* mixins styles - start */\n/* mixins styles - end */\n/* ==========================================================================\n   Custom Post Types responsive styles\n   ========================================================================== */\n/* ==========================================================================\n# Business Menu List responsive style - begin\n========================================================================== */\n@media only screen and (max-width: 680px) {\n  .mkdf-bsl-holder .mkdf-bsl-item-line {\n    display: none;\n  }\n  .mkdf-bsl-holder .mkdf-bsl-item-price-holder {\n    text-align: right;\n  }\n  .mkdf-bsl-holder .mkdf-bsl-item-label-holder {\n    float: none;\n    text-align: left;\n    width: 80%;\n    top: 10px;\n  }\n  .mkdf-bsl-holder .mkdf-bsl-item-title-holder {\n    width: 80%;\n    white-space: normal;\n  }\n}\n\n@media only screen and (max-width: 680px) {\n  .mkdf-bsl-holder.mkdf-bsl-with-image .mkdf-bsl-item-image {\n    display: none;\n  }\n  .mkdf-bsl-holder.mkdf-bsl-with-image .mkdf-bsl-item-content {\n    padding-left: 0px;\n  }\n}\n\n/* ==========================================================================\n# Business Menu List responsive style - end\n========================================================================== */\n/* ==========================================================================\n   Shortcodes responsive styles\n   ========================================================================== */\n","//layout mixins - start\n\n@mixin mkdfTableLayout() {\n    position: relative;\n    display: table;\n    table-layout: fixed;\n    height: 100%;\n    width: 100%;\n}\n\n@mixin mkdfTableCellLayout($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 mkdfRelativeHolderLayout() {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    vertical-align: middle;\n}\n\n@mixin mkdfAbsoluteHolderLayout() {\n    position: absolute;\n    display: block;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n}\n\n@mixin mkdfTypographyLayout() {\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 mkdfTransition($transition-param...) {\n    -webkit-transition: $transition-param;\n    -moz-transition: $transition-param;\n    transition: $transition-param;\n}\n\n@mixin mkdfTransitionTransform($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 mkdfTransform($transform-param...) {\n    -webkit-transform: $transform-param;\n    -moz-transform: $transform-param;\n    transform: $transform-param;\n}\n\n@mixin mkdfAnimation($animation-param...) {\n    -webkit-animation: $animation-param;\n    -moz-animation: $animation-param;\n    animation: $animation-param;\n}\n\n@mixin mkdfTransformOrigin($animation-param...) {\n    -webkit-transform-origin: $animation-param;\n    -moz-transform-origin: $animation-param;\n    transform-origin: $animation-param;\n}\n\n@mixin mkdfMaskImage($image...) {\n    -webkit-mask-image: url($image);\n    mask-image: url($image);\n}\n\n//transition mixins - end\n\n//checkbox mixins - start\n\n$checkbox-size: 15px;\n$checkbox-border-width: 1px;\n\n%checkbox-style {\n    line-height: 1;\n    margin: 8px 0;\n    position: relative;\n\n    input[type=checkbox] {\n        display: inline-block;\n        height: $checkbox-size;\n        left: 0;\n        margin: 0;\n        max-height: $checkbox-size;\n        position: relative;\n        top: 0;\n        vertical-align: top;\n        width: $checkbox-size;\n    }\n\n    input[type=checkbox] + label {\n        cursor: pointer;;\n        display: inline-block;\n        left: 0;\n        line-height: 0;\n        pointer-events: none;\n        position: absolute;\n        top: 0;\n    }\n\n    input[type=checkbox] + label span.mkdf-label-text {\n        color: $default-text-color;\n        display: inline-block;\n        line-height: $checkbox-size;\n        padding-left: 10px;\n    }\n\n    input[type=checkbox] + label .mkdf-label-view {\n        background-color: $default-background-color;\n        border: $checkbox-border-width solid $default-border-color;\n        border-radius: 2px;\n        box-sizing: border-box;\n        cursor: pointer;\n        display: inline-block;\n        height: $checkbox-size;\n        vertical-align: top;\n        width: $checkbox-size;\n\n        &:hover {\n            cursor: pointer;\n        }\n    }\n\n    input[type=checkbox] + label .mkdf-label-view:after {\n        background-color: $first-main-color;\n        content: '';\n        height: $checkbox-size / 2 - $checkbox-border-width;\n        left: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        opacity: 0;\n        position: absolute;\n        top: ($checkbox-size - ($checkbox-size / 2 - $checkbox-border-width)) / 2;\n        width: $checkbox-size / 2 - $checkbox-border-width;\n\n        @include mkdfTransition(opacity 0.3s ease-in-out);\n    }\n\n    input[type=checkbox]:checked + label .mkdf-label-view:after {\n        opacity: 1;\n    }\n}\n\n//checkbox mixins - end\n\n/* common mixins - start */\n\n@mixin mkdfBckImageStyle() {\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center center;\n}\n\n@mixin mkdfImageOverlayHoverStyle($with-hover: true) {\n    @if ($with-hover) {\n        &:hover {\n            &:after {\n                opacity: 1;\n            }\n        }\n\n        &:after {\n            @include mkdfAbsoluteHolderLayout();\n\n            content: '';\n            background-color: rgba($default-text-color, .4);\n            opacity: 0;\n\n            @include mkdfTransition(opacity .2s ease-in-out);\n        }\n    } @else {\n        @include mkdfAbsoluteHolderLayout();\n\n        content: '';\n        background-color: rgba($default-text-color, .4);\n        opacity: 0;\n\n        @include mkdfTransition(opacity .2s ease-in-out);\n    }\n}\n\n////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////\n// buttons\n\n@mixin mkdfButtonDefaultStyle() {\n    font-family: inherit;\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    width: auto;\n    outline: none;\n    font-size: 14px;\n    line-height: 1em;\n    letter-spacing: 0.25em;\n    font-weight: 700;\n    text-transform: uppercase;\n    box-sizing: border-box;\n    margin: 0;\n\n    @include mkdfTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out);\n}\n\n@mixin mkdfButtonSimple($important:null) {\n    background-color: transparent $important;\n    border: 0 $important;\n    color: $first-main-color $important;\n    padding: 0 !important;\n    vertical-align: middle $important;\n\n    .mkdf-btn-text,\n    .button-text {\n        position: relative;\n        display: inline-block $important;\n        vertical-align: middle $important;\n\n        &:before,\n        &:after {\n            content: \"\";\n            position: absolute;\n            bottom: -2px;\n            left: 0;\n            width: 100%;\n            height: 1px;\n            background-color: currentColor;\n        }\n\n        &:before {\n            transform-origin: right;\n\n            @include mkdfTransition(all .2s ease-in 0s);\n        }\n\n        &:after {\n            transform-origin: left;\n\n            @include mkdfTransform(scale(0, 1));\n            @include mkdfTransition(all .25s ease-out .25s);\n        }\n\n        &:hover {\n            &:before {\n                @include mkdfTransform(scale(0, 1));\n            }\n\n            &:after {\n                @include mkdfTransform(scale(1, 1));\n            }\n        }\n    }\n}\n\n@mixin mkdfButtonTransparentColor($important:null) {\n    color: $default-text-color $important;\n    background-color: transparent $important;\n}\n\n@mixin mkdfButtonTransparentHoverColor($important:null) {\n    color: $first-main-color $important;\n    background-color: transparent $important;\n}\n\n@mixin mkdfButtonSolidColor($important:null) {\n    color: #fff $important;\n    background-color: $default-text-color $important;\n    border: 1px solid transparent $important;\n}\n\n@mixin mkdfButtonSolidHoverColor($important:null) {\n    color: #fff $important;\n    background-color: $first-main-color $important;\n}\n\n@mixin mkdfButtonOutlineColor($important:null) {\n    color: $default-text-color $important;\n    background-color: transparent $important;\n    border: 1px solid $default-text-color $important;\n}\n\n@mixin mkdfButtonOutlineHoverColor($important:null) {\n    color: #fff $important;\n    background-color: $first-main-color $important;\n    border-color: $first-main-color $important;\n}\n\n@mixin mkdfButtonSmallParams($important:null) {\n    font-size: 12px $important;\n    padding: 14px 55px $important;\n}\n\n@mixin mkdfButtonMediumParams($important:null) {\n    padding: 18px 70px $important;\n}\n\n@mixin mkdfButtonLargeParams($important:null) {\n    font-size: 16px $important;\n    padding: 20px 74px $important;\n}\n\n@mixin mkdfButtonHugeParams($important:null) {\n    display: block $important;\n    font-size: 18px $important;\n    padding-bottom: 22px $important;\n    padding-top: 22px $important;\n    text-align: center $important;\n    width: 100% $important;\n}\n\n@mixin mkdfPlaceholder {\n    &::-webkit-input-placeholder {\n        @content\n    }\n\n    &:-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n\n    &::-moz-placeholder {\n        @content;\n\n        opacity: 1;\n    }\n\n    &:-ms-input-placeholder {\n        @content\n    }\n}\n\n/* common mixins - end */\n\n/* mixins styles - start */\n\n%input-style {\n    background-color: transparent;\n    border: 1px solid $default-text-color;\n    border-radius: 0;\n    box-sizing: border-box;\n    color: $default-text-color;\n    cursor: inherit;\n    font-family: inherit;\n    font-size: 13px;\n    font-weight: inherit;\n    height: $input-height;\n    line-height: #{$input-height - 2px};\n    margin: 0 0 $input-margin;\n    outline: 0;\n    padding: 0 $input-padding;\n    width: 100%;\n\n    @include mkdfTransition(border-color 0.2s ease-in-out);\n\n    @include mkdfPlaceholder {\n        color: inherit;\n\n        @include mkdfTransition(color 0.2s ease-in-out);\n    }\n\n    -webkit-appearance: none;\n\n    &:focus {\n        color: $default-text-color;\n\n        @include mkdfPlaceholder {\n            color: transparent;\n        }\n    }\n}\n\n/* mixins styles - end */\n\n// heading mixins start\n@mixin mkdfParagraph($important:null) {\n    font-size: 16px $important;\n    font-weight: 300 $important;\n    letter-spacing: normal $important;\n    line-height: 1.75em $important;\n    text-transform: none $important;\n}\n\n@mixin mkdfGlobalHeadingStyle() {\n    color: $default-text-color;\n\n    a {\n        @include mkdfTypographyLayout();\n\n        &:hover {\n            color: $first-main-color;\n        }\n    }\n}\n\n@mixin mkdfH1() {\n    @include mkdfGlobalHeadingStyle();\n\n    font-size: 80px;\n    font-weight: 700;\n    letter-spacing: 0.025em;\n    line-height: 1.2em;\n    text-transform: uppercase;\n}\n\n@mixin mkdfH2() {\n    @include mkdfGlobalHeadingStyle();\n\n    font-size: 45px;\n    font-weight: 700;\n    letter-spacing: 0.025em;\n    line-height: 1.2em;\n    text-transform: uppercase;\n}\n\n@mixin mkdfH3($important:null) {\n    @include mkdfGlobalHeadingStyle();\n\n    font-size: 34px $important;\n    font-weight: 700 $important;\n    letter-spacing: 0.025em $important;\n    line-height: 1.41em $important;\n    text-transform: uppercase $important;\n}\n\n@mixin mkdfH4($important:null) {\n    @include mkdfGlobalHeadingStyle();\n\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    letter-spacing: 0.025em !important;\n    line-height: 1.5em !important;\n    text-transform: uppercase !important;\n}\n\n@mixin mkdfH5($important:null) {\n    @include mkdfGlobalHeadingStyle();\n\n    font-size: 12px $important;\n    font-weight: 500 $important;\n    letter-spacing: 0.25em $important;\n    line-height: 1.33em $important;\n    text-transform: uppercase $important;\n}\n\n@mixin mkdfH6($important:null) {\n    @include mkdfGlobalHeadingStyle();\n\n    font-size: 20px $important;\n    font-weight: 300 $important;\n    line-height: 1.7em $important;\n}\n\n@mixin mkdfAdditionalHeading($important:null) {\n    color: $first-main-color $important;\n    display: block;\n    font-family: $additional-text-font $important;\n    font-size: 66px $important;\n    font-style: normal $important;\n    font-weight: 100 $important;\n    letter-spacing: 0 $important;\n    line-height: 1em $important;\n\n    a {\n        @include mkdfTypographyLayout();\n\n        &:hover {\n            color: $default-text-color $important;\n        }\n    }\n}\n\n// heading 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-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 mkdfFlexContainer($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 mkdfFlexItem($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","/* ==========================================================================\n# Business Menu List responsive style - begin\n========================================================================== */\n.mkdf-bsl-holder {\n    @include phone-landscape() {\n        .mkdf-bsl-item-line {\n            display: none;\n        }\n\n        .mkdf-bsl-item-price-holder {\n            text-align: right;\n        }\n\n        .mkdf-bsl-item-label-holder {\n            float: none;\n            text-align: left;\n            width: 80%;\n            top: 10px;\n        }\n\n        .mkdf-bsl-item-title-holder {\n            width: 80%;\n            white-space: normal;\n        }\n    }\n\n    &.mkdf-bsl-with-image {\n        @include phone-landscape() {\n\n            .mkdf-bsl-item-image {\n                display: none;\n            }\n\n            .mkdf-bsl-item-content {\n                padding-left: 0px;\n            }\n        }\n    }\n}\n\n/* ==========================================================================\n# Business Menu List responsive style - end\n========================================================================== */"]}