{"version":3,"file":"../scss/title-map-responsive.css","sources":["title-map-responsive.scss","../../../../../../assets/css/scss/_variables.scss","../../../../../../assets/css/scss/_mixins.scss","responsive/_title-responsive.scss","../../../types/centered/assets/css/scss/responsive/_centered-title-responsive.scss","../../../types/standard-with-breadcrumbs/assets/css/scss/responsive/_standard-with-breadcrumbs-title-responsive.scss"],"sourcesContent":["/* ==========================================================================\n   Title responsive styles - begin\n   ========================================================================== */\n@import '../../../../../../assets/css/scss/variables';\n@import '../../../../../../assets/css/scss/mixins';\n\n@import \"responsive/_title-responsive.scss\";\n@import \"D:/projects/aviana/wp-content/themes/aviana/framework/modules/title/types/centered/assets/css/scss/responsive/_centered-title-responsive.scss\";\n@import \"D:/projects/aviana/wp-content/themes/aviana/framework/modules/title/types/standard-with-breadcrumbs/assets/css/scss/responsive/_standard-with-breadcrumbs-title-responsive.scss\";\n\n/* ==========================================================================\n   Title responsive styles - end\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: 'Prata', sans-serif;\n$main-font: 'Open Sans', sans-serif;\n\n$first-main-color: #d6b981;\n$default-heading-color: #000000;\n$default-text-color: #909090;\n$default-hover-color: #be9d5b;\n\n$default-background-color: #fff;\n$default-border-color: #d6b981;\n$additional-border-color: #e3e3e3;\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;","//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() {\n    position: relative;\n    display: table-cell;\n    height: 100%;\n    width: 100%;\n    vertical-align: middle;\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//transition 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    \n    @if ($with-hover) {\n        \n        &:hover {\n        \n            &:after {\n                opacity: 1;\n            }\n        }\n    \n        &:after {\n            @include mkdfAbsoluteHolderLayout();\n            content: '';\n            background-color: rgba($default-heading-color, .15);\n            opacity: 0;\n            @include mkdfTransition(opacity .3s ease-in-out);\n        }\n        \n    } @else {\n        @include mkdfAbsoluteHolderLayout();\n        content: '';\n        background-color: rgba($default-heading-color, .15);\n        opacity: 0;\n        @include mkdfTransition(opacity .3s ease-in-out);\n    }\n}\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: 13px;\n    line-height: 2em;\n    letter-spacing: 0.2em;\n    font-weight: 600;\n    text-transform: uppercase;\n    box-sizing: border-box;\n    margin: 0;\n    @include mkdfTransition(color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out);\n}\n\n@mixin mkdfButtonTransparentColor() {\n    color: $default-text-color;\n    background-color: transparent;\n}\n\n@mixin mkdfButtonSolidColor() {\n    color: $default-background-color;\n    background-color: $first-main-color;\n    border: 1px solid transparent;\n}\n\n@mixin mkdfButtonSolidHoverColor() {\n    color: #fff;\n    background-color: $default-hover-color;\n}\n\n@mixin mkdfButtonOutlineColor() {\n    color: $first-main-color;\n    background-color: transparent;\n    border: 1px solid $first-main-color;\n}\n\n@mixin mkdfButtonOutlineHoverColor() {\n    color: #fff;\n    background-color: $first-main-color;\n    border-color: $first-main-color;\n}\n\n@mixin mkdfButtonSmallParams() {\n    padding: 18px 42px;\n    font-size: 11px;\n    line-height: 1.5em;\n}\n\n@mixin mkdfButtonMediumParams() {\n    padding: 18px 46px;\n}\n\n@mixin mkdfButtonLargeParams() {\n    padding: 22px 50px;\n}\n\n@mixin mkdfButtonHugeParams() {\n    display: block;\n    text-align: center;\n    padding: 22px 20px;\n}\n\n@mixin mkdfPlaceholder {\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","/* ==========================================================================\n   Title responsive style - begin\n   ========================================================================== */\n\n@include laptop-landscape-medium {\n    \n    .mkdf-title-holder {\n        \n        &.mkdf-title-full-width {\n            \n            .mkdf-grid {\n                padding: 0 40px;\n            }\n        }\n    }\n}\n\n@include ipad-landscape {\n    \n    .mkdf-title-holder {\n        \n        &.mkdf-has-bg-image {\n            height: auto !important; // because of inline style\n            padding: 0 !important; // because of inline style\n\t        background-image: none !important; // because of inline style\n    \n            .mkdf-title-image {\n                display: block;\n            }\n    \n            .mkdf-title-wrapper {\n                position: absolute;\n                top: 50%;\n                left: 0;\n\t            height: 100% !important;\n                @include mkdfTransform(translateY(-50%));\n            }\n        }\n    }\n}\n/* ==========================================================================\n   Title responsive style - end\n   ========================================================================== */","/* ==========================================================================\n   Centered Title type responsive style - begin\n   ========================================================================== */\n\n@include ipad-landscape {\n\t\n\t.mkdf-title-holder {\n\t\t\n\t\t&.mkdf-centered-type {\n\t\t\t\n\t\t\t.mkdf-page-subtitle {\n\t\t\t\tpadding: 0 !important; // it can be set inline with option\n\t\t\t}\n\t\t}\n\t}\n}\n/* ==========================================================================\n   Centered Title type responsive style - end\n   ========================================================================== */","/* ==========================================================================\n   Standard With Breadcrumbs Title type responsive style - begin\n   ========================================================================== */\n\n@include ipad-landscape {\n\t\n\t.mkdf-title-holder {\n\t\t\n\t\t&.mkdf-standard-with-breadcrumbs-type {\n\t\t\t\n\t\t\t.mkdf-title-info,\n\t\t\t.mkdf-breadcrumbs-info {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\t\n\t\t\t.mkdf-breadcrumbs-info {\n\t\t\t\tmargin: 10px 0 0;\n\t\t\t\ttext-align: initial;\n\t\t\t\twhite-space: inherit;\n\t\t\t}\n\t\t}\n\t}\n}\n/* ==========================================================================\n   Standard With Breadcrumbs Title type responsive style - end\n   ========================================================================== */"],"names":[],"mappings":"AAAA;;gFAEgF;AE+EhF,2BAA2B;AAoH3B,yBAAyB;ACrMzB;;gFAEgF;AD8M5E,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE,MAAM;EC1MzC,AAIQ,kBAJU,AAEb,sBAAsB,CAEnB,UAAU,CAAC;IACP,OAAO,EAAE,MAAM;GAClB;;;ADgNT,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE,MAAM;ECzMzC,AAEI,kBAFc,AAEb,kBAAkB,CAAC;IAChB,MAAM,EAAE,eAAe;IACvB,OAAO,EAAE,YAAY;IACxB,gBAAgB,EAAE,eAAe;GAajC;EAlBL,AAOQ,kBAPU,AAEb,kBAAkB,CAKf,iBAAiB,CAAC;IACd,OAAO,EAAE,KAAK;GACjB;EATT,AAWQ,kBAXU,AAEb,kBAAkB,CASf,mBAAmB,CAAC;IAChB,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,CAAC;IACV,MAAM,EAAE,eAAe;ID4BhC,iBAAiB,EC3BkB,gBAAgB;ID4BnD,cAAc,EC5BqB,gBAAgB;ID6BnD,SAAS,EC7B0B,gBAAgB;GAC1C;;;AAIb;;gFAEgF;AC1ChF;;gFAEgF;AF0N5E,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE,MAAM;EEtN5C,AAIE,kBAJgB,AAEhB,mBAAmB,CAEnB,mBAAmB,CAAC;IACnB,OAAO,EAAE,YAAY;GACrB;;;AAIJ;;gFAEgF;AClBhF;;gFAEgF;AH0N5E,MAAM,MAAM,MAAM,MAAM,SAAS,EAAE,MAAM;EGtN5C,AAIE,kBAJgB,AAEhB,oCAAoC,CAEpC,gBAAgB;EAJlB,kBAAkB,AAEhB,oCAAoC,CAGpC,sBAAsB,CAAC;IACtB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,IAAI;GACX;EARH,AAUE,kBAVgB,AAEhB,oCAAoC,CAQpC,sBAAsB,CAAC;IACtB,MAAM,EAAE,QAAQ;IAChB,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,OAAO;GACpB;;;AAIJ;;gFAEgF;ALhBhF;;gFAEgF"}