{"version":3,"sources":["blog_page.scss"],"names":[],"mappings":"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","file":"../blog_page.css","sourcesContent":["/* 3.1 Blog page */\r\n\r\n@function vw2($px) {\r\n @return (($px/1050) * 100) + vh;\r\n}\r\n@function vw2($px) {\r\n @return (($px/1920) * 100) + vw;\r\n}\r\n\r\n@function vw3($px) {\r\n @return (($px/375) * 100) + vw;\r\n}\r\n\r\n@mixin mobile {\r\n @media screen and (max-width: 768px) and (orientation: portrait) {\r\n @content;\r\n }\r\n}\r\n\r\n$orange-color: #b66449;\r\n\r\n#noise_menu {\r\n display: none;\r\n}\r\n\r\n.blog_page {\r\n .header {\r\n transition: transform 0.5s linear;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n\r\n &:before {\r\n content: '';\r\n z-index: -1;\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n background: linear-gradient(to right, #241f1f 0, #241f1f 32%, #4a4746 100%);\r\n transition: opacity 0.5s linear;\r\n opacity: 0;\r\n }\r\n\r\n @include mobile {\r\n background: transparent;\r\n }\r\n &.active {\r\n position: fixed;\r\n &:before {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n &-container {\r\n box-sizing: border-box;\r\n display: block;\r\n width: vw2(1110);\r\n margin: 0 auto;\r\n\r\n @include mobile {\r\n width: calc(100% - 30px);\r\n }\r\n }\r\n &-big_banner {\r\n position: relative;\r\n width: 100%;\r\n height: vw2(850);\r\n background: center top / contain url(../images/blog-big_banner-bg.png) no-repeat;\r\n background-attachment: fixed;\r\n\r\n @include mobile {\r\n height: vw3(375);\r\n background: center top / cover url(../images/blog-big_banner-bg.png) no-repeat;\r\n }\r\n\r\n .blog_page-container {\r\n height: 100%;\r\n display: flex;\r\n padding-bottom: vw2(101);\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n\r\n @include mobile {\r\n padding-bottom: vw3(51);\r\n }\r\n\r\n .small {\r\n margin-top: auto;\r\n margin-bottom: vw2(34);\r\n\r\n @include mobile {\r\n margin-bottom: vw3(24);\r\n }\r\n }\r\n\r\n .h1:last-child {\r\n margin-top: vw2(10);\r\n\r\n @include mobile {\r\n margin-top: vw3(10);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-content {\r\n padding: vw2(254) 0 vw2(110);\r\n box-sizing: border-box;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.4);\r\n\r\n @include mobile {\r\n padding: vw3(50) 0 vw3(50);\r\n }\r\n }\r\n\r\n &-text {\r\n margin: 0 auto;\r\n width: vw2(730);\r\n\r\n @include mobile {\r\n width: 100%;\r\n }\r\n\r\n .small {\r\n line-height: vw2(26);\r\n\r\n @include mobile {\r\n line-height: vw3(26);\r\n }\r\n\r\n & + .small {\r\n margin-top: vw2(30);\r\n\r\n @include mobile {\r\n margin-top: vw3(20);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-banner {\r\n display: block;\r\n width: 100%;\r\n margin: vw2(120) 0;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n &-h1 {\r\n display: block;\r\n margin-bottom: vw2(64);\r\n font-weight: 500;\r\n font-size: vw2(45);\r\n line-height: vw2(55);\r\n text-transform: uppercase;\r\n color: #e2dcc8;\r\n\r\n @include mobile {\r\n margin-bottom: vw3(34);\r\n font-size: vw3(25);\r\n line-height: vw3(55);\r\n }\r\n }\r\n\r\n &-menu {\r\n list-style: none;\r\n display: flex;\r\n align-items: center;\r\n @include mobile {\r\n display: none;\r\n }\r\n li {\r\n display: block;\r\n padding: 0 vw2(32);\r\n text-transform: uppercase;\r\n\r\n a {\r\n font-size: vw2(14);\r\n line-height: 140%;\r\n display: block;\r\n }\r\n &.active {\r\n a {\r\n color: $orange-color;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &-reviws {\r\n position: relative;\r\n width: vw2(730);\r\n padding: vw2(41) vw2(72) vw2(34) vw2(128);\r\n margin: 0 auto;\r\n border: 1px solid rgba(255, 255, 255, 0.4);\r\n box-sizing: border-box;\r\n\r\n @include mobile {\r\n width: 100%;\r\n padding: vw3(21) vw3(32) vw3(21) vw3(70);\r\n }\r\n\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n left: vw2(46);\r\n top: vw2(38);\r\n display: block;\r\n width: vw2(38);\r\n height: vw2(46);\r\n background: url(../img/q.png) no-repeat;\r\n background-size: contain;\r\n pointer-events: none;\r\n background-position: center bottom;\r\n\r\n @include mobile {\r\n top: vw3(12);\r\n left: vw3(15);\r\n width: vw3(38);\r\n height: vw3(46);\r\n }\r\n }\r\n\r\n &_text {\r\n display: block;\r\n margin-bottom: vw2(28);\r\n font-weight: normal;\r\n font-size: vw2(20);\r\n line-height: vw2(35);\r\n\r\n @include mobile {\r\n margin-bottom: vw3(15);\r\n font-size: vw3(16);\r\n line-height: vw3(22);\r\n }\r\n }\r\n\r\n &_name {\r\n font-weight: 700;\r\n margin-bottom: vw2(10);\r\n\r\n @include mobile {\r\n margin-bottom: vw3(10);\r\n }\r\n }\r\n\r\n &_place {\r\n opacity: 0.6;\r\n }\r\n }\r\n\r\n &-tags {\r\n display: block;\r\n width: vw2(730);\r\n margin: vw2(82) auto vw2(46);\r\n\r\n @include mobile {\r\n width: 100%;\r\n margin: vw3(42) auto vw3(26);\r\n }\r\n\r\n &_item {\r\n display: inline-block;\r\n font-weight: normal;\r\n font-size: vw2(16);\r\n line-height: vw2(26);\r\n\r\n @include mobile {\r\n font-size: vw3(16);\r\n line-height: vw3(26);\r\n }\r\n }\r\n\r\n &_title {\r\n opacity: 0.6;\r\n }\r\n\r\n &_link {\r\n font-weight: normal;\r\n font-size: vw2(16);\r\n line-height: vw2(26);\r\n transition: color 0.2s linear;\r\n\r\n @include mobile {\r\n font-size: vw3(16);\r\n line-height: vw3(26);\r\n }\r\n\r\n &:hover {\r\n color: $orange-color;\r\n }\r\n }\r\n }\r\n\r\n &-share {\r\n display: block;\r\n width: vw2(730);\r\n margin: 0 auto;\r\n\r\n @include mobile {\r\n width: 100%;\r\n }\r\n\r\n &_item {\r\n display: inline-block;\r\n vertical-align: middle;\r\n margin-right: vw2(20);\r\n\r\n @include mobile {\r\n margin-right: vw3(20);\r\n }\r\n\r\n svg {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &:nth-child(2) {\r\n a {\r\n display: block;\r\n width: vw2(12);\r\n height: vw2(21);\r\n\r\n @include mobile {\r\n width: vw3(12);\r\n height: vw3(21);\r\n }\r\n }\r\n }\r\n\r\n &:nth-child(3) {\r\n a {\r\n display: block;\r\n width: vw2(23);\r\n height: vw2(21);\r\n\r\n @include mobile {\r\n width: vw3(23);\r\n height: vw3(21);\r\n }\r\n }\r\n }\r\n\r\n &:nth-child(4) {\r\n a {\r\n display: block;\r\n width: vw2(25);\r\n height: vw2(25);\r\n\r\n @include mobile {\r\n width: vw3(25);\r\n height: vw3(25);\r\n }\r\n }\r\n }\r\n }\r\n\r\n &_title {\r\n margin-right: vw2(27);\r\n opacity: 0.6;\r\n font-weight: normal;\r\n font-size: vw2(16);\r\n line-height: vw2(26);\r\n\r\n @include mobile {\r\n margin-right: vw3(27);\r\n font-size: vw3(16);\r\n line-height: vw3(26);\r\n }\r\n }\r\n }\r\n\r\n &-comments {\r\n padding: vw2(132) 0;\r\n\r\n @include mobile {\r\n padding: vw3(52) 0;\r\n }\r\n\r\n &_container {\r\n width: vw2(730);\r\n margin: 0 auto;\r\n\r\n @include mobile {\r\n width: calc(100% - 30px);\r\n }\r\n }\r\n\r\n .blog_page-h1 {\r\n margin-bottom: vw2(124);\r\n\r\n @include mobile {\r\n margin-bottom: vw3(54);\r\n }\r\n }\r\n\r\n &_block {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-start;\r\n margin-bottom: vw2(90);\r\n\r\n @include mobile {\r\n margin-bottom: vw3(50);\r\n }\r\n\r\n & + & {\r\n padding-left: vw2(114);\r\n\r\n @include mobile {\r\n padding-left: vw3(60);\r\n }\r\n }\r\n }\r\n\r\n &_icon {\r\n display: block;\r\n flex-shrink: 0;\r\n width: vw2(80);\r\n height: vw2(80);\r\n border-radius: 50%;\r\n overflow: hidden;\r\n\r\n @include mobile {\r\n width: vw3(40);\r\n height: vw3(40);\r\n }\r\n\r\n img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 50%;\r\n object-position: center;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n &_content {\r\n padding-left: vw2(34);\r\n\r\n @include mobile {\r\n padding-left: vw3(20);\r\n }\r\n }\r\n\r\n &_heading {\r\n display: flex;\r\n justify-content: flex-start;\r\n align-items: flex-end;\r\n margin-bottom: vw2(15);\r\n\r\n @include mobile {\r\n margin-bottom: vw3(15);\r\n }\r\n\r\n .small {\r\n font-weight: 700;\r\n min-width: vw2(62);\r\n margin-right: vw2(8);\r\n\r\n @include mobile {\r\n min-width: vw3(62);\r\n margin-right: vw3(8);\r\n }\r\n }\r\n }\r\n\r\n &_date {\r\n font-size: vw2(13);\r\n line-height: vw2(16);\r\n text-transform: uppercase;\r\n opacity: 0.6;\r\n\r\n @include mobile {\r\n font-size: vw3(13);\r\n line-height: vw3(16);\r\n }\r\n }\r\n\r\n &_text {\r\n margin-bottom: vw2(21);\r\n\r\n @include mobile {\r\n margin-bottom: vw3(21);\r\n }\r\n\r\n .small {\r\n line-height: vw2(26);\r\n opacity: 0.6;\r\n\r\n @include mobile {\r\n line-height: vw3(26);\r\n }\r\n }\r\n }\r\n\r\n &_btn {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n width: vw2(79);\r\n height: vw2(24);\r\n box-sizing: border-box;\r\n transition: 0.2s linear;\r\n border: 1px solid #e2dcc8;\r\n font-weight: bold;\r\n font-size: vw2(13);\r\n line-height: vw2(16);\r\n cursor: pointer;\r\n\r\n @include mobile {\r\n width: vw3(79);\r\n height: vw3(24);\r\n font-size: vw3(13);\r\n line-height: vw3(16);\r\n }\r\n\r\n span {\r\n transition: 0.2s linear;\r\n color: #e2dcc8;\r\n }\r\n\r\n &:hover {\r\n background: #b66449;\r\n border-color: #b66449;\r\n }\r\n }\r\n }\r\n\r\n .content__form {\r\n position: relative;\r\n &-placeholder {\r\n height: 100%;\r\n width: 100%;\r\n font-size: vw2(18);\r\n line-height: vw2(50);\r\n opacity: 0.5;\r\n text-transform: uppercase;\r\n pointer-events: none;\r\n user-select: none;\r\n display: block;\r\n transition: 0.2s;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n @include mobile {\r\n font-size: vw3(18);\r\n line-height: vw3(50);\r\n }\r\n }\r\n\r\n &-input {\r\n height: vw2(50);\r\n box-sizing: border-box;\r\n position: relative;\r\n display: block;\r\n width: 100%;\r\n @include mobile {\r\n height: vw3(50);\r\n }\r\n + .content__form-input {\r\n margin-top: vw2(56);\r\n @include mobile {\r\n margin-top: vw3(20);\r\n }\r\n }\r\n input {\r\n background: transparent;\r\n height: 100%;\r\n width: 100%;\r\n box-sizing: border-box;\r\n padding: 0;\r\n margin: 0;\r\n outline: none;\r\n color: inherit;\r\n border: none;\r\n border-bottom: 1px solid #e2dcc8;\r\n font-size: vw2(18);\r\n line-height: vw2(35);\r\n @include mobile {\r\n font-size: vw3(18);\r\n line-height: vw3(35);\r\n }\r\n &.valid,\r\n &:focus {\r\n outline: none;\r\n + .content__form-placeholder {\r\n font-size: vw2(13);\r\n line-height: vw2(13);\r\n top: vw2(-6);\r\n @include mobile {\r\n font-size: vw3(13);\r\n line-height: vw3(13);\r\n top: vw3(-6);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n &-btn {\r\n margin-top: vw2(78);\r\n @include mobile {\r\n margin-top: vw3(30);\r\n }\r\n }\r\n\r\n &-title {\r\n display: block;\r\n margin-bottom: vw2(44);\r\n font-weight: normal;\r\n font-size: vw2(28);\r\n line-height: 150%;\r\n\r\n @include mobile {\r\n margin-bottom: vw3(24);\r\n font-size: vw3(28);\r\n }\r\n }\r\n }\r\n}\r\n.blog_page-big_banner .blog_page-container > * {\r\n position: relative;\r\n}\r\n"]}