@import url("../fonts/helvetica-neue/stylesheet.css");
.gb-text.gb-text-3b172694.text {
    display: block;
}
@media (max-width: 767px) {
    .project-items {
        flex-direction: column !important;
        display: flex !important;
        gap: 48px;
    }
}


/* Prepariamo la scritta "ADC GROUP" per muoversi in modo fluido */
.testata-extra-spinta {
    transition: transform 0.5s ease; /* Usa la stessa tempistica (0.5s) che hai impostato nel blocco */
}

/* Quando il mouse passa sopra la riga, la testata si sposta di altri 20px a sinistra */
.riga-press-animata:hover .testata-extra-spinta {
    transform: translateX(-20px);
}


.video-banner video {
    height: 100vh;
    object-fit: cover;
}

.capolettera-piccolo.has-drop-cap:not(:focus):first-letter {
    font-size: 4em !important; 
}


/* Rimuove la sottolineatura e prepara lo spazio per l'animazione */
.link-editoriale {
    text-decoration: none !important;
    box-shadow: none !important; /* Rimuove eventuali linee sotto impostate dal tema */
    position: relative;
    display: inline-block;
    padding-right: 15px; /* Crea un piccolo spazio vuoto a destra del testo */
}

/* Crea il pallino invisibile spostato all'indietro */
.link-editoriale::after {
    content: '•';
    position: absolute;
    top: 50%;
    right: 5px;
    opacity: 0; /* Inizialmente invisibile */
    transform: translateY(-50%) translateX(-5px); /* Centrato in altezza, ma tirato verso sinistra (dietro al testo) */
    transition: all 0.4s cubic-bezier(0.19, 1, 0.22, 1); /* Curva di animazione morbidissima ed elegante */
}


/* L'effetto quando passi il mouse: appare e scivola a destra */
.link-editoriale:hover::after {
    opacity: 1; /* Diventa visibile */
    transform: translateY(-50%) translateX(5px); /* Scivola fluidamente verso destra */
}

/* LINK EDITORIALE 2: Partenza da dietro il testo e scivolamento lungo a destra */

.link-editoriale-2 {
    text-decoration: none !important;
    box-shadow: none !important;
    position: relative;
    display: inline-block;
    padding-right: 40px; /* Crea lo spazio vuoto finale dove atterrerà il pallino */
    z-index: 1; /* Assicura che il testo rimanga in primo piano */
}

.link-editoriale-2::after {
    content: '•';
    position: absolute;
    top: 50%;
    right: 30px; /* Ancora il pallino esattamente alla fine della parola */
    opacity: 0;
    z-index: -1; /* Posiziona il pallino "dietro" al testo */
    
    /* TRUCCO MAGICO: Parte 40px più a SINISTRA rispetto alla fine della parola, quindi nascosto sotto le ultime lettere */
    transform: translateY(-50%) translateX(-40px); 
    
    /* Animazione allungata a 0.7s per coprire la distanza maggiore con estrema fluidità */
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); 
}

.link-editoriale-2:hover::after {
    opacity: 1; /* Diventa visibile */
    
    /* Scivola verso DESTRA superando la parola di 20px. 
       Distanza totale percorsa dall'animazione: 60px (da -40 a +20) */
    transform: translateY(-50%) translateX(20px); 
}






/*HEADER CSS START*/
header.site-header {
	position: fixed;
	width: 100%;
	z-index: 9999;
	background: #FFF;
}
header.site-header a {
	text-transform: uppercase;
}
.top-header .language-menu {
	list-style: none;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    gap: 16px;
}
.top-header .language-menu li {
    position: relative;
}
.top-header .language-menu li.current-language a {
	font-weight: 700;
}
.top-header .language-menu li:first-of-type:before {
    content: '/';
    position: absolute;
    color: #000;
    right: -11px;
    top: 0px;
    font-size: 14px;
}
.top-header .language-menu li a {
    text-decoration: none;
    color: #000;
}
.bottom-header a {
    font-weight: 400;
    font-size: 12px;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
}
.hamburger-header > svg {
    display: none;
}
.header-mobile-nav {
    display: none !important;
}
header.site-header.transparent:not(.fixed):not(.menu-opened) {
    background: transparent;
}
header.site-header.transparent:not(.fixed):not(.menu-opened) a,
header.site-header.transparent:not(.fixed):not(.menu-opened) .top-header .language-menu li:first-of-type:before {
	color: #FFF;
}
header.site-header.transparent:not(.fixed):not(.menu-opened) .site-logo path {
	fill: #FFF;
}
header.site-header.Black {
    background: #000;
}
header.site-header.Black a,
header.site-header.Black .top-header .language-menu li:first-of-type:before {
	color: #FFF;
}
header.site-header.Black .site-logo path {
	fill: #FFF;
}
header.site-header.transparent:not(.fixed):not(.menu-opened) .hamburger-header svg line,
header.site-header.Black .hamburger-header svg line {
	stroke: #FFF;
}
@media (max-width: 767px) {
    .bottom-header {
		display: none !important;
	}
	.header-mobile-nav {
		display: flex;
	}

	header.site-header {
		padding: 16px 10px;
	}
	.top-header  {
		flex-direction: row-reverse;
	}
	.language-wrapper {
		display: flex;
		justify-content: end;
		align-items: center;
	}
	.hamburger-header > svg {
		display: flex;
	}
	.hamburger-header {
		display: flex;
		align-items: center;
	}
	.header-mobile-nav {
		height: calc(100vh - 64px);
		padding: 64px 0 124px;
		display: none;
		overflow: auto;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		gap: 32px;
	}

	.menu-menu-1-container {
		display: flex;
	}

	.header-mobile-nav > div > ul {
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 32px;
		align-items: center;
	}

	.header-mobile-nav > div > ul > li {
		list-style: none !important;
	}

	.header-mobile-nav > div > ul > li > a {
		text-decoration: none;
		color: #000;
		font-size: 16px;
		font-weight: 500;
	}
}
/*HEADER CSS END*/

/* footre css start */
.footer-socmed-mobile {
    display: none;
}
body p:last-of-type {
	margin-bottom: 0;
}
body > .site {
    position: relative;
    z-index: 2;
	background: #FFF;
	width: 100%;
	max-width: 100%;
}
.site-footer-proxy {
	height: 100vh;
}
.site-footer-container {
	overflow: hidden;
}
.site-footer {
	background: rgba(0, 0, 0, 1);
    height: 100vh;
	min-height: 50vh;
	padding: 150px 60px 24px;
    overflow-y: scroll;
    position: fixed;
    bottom: 0;
    width: 100%;
    display: flex;
    margin-right: 0;
	color: #FFF;
}
.site-footer a:hover,
.site-footer a:focus,
.site-footer a:active {
	color: inherit;
}
.footertop_columns a {
    color: inherit;
}
.footer-inner-wrap {
    width: 100%;
	margin-top: auto;
}
.footer-logo {
	text-align: center;
	margin-bottom: 96px;
}
.footer-quicklinks,
.footertop_columns {
	display: flex;
	gap: 24px;
}
.footer-quicklinks {
	margin-left: auto;
}
.footer-quicklinks > div {
	width: 100%;
}
.footertop_columns > div:first-of-type {
	width: 500px;
}
.footertop_columns > div:not(:first-of-type) {
	width: 448px;
}
.f-heading {
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 24px;
}
.footer-menu1,
.footer-menu2 {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.footer-menu1 a,
.footer-menu2 a {
	text-decoration: none;
	color: #FFF;
}
.footer-socmed a:hover,
.footer-menu1 a:hover,
.footer-menu2 a:hover {
	text-decoration: underline;
}
.footer-socmed {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 64px;
}
.footer-socmed a {
    color: #FFF;
    text-decoration: none;
    text-transform: capitalize;
}
.footerbottom_columns {
    margin-top: 96px;
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
}
/*FOOTER STYLE END*/

/*PROJECT STYLE START*/
.project-name {
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    font-weight: 500;
    text-transform: none;
}

.project-label {
    color: rgba(0, 0, 0, 1);
    font-size: 17px;
    font-weight: 300;
    text-transform: none;
}

.project-info {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
	transition: all 0.4s ease;
}
.project-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 64px;
}
.project-image {
	overflow: hidden;
}
.project-image > img {
    width: 100%;
    filter: grayscale(100%);
    transform: scale(1.03);
    display: flex;
	transition: all 0.4s ease;
}
.project-item:hover .project-image > img {
	transform: scale(1);
	filter: grayscale(0);
}
@media (min-width: 768px) {
	.project-item:hover .project-info {
		padding-left: 8px;
		padding-right: 8px;
	}
}
@media (max-width: 767px) {
	.project-image > img {
		transform: scale(1);
		filter: grayscale(0);
	}
}
/*PROJECT STYLE END*/

@media (max-width: 767px) {
    .footertop_columns {
    flex-direction: column;
}
.footer-socmed-mobile {
    display: flex !important;
    gap: 24px;
    width: 100% !important;
    margin-bottom: 16px;
}
.site-footer {
    padding: 150px 12px 24px !important;
}

.f-column1 {
    width: 100%;
}

.footer-quicklinks {
    margin: 0 !important;
}

.footer-inner {
    display: flex;
    flex-direction: column;
}
.footer-socmed {
    display: none !important;
}
.footertop_columns {
    gap: 64px !important;
}
.footer-socmed-mobile > a {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    text-transform: none;
}
.footertop_columns > div:first-of-type {
    width: 100% !important;
}
}
/* footer end*/


.mobile-video {
	display: none !important;
}

.mobile-image {
    display: none !important;
}

.mobile-text {
    display: none !important;
}


/* form start */
div#wpforms-833 {
    margin: 0 !important;
}
.wpforms-field-container > div {
    padding: 0 !important;
}
.wpforms-field-container > div > label {
    margin: 0 !important;
}
.wpforms-field-container > div > input, .wpforms-field-container > div > textarea#wpforms-833-field_6 {
    padding: 16px !important;
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
}
.wpforms-field-container input:focus,
.wpforms-field-container input:active,
.wpforms-field-container input:focus-visible,
.wpforms-field-container textarea:focus,
.wpforms-field-container textarea:active,
.wpforms-field-container textarea:focus-visible {
    border: none !important;
    border-bottom: 1px solid #000 !important;
    box-shadow: none !important;
    outline: none !important;
}
div#wpforms-833-field_7-container {
    width: 100% !important;
}


label.wpforms-field-label {
    font-size: 12px !important;
    font-weight: 400 !important;
}
label.wpforms-field-label-inline {
    font-size: 12px !important;
}
button#wpforms-submit-833 {
    background: #000 !important;
    text-transform: uppercase !important;
    padding: 8px !important;
}
.wpforms-field-container > div {
    width: calc(50% - 12px) !important;
}
.wpforms-field-container {
    display: flex;
    gap: 16px 24px;
    flex-wrap: wrap;
}
div#wpforms-833-field_6-container {
    width: 100% !important;
}

@media (max-width: 767px) {
	.mobile-video { display: block !important; }
	.desktop-video { display: none !important; }
	.video-banner.mobile-video video {
		height: auto;
	}
}

@media (max-width: 767px) {
    .mobile-image { 
        display: block !important; 
    }
    .desktop-image { 
        display: none !important; 
    }
}

@media (max-width: 767px) {
    .mobile-text { 
        display: block !important; 
    }
    .desktop-text { 
        display: none !important; 
    }
}

.dot-hover-effect-black {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}


.dot-hover-effect-black .text a {
    display: inline-block;
    transition: transform 0.3s ease;
}


.dot-hover-effect-black .dot {
    opacity: 0 !important;
    position: absolute !important;
    right: 0 !important;          
    transition: opacity 0.2s ease;
}


.dot-hover-effect-black:hover .dot {
    opacity: 1 !important;
}

.dot-hover-effect-black:hover .text a {
    transform: translateX(-5px); 
}
.gb-text.gb-text-97e1cd65.text.contattti > a, .gb-text.gb-text-5d834092.text.contattti > a {
    color: rgba(255, 255, 255, 1) !important;
}
.gb-element-41793201 > p {
    margin: 0 !important;
}


/* ==========================================================================
   STRUTTURA RIGIDA & LAYOUT SARTORIALE EMOTIVA EVENTI (FORM ID: 3924)
   ========================================================================== */

/* Reset e allineamento del contenitore principale */
div#wpforms-3924 {
    margin: 0 !important;
}

/* Attivazione della griglia Flexbox per l'allineamento dei campi */
#wpforms-form-3924 .wpforms-field-container {
    display: flex !important;
    gap: 24px 32px !important; /* Spaziatura elegante tra i campi */
    flex-wrap: wrap !important;
}

/* Regola Base: Tutti i campi di default occupano il 50% (Nome, Cognome, Tel, Email) */
#wpforms-form-3924 .wpforms-field-container > div {
    width: calc(50% - 16px) !important;
    box-sizing: border-box !important;
}

/* ECCEZIONI AL 100%: Forziamo i campi larghi ad andare a capo occupando tutta la riga */
#wpforms-form-3924 .wpforms-field-container > div.wpforms-field-select,
#wpforms-form-3924 .wpforms-field-container > div.wpforms-field-textarea,
#wpforms-form-3924 .wpforms-field-container > div.wpforms-field-file-upload,
#wpforms-form-3924 .wpforms-field-container > div.wpforms-field-checkbox,
#wpforms-form-3924 .wpforms-field-container > div.wpforms-field-gdpr-checkbox {
    width: 100% !important;
    flex: 0 0 100% !important;
    clear: both !important;
}

/* Stile minimale linee nere sotto i campi di testo e textarea */
#wpforms-form-3924 .wpforms-field-container > div > input, 
#wpforms-form-3924 .wpforms-field-container > div > textarea {
    padding: 12px 0px !important; /* Meno padding laterale per allinearsi perfettamente alle scritte */
    border: none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    width: 100% !important;
}

/* Stile specifico per il Box di Caricamento File (Drag & Drop) */
#wpforms-form-3924 .wpforms-field-file-upload input[type=file] {
    margin-top: 8px !important;
}

/* Pulsante INVIA (Rosso eventi, Rettangolare, Identità Rigorosa) */
button#wpforms-submit-3924 {
    background: #bb3431 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    padding: 14px 40px !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 1.5px;
    cursor: pointer;
    margin-top: 16px !important;
    transition: background 0.3s ease;
}

button#wpforms-submit-3924:hover {
    background: #222 !important;
}

/* Mobile Responsive: Sotto i 767px tutti i campi passano al 100% per facilitare la compilazione da smartphone */
@media (max-width: 767px) {
    #wpforms-form-3924 .wpforms-field-container > div {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}


/*SINGLE POST START*/
.single .site-content .content-area {
    width: 100%;
}
.single .site-content .content-area .site-main {
    margin: 0;
}
.related-article-heading {
	color: #000;
	margin-bottom: 64px;
}
.post-category-wrap {
    margin: 12px 0;
}
.post-category {
    background: rgba(0, 0, 0, 1);
    width: fit-content;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 500;
	color: #FFF;
	text-transform: uppercase;
}
.post-image {
	display: flex;
}
.post-image-wrap {
	overflow: hidden;
}
.post-title {
    color: rgba(0, 0, 0, 1) !important;
    text-decoration: none;
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
}
.project-items > a {
    text-decoration: none;
}
.related-articles-wrapper:not(.related-articles-container) {
    display: flex;
    gap: 64px;
}
.related-articles-wrapper .article-columns {
    width: 100%;
	justify-content: space-between;
}
.related-articles-wrapper .article-columns a {
	color: #000;
	text-decoration: none;
}
.articles-list-container .article-columns img,
.related-articles-wrapper .article-columns img {
	filter: grayscale(100%);
    transform: scale(1.03);
    display: flex;
    transition: all 0.4s ease;
}
.related-articles-wrapper:not(.related-articles-container) .article-columns:first-of-type img {
    height: 434px;
    object-fit: cover;
    object-position: center;
}
.articles-list,
.related-articles-wrapper:not(.related-articles-container) .article-columns:last-of-type {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.related-articles-wrapper:not(.related-articles-container) .article-columns:last-of-type .post-item {
	display: flex;
	gap: 12px;
}
.related-articles-wrapper:not(.related-articles-container) .article-columns:last-of-type .post-image-wrap img {
	width: 200px;
    height: 134px;
    object-fit: cover;
	max-width: unset;
}
.related-articles-wrapper:not(.related-articles-container) .article-columns:last-of-type .post-category {
    margin-top: 0;
}
.related-articles-wrapper:not(.related-articles-container) .article-columns:last-of-type .post-title {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.related-articles-container .articles-list {
	flex-direction: unset;
	gap: 64px;
}
.articles-list-container .article-columns a:hover img,
.related-articles-wrapper .article-columns a:hover img {
	transform: scale(1.005);
	filter: grayscale(0);
}
.related-articles-wrapper .article-columns a .btn-wLine {
	font-weight: 500;
}
.articles-list-container .article-columns a:hover .btn-wLine .dot-effect,
.related-articles-wrapper .article-columns a:hover .btn-wLine .dot-effect {
	margin-right: 0;
}
.related-articles-container {
	margin: 200px 0 !important;
}
.related-articles-container h2 {
	margin-bottom: 64px;
}
.related-articles-container .button-wExtended-leftLine {
	margin-top: 64px;
}
.soc_share {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 32px;
}
.soc_share a {
    background: #000;
    text-decoration: none;
    display: flex;
    padding: 5px 16px;
    height: 32px;
    align-items: center;
    justify-content: center;
}
@media (min-width: 768px) {
	.related-articles-wrapper:not(.related-articles-container) .article-columns:last-of-type .post-image-wrap {
		width: 200px;
		height: 134px;
		overflow: hidden;
	}
}
@media (max-width: 1024px) {
	.related-articles-container {
		margin: 100px 0 !important;
	}
}
@media (max-width: 767px) {
	.related-articles-wrapper .article-columns a img {
		transform: scale(1);
		filter: grayscale(0);
	}
	.related-articles-wrapper {
		flex-direction: column;
		gap: 48px;
	}

	.articles-list > a {flex-direction: column;}

	.post-image-wrap > img {
		width: 100% !important;
	}

	.post-image {
	}

	.gb-element-9cda2ef3 > div > div > div > .btn-wLine {
		display: none;
	}

	.post-image > div > img {
		height: 100% !important;
		width: 100% !important;
	}
	.related-articles-wrapper .article-columns:last-of-type .post-image-wrap {
		width: 100%;
		height: 100%
	}
	.related-articles-container .articles-list {
		flex-direction: column;
	}
	.related-articles-container .articles-list .btn-wLine {
		display: none;
	}
	.single .site-content .content-area {
		overflow-x: hidden;
	}
	.articles-list-container .article-columns a img,
	.related-articles-wrapper .article-columns a img {
		transform: scale(1.005);
		filter: grayscale(0);
	}
}
/*SINGLE POST END*/

/*BUTTON WITH BOTTOM LINE STYLE START*/
.btn-wLine {
	border-bottom: 1px solid #000;
	padding-bottom: 8px;
	margin-top: 32px;
	overflow: hidden;
	text-transform: uppercase;
	text-align: right;
}
.btn-wLine a {
	font-weight: 500;
	text-transform: uppercase;
}
.button-wExtended-leftLine {
    text-align: right;
    position: relative;
	padding-bottom: 8px;
}
.button-wExtended-leftLine:before {
	content: '';
	width: 100vw;
	border-bottom: 1px solid #000;
	position: absolute;
	right: 0;
	bottom: -1px;
}
.button-wExtended-leftLine a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 500;
}
.button-wExtended-leftLine:hover .dot-effect {
	opacity: 1;
}
#wExtended_underline {
    position: relative;
}
#wExtended_underline * {
	transition: all 0.4s ease;
}
#wExtended_underline:before {
    content: '';
    width: 100vw;
    position: absolute;
    right: 0;
    bottom: -8px;
    border-bottom: 1px solid #FFF;
}
#wExtended_underline:hover a {
	right: 0;
}
#wExtended_underline a:after {
	content: '.';
	transition: all 0.4s ease;
}
#wExtended_underline:hover a:after {
	opacity: 1;
}
button#wpforms-submit-833 {
    border-radius: 0 !important;
}
textarea#wpforms-2009-field_6 {
    width: 100% !important;
}

div#wpforms-2009-field_6-container {
    width: 100% !important;
    border: none !important;
}

textarea#wpforms-2009-field_6 {
    border: none;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
}
label.wpforms-field-label-inline {
    position: relative;
    top: 3px;
}
button#wpforms-submit-2009 {
    padding: 8px !important;
    background: #000 !important;
    text-transform: uppercase;
    border: none !important;
	margin-top: 8px !important;
}
.header-mobile-nav.active {
    display: flex !important;
    top: -100%;
    position: fixed;
}
.gb-element-4379933f p,.btn-wLine span,
 .button-wExtended-leftLine a,
 .btn-wLine > a {
    font-size: 14px !important;
}
.single-main > p > strong > a, .single-main > p > a, ul.wp-block-list > li > a {
    color: #000 !important;
}
.gb-element-d2a9c2aa > p > a {
    color: #fff !important;
}
a.button {
    padding: 8px !important;
    text-transform: uppercase;
    background: #000 !important;
}
.hero > figure > video {
    height: calc(100vh - 152px);
}
@media (min-width: 768px) {
	.button-wExtended-leftLine .dot-effect,
	.btn-wLine .dot-effect {
		margin-right: -5px;
		transition: all 0.4s ease;
	}
	.button-wExtended-leftLine:hover .dot-effect,
	.btn-wLine:hover .dot-effect,
	.first-post-container:hover + .btn-wLine .dot-effect {
		margin-right: 0;
	}
	.button-wExtended-leftLine .dot-effect {
		opacity: 0;
	}
	#wExtended_underline a {
		position: relative;
		right: -4px;
	}
	#wExtended_underline a:after {
		opacity: 0;
	}
}
/*BUTTON WITH BOTTOM LINE STYLE END*/


@media (max-width: 767px) {
    .dot-hover-effect-black .text a {
        display: flex !important;
        transform: none !important;
    }
    .dot-hover-effect-black .dot {
        opacity: 1 !important;
        position: unset !important;
    }
    .text {
		display: flex;
		justify-content: flex-end;
    }
	.footertop_columns > div:not(:first-of-type) {
		width: 100%;
	}
	.wpforms-field-container > div {
		width: 100% !important;
	}
	.project-items {
		flex-direction: column !important;
		display: flex !important;
		gap: 48px !important;
    }
	.gb-element-eb3f6c14, .gb-element-0d6e8306 {
		padding-right: 0 !important;
	}
	.gb-element-221c7a98 p {
		margin-bottom: 48px !important;
	}
	button#wpforms-submit-2009, button#wpforms-submit-833 {
		width: 100% !important;
	}
	.header-mobile-nav.active {
		display: flex !important;
		position: unset;
	}
	.hero > figure > video {
		height: unset;
	}
	.articles-list, .related-articles-wrapper .article-columns:last-of-type {
		display: flex;
		flex-direction: column;
		gap: 64px !important;
	}
	.gb-element-58d393fe {
		overflow: hidden;
	}
	.project-gallery-carousel .owl-item img {
		height: 320px;
	}
	.lightbox {
		background-color: #000;
	}
}

/* popup */

.popup-form {
	position: fixed;
	z-index: 99999;
	top: 0;
	background: rgba(0, 0, 0, .2);
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.popup-form .popup-form-container {
	width: 696px;
    max-width: 90%;
    background-color: #FFF !important;
    padding: 32px !important;
    border-radius: 0 !important;
}
.popup-form div.wpforms-container-full {
	margin: 0 !important;
}
.popup-form div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
    height: 143px;
    padding: 16px;
    border-radius: 0;
    border: 0 none;
    border-bottom: 1px solid #000;
}
.popup-form div.wpforms-container-full .wpforms-field-file-upload .wpforms-uploader {
    margin-top: 15px;
}
.popup-form div.wpforms-container-full input[type=checkbox]:before {
    border: 1px solid #000;
    border-radius: 0;
}
.popup-form .wpforms-field-checkbox .wpforms-field-required li {
    align-items: center !important;
}
.popup-form .wpforms-field-checkbox .wpforms-field-required li label {
    position: relative;
    top: 2px;
}
.popup-form .wpforms-smart-phone-field {
    border: 0 none !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
}
.popup-form button.wpforms-submit {
    font-size: 14px !important;
    height: auto !important;
    padding: 8px !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    background-color: #000 !important;
    margin-top: 8px !important;
}
.popup-form .wpforms-uploader.dz-clickable {
    border: 1px dashed rgba(0, 0, 0, 0.3) !important;
    border-radius: 0 !important;
}
.popup-form .wpforms-container .wpforms-title {
    text-transform: uppercase;
}
.popup-form .wpforms-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 32px;
}
body.popup-visible {
	overflow: hidden;
}
a.close-popup-form {
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    text-align: right;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-bottom: 32px;
}
.post-banner > img {
    filter: unset !important;
}
@media (max-width: 767px) {
	.popup-form .popup-form-container {
		padding: 32px 10px !important;
	}
	.popup-form div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {
		overflow: visible
	}
	.popup-form div.wpforms-container-full {
		margin: 0 !important;
		height: 70vh;
		overflow: auto;
	}
}



.related-articles-wrapper:not(.related-articles-container) .article-columns:first-of-type img {
    height: 434px;
    object-fit: contain;
    object-position: center;
    text-align: left !important;
    width: 100%;
}