/**
 * Theme Name:       Nexe
 * Version:          2.7.136
 * GitHub Theme URI: https://github.com/dgsc-agency/nexe
 * Theme URI:        https://builtt.io/
 * Description:      Builtt Theme
 * Author:           Builtt
 * Template:
 * Template Version: 1.0.0
 */

/* v3 changes */

.v3 .nav-bar__left { z-index: 333 !important; }
.v3 .navigation .nav-bar .mega-menu li>ul.active>li:first-child>ul { padding: 0; margin-top: 2.5rem; }
.v3 .navigation .nav-bar .mega-menu li>ul.active>li:first-child>ul>li:not(:last-child) { margin-bottom: 1.5rem; }
.v3 .text-center { text-align: center; }
@media (min-width: 768px) {
    .v3 .footer .footer-menu .mega-footer>ul>li>ul li:not(:last-child) { margin-bottom: 1rem; }
}
@media (min-width: 567px) {
    .v3 .footer .footer-menu .mega-footer>ul>li>ul li { width: auto; }
}

.mb-0 { margin-bottom: 0 !important; }
.mt-0 { margin-top: 0 !important; }

.mb-1 { margin-bottom: 1rem !important; }
.mt-1 { margin-top: 1rem !important; }

.mb-2 { margin-bottom: 2rem !important; }
.mt-2 { margin-top: 2rem !important; }

.mb-3 { margin-bottom: 3rem !important; }
.mt-3 { margin-top: 3rem !important; }

.mb-5 { margin-bottom: 5rem !important; }
.mt-5 { margin-top: 5rem !important; }

/* specific eco2line changes */

.ecoline { display: flex; justify-content: center !important; }
.ecoline img { height: 3.2rem; width: auto; transition: transform .4s, -webkit-transform .4s; will-change: transform; }

.tags.tags-centered { justify-content: center !important; margin-bottom: 1rem; }

.product-card__mb0 { margin-bottom: 0 !important; }

/* extra fonts */

@font-face {
  font-family: 'Montserrat-700';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/nexe/static/fonts/Montserrat-latinext-700.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat-700';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/wp-content/themes/nexe/static/fonts/Montserrat-latin-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat-800';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/wp-content/themes/nexe/static/fonts/Montserrat-latinext-800.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Montserrat-800';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/wp-content/themes/nexe/static/fonts/Montserrat-latin-800.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* specific eco2line page changes */

.ecoline-page h1,
.ecoline-page h2,
.ecoline-page h3,
.ecoline-page h4,
.ecoline-page h5,
.betoni-new h1,
.betoni-new h2,
.betoni-new h3,
.betoni-new h4,
.betoni-new h5 { 
	text-wrap: balance; 
	line-height: 1.4 !important; 
}

.ecoline-page .ecoline-head {
	background-color: #096759;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 3rem;
		padding: 4rem 0 20rem;
}
@media (min-width: 768px){
	.ecoline-page .ecoline-head {
		padding: 10rem 0 18rem 0 !important;
	}
}

.beton-new .beton-head .subheadline,
.ecoline-page .ecoline-head .subheadline {
	width: 500px;
	text-wrap: balance;
	margin-bottom: 1rem;
	font-size: clamp(16px, 0.5rem + 0.8vmax, 20px) !important; 
	line-height: 1.7 !important; 
}
.ecoline-page .ecoline-head .slogan {
	text-align: right;
	position: absolute;
	right: 7.5rem;
	bottom: 3rem;
	font-size: clamp(16px, 0.5rem + 0.8vmax, 20px) !important; 
	line-height: 1 !important; 
}
@media screen and (max-width: 767px){
	.ecoline-page .ecoline-head .subheadline {
		width: 100%;
	}
	.ecoline-page .ecoline-head .slogan {
		width: 100%;
		text-align: center;
		right: 0;
		bottom: 2rem;
	}
}
.ecoline-page .ecoline-head .slogan span,
.ecoline-page p.slogan strong {
	font-weight: bold;
	color: #31b44a;
}

.beton-new .beton-head .decor,
.ecoline-page .ecoline-head .decor {
	display: none;
}
.ecoline-page .ecoline-head h1 { 
	font-size: clamp(32px, 0.5rem + 1.6vmax, 40px) !important;
	margin-bottom: clamp(32px, 0.5rem + 1.6vmax, 40px) !important;
	font-weight: bold;
	margin-bottom: 1rem !important;
}
.ecoline-page .ecoline-head h1 span {
	width: 200px;
	height: 75px;
	background: url('/wp-content/themes/nexe/static/images/eco2line-logo-neg-transp.svg') no-repeat 0 0;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	margin-bottom: -15px;
	transform: translateX(-14px);
}

.beton-new h1.h3 { font-size: clamp(28px, 0.5rem + 1.9vmax, 36px) !important; font-family: 'Montserrat-700', sans-serif; font-weight: 700; }

.beton-new h2 { font-size: clamp(24px, 0.5rem + 1.3vmax, 28px) !important; margin: 1.4rem 0 clamp(15px, 0.5rem + 0.8vmax, 17px) 0 !important; }
.beton-new h3 { font-size: clamp(21px, 0.5rem + 1vmax, 24px); margin: 1.4rem 0 1rem 0 !important; }
.beton-new h4 { font-size: clamp(17px, 0.5rem + 0.9vmax, 21px); margin: 1.4rem 0 clamp(15px, 0.5rem + 0.8vmax, 17px) 0 !important; }
.beton-new h5 { font-size: clamp(15px, 0.5rem + 0.8vmax, 17px); margin: clamp(15px, 0.5rem + 0.8vmax, 17px) 0 !important; font-weight: 600 !important; }
.beton-new p,
.beton-new li { font-size: clamp(15px, 0.5rem + 0.8vmax, 17px) !important; line-height: 1.7 !important; }
.beton-new .small p,
.beton-new .small li { font-size: clamp(13px, 0.5rem + 0.7vmax, 15px) !important; line-height: 1.7 !important; }
.beton-new .wp-block-column p,
.beton-new .wp-block-column ul { margin: clamp(13px, 0.5rem + 0.7vmax, 15px) 0 !important; }

.ecoline-page h2 { font-size: clamp(24px, 0.5rem + 1.3vmax, 32px) !important; margin: 1.4rem 0 1rem 0 !important; }
.ecoline-page h3 { font-size: clamp(20px, 0.5rem + 1vmax, 28px); margin: 1.4rem 0 1rem 0 !important; }
.ecoline-page h4 { font-size: clamp(18px, 0.5rem + 0.9vmax, 24px); margin: 1.4rem 0 clamp(16px, 0.5rem + 0.8vmax, 20px) 0 !important; }
.ecoline-page h5 { font-size: clamp(16px, 0.5rem + 0.8vmax, 20px); margin: clamp(16px, 0.5rem + 0.8vmax, 20px) 0 !important; font-weight: 600 !important; }
.ecoline-page p,
.ecoline-page li { font-size: clamp(16px, 0.5rem + 0.8vmax, 20px) !important;  line-height: 1.7 !important; }
.ecoline-page .small p,
.ecoline-page .small li { font-size: clamp(14px, 0.5rem + 0.7vmax, 16px) !important;  line-height: 1.7 !important; }
.ecoline-page .wp-block-column p,
.ecoline-page .wp-block-column ul { margin: clamp(16px, 0.5rem + 0.8vmax, 20px) 0 !important; }
.beton-new .wp-block-column ul li,
.beton-new .text-content li:last-child,
.ecoline-page .wp-block-column ul li,
.ecoline-page .text-content li:last-child { margin-block: 0 !important; }

.beton-new .blog-cover__headline,
.beton-new .blog-cover__headline h1 { margin-bottom: 0; }

.ecoline-page .bold {
	font-weight: bold;
}

.ecoline-page .ecoline-title {
	margin-top: 120%;
}

.ecoline-page .ecoline-title:before {
	content: '';
	display: block;
	background: url('/wp-content/themes/nexe/static/images/eco2line-listic.svg') no-repeat 0 0;
	width: calc(30px * 126 / 150);
	height: 30px;
	position: absolute;
	left: calc(30px * -126 / 150 + 5px);
	top: -25px;
}
.ecoline-page .ecoline-section-dark .ecoline-title:before {
	filter: brightness(100);
}

.ecoline-page .has-text-align-center {
    text-align: center;
}

.ecoline-page .ecoline-types img { width: 100%; max-width: 200px; height: auto; }

.beton-new .card,
.ecoline-page .card { background: #f6f5f3; padding: .5rem 2rem; border-radius: .5rem; }

.beton-new .card.card-dark,
.beton-new .ecoline-cards-dark .card,
.ecoline-page .card.card-dark,
.ecoline-page .ecoline-cards-dark .card,
.ecoline-section-dark { background: #016450; }

.beton-new .card.card-dark *,
.beton-new .ecoline-cards-dark .card *,
.ecoline-page .card.card-dark *,
.ecoline-page .ecoline-cards-dark .card *,
.ecoline-section-dark * { color: #fff; }

.beton-new .ecoline-cards-dark .card:nth-child(even) { background: #7b918d; }
.ecoline-page .ecoline-cards-dark .card:nth-child(even) { background: #31b44a; }

.text-content .ecoline-cards-dark .card ul li:before { background-color: #fff; border-color: #fff; }

.ecoline-section-dark { padding: 4rem 0; }
.ecoline-section-dark .wp-block-column :first-child { margin-top: 0 !important; }
.ecoline-section-dark .wp-block-column :last-child { margin-bottom: 0 !important; }

@media (min-width: 768px) {
	.ecoline-page .blog-cover { padding-top: 10rem; }
	.ecoline-page .blog-cover__headline { margin-bottom: 0; }
}

.text-section .wp-block-columns.ecoline-cards { gap: 10px !important; }
.text-section .wp-block-columns.ecoline-cards > div { margin-bottom: 10px !important; }

.text-section .wp-block-columns.ecoline-types { gap: 2vw; }
.text-section .wp-block-columns.beton-types { gap: 0; }
.text-section .wp-block-columns.ecoline-types .images-sections { margin-block: 2rem; }
.text-section .wp-block-columns.ecoline-types .images-sections img { margin-inline: auto; }
.text-section .wp-block-columns.ecoline-types.text-center * { text-align: center; }
.text-section .wp-block-columns.ecoline-types.text-center ul { list-style: none; margin-inline: 0; padding-inline: 0; }
.text-section .wp-block-columns.ecoline-types.text-center li { margin-inline: 0; padding-inline: 0; }
.text-section .wp-block-columns.ecoline-types.text-center li:before { content: unset; }
.text-section .wp-block-columns.ecoline-types h4 { font-weight: 600; }


.beton-new .text-content figure:last-child { margin: 0; }
.beton-new .beton-logo { margin: 15px auto !important; width: 70%; }
.beton-new .tech-logo a { font-size: clamp(28px, 0.5rem + 1.5vmax, 36px); text-transform: uppercase; font-style: italic; font-weight: 700; text-decoration: none; display: block; }
.beton-new .tech-logo.tech-aqua a { color: #00a0ea; }
.beton-new .tech-logo.tech-flow a { color: #653791; }
.beton-new .tech-logo.tech-floor a { color: #848589; }
.beton-new .tech-logo.tech-light a { color: #27ab6f; }
.beton-new .tech-logo a:after { content: 'TECH'; color: black; }
.beton-new .skewed-image { clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%); }

.beton-new .caps { text-transform: uppercase; }
.beton-new .bold { font-family: 'Montserrat-700', sans-serif; font-weight: 700; }
.beton-new .xl { font-size: 150%; }
.beton-new .gap-0 { gap: 0 !important; }

.beton-new .text-content h4, 
.beton-new .text-content h5, 
.beton-new .text-content li, 
.beton-new .text-content ol, 
.beton-new .text-content p, 
.beton-new .text-content ul {
    max-width: 90ch !important;
}

@media (min-width: 768px) {
    .beton-new .blog-cover {
        padding: 10rem 0 0;
    }
}

.beton-new .mw-1200 { max-width: 1200px; }
.beton-new .mw-1000 { max-width: 1000px; }

.beton-new .page-cover { padding: 15rem 0 7rem; background-size: cover; }

.beton-new h1 span { display: block; filter: brightness(100); overflow: hidden; text-indent: -100vw; font-size: 140%; }
.betoni-standard h1 span { background: url('static/images/betoni-logos/standard.svg') no-repeat 0 0; }
.betoni-tech h1 span { background: url('static/images/betoni-logos/tech.svg') no-repeat 0 0; }
.betoni-decor h1 span { background: url('static/images/betoni-logos/decor.svg') no-repeat 0 0; }

.beton-types p a {
	width: 80%;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    text-wrap: balance;
    font-style: italic;
}

@media (min-width: 1025px) and (max-width: 1800px) {
	.ecoline-page .c.c--xn.center {
		max-width: calc(100% - 15rem) !important;
	}
}

@media (max-width: 1023px){
	.ecoline-page .ecoline-title { margin-top: 5rem !important; }
	.ecoline-page .c { max-width: calc(100% - 5rem); }
}




@media (min-width: 1400px) {
	.beton-new .c--xn { max-width: 83.3333333333vw; }
}
@media (min-width: 1200px) {
    .beton-new .c--xn { max-width: calc(100% - 15rem); }
}




/* ###################################### ecoline logo in header nav ###################################### */

.navigation .nav-bar [aria-label="ECO₂LINE"] {
	aspect-ratio: 200 / 75;
	height: 1.9rem;
	transform: translateY(-.3rem);
	background: url('/wp-content/themes/nexe/static/images/eco2line-logo.svg') no-repeat 0 0;
	display: inline-block;
	text-indent: -99999px;
	overflow: hidden;
}

.nav-bar__mobile [aria-label="ECO₂LINE"] {
	aspect-ratio: 200 / 75;
	height: 1.9rem;
	transform: translateY(-.3rem);
	background: url('/wp-content/themes/nexe/static/images/eco2line-logo.svg') no-repeat 0 0;
	display: inline-block;
	text-indent: -99999px;
	overflow: hidden;
}

.navigation--white .nav-bar [aria-label="ECO₂LINE"] {
	background: url('/wp-content/themes/nexe/static/images/eco2line-logo-neg-transp.svg') no-repeat 0 0;
}

@media (min-width: 1025px) and (max-width: 1800px) {
	.navigation--white .nav-bar [aria-label="ECO₂LINE"] {
		height: 2.5rem;
		transform: translateY(-.1rem);
	}
}