/*
Theme Name: Kalium - Child Theme
Theme URI: https://kaliumtheme.com
Author: Laborator
Author URI: https://laborator.co
Description: Start creating that amazing website that you have always wanted, only with Kalium &mdash; Connect with Laborator on: <a href="https://twitter.com/thelaborator">Twitter X</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/

@font-face{
    font-family: "Gotham Book";
    src: url("./fonts/GothamBook/gb.eot");
    src: url("./fonts/GothamBook/gb.eot?#iefix")format("embedded-opentype"),
        url("./fonts/GothamBook/gb.woff")format("woff"),
        url("./fonts/GothamBook/gb.woff2")format("woff2"),
        url("./fonts/GothamBook/gb.ttf")format("truetype"),
        url("./fonts/GothamBook/gb.svg#Gotham Book")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
} 
    @font-face {
    font-family: "Maax Mono Regular";
    src: url("./fonts/MaaxMonoRegular/maaxmonoregular.eot");
    src: url("./fonts/MaaxMonoRegular/maaxmonoregular.eot?#iefix")format("embedded-opentype"),
        url("./fonts/MaaxMonoRegular/maaxmonoregular.woff2")format("woff2"),
        url("./fonts/MaaxMonoRegular/maaxmonoregular.woff")format("woff"),
        url("./fonts/MaaxMonoRegular/maaxmonoregular.ttf")format("truetype"),
        url("./fonts/MaaxMonoRegular/maaxmonoregular.svg#Maax Mono Regular")format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Sackers Gothic Medium";
    src: url("./fonts/SackersGothicMedium/sackersgothicmedium.eot");
    src: url("./fonts/SackersGothicMedium/sackersgothicmedium.eot?#iefix")format("embedded-opentype"),
        url("./fonts/SackersGothicMedium/sackersgothicmedium.woff")format("woff"),
        url("./fonts/SackersGothicMedium/sackersgothicmedium.woff2")format("woff2"),
        url("./fonts/SackersGothicMedium/sackersgothicmedium.ttf")format("truetype"),
        url("./fonts/SackersGothicMedium/sackersgothicmedium.svg#Sackers Gothic Medium")format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Big Caslon Medium";
    src: url("./fonts/BigCaslonMedium/bigcaslonmedium.eot");
    src: url("./fonts/BigCaslonMedium/bigcaslonmedium.eot?#iefix")format("embedded-opentype"),
        url("./fonts/BigCaslonMedium/bigcaslonmedium.woff")format("woff"),
        url("./fonts/BigCaslonMedium/bigcaslonmedium.woff2")format("woff2"),
        url("./fonts/BigCaslonMedium/bigcaslonmedium.ttf")format("truetype"),
        url("./fonts/BigCaslonMedium/bigcaslonmedium.svg#Maax Mono Regular")format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



body, html {
    font-family: "Gotham Book";
    font-size: 100%;
    font-size: 16px;
}

h2, h3, h4, h5, h6 {
    font-family: "Big Caslon Medium";
}

h2 {
    font-size: clamp(27px, 23.1879px + .97vw, 40px);
}
h3 {
    font-size: clamp(19px, 18.705px + .075vw, 20px);
} 

/** Header **/

header, header.site-header--sticky-spacer {
    height: auto !important;
}

.site-header.header-bottom-spacing {
    margin-bottom: 0;
}

header h1 {
    position: relative;
    color: #000;
    top: 0;
    left: 0;
    transform: translate(0, 0);
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0;
    transition: opacity .5s ease-in-out;
}

header h1.scrolled {
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
}

header h1 .logo-text {
    font-family: "Sackers Gothic Medium";
    font-size: 17px;
    color: #000 !important;
}

header h1 .logo-subtext {
    font-size: 12px;
    color: #000;
    width: auto;
    display: inline;
    text-align: left;
}

.header-block {
    padding-top: 10px;
    padding-bottom: 10px;
}

.standard-menu-container.menu-skin-main ul.menu>li>a, .standard-menu-container.menu-skin-main .menu>ul>li>a {
    color: #000;
}

.header-block {
    flex-direction: row;
    justify-content: center;
}


/** SLIDER **/

#slider h1 {
    position: absolute;
    z-index: 50;
    top: 50%;
    left: 50%;
    opacity: 1;
    color: #fff;
    transform: translate(-50%, -50%);
    transition: all 1s ease-in-out;
}

#slider h1 .logo-text {
    font-family: "Sackers Gothic Medium";
    font-size: clamp(24px, -10.33px + 8.5vw, 120px);
    line-height: 1.4;
    color: #fff !important;
    transition: font-size 1s ease-in-out;
}
#slider h1 .logo-subtext {
    font-family: "Sackers Gothic Medium";
    font-size: clamp(16px, 7.443px + 2.29vw, 50px);
    color: #fff;
    width: 60%;
    display: block;
    text-align: center;
    margin: 0 auto;
    transition: font-size 1s ease-in-out;
}

#slider.scrolled h1 {
    top: 0%;
    left: 0%;
    opacity: 0;
}

#slider.scrolled h1 .logo-text {
    font-size: 0px;
}

#slider.scrolled h1 .logo-subtext {
    font-size: 0px;
}

/* .ls-layers {filter: brightness(.75)} */
    

/** FOOTER **/

.footer-content-right a {margin-left: 35px}



/** MAIN **/

.smallText12 {
    font-size: 12px;
    margin-bottom: 0 !important;
    text-transform: uppercase;
}

#architecture {
    margin: 0;
}
.zitat h2 {margin-bottom: 18px}
.vc_gitem-zone.vc_gitem-zone-c {
    background-color: transparent !important;
}

.vc_gitem-zone.vc_gitem-zone-c .vc_gitem_row .vc_gitem-col {
    padding: 15px 0;
}

.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title {
    margin-bottom: 0;
}

.vc_grid-item .vc_btn3-container {
    display: none;
}

.vc-gitem-zone-height-mode-auto::before {
    padding-top: 70%;
}

html body.post-template-default.single-post .single-post .container {
    overflow: visible !important; 
    width: 100% !important; 
    max-width: 100% !important; 
    padding-left: 0;
    padding-right: 0;
}

.flickity-button.flickity-prev-next-button.prev, .flickity-button.flickity-prev-next-button.next  {
	display: none;
}

section.hero {
	width: 100%;
	/* height: calc(100vw / 1.78);   */
    /* max-height:  720px; */
    /* height: calc(100vh - 110px); */
    height: calc(100vw * 0.45);
    max-height: calc(100vh - 100px);
	overflow: hidden;
    margin-bottom: 35px;
    position: relative;
    top: 60px;
    /* display: none; */
}
section.hero + .container {
    margin-top: 100px;
}
section.hero img, section.hero .slider-item img {
	width: auto;
	height: 100%;
	margin: 0 auto;
	display: block;
	object-fit: contain;
    max-width: 91%;
}
.navigation {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 20;
	/* height: calc(100vw / 1.78 - 60px );  */
    /* height: calc(100vh - 170px ); */
    /* max-height: 660px; */
    height: calc(100vw * 0.45);
    max-height: calc(100vh - 100px);
    display: flex;
    justify-content: space-between;
}
.left, .right {
	position: relative;
    top: 0;
	width: 49vw;
    height: 100%;
    cursor: pointer; 
}
.left {left: 0;}
.right {right: 0;}
.left:hover a, .right:hover a, .left a:hover, .right a:hover {
    display: block !important;
    outline: none !important;
}
section.hero .slider-pics {
    opacity: 0;
    position: relative;
    display: flex;
    overflow: hidden;
	/* height: calc(100vw / 1.78);   */
    /* max-height:  720px; */
    /* height: calc(100vh - 100px); */
    height: calc(100vw * 0.45);
    max-height: calc(100vh - 100px);
    width: 100%;
    transition: transform 1s ease-in-out;
    scroll-behavior: smooth; /* Für sanftes Scrollen */
}
section.hero .slider-item  {
    flex-shrink: 0;
    box-sizing: border-box; 
	height: 100%;
}
 
.hero.ls-v5 .ls-nav-prev, .hero.ls-v5 .ls-nav-next {
	filter: brightness(0.3); transform: scale(0.8);
}
#work .vc_gitem-post-data-source-post_title h4 {font-size: 24px; margin-bottom: -3px;}
#work .vc_gitem-post-data-source-post_excerpt p {font-size: 13px;}

.gallery-pics {
    display: flex;
    align-items: center;
	justify-content: center;
	flex-wrap: wrap;
    padding: 0;
}
.gallery-item {
    /* width: 20%; */
    height: 13vw;
    margin: 0;
    padding: 10px;
}
.gallery-item img {
	/* width: 100%; */
	height: 100%;
    /* object-fit: cover; */
	cursor: pointer;
	margin: 0 auto;
	display: block;
}
.post-content {
	padding: 0 0 35px;
	display: flex;
	/* border-bottom: .3px solid #999; */
	margin: 50px 45px;
	width: calc( 100% - 90px );
	/* max-width: 860px;  */
}
.content-meta {
	display: flex;
	justify-content: space-between;
	width: 50%;
}
.post-content .content {
	width: 65%;
	padding: 0 5% 0 0;
}
.post-content .post-meta {
	/* margin-top: 25px; */
	padding: 0 0 0 40px;
	/* border-left: .3px solid #999;
	border-right: .3px solid #999; */
}
.post-content h3 {
	margin: 0;
    font-weight: 500;
    font-size: clamp(1.1875rem, 1.0638rem + 0.6186vw, 1.5625rem);
}
.post-content h3 + p {
	margin-bottom: 35px;
}
.award_logo {width: auto; height: 60px; margin-right: 10px;}

#work, #about, #spaces, #contact {padding: 67.5px 0 0;}


#about h2, #spaces h2, #contact h2 {
    font-family: "Sackers Gothic Medium";
    font-size: clamp(3.125rem, 2.3003rem + 4.1237vw, 5.625rem);
    color: #000;
    margin-left: -10px;
    margin-bottom: 45px;
}
#spaces h2 {margin-bottom: -45px;}

.about_text h3, .spaces_text h3, .contact_text h3, .awards h3, .vita h3  {
    font-family: "Sackers Gothic Medium";
}
.about_text h3:first-of-type + p:first-of-type {
    font-size: 12px;
    margin-bottom: 50px;
}

#about .about_text {
	margin-bottom: 50px;
    max-width: 425px;
}

#spaces .spaces_text {
	margin-bottom: 0px;
    max-width: 445px;
}
#office_iterniors, #lobby_architecture , #residential_iterniors {
    padding: 100px 0 0;
}

#spaces .wpb_single_image {
	width: 80%;
	height: auto;
	max-width: 485px;
}
#architecture.marg_botom_35 {margin-bottom:35px;}

#informationSite h2 {
    font-family: "Sackers Gothic Medium" !important;
    font-size: clamp(1.25rem, 0.3222rem + 4.6392vw, 4.0625rem);
    letter-spacing: -1px;
    margin-left: 0;
}
#informationSite h3 {
	font-family: "Sackers Gothic Medium";
	margin: 35px 0 10px;
	text-transform: uppercase;
}
#informationSite p {
    margin-bottom: 20px;
}
#qrCode { width: 450px; height: auto;}

.location {text-transform: uppercase;padding-top: 10px;}

/** MOBILE MENU **/

.mobile-menu-wrapper.mobile-menu-fullscreen + .mobile-menu-overlay {
	background-color: #ffffffe5;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu,
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul {
	position: relative;
	transform: translate(0);
	top: 0;
	left: 0;
}
.mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu,
.mobile-menu-open .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul {
	position: relative;
	transform: translate(-50%,-75%);
	top: 50%;
	left: 50%;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li a:hover, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li a:hover, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current-menu-item > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current-menu-item > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current_page_item > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current_page_item > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current-menu-ancestor > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current-menu-ancestor > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu li.current_page_ancestor > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container div.menu > ul li.current_page_ancestor > a, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .search-form input, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .search-form input:focus + label, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .cart-icon-link-mobile, .mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container .cart-icon-link-mobile:hover {
	color: #000;
}
.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu > li > a {
    color: #000;
}
.toggle-bars.menu-skin-light .toggle-bars__bar-line {
	background-color: #000;
}
.mobile-menu-wrapper.mobile-menu-fullscreen {transition: none !important; }
.flexer {display: flex; justify-content: space-around;}

.ls-fullscreen-wrapper .ls-container.ls-fullsize {
    height: calc(100vh - 110px) !important;
    overflow: hidden !important;
}
 .ls-fullscreen-wrapper .ls-container.ls-fullsize .ls-layers {
   position: relative;
    bottom: 110px
}
.ls-gui-element.link-hover:after {
    display: none !important;
}

a.closer {
      position: absolute !important;
      display: block !important;
      width: 25px;
      height: 25px;
      cursor: pointer; /* Für eine bessere Benutzererfahrung */
      top: 20px;
      right: 45px;
}
/* 
a.closer::before, a.closer::after {
	content: '';
	position: absolute;
	width: 40px !important;
	height: 1px;
	background-color: #333;
	transform-origin: 0 0;
}
a.closer::before {
	top: 0;
	left: 0;
	transform: rotate(45deg);
}
a.closer::after {
	top: 30px;
	left: 0px;
	transform: rotate(-45deg);
} */

.mobile {
	padding: 0;
	margin: 0 35px;
	width: calc( 100% - 70px );
	max-width: 860px;
    display: none;
}

.awardPic {
	position: absolute;
	top: 16px;
	right: 0;
	width: auto;
	height: 55px;
}
.awardPic_2 {
	right: 105px;
}
.about_text p {max-width: 685px; margin-bottom: 25px;}
.contact_text p {max-width: 328px; margin-bottom: 50px;}
#about_content .wpb_single_image img {max-width: 100% !important;}

.mobile-menu-wrapper .mobile-menu-container ul li {text-align: center;}

.vita ul {
  margin: 0;
  list-style-type: none;
}
.vita ul > li {
  text-indent: -7px;
}
.vita ul > li::before {
	content: "-";
	position: relative;
	left: -10px;
}

#work .vc_grid-item:nth-of-type(10) .vc_gitem-zone {
	background-position: right;
}


@media (width < 1200px) {
    #about, #spaces, #contact {padding: 67.5px 15px 0; }
    #work, #about, #contact {padding: 52px 0 0;}

}
@media (width < 900px) {
    .post-content {
        padding: 0 0 35px;
        width: calc( 100% - 90px );
        flex-wrap: wrap;
    }
    .post-content .content {padding: 0 0 30px; width: 100%;}
    .post-content .post-meta {padding: 0 50px 0 0;}
    .post-content .content-meta {width: 100%;}
}

@media (width < 768px) {
    body, html {overflow-x: hidden;}
    .wrapper .site-header--sticky-absolute {
        position: fixed;
        top: 0;
    }
    .post-content {
        padding: 0 0 35px;
        margin: 50px 30px;
        width: calc( 100% - 60px );
        flex-wrap: wrap;
    }
    #architecture p {text-align: center !important;}
    #architecture .flexer span {
        /* width: 33% !important; */
        padding: 0 !important;
    }
    #architecture .vc_column-inner {padding: 0 !important;}
    #architecture .smallText12 {font-size: 11px;}    
    #about_content {flex-direction: column-reverse;}
    #awards_vita div:nth-of-type(2) > div.vc_column-inner {padding-left: 0;}
    .petra_pfeiffer {padding: 0 35px 0 0; margin-left: -15px;}
    .header-block__row, .vc_row  {margin-left: 0; margin-right: 0;}
    .gallery-pics {padding: 0 20px;}
    .gallery-item {height: 15vw;}
    body, html {font-size: 14px;}
    .footer-content-right a {margin: 0 15px;}
    /* section.hero .slider-pics {height: auto; max-height: 100vh;}
    section.hero {height: auto; top: 60px; margin-bottom: 95px; max-height: 100vh;}
    .navigation {height: auto; top: 0;} */
    .ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-next {display: block !important;}
    a.closer {right: 6px;}
    .flexer span {text-align: center}
    .flexer {margin:0; padding-bottom: 0}
    .ls-v5 .ls-nav-next, .ls-v5 .ls-nav-next:hover {background-position: -165px 0px !important; right: -20px !important;}
    .ls-v5 .ls-nav-prev, .ls-v5 .ls-nav-prev:hover {background-position: 15px 0px !important; left: -20px !important;}
    .mobile {display: block;}
    .desktop {display: none;}
    #slider  {margin-top: -110px !important;}
    #slider h1 {transform: translate(-50%, -40%);}
    #slider h1 .logo-text {font-size: clamp(1.5rem, -0.3763rem + 9.3814vw, 7.1875rem);}
    #slider h1 .logo-subtext {font-size: clamp(1rem, 0.0928rem + 4.5361vw, 3.75rem);}
    #about h2, #spaces h2 { margin-bottom: 0; padding-left: 5px;}
    #contact h2 { margin-bottom: 30px; padding-left: 5px;}
    #office_iterniors {padding: 0;}
    #office_iterniors .vc_column-inner, 
    #lobby_architecture .vc_column-inner  {padding: 0;}
    #residential_iterniors .vc_column-inner {padding: 0 0 15px;}
    #spaces .vc_column-inner   {padding: 0;}
    #contact .vc_column-inner  {padding: 15px !important;}
    #spaces .wpb_single_image {padding-left: 0 !important;}
    #qrCode {width: 100%; height: auto;}
    .mobile-menu-wrapper .mobile-menu-container ul.menu > li > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > a {font-size: 25px;}

}

@media (width < 600px) {
    #architecture .smallText12 {font-size: 9px;}    
    .gallery-pics {
        padding: 0 20px;
        width: 100% ;
        justify-content: center;
    }
    .gallery-item {
        /* width: 33%; */
        height: 20vw;
    }
    .mobile {
        margin: 0 30px;
        width: calc( 100% - 60px );
        max-width: calc( 100% - 60px );
    }
    .post-content {
        /* padding: 0 15px; */
        margin: 40px 30px;
        width: calc( 100% - 60px );
        flex-wrap: wrap;
    }
    .content-meta {flex-wrap: wrap;}
    .post-meta {margin-bottom: 30px;}
    #slider h1 .logo-text {font-size: clamp(24px, -8.33px + 9.5vw, 120px);}
    #slider h1 .logo-subtext {font-size: clamp(20px, 10.443px + 2.29vw, 50px);}
}

@media (width < 500px) {
    .gallery-item {/* width: 50%; */ height: 19vw;}

}

@media (width >=768px) {
    #architecture {margin: 0;}
    .petra_pfeiffer {
        position: relative; 
        /* top: -100px; */
        padding: 0 35px 40px 0;
    }
    .flexer span:nth-of-type(1) {text-align: right}
    .flexer span:nth-of-type(2) {text-align: center}
    .flexer span:nth-of-type(3) {text-align: left}
    .flexer span {width: 33%;}
    .gallery-pics {padding: 0 25px;}
    .post-content {padding: 0 0 35px;}
    .footer-bottom .container {width: calc( 100% - 60px );}

}

@media (width >=992px) {
    .footer-bottom .container {width: calc( 100% - 60px );}
    #about_content div:nth-of-type(2) > div.vc_column-inner {padding-left: 15px;}
    #awards_vita div:nth-of-type(2) > div.vc_column-inner {padding-left: 15px;}
}
@media (width >=1200px) {
    .container, .content-area {
        max-width: calc(100% - 60px);
        padding-left: 80px;
        padding-right: 80px;
    }
    #work {padding-top: 85px;}
    #about_content .wpb_single_image img {max-width: 430px !important;}
    #about_content div:nth-of-type(2) > div {padding-left: 0;}
    #awards_vita div:nth-of-type(2) > div {padding-left: 0;}
    #office_iterniors div:nth-of-type(2) > div,
    #lobby_architecture div:nth-of-type(2) > div,
    #residential_iterniors div:nth-of-type(2) > div
    {padding-left: 0;}
    #about, #spaces, #contact {margin-left: 0; width: 100%;}

    
}

@media (width >=1205px) {
    #architecture {margin: 0;}
    #post_galery {margin : 0 100px;}
    .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {padding: 40px 50px;}
    .petra_pfeiffer {padding: 0;}
    .gallery-pics {
        padding: 0 90px;
    }
    .gallery-item {
        /* width: 16.6667%; */
        height: 9.5vw;
    }
    .post-content {
        padding: 0 0 35px;
        display: flex;
        justify-content: space-between;
        /* border-bottom: .3px solid #999; */
        margin: 50px 100px;
        width: auto;
        max-width: 100%;
    }
    .post-content .content {
        width: 35%;
        padding: 0 40px 0 0;
    }
    .post-content .post-meta {
        margin-top: 0;
        padding: 0;
        min-width: 15%;
        max-width: 30%;
        /* border-left: .3px solid #999;
        border-right: .3px solid #999; */
    }
    .post-content .post-leistungen {
        margin-top: 0;
        padding: 0 0 0 40px;
        min-width: 67%;
        /* border-left: .3px solid #999;
        border-right: .3px solid #999; */
    }
    .flexer {padding-bottom: 35px}
    .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
	    padding-bottom: 80px;
    }
    .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item:nth-child(odd) {
	    padding-right: 10%; padding-left: 0;
    }
    .vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item:nth-child(even) {
        padding-left: 10%; padding-right: 0;
    }
    .vc_grid.vc_row.vc_grid-gutter-30px .vc_pageable-slide-wrapper {
	margin-right: 0;
    }
    .footer-bottom .container {max-width: calc( 100% - 35px );width: calc( 100% - 35px );}
    #about, #spaces, #contact {margin-left: 100px; width: calc( 100% - 200px);}
    .home .copyrights.site-info {padding-left: 110px;}
    #about_content div:nth-of-type(2) {padding-left: 10%;}
    #about_content div:nth-of-type(2) > div.vc_column-inner {padding-left: 0;}
    #awards_vita div:nth-of-type(2) {padding-left: 10%;}
    #awards_vita div:nth-of-type(2) > div.vc_column-inner {padding-left: 0;}
    
    #office_iterniors div:nth-of-type(2),
    #lobby_architecture div:nth-of-type(2),
    #residential_iterniors div:nth-of-type(2)
    {padding-left: 10%;}
    #office_iterniors div:nth-of-type(2) > div.vc_column-inner,
    #lobby_architecture div:nth-of-type(2) > div.vc_column-inner, 
    #residential_iterniors div:nth-of-type(2) > div.vc_column-inner 
    {padding-left: 0;}
    #spaces .wpb_single_image {max-width: 100%;}
}

@media (width >=1786px) {
    .header-block__column {
        padding-left: 15px;
        padding-right: 15px;
    }
    .vc_grid.vc_row.vc_grid-gutter-35px .vc_grid-item {padding: 40px 100px;}
}

@media (width >=1866px) {
    .header-block__column {
        padding-left: 0;
        padding-right: 0;
    }

    .header-block__row {
        margin-left: -30px;
        margin-right: -30px;
    }
}

.coming-soon-container{
    display: flex;
    justify-content: center;
    height: 80vh;
    align-items: center;
}
.coming-soon-container h1 {
    color: #fff;
    font-family: "Sackers Gothic Medium";
    font-size: clamp(40px, 7.01px + 10.31vw, 140px);
    color: #fff !important;
    transition: font-size 1s ease-in-out;
    line-height: 1;
}
.coming-soon-container h1 + p {
    margin: 0 !important;
    font-family: "Sackers Gothic Medium";
    font-size: clamp(18px, 7.44px + 3.299vw, 50px);
}
.coming-soon-container h1 + p  + p{
    margin: 20vh 0 0 !important;
    font-family: "Sackers Gothic Medium";
    font-size: clamp(24px, 10.47px + 4.227vw, 65px);
    line-height: 1;
}