{"version":3,"sources":["shortcodes-map.scss","shortcodes-map.css","../../../../../themes/curly/assets/css/scss/_mixins.scss","../../../shortcodes/twitter-list/assets/css/scss/default/_twitter-list.scss","../../../../../themes/curly/assets/css/scss/_variables.scss"],"names":[],"mappings":"AAAA;;+ECE+E;AC+J/E,0BAAA;AAwLA,wBAAA;AAEA,0BAAA;AAsCA,wBAAA;AF5XA;;+ECI+E;AET/E;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECpBtB,WAAW;AFcf;;AEhBA;EAOY,WAAW;AFavB;;AEpBA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECTlB,gBAAgB;EAChB,SAAS;EACT,UAAU;AFelB;;AE9BA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECFlB,UAAU;EACV,SAAS;EACT,8BAAsB;EAAtB,sBAAsB;AFkB9B;;AExCA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECKlB,yBAAyB;EDuB7B,wCCtB+C;EDwB/C,mCCxB+C;EDwB/C,gCCxB+C;AFuBnD;;AEnDA;EA+BY,4DAAmD;EAAnD,oDAAmD;ED+B3D,mCC9B+C;EDgC/C,+BChC+C;EDgC/C,2BChC+C;AF0BnD;;AE1DA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECgBlB,kBAAkB;EAClB,yBAAyB;EACzB,8BAAsB;EAAtB,sBAAsB;AF4B9B;;AEpEA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECuBlB,mBAAmB;EACnB,8BAAsB;EAAtB,sBAAsB;AF+B9B;;AE7EA;ED0BI,kBAAkB;EAClB,cAAc;EACd,WAAW;EACX,YAAY;EACZ,MAAM;EACN,OAAO;ECoBH,UAAU;AFoClB;;AEvFA;EDmBI,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sBAAsB;ECkClB,mBAAmB;EACnB,8BAAsB;EAAtB,sBAAsB;AFuC9B;;AEhGA;EA4DY,kBAAkB;EAClB,qBAAqB;EACrB,mBAAmB;EACnB,WAAW;EACX,WAAW;EACX,YAAY;AFwCxB;;AEzGA;EAoEgB,kBAAkB;AFyClC;;AE7GA;EAyEY,kBAAkB;EAClB,qBAAqB;EACrB,mBAAmB;EACnB,WAAW;EACX,wBAAwB;EACxB,kBAAkB;EAClB,8BAAsB;EAAtB,sBAAsB;AFwClC;;AEvHA;EAkFgB,SAAS;AFyCzB;;AE3HA;EAwFQ,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,WAAW;EACX,qBAAqB;EACrB,mBAAmB;EACnB,cCtDkB;EDuDlB,eAAe;EACf,iBAAiB;AFuCzB;;AEvIA;EAoGQ,kBAAkB;EAClB,8BAAsB;EAAtB,sBAAsB;AFuC9B;;AE5IA;EAwGY,kBAAkB;EAClB,cAAc;EACd,UAAU;AFwCtB;;AElJA;EA6GgB,cCrEU;AH8G1B;;AEtJA;EAqHY,kBAAkB;EAClB,cAAc;EACd,UAAU;AFqCtB;;AE5JA;EA0HgB,cClFU;AHwH1B;;AEhKA;EAqIgB,UAAoB;AF+BpC;;AERgB;EA5JhB;IAiK4B,WAAW;EFQrC;AACF;;AE1KA;EAqIgB,gBAAoB;AFyCpC;;AE5BgB;EAlJhB;IAuJ4B,WAAW;EF4BrC;AACF;;AEpLA;EAqIgB,UAAoB;AFmDpC;;AE/CgB;EAzIhB;IA6I4B,WAAW;EFgDrC;AACF;;AE9LA;EAqIgB,UAAoB;AF6DpC;;AEzDgB;EAzIhB;IA6I4B,WAAW;EF0DrC;AACF","file":"../../../../curly-twitter-feed/assets/css/scss/shortcodes-map.css","sourcesContent":["/* ==========================================================================\n   Global partials\n   ========================================================================== */\n@import '../../../../../themes/curly/assets/css/scss/variables';\n@import '../../../../../themes/curly/assets/css/scss/mixins';\n/* ==========================================================================\n   Shortcodes styles\n   ========================================================================== */\n@import \"D:/projects/curly/wp-content/plugins/curly-twitter-feed/shortcodes/twitter-list/assets/css/scss/default/_twitter-list.scss\";","/* ==========================================================================\n   Global partials\n   ========================================================================== */\n/* common mixins - start */\n/* common mixins - end */\n/* mixins styles - start */\n/* mixins styles - end */\n/* ==========================================================================\n   Shortcodes styles\n   ========================================================================== */\n.mkdf-twitter-list-holder {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  clear: both;\n}\n\n.mkdf-twitter-list-holder:not(.mkdf-tl-one-column) .mkdf-tl-item {\n  float: left;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-list {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.mkdf-twitter-list-holder .mkdf-tl-item {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  padding: 0;\n  margin: 0;\n  box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-tli-inner {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  background-color: #ffffff;\n  -webkit-transition: all 0.2s ease-in-out;\n  -moz-transition: all 0.2s ease-in-out;\n  transition: all 0.2s ease-in-out;\n}\n\n.mkdf-twitter-list-holder .mkdf-tli-inner:hover {\n  box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, 0.05);\n  -webkit-transform: translateY(-3px);\n  -moz-transform: translateY(-3px);\n  transform: translateY(-3px);\n}\n\n.mkdf-twitter-list-holder .mkdf-tli-content {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  padding: 35px 23px;\n  border: 1px solid #f2f2f2;\n  box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-content-top {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  margin-bottom: 25px;\n  box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-link-over {\n  position: absolute;\n  display: block;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 1;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user {\n  position: relative;\n  display: inline-block;\n  width: 100%;\n  vertical-align: middle;\n  padding-right: 30px;\n  box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-image {\n  position: relative;\n  display: inline-block;\n  vertical-align: top;\n  float: left;\n  width: 56px;\n  height: 56px;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-image img {\n  border-radius: 50%;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-name {\n  position: relative;\n  display: inline-block;\n  vertical-align: top;\n  float: left;\n  width: calc(100% - 56px);\n  padding-left: 15px;\n  box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-user .mkdf-twitter-name * {\n  margin: 0;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-icon {\n  position: absolute;\n  top: -7px;\n  right: 3px;\n  width: 20px;\n  display: inline-block;\n  vertical-align: top;\n  color: #c59d5f;\n  font-size: 24px;\n  text-align: right;\n}\n\n.mkdf-twitter-list-holder .mkdf-tweet-text {\n  padding-left: 12px;\n  box-sizing: border-box;\n}\n\n.mkdf-twitter-list-holder .mkdf-tweet-text a {\n  position: relative;\n  color: #808080;\n  z-index: 2;\n}\n\n.mkdf-twitter-list-holder .mkdf-tweet-text a:hover {\n  color: #c59d5f;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-profile a {\n  position: relative;\n  color: #808080;\n  z-index: 2;\n}\n\n.mkdf-twitter-list-holder .mkdf-twitter-profile a:hover {\n  color: #c59d5f;\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-two-columns .mkdf-tl-item {\n  width: 50%;\n}\n\n@media only screen and (min-width: 1025px) {\n  .mkdf-twitter-list-holder.mkdf-tl-two-columns .mkdf-tl-item:nth-child(2n+1) {\n    clear: both;\n  }\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-three-columns .mkdf-tl-item {\n  width: 33.33333%;\n}\n\n@media only screen and (min-width: 1201px) {\n  .mkdf-twitter-list-holder.mkdf-tl-three-columns .mkdf-tl-item:nth-child(3n+1) {\n    clear: both;\n  }\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-four-columns .mkdf-tl-item {\n  width: 25%;\n}\n\n@media only screen and (min-width: 1281px) {\n  .mkdf-twitter-list-holder.mkdf-tl-four-columns .mkdf-tl-item:nth-child(4n+1) {\n    clear: both;\n  }\n}\n\n.mkdf-twitter-list-holder.mkdf-tl-five-columns .mkdf-tl-item {\n  width: 20%;\n}\n\n@media only screen and (min-width: 1281px) {\n  .mkdf-twitter-list-holder.mkdf-tl-five-columns .mkdf-tl-item:nth-child(5n+1) {\n    clear: both;\n  }\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",".mkdf-twitter-list-holder {\n    @include mkdfRelativeHolderLayout();\n    clear: both;\n\n    &:not(.mkdf-tl-one-column) {\n\n        .mkdf-tl-item {\n            float: left;\n        }\n    }\n\n    .mkdf-twitter-list {\n        @include mkdfRelativeHolderLayout();\n        list-style: none;\n        margin: 0;\n        padding: 0;\n    }\n\n    .mkdf-tl-item {\n        @include mkdfRelativeHolderLayout();\n        padding: 0;\n        margin: 0;\n        box-sizing: border-box;\n    }\n\n    .mkdf-tli-inner {\n        @include mkdfRelativeHolderLayout();\n        background-color: #ffffff;\n        @include mkdfTransition(all .2s ease-in-out);\n\n        &:hover {\n            box-shadow: -2px 4px 13px 0 rgba(81, 137, 162, .05);\n            @include mkdfTransform(translateY(-3px));\n        }\n    }\n\n    .mkdf-tli-content {\n        @include mkdfRelativeHolderLayout();\n        padding: 35px 23px;\n        border: 1px solid #f2f2f2;\n        box-sizing: border-box;\n    }\n\n    .mkdf-twitter-content-top {\n        @include mkdfRelativeHolderLayout();\n        margin-bottom: 25px;\n        box-sizing: border-box;\n    }\n\n    .mkdf-twitter-link-over {\n        @include mkdfAbsoluteHolderLayout();\n        z-index: 1;\n    }\n\n    .mkdf-twitter-user {\n        @include mkdfRelativeHolderLayout();\n        padding-right: 30px;\n        box-sizing: border-box;\n\n        .mkdf-twitter-image {\n            position: relative;\n            display: inline-block;\n            vertical-align: top;\n            float: left;\n            width: 56px;\n            height: 56px;\n\n            img {\n                border-radius: 50%;\n            }\n        }\n\n        .mkdf-twitter-name {\n            position: relative;\n            display: inline-block;\n            vertical-align: top;\n            float: left;\n            width: calc(100% - 56px);\n            padding-left: 15px;\n            box-sizing: border-box;\n\n            * {\n                margin: 0;\n            }\n        }\n    }\n\n    .mkdf-twitter-icon {\n        position: absolute;\n        top: -7px;\n        right: 3px;\n        width: 20px;\n        display: inline-block;\n        vertical-align: top;\n        color: $first-main-color;\n        font-size: 24px;\n        text-align: right;\n    }\n\n    .mkdf-tweet-text {\n        padding-left: 12px;\n        box-sizing: border-box;\n\n        a {\n            position: relative;\n            color: #808080;\n            z-index: 2;\n\n            &:hover {\n                color: $first-main-color;\n            }\n        }\n    }\n\n    .mkdf-twitter-profile {\n\n        a {\n            position: relative;\n            color: #808080;\n            z-index: 2;\n\n            &:hover {\n                color: $first-main-color;\n            }\n        }\n    }\n\n    $columns_number: ('two', 'three', 'four', 'five');\n\n    @for $i from 0 to length($columns_number) {\n        &.mkdf-tl-#{nth($columns_number,$i+1)}-columns {\n\n            .mkdf-tl-item {\n                width: 100% / ($i+2);\n            }\n\n            @if ($i > 1) { // set different break point for four and five columns\n                @media only screen and (min-width: $laptop-landscape-medium-plus-pixel) {\n                    .mkdf-tl-item {\n\n                        &:nth-child(#{$i+2}n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            } @else if ($i == 1) { // set different break point for three columns\n                @media only screen and (min-width: $laptop-landscape-plus-pixel) {\n\n                    .mkdf-tl-item {\n\n                        &:nth-child(#{$i+2}n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            } @else {\n                @media only screen and (min-width: $ipad-landscape-plus-pixel) {\n\n                    .mkdf-tl-item {\n\n                        &:nth-child(#{$i+2}n+1) {\n                            clear: both;\n                        }\n                    }\n                }\n            }\n        }\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// light 300\n// medium 500\n// bold 700\n\n$default-text-font: 'Montserrat', sans-serif;\n$additional-text-font: 'quentinregular';\n\n$first-main-color: #c59d5f;\n$default-text-color: #000000;\n\n$default-background-color: #ffffff;\n$default-border-color: #afaaa9;\n$default-box-shadow: 4px 8px 50px 0px rgba(0, 0, 0, 0.15);\n\n$elements-color-one: #f7f8f9;\n$elements-color-two: #dddddd;\n$elements-color-three: #808080;\n$elements-color-four: #282828;\n\n$header-light-color: #ffffff;\n$header-light-hover-color: rgba($header-light-color, .7);\n$header-dark-color: #000000;\n$header-dark-hover-color: rgba($header-dark-color, .7);\n\n$input-height: 52px;\n$input-padding: 20px;\n$input-margin: 15px;\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;"]}