/*
Theme Name: Blog Vibe City
Text Domain: blog_vc
Version: 1.0
Author: StrangerInTheFog
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Furore';
    src: url('/blog/wp-content/themes/blog-vc/fonts/Furore.woff2') format('woff2'),
         url('/blog/wp-content/themes/blog-vc/fonts/Furore.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NHLEVan';
    src: url('/blog/wp-content/themes/blog-vc/fonts/NHLEVan_.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


html * {
	max-height: 99999px;
    box-sizing:border-box;
}

body {
    background: radial-gradient(50.34% 99.67% at 55.52% 28.49%, #F5B8FF 0%, #76ADFF 100%);
	font-size: 16px;
	font-family: "Montserrat", sans-serif;
    font-weight: 400;
	line-height: normal;
	outline: 0;
    outline:none;
    color: #3F3F46;
    margin: 0;
    -webkit-text-size-adjust: 100%;
}

body, input, textarea, button, .button, .faux-button, .wp-block-button__link, .wp-block-file__button, .has-drop-cap:not(:focus)::first-letter, .entry-content .wp-block-archives, .entry-content .wp-block-categories, .entry-content .wp-block-cover-image, .entry-content .wp-block-latest-comments, .entry-content .wp-block-latest-posts, .entry-content .wp-block-pullquote, .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large, .entry-content .wp-block-archives *, .entry-content .wp-block-categories *, .entry-content .wp-block-latest-posts *, .entry-content .wp-block-latest-comments *, .entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt, .entry-content cite, .entry-content figcaption, .entry-content .wp-caption-text, .comment-content p, .comment-content ol, .comment-content ul, .comment-content dl, .comment-content dt, .comment-content cite, .comment-content figcaption, .comment-content .wp-caption-text, .widget_text p, .widget_text ol, .widget_text ul, .widget_text dl, .widget_text dt, .widget-content .rssSummary, .widget-content cite, .widget-content figcaption, .widget-content .wp-caption-text{
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
}

p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr {
    margin: 20px 0;
}

:is(ul, ol) li::marker{
    color: #3F3F46;
    font-weight: 700;
}

.post-thumbnail + *{
    margin-top:0;
}

.site-main{
    width:100%;
    min-height:500px;
}

#page.site{
    position: relative;
    margin: 0 auto;
    padding: 40px;
    max-width: 1440px;
    background: #fff;
}

.page-area {
    padding-top: 0;
}

#site-content.container,
.nxt-container-block-editor {
    width: 100%;
    padding: 0;
}

.content-block {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: calc(100% / 12);
    padding-right: calc(100% / 12);
}

.row-block {
	display: flex
}

.column-block {
	display: flex;
    flex-direction:column
}

.inline_bl {
	display: inline-block;
	vertical-align: top
}

hr {
    border-top:2px solid #E477B1;
}

.line__footer{
    width: 100%;
    height:5px;
    background: #0098A7;
    box-shadow: 1px 1px 5px -2px #000 inset, -1px -1px 12px -5px #FFF inset;
}


body::-webkit-scrollbar,
div.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar,
.katalog-description::-webkit-scrollbar {
	width: 10px;
	height: 3px;
	background: #fff
}

div.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar {
	width: 10px;
	height: 3px;
	background: #f6f5f2
}

div.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar,
.katalog-description::-webkit-scrollbar,
.katalog-description::-webkit-scrollbar {
	width: 5px
}

div.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar{
    width: 3px;
}

body::-webkit-scrollbar-button,
div.widget_shopping_cart_content ul.cart_list ::-webkit-scrollbar-button,
.katalog-description::-webkit-scrollbar-button {
	background-color: #262626;
	height: 0
}

body::-webkit-scrollbar-track,
div.widget_shopping_cart_content ul.cart_list ::-webkit-scrollbar-track,
.katalog-description::-webkit-scrollbar-track {
	background-color: #fff;
	width: 5px
}

body::-webkit-scrollbar-track-piece,
div.widget_shopping_cart_content ul.cart_list ::-webkit-scrollbar-track-piece,
.katalog-description::-webkit-scrollbar-track-piece {
	background-color: #f5f5f5
}

body::-webkit-scrollbar-thumb,
div.widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb,
.katalog-description::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #d3ced2
}

body::-webkit-scrollbar-corner,
div.widget_shopping_cart_content ul.cart_list ::-webkit-scrollbar-corner,
.katalog-description::-webkit-scrollbar-corner {
	background-color: #fff
}

body::-webkit-resizer,
div.widget_shopping_cart_content ul.cart_list ::-webkit-resizer,
.katalog-description ::-webkit-resizer {
	background-color: #666
}

h1, h2, h3, h4, h5, h6{
    color: #000;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

h1{
    font-size: 2.25em;
    margin:31px 0 17px;
}

h2{
    font-size: 1.25em;
    margin:18px 0 11px;
}

h3{
    font-size: 0.9375rm;
}

h4{
    font-size: 1.8em;
}

h5{
    font-size: 1.8em;
}

h6{
    font-size: 1.8em;
}

/* breads */

.breads{
    color:#fff;
    position: relative;
    z-index: 2;
}

.breads > .content-block{
    padding-top:15px;
    padding-bottom:15px;
}

.breads a{
    position:relative;
    color: #3D3D3D;
    text-decoration:none;
    font-weight:400;
    margin-right:15px;
}

.breads a:before{
    content:'';
    position:absolute;
    left:calc(100% + 7px);top:0;bottom:0;
    margin:auto;
    width:5px;height:5px;
    background:#F04D7C;
    border-radius:10px;
}

.breadcrumb_last{
    color: #929292;
    font-weight:400;
}


/* --end-- */



.singular .entry-title{
    margin:0;
}

.singular .has-post-thumbnail .entry-header{
    padding-bottom:20px;
}

.title__content :is(.after-h, .before-h) {
    color: #696984;
    font-family: "Montserrat";
    font-size: 1.5625em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 50px;
}

.site-header, .site-main, .widget-area, .site-footer {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}

.link-block.mobile-button{
    display:none;
}


.title__content.title__center{
	text-align:center;
}

.ingredients .title__content.title__center{
    position: relative;
    z-index: 50;
}

.title__content.title__left{
	text-align:left;
}

.title__content.title__center  :is(h1, .title__content h1, h2, h3, h4):before{
	right: 0;
	margin:auto;
}

.page--article--name .fnc--center--projects--listitem__workType{
	margin-top:24px;
}

.page--article--name h1 {
	margin-top: 0;
    padding-bottom: 0;
}

.page--article--text .parameters{
	margin-bottom:24px;
}

.img-block {
	line-height: 0
}

.img-block img, .image-block img {
    max-width: 100%;
    height: auto;
}

body sup {
	font-size: .7em;
    color: inherit;
    font-weight: inherit;
    position: relative;
    bottom: 4px;
}


body a {
	color: #242331
}

section {
	position: relative;
	max-width: 100%;
	margin: 0 auto
}

input[type='text'],
input[type='file'],
input[type='tel'],
input[type='number'],
input[type='password'],
input[type='email'],
input,
select,
textarea {
    outline: 0;
    background: #fff;
    padding: 16px 25px;
    border-radius: 20px;
    border: 1px solid #A4A4A4;
    font-size: 1em;
    box-sizing: border-box;
    resize: none;
    color: #4F4C4D;
    max-width: 100%;
    width: 100%;
    transition: all .3s ease;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
}

input[type='text']:focus,
input[type='file']:focus,
input[type='tel']:focus,
input[type='password']:focus,
input[type='number']:focus,
select:focus,
textarea:focus {
	border-color: #E4D5C7
}

input[type='text']::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
	color: #4F4C4D
}

input[type='text']::-moz-placeholder,
input[type='tel']::-moz-placeholder,
input[type='password']::-moz-placeholder,
input[type='number']::-moz-placeholder,
textarea::-moz-input-placeholder,
select::-moz-input-placeholder {
	color: #4F4C4D
}

input[type='text']:-moz-placeholder,
input[type='tel']:-moz-placeholder,
input[type='password']:-moz-placeholder,
input[type='number']:-moz-placeholder,
textarea:-moz-input-placeholder,
select:-moz-input-placeholder {
	color: #4F4C4D
}

input[type='text']:-ms-input-placeholder,
input[type='tel']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
	color: #4F4C4D
}

input.fail--input,
textarea.fail--input {
	border-color: red
}

textarea {
    height: auto !important;
    padding: 15px 20px;
    margin: 0;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	outline: 0;
	padding-right: 40px;
	background-size: 12px;
	cursor: pointer
}

option {
	font-size: 16px;
	color: #171717;
	padding: 3px 0
}

[type='checkbox'], [type='radio'] {
    box-sizing: border-box;
    padding: 0;
    height: auto;
    width: auto;
}

.woocommerce-ordering{
    position:relative;
}

.woocommerce .woocommerce-ordering select {
    padding: 8px 45px 8px 52px;
    border: none;
    font-size: 14px;
    text-transform: capitalize;
    background: #FFFFFF;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.04);
    border-radius: 30px;
}

.woocommerce .woocommerce-ordering:before{
    content: url(/blog/wp-content/themes/nexter/img/icons/sort-asc.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 16px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    line-height: 0;
    pointer-events: none;
}

.woocommerce .woocommerce-ordering:after{
    content: url(/blog/wp-content/themes/nexter/img/icons/arrow_down.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    line-height: 0;
    pointer-events: none;
}

.woocommerce .woocommerce-result-count {
    margin-right: 24px;
}


button,
.button-block a,
.link-block a,
input[type="submit"] {
    max-width: 324px;
    width: 100%;
    display: inline-block;
    padding: 14px;
    background: #27272A;
    color: #FFF;
    border: none;
    font-family: Furore;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 400;
    white-space: nowrap;
    line-height: normal;
    text-decoration: none;
    transition: background-color 0.5s ease;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

button:hover,
.button-block a:hover,
.link-block a:hover,
input[type="submit"]:hover,
.woocommerce-mini-cart__buttons a.button:hover {
    background-color: #0098A7;
    color: #fff;
}

button:active,
.button-block a:active,
.link-block a:active,
input[type="submit"]:active{
    background-color: #E477B1;
    color: #fff;
    
}

:is(.link-block a){
    position:relative;
}

.link-block.slide_style a{

}

img {
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	-webkit-user-drag: none
}


header{
    position: absolute;
    z-index: 102;
    top: 40px;
    left: 0;
    right: 0;
    padding-top: 36px;
}

body.single header{
    top:0;
}

.header__column .link-block a svg{
    transition: filter 0.4s ease;
}

.header__column .link-block a svg:hover{
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0));
}

.header__column .link-block a svg:hover{
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.75));
}

body.single .header__column .link-block a svg{
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.75));
}

body.single .header__column .link-block a:hover svg{
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
}

.header__column .link-block a{
    background: none;
    padding: 0;
}

.header__column .link-block a svg:first-child{
    margin-right:9px;
    vertical-align: middle;
}

/* header.active {} */

header>.content-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    transition: height .5s ease;
    padding-left: calc(100% / 12 + 40px);
    padding-right: calc(100% / 12 + 40px);
}

body.single header >.content-block{
    padding-left: calc(100% / 12 );
    padding-right: calc(100% / 12 );
}

header.active>.content-block{
    height: 70px;
    align-items: center;
}


a img{
    outline: none !important;
}


/* popup__menu */

.js__open__menu{
    display:flex;
    align-items:center;
    cursor:pointer;
}

.js__open__menu:hover .title__hamburger{
    color:#9A895B;
}

.hamburger{
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 40px;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;

}

.hamburger span{
    background: #fff;
    display: block;
    width: 100%;
    height: 3px;
    max-width: 50px;
}

.hamburger span:first-child{
    margin-bottom:4px;
}

.hamburger span:nth-child(2){
    margin: 10px 0;
}

.js__open__menu.active .hamburger span:first-child{
    transform: rotate(45deg);
    position: relative;
    top: 13.5px;
}

.js__open__menu.active .hamburger span:last-child{
    transform: rotate(-45deg);
    position: relative;
    bottom: 12.5px;
}

.js__open__menu.active .hamburger span:nth-child(2){
    opacity:0;
}

header.active .hamburger{
    margin-top:0;
}


.row-block.inner__hamburger span{
    margin-left: 0;
    opacity: 0;
    white-space: nowrap;
    width: 1px;
    overflow: hidden;
    transition:all 0.3s ease;
}


.popup__menu{
    right: 100%;
    opacity: 0;
    position: fixed;
    top: 113px;
    height: calc(100% - 113px);
    background-color: #fff;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.04);
    z-index: 101;
    width: 100%;
    padding: 20px;
    left: 0;
    transition: all 0.5s ease;
    display: flex;
    pointer-events: none;
    overflow-y: scroll;
}


#wpadminbar ~ .wrapper-main .popup__menu{
    margin-top: 30px;
}

.popup__menu.active{
    opacity:1;
    pointer-events: auto;
}


.megamenu__column {
    padding: 0;
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.megamenu__column .close__button {
    width: 50px;
    height: 50px;
    margin: 0 0 0 auto;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.megamenu__column .logo__header {
    margin-top: -48px;
}

.megamenu__column .logo__header img {
    max-height: 87px;
    width: auto;
}

.megamenu__column .footer__socials p{
    color: #242331;
    text-align: left;
    margin-top: 30px;
}

.megamenu__column .messengers {
    justify-content: flex-start;
    width: 100%;
}

.close__button svg{
    vertical-align:middle;
    margin:0;
}

.category__container a{
    display: block;
}

.category__container.category__container1{
    position:relative;
}

.popup__catalog{
    margin-bottom:40px;
}

.category__container.category__container1:before{
    content: url(/blog/wp-content/themes/nexter/img/icons/arrow_down.svg);
    position: absolute;
    left: calc(100% - 36px);
    width: 56px;
    height: 56px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-90deg);
}

.category__container.category__container1 > a{
    padding: 16px 12px 16px 0;
    font-size:1.125em;
}

.category__container.category__container2 > a {
    padding: 14px 12px 14px 0;
}

.category__container > a:hover,
.category__container.category__container--active > a{
    color:#B24824;
}

.category__container ul{
    opacity: 0;
    display: none;
    position: fixed;
    top: 0;
    left: 360px;
    background: #fff;
    box-shadow: 0px 14px 40px rgb(0 0 0 / 4%);
    border-radius: 0px 20px 20px 0px;
    z-index: -1;
    padding: 40px 60px;
    flex-wrap: wrap;
    max-width: 640px;
    min-height: 500px;
}

.category__container:hover ul{
    display: flex;
    opacity:1;
}

.category__container.category__container2{
    flex-basis: 50%;
    list-style: none;
}

.search__line{
    position:relative;
}

input[type="text"].search-field{
    padding: 12px 12px 12px 54px;
    gap: 10px;
    border: 1px solid #E6E6E6;
    border-radius: 40px;
    color: rgb(60 60 60 / 80%);
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit{
    left:13px;
}

.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp {
    padding: 10px 0;
}

.nxt-search-submit {
    position: absolute;
    left: 0;
    top: 0;
}

input[type="submit"].search-submit {
    font-size: 0;
    width: 44px;
    border-radius: 100px;
    background: none;
    border: none;
    background: url(/blog/wp-content/themes/nexter/img/icons/search_normal.svg) no-repeat right center;
    opacity: 0.5;
}

.phone__mobile a, .map__mobile a{
    font-size: 18px;
    padding: 9px 0;
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
}

.phone__mobile a:hover, .map__mobile a:hover{
    color:;
}

.phone__mobile a svg, .map__mobile a svg{
    margin-right: 10px;
    fill: transparent;
    stroke: #fff;
} 


.nav__mobile .link-block{
    margin-bottom:10px;
}

.nav__mobile .link-block a{
    max-width:100%;
}

.menu__mobile ul {
    padding: 50px 0;
    margin: 0;
    text-align: center;
}

.menu__mobile li{
    margin-bottom: 16px;
    list-style: none;
    margin: 0;
}

.menu__mobile li a{
    color:  #3D3D3D;
    font-size: 1.125em;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin:0;
    margin-bottom:10px;
    text-decoration:none;
}

.megamenu__column 

.menu__mobile .sub-menu{
    position: relative;
    padding: 16px 0 1px;
    display:none;
}

.menu__mobile .sub-menu li {
    margin-bottom: 10px;
}

.menu__mobile .sub-menu li a{
    padding:7px 0; 
    font-size: 0.89em;
}

.menu__mobile .sub-menu:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(90deg, #B24824 0%, rgba(178, 72, 36, 0) 100%);
}

.menu__mobile .menu-item-has-children{
    position:relative;
}

.menu__mobile li:not(.menu-item-has-children) a{
    display: block;
    padding: 10px 0;
}

.menu__mobile .menu-item-has-children:before{
    content: url(/blog/wp-content/themes/nexter/img/icons/arrow_down.svg);
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: -3px;
    margin: auto;
    transform: rotate(0);
}

.menu__mobile .menu-item-has-children.active:before{
    transform: rotate(-180deg);
}


/* main-manu */

#menu-main-menu{
    display:flex;
    padding:0;
    margin:0;
}

#menu-main-menu .menu-item{
    list-style: none;
    margin: 0 15px 0 0;
}

header > .content-block.row-block{
    padding: 0;
    align-items: center;
}

#menu-main-menu > li > a{
    padding: 17.5px 10px;
    font-family: "Montserrat", sans-serif;
    font-size: 1em;
    line-height: 156%;
    color: #fff;
    text-decoration: none;
    display: block;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    transition: color 0.3s ease;
}

#menu-main-menu > li > a:hover{
    color:#ffe358;
}

#menu-main-menu > li > a:active{
    color:#ffe358;
}

.sub-menu-toggle,
.sub-menu{
    display:none;
}

.social-links{
    line-height:0;
}

.social-links a svg{
    fill: #AAB3C6;
}

.social-links a:hover svg{
    fill: #fff;
}

.social-links a, .social-links a:hover{
    background: none;
    margin-left: 5px;
    display: inline-block;
    line-height: 0;
    margin-bottom: 0;
}

/* footer */

footer{
    background: #0098A7;
    margin: 0 -40px -40px;
}

footer .content-block{
    position: relative;
    padding: 60px 47px;
    height:379px;
}

.footer_column1{
    flex-basis:178px;
}

.logo__footer{
    margin-top:27px;
    text-align:center;
    color: #FFF;
    font-family: 'NHLEVan';
    font-size: 69px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


/* first-screen */

.first-screen {
    position:relative;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

.first-screen:before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background-color:rgba(253,161,255,0.4);
}

.first-screen .content-block{
    padding-top: 0;
    height: 787px;
    position: relative;
    display:flex;
    flex-direction:column;
    justify-content: center;
    box-sizing: border-box;
}

.first-screen h1{
    color: #FFF;
    font-family: Montserrat;
    font-size: 3.75em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin:0;
}

.first-screen .after-title{
    margin-top:29px;
    margin-bottom:0;
    color: #FFF;
    font-family: Montserrat;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.first-screen .link-block{
    margin-top:29px;
}

/* slime head */

.slime__menu{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #27272A;
    z-index: 102;
    box-shadow: 0 3px 5px rgba(253,161,255,0);
    transform: translateY(-70px);
    transition: transform 0.4s ease;
}


.slime__menu.active{
    transform: translateY(0);
    box-shadow: 0 3px 5px rgba(253,161,255,0.4);
}

.slime__menu .content-block{
    height: 70px;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    padding: 10px;
    padding-left: calc(100% / 12);
    padding-right: calc(100% / 12);
}

.slime__menu .link-block a{
    transition: color 0.4s ease;
}

.slime__menu .link-block a:hover{
    color:#0098A7;
}


/* posts*/

.blog_list .content-block{
    padding-left:0;
    padding-right:0;
}

.blog_list .posts_list{
    padding-bottom:0
}

.posts_list{
    flex-wrap: wrap;
    padding: 40px 0;
    align-items: flex-start;
}

.posts_list .content__post{
    max-width:calc(33.333% - 26px);
    margin: 0 39px 58px 0;
}

.posts_list .content__post:nth-child(3n+3){
    margin-right:0;
}

div.content__post hr{
    margin:0;
}

.image__post a{
    position:relative;
    display:block;
    line-height:0;
    display:block;
    background:#FDA1FF;
}

.image__post img{
    width:auto;
    height:auto;
    max-width:100%;
    line-height:0;
    opacity:1;
    transition: opacity 0.4s ease;
}

.image__post a:hover img{
    opacity:0.4;
}

.title__post{
    padding: 14px 0 10px;
}

.title__post a{
    text-decoration:none;
    color: #3F3F46;
    font-family: Montserrat;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    transition: color 0.4s ease;
}

.title__post a:hover{
    color: #0098A7;
}

.short-text__post{
    margin-bottom:10px;
    color: #3F3F46;
    font-family: Montserrat;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.post_date{
    margin: 10px 0 16px;
    font-size: 0.875em;
    border-top: 1px solid #f8adc3;
    padding: 10px 0;
}

.tags__post{
    margin:14px 0 10px;
    color: #9D9D9D;
    font-family: Montserrat;
    font-size: 0.9375em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

#post_single{
    width:100%;
    overflow:hidden;
}

/* navigation */

.navigation{
    margin: 26px 0 56px;
    display:flex;
    justify-content: center;
}

.navigation ul,
.navigation li{
    margin:0;
    padding:0;
    list-style:none;
}

.navigation ul{
    display:flex;
    justify-content: center;
}

.navigation li{
    background-color:rgba(0,0,0,0);
    margin:0 10px;
    display:flex;
    width:47px;
    height:47px;
    border: 2px solid #000;
    transition: background-color 0.4s ease;
}

.navigation li.active,
.navigation li:hover{
    background-color:rgba(0,0,0,1);
}

.navigation li a{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-family: Furore;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration:none;
    transition: color 0.4s ease;
}

.navigation li.active a,
.navigation li:hover a{
    color:#fff;
}


/* single post */

.preview__post{
    margin: -40px -40px 0 -40px;
    height:455px;
    background-color:#E477B1;
    background-position:center top;
    background-size:cover;
    background-repeat:no-repeat;
}

.single-post hr{
    margin:0 -40px;
}

.single-post .content-block{
    padding-right:0;
}

.main__single-post{
    flex-basis: 658px;
    margin-right:10%;
}

.link__home{
    padding-top:12px;
    padding-bottom:9px;
}

.link__home a{
    text-decoration:none;
    color: #000;
    font-family: Furore;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition:color 0.4s ease;
}

.link__home a:hover{
    color:#0098A7;
}

.tags__single-post{
    margin: 14px 0 10px;
    color: #9D9D9D;
    font-family: Montserrat;
    font-size: 0.9375em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.article__single-post a{
    color:#0098A7;
}

.article__single-post a:hover{
    text-decoration:underline;
}

.main__single-post :is(ul,ol){
    margin:32px 0;
    padding-left: 28px;
}

.main__single-post :is(ul,ol) li{
    margin:7px 0;
}

.article__single-post img{
    height:auto;
    max-width:100%;
}

.article__single-post iframe{
    max-width:100%;
}

blockquote, q{
    border-top: 2px solid #E477B1;
    border-bottom: 2px solid #E477B1;
    padding:19px 0;
    color: #3F3F46;
    font-family: Montserrat;
    font-size: 1.125em;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
}

.recent__posts{
    margin: 0 -40px 0 -113px;
}

div.recent__posts > hr{
    margin:0;
}

.recent__posts .posts_list .content__post {
    max-width: calc(33.333% - 16px);
    margin: 0 24px 56px 0;
}

.recent__posts .posts_list{
    padding:0;
}

.recent__posts .posts_list .content__post:nth-child(3n+3) {
    margin-right: 0;
}

.title__recent{
    margin: 34px 0 19px;
    color: #3F3F46;
    font-family: Montserrat;
    font-size: 1.25em;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.sidebar__single-post{
    flex-basis: 427px;
    margin-left: auto;
    margin-top: 44px;
}

.sidebar__single-post ul,
.sidebar__single-post ul li{
    padding:0;
    margin:0;
    list-style:none;
}

.sidebar__single-post ul li a{
    color: #3F3F46;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration:none;
}

.sidebar__single-post ul li a:hover{
    color: #0098A7;
}

.sidebar__single-post ul hr{
    margin: 25px 0;
    border-color:#0098A7;
}

.simple__page .content-block{
    padding-top:0;
}

.simple__page .title__content h1{
    margin-bottom:20px;
}

#comments, .byline, .byline, .navigation, .entry-footer{
   
}



/* scroll top */

/* .scroll-top {
    content: '';
    cursor: pointer;
    position: fixed;
    right: 30px;
    bottom: -150px;
    width: 50px;
    height: 50px;
    background: #F04D7C;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(/blog/wp-content/themes/blog_vc/img/icons/arrow-dotted.svg);
    background-repeat: no-repeat;
    background-position: 19px 19px;
    transform: rotate(-142deg);
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
    transition: bottom 0.5s ease;
    z-index: 12;
}

.scroll-top:hover{
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0);
}

.scroll-top.active{
    bottom:30px;
}

.scroll-top svg{
    stroke: #fff;
    transform: rotate(54deg);
} */


@media screen and (max-width:1300px){



    .slime__menu .content-block {
        height: 60px;
    }

    .first-screen .content-block {
        height: 579px;
    }

    .first-screen h1{
        font-size:3.125em;
    }

    .content-block{
        padding-left: 61px;
        padding-right: 61px;
    }

    header>.content-block {
        padding-left: 100px;
        padding-right: 100px;
    }

    body.single header >.content-block {
        padding-left: 60px;
        padding-right: 60px;
    }

    .recent__posts {
        margin: 0 -40px 0 -60px;
    }

    .tags__post {
        font-size: 0.875em;
    }

    .title__post a{
        font-size:1.125em
    }

    .logo__footer {
        margin-top: 27px;
        text-align: center;
        color: #FFF;
        font-family: 'NHLEVan';
        font-size: 69px;
    }

}

@media screen and (max-width:1200px){

    .logo__footer {
        font-size: 40px;
    }

    .slime__menu .link-block a {
        font-size: 1.125em;
    }    

    header {
        top: 30px;
        padding-top:32px;
    }

    #page.site {
        padding: 30px;
    }

    .first-screen .content-block {
        height: 485px;
        padding-top:50px;
    }

    .first-screen h1{
        font-size:2.5em;
    }

    .content-block{
        padding-left: 50px;
        padding-right: 50px;
    }

    .slime__menu .content-block{
        padding-left: 80px;
        padding-right: 80px;
    }

    header>.content-block {
        padding-left: 80px;
        padding-right: 80px;
    }

    body.single header >.content-block {
        padding-left: 50px;
        padding-right: 50px;
    }

    .recent__posts {
        margin: 0 -40px 0 -60px;
    }
    
    .short-text__post{
        font-size:0.9375em
    }

    .tags__post {
        font-size: 0.875em;
    }

    .title__post a {
        font-size: 1em;
    }

    .logo__footer img{
        max-width:247px;
        height:auto;
    }

    footer .content-block {
        padding: 60px 30px;
        height: 241px;
    }

    .single-post hr {
        margin: 0 -84px;
    }

    div.single-post .content-block{
        display:block;
    }

    .recent__posts {
        margin: 0 -84px;
    }

    .recent__posts > hr {
        margin: 0;
    }

    .main__single-post {
        max-width: 796px;
        margin: 0 auto;
    }

    div.single-post .content-block {
        padding-right: 84px;
        padding-left: 84px;
    }

    .recent__posts .title__post a {
        font-size: 1.125em;
    }

    .sidebar__single-post{
        background: #F1F1F1;
        padding: 25px 30px 33px;
        margin: 0 -114px;
    }

    .preview__post {
        height: 319px;
    }

    .preview__post {
        margin: -30px -30px 0 -30px;
    }

    footer{
        margin: 0 -30px -30px -30px;
    }

}


@media screen and (max-width:800px){

    .slime__menu .link-block a {
        font-size: 1em;
    }

    header {
        top: 30px;
        padding-top:28px;
    }

    .header__column .link-block a svg:nth-child(2){
        max-width:109px;
        vertical-align: middle;
    }

    .header__column .link-block a svg:first-child{
        max-width:13px;
        margin-right: 6px;
    }

    .first-screen .content-block {
        height: 376px;
        padding-top:50px;
    }

    .first-screen h1{
        font-size:2em;
    }

    .first-screen h1 br{
        display:none;
    }

    .first-screen .after-title{
        font-size:1em;
        margin-top:18px;
    }

    button, .button-block a, .link-block a, input[type="submit"] {
        padding: 10px 32px;
        font-size: 1em;
        max-width:182px;
    }

    .content-block {
        padding-left: 40px;
        padding-right: 40px;
    }

    .slime__menu .content-block{
        padding-left: 70px;
        padding-right: 70px;
    }

    header>.content-block {
        padding-left: 70px;
        padding-right: 70px;
    }

    .navigation li{
        width: 38px;
        height: 38px;
    }

    .navigation li a{
        font-size:1em;
    }

    body.single header >.content-block {
        padding-left: 50px;
        padding-right: 50px;
    }

    .posts_list .content__post {
        max-width: calc(33.333% - 13.34px);
        margin: 0 20px 58px 0;
    }

    div.single-post .content-block {
        padding-right: 62px;
        padding-left: 62px;
    }

    .preview__post {
        height: 215px;
    }

    .link__home a{
        font-size:1em;
    }

    .link__home {
        padding-top: 19px;
        padding-bottom: 10px;
    }

    .single-post hr {
        margin: 0 -62px;
    }
 
    .tags__single-post {
        margin: 8px 0 10px;
    }

    h1 {
        font-size: 1.875em;
        margin: 41px 0 15px;
    }

    h2{
        font-size: 1.125em;
    }

    h3{
        font-size: 0.9375em;
    }

    p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr {
        margin: 15px 0;
    }

    .recent__posts {
        margin: 0 -62px;
    }

    .sidebar__single-post {
        margin: 0 -92px;
    }

    .sidebar__single-post ul li a{
        font-size:1.
    }

    .sidebar__single-post ul li a{
        font-size:1.125em;
    }



   
}

@media screen and (max-width:600px){

        .logo__footer {
        font-size: 30px;
    }

    #page.site {
        padding: 0;
    }

    header {
        top: 40px;
        padding-top: 0;
    }

    body.single header {
        top: 40px;
    }

    
    .slime__menu .content-block{
        padding-left: 20px;
        padding-right: 20px;
    }

    header>.content-block, body.single header >.content-block {
        padding-left: 30px;
        padding-right: 30px;
    }

    .first-screen .content-block {
        height: 356px;
        padding-top: 30px;
    }

    .first-screen h1 {
        font-size: 1.625em;
    }

    .first-screen .after-title {
        margin-top: 10px;
    }

    .first-screen .link-block {
        margin-top: 23px;
    }

    .posts_list .content__post {
        max-width: 100%;
        margin: 0 0 39px 0;
    }

    .blog_list .content-block {
        padding-left: 10px;
        padding-right: 10px;
    }

    .posts_list {
        flex-wrap: wrap;
        padding: 10px 0;
    }

    .image__post img{
        width:100%;
    }

    footer .content-block {
        padding: 60px 10px;
        height: 208px;
    }

    footer {
        margin: 0;
    }

    .logo__footer img {
        max-width: 185px;
    }

    .navigation {
        margin: 29px 0;
    }

    .posts_list .content__post:last-child{
        margin-bottom:0;
    }

    .posts_list .content__post:last-child hr:last-child{
        display:none;
    }

    .preview__post {
        height: 179px;
        margin: 0;
    }

    div.single-post .content-block {
        padding-right: 10px;
        padding-left: 10px;
    }

    .link__home {
        padding-top: 22px;
        padding-bottom: 10px;
    }

    h1 {
        font-size: 1.625em;
        margin: 28px 0 15px;
    }
    .single-post hr {
        margin: 0;
    }

    p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr {
        margin: 12px 0;
    }

    blockquote, q {
        margin: 30px 0;
        padding: 12px 0;
        font-size: 1em;
    }

    .recent__posts {
        margin: 0;
    }

    .recent__posts .posts_list {
        padding: 0;
        overflow-x: scroll;
        width:100%;
        flex-wrap:nowrap;
    }

    .recent__posts .posts_list .content__post {
        min-width: 320px;
        margin: 0 24px 56px 0;
    }

    .sidebar__single-post {
        margin: 0 -10px;
        padding: 25px 10px;
    }

    .first-screen .after-title br{
        display:none;

    }



    



  
}

@media screen and (max-width:500px){

    .slime__menu .link-block a svg:first-child {
        max-width: 11px;
        margin-right: 6px;
    }


    .slime__menu .link-block a {
        font-size: 0.875em;
    }
}