/* ============================================
		TOP
=============================================*/



/* ============================================
		NAVIGATIE
=============================================*/

.container-fluid.navigatie .navbar {transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;}
.container-fluid.navigatie .navbar.navigatie--scrolled {backdrop-filter:invert(1) blur(40px);-webkit-backdrop-filter:invert(1) blur(40px);}


/* ============================================
		SLIDER/BANNER
=============================================*/

.container-fluid.banner {position: relative;}
.container-fluid.banner::before {content: ''; position: absolute; width: 100%; height: 100%; inset: 0; background: var(--primary-color); opacity: 0.65;}
.container-fluid.banner img {min-height: 600px; max-height: 900px;}
.container-fluid.banner .content {display: flex; align-items: center;}
.container-fluid.banner .content::after { content: ''; position: absolute; width: 100%; height: auto; max-height: 150px; aspect-ratio: 1730/220; bottom: -5px; left: 0; background: var(--wave); background-size: cover; background-position: top; background-repeat: no-repeat; z-index: 1; filter: var(--filter-white); }
.container-fluid.banner .content .text {padding-bottom: 0;}
.container-fluid.banner .content .text p {font-size: 1rem; font-weight: 600; color: var(--white); font-weight: 600; font-style: normal;}
.container-fluid.banner .content .text h1 { font-family: var(--font-primary); font-size: 4.0625rem; width: 50%; text-wrap: balance; margin-bottom: 0;}
.container-fluid.banner .content .text span {margin-top: 12px; color: var(--white); display: block; max-width: 500px;}

body:has(.container-fluid.content > .row.bg-color:first-child) .container-fluid.banner .content::after,
body:has(.container-fluid.content > .row[class*="bg-gradient"]:first-child) .container-fluid.banner .content::after {filter: var(--filter-bg);}

/* ============================================
		CONTENT
=============================================*/

.container-fluid.content > .row:first-child {padding-top: 0 !important;}

/* Pagina: Terrasenbouw */
.container-fluid.content {}
.container-fluid.content .leaf-bullet {}
.container-fluid.content .leaf-bullet ul {display: flex; flex-wrap: wrap; padding: 0; margin-top: 24px;}
.container-fluid.content .leaf-bullet ul li {color: var(--tertiary-color); font-weight: 600; text-transform: uppercase; padding: 0; line-height: 1; letter-spacing: 1px;}
.container-fluid.content .leaf-bullet ul li::before {display: none;}
.container-fluid.content .leaf-bullet ul li::after {content: var(--leaf); position: relative; display: inline-block; width: 15px; height: 100%;left: unset; margin: -12px 12px 0; vertical-align: middle; }
.container-fluid.content .leaf-bullet ul li:last-child:after {display: none;}

/* Pagina: Terrasenbouw */
.block.product.vibe-list {padding-top: 50px;}
.block.product.vibe-list .item {}
.block.product.vibe-list .item .image {}
.block.product.vibe-list .item .image img {width: 100%; border-radius: unset;}

.block.product.vibe-list .swiper-scrollbar {top: 0;}

/* Pagina: Terrasenbouw */
.block.list.usps {display: flex; flex-wrap: wrap; gap: 12px 0; margin: 60px 0 150px;}
.block.list.usps .item {display: flex; gap: 24px; width: 25%;}
.block.list.usps .item::before {content: ''; display: block; flex: 0 0 45px; width: 45px; height: 45px; background:var(--tertiary-color) center/17px 4px no-repeat var(--leaf-white); border-radius: 50%;}
.block.list.usps .item .content {display: flex; align-items: center;}
.block.list.usps .item .content .text {text-wrap: balance; color: var(--white); text-transform: uppercase;}
.block.list.usps .item .content .text p {margin-bottom: 0;}
.block.list.usps .item .content .text p b,
.block.list.usps .item .content .text p strong {font-weight: 600;}

/* Pagina: Terrasenbouw */
.block.html.title-btn {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; }
.block.html.title-btn hgroup {margin-bottom: 0;}
.block.html.title-btn hgroup p {}
.block.html.title-btn hgroup h2 {}
.block.html.title-btn .text {}
.block.html.title-btn .text p {margin-bottom: 0;}

/* Pagina: Terrasenbouw */
.block.product.projects { gap: 24px 0; padding: 40px 0;}
.block.product.projects .item {}

.block.product.projects > :nth-child(3n+2) .item {transform: translateY(40px);}

/* Doorklik */
body:has(.block.product.projects .listitem) .container-fluid.banner,
body:has(.block.product.projects .listitem) .container-fluid.banner img {max-height: 500px; overflow: hidden;}
body:has(.block.product.projects .listitem) .container-fluid.banner .text {padding-bottom: 24px;}

.block.product.projects .listitem {}
.block.product.projects .listitem .text {height: 100%; display: flex; flex-direction: column; justify-content: center;}
.block.product.projects .listitem .text h2 {max-width: 410px;}
.block.product.projects .listitem .text p {max-width: 410px;}
.block.product.projects .listitem .image {}
.block.product.projects .listitem .image img {width: 100%;}

.block.product.projects .listitem .image .video {position: relative; display: block; width: 100%; height: 100%;}
.block.product.projects .listitem .image .video::before {content: var(--play); font-family: var(--font-awesome); color: var(--white); font-weight: 700; font-size: 3rem; position: absolute; inset: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: rgb(from var(--primary-color) r g b / 0.5); z-index: 1; }

.block.product.projects .listitem .extra-content:has(figure),
.block.product.projects .listitem .extra-content:has(.extra-text) {margin-top: var(--row-y-space);}

.block.product.projects .listitem .extra-content {}
.block.product.projects .listitem .extra-content aside {position: relative;}
.block.product.projects .listitem .extra-content aside .project-slider {}
.block.product.projects .listitem .extra-content aside .project-slider .swiper-wrapper {}
.block.product.projects .listitem .extra-content aside .project-slider .swiper-wrapper .swiper-slide {}
.block.product.projects .listitem .extra-content aside .project-slider .swiper-wrapper .swiper-slide a {width: 100%;}
.block.product.projects .listitem .extra-content aside .project-slider .swiper-wrapper .swiper-slide a img {width: 100%;}
.block.product.projects .listitem .extra-content aside .swiper-scrollbar{bottom: -32px; left: unset; right: 0;}
.block.product.projects .listitem .extra-content .extra-text {align-items: end;}

/* Pagina: Terrasenbouw */
.block.html.text-image-under {}
.block.html.text-image-under h2 {}
.block.html.text-image-under .text { max-width: 765px;}
.block.html.text-image-under figure {position: relative; width: fit-content; margin-top: 40px;}
.block.html.text-image-under figure img { border-radius: var(--border-radius-xxs);}
.block.html.text-image-under figure figcaption {}
.block.html.text-image-under figure figcaption a {position: absolute; right: 24px; bottom: 0; transform: translateY(50%);}

/* Pagina: Terrasenbouw */
.block.list.steps {counter-reset: step; position: relative; display: flex; flex-direction: column; gap: 65px 0;}
.block.list.steps::before {content: ''; position: absolute; height: 100%; width: 1px; left: calc(45px/2); transform: translateX(-50%); top: 0; background: var(--text-color);}
.block.list.steps .item {counter-increment: step; display: flex; }
.block.list.steps .item::before { content: counter(step); color: var(--white); font-family: var(--font-primary); font-size: 1.125rem; font-weight: 600; flex: 0 0 45px; display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; background: var(--tertiary-color); border-radius: 50%; text-align: center; line-height: 1;  margin-right: 12px;  z-index: 2;}
.block.list.steps .item .content {}
.block.list.steps .item .content h4 {margin-bottom: 0; letter-spacing: 1px;}
.block.list.steps .item .content .text {}
.block.list.steps .item .content .text p {margin-bottom: 0;}

.block.list.steps .bubbel {position: relative;}
.block.list.steps .bubbel::before {content: ''; height: 1px; width: 45px; background-color: var(--text-color); position: absolute; left: calc(45px/2); top: 50%; transform: translateY(-50%); }
.block.list.steps .bubbel .content { position: relative; margin-left: calc(45px + 12px); display: flex; width: fit-content; background-color: var(--tertiary-color); border-radius: var(--border-radius-xl); z-index: 2; }
.block.list.steps .bubbel .content span { padding: 4px 25px; color: var(--white); font-size: 0.625rem; font-weight: 600; letter-spacing: 1px;  text-transform: uppercase; }

.block.list.steps .item:last-child {background: var(--white); z-index: 2;}

/* Pagina's: Wissel abonnementen */
.block.product.seasons {}
.block.product.seasons .item {}
.block.product.seasons .item .image {}
.block.product.seasons .item .image img {width: 100%;}

.block.product.season-nav { position: relative; display: flex; gap: 20px; padding-left: 45px; z-index: 2;}
.block.product.season-nav button {display: flex; align-items: center; gap: 14px; background: var(--tertiary-color); padding: 6px 18px; border-radius: var(--border-radius-xl); border: unset; transform: translateY(-50%);}
.block.product.season-nav button img {filter: var(--filter-white);}
.block.product.season-nav button span {color: var(--white); text-transform: uppercase;}

.block.product.season-nav button.active {background: var(--primary-color);}

/* Pagina's: Wissel abonnementen */
.block.list.leaf-list {position: relative; display: flex; flex-direction: column; gap: 30px 0;}
.block.list.leaf-list .item {display: flex; gap: 24px; }
.block.list.leaf-list .item::before { content: ''; display: block; width: 45px; height: 45px; background:var(--tertiary-color) center/18px 18px no-repeat var(--leaf-white);; border-radius: 50%; z-index: 2;}
.block.list.leaf-list .item .content {}
.block.list.leaf-list .item .content h4 { margin-bottom: 0;}
.block.list.leaf-list .item .content .text {}
.block.list.leaf-list .item .content .text p {margin-bottom: 0;}

/* Pagina's: Wissel abonnementen */
.block.list.icon-list {display: flex; flex-wrap: wrap; gap: 24px 0; margin: 60px 0;}
.block.list.icon-list .item { flex: 0 0 25%; display: flex; flex-direction: column; align-items: center;}
.block.list.icon-list .item .image { width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 505%; background: var(--primary-color);}
.block.list.icon-list .item .image img { width: 40px; height: 40px; filter: var(--filter-white);}
.block.list.icon-list .item .content {margin: 12px;}
.block.list.icon-list .item .content h4 {color: var(--tertiary-color); text-align: center; text-wrap: balance;}

.block.product.con-list > div:nth-child(even) .item {margin-top: 40px;}

/* Pagina's: Producten, Wissel abonnementen */
.block.product.cat-list {margin-bottom: 60px;}
.block.product.cat-list a {}
.block.product.cat-list .item {border-radius: 5px; overflow: hidden;}
.block.product.cat-list .item .cat { display: none; align-items: center; gap: 14px; position: absolute; top: 35px; left: 35px; background: var(--secondary-color); color: var(--white); font-weight: 600; text-transform: uppercase; padding: 8px 18px; border-radius: var(--border-radius-xl); z-index: 2;}
.block.product.cat-list .item .cat::before {content: ''; display: block; width: 20px; height: 20px; filter: var(--filter-white); background-size: 20px 20px; }
.block.product.cat-list .item .badge { font-family: var(--font-secondary); background: var(--tertiary-color); text-transform: uppercase; display: none; flex-direction: column; width: 115px; height: 115px; left: unset; right: -24px; rotate: 10deg; }
.block.product.cat-list .item .badge span { font-family: var(--font-primary); font-size: 0.8125rem; font-weight: 300; text-wrap: balance;  text-transform: lowercase;}
.block.product.cat-list .item .image {}
.block.product.cat-list .item .image img {}
.block.product.cat-list .item .image figcaption { padding: 35px; flex-direction: column; justify-content: flex-end !important; align-items: flex-start;}
.block.product.cat-list .item .image figcaption h3 {margin: 0;}
.block.product.cat-list .item .image figcaption p {color: var(--white); margin-bottom: 0;}

.block.product.cat-list > div:nth-child(odd) .item {margin-top: 40px;}

.block.product.cat-list .text-card { display: flex; flex-direction: column; justify-content: center; height: calc(100% - 40px); background-color: var(--primary-color); padding: 40px;}
.block.product.cat-list .text-card h2 {color: var(--white); font-size: 2rem;}
.block.product.cat-list .text-card p {color: var(--white);}

.block.product.cat-list.seasons .item .cat {display: flex;}
.block.product.cat-list.seasons .item .badge {display: flex;}
.block.product.cat-list .item .cat.voorjaar::before {background-image: var(--flower);}
.block.product.cat-list .item .cat.zomer::before {background-image: var(--sun);}
.block.product.cat-list .item .cat.winter::before {background-image: var(--snow);}

/* Pagina's: Palmbomen, Olijfbomen, Citrusbomen, Taxuskegels, Hedera, Vijgenboom, Hulst  */
.block.product.products {gap: 40px 0;}
.block.product.products a {text-decoration: none;}
.block.product.products .item { padding: 35px; background: #fff; box-shadow: var(--basic-box-shadow);}
.block.product.products .item .image {}
.block.product.products .item .image img {width: 100%;}
.block.product.products .item .image figcaption {}
.block.product.products .item .image figcaption h3 {color: var(--text-color); font-weight: 600; text-transform: uppercase; margin-bottom: 0;}
.block.product.products .item .image figcaption p {color: var(--text-color); font-weight: 300; margin-bottom: 0;}

.block.product.products > div:nth-child(odd) .item {margin-top: 40px;}

/* Pagina's: Veel gestelde vragen,  */
.block.list.faq {display:flex; flex-direction: column; gap: 14px 0; margin-bottom: 30px;}
.block.list.faq details {position:relative; border: 1px solid var(--tertiary-color); padding: 10px 30px; background: var(--white); margin: 0; border-radius: var(--border-radius-xxl); transition: all 0.5s;}
.block.list.faq details summary {list-style:none; cursor:pointer; display:flex; justify-content: space-between; align-items: center; outline:none;}
.block.list.faq details summary::after { content: ''; background: var(--leaf-tertiary) no-repeat center; width: 20px; height: 20px; transform: rotate(0deg); transition: all 0.5s;}
.block.list.faq details summary::-webkit-details-marker {display:none;}
.block.list.faq details summary .title {font-size: 1.125rem; color: var(--text-color); max-width: 75%; display: block; text-wrap: balance; margin: 0;}

/* Open */
.block.list.faq details[open] { border-radius: var(--border-radius-xs);}
.block.list.faq details[open] summary::after {transform: rotate(45deg);}

/* hover */
.block.list.faq details summary:hover::after,
.block.list.faq details summary:focus::after {transform: rotate(calc(45deg/2));}

/* Pagina's: Over Ambienza */
.block.list.staff { margin-top: 40px; gap: 40px 0;}
.block.list.staff .item {position: relative;}
.block.list.staff .item .badge { font-family: var(--font-primary); font-size: 1.125rem; font-weight: 600; rotate: -10deg; position: absolute; top:-12px; left: -24px; width: 100px; height: 100px; background-color: var(--secondary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 2;}
.block.list.staff .item .image {}
.block.list.staff .item .image img {width: 100%;}
.block.list.staff .item .image figcaption {display: flex;flex-direction: column;padding: 35px;width: 100%;height: 50%;position: absolute;bottom: 0;left: 0;background: linear-gradient(360deg, rgba(33, 46, 66, 0.8) 0%, rgba(33, 46, 66, 0) 68.99%);justify-content: flex-end;}
.block.list.staff .item .image figcaption h3 {color: var(--white); text-transform: uppercase; margin-bottom: 0;}
.block.list.staff .item .image figcaption p {color: var(--white); font-weight: 300; margin-bottom: 0;}

.block.list.staff > div:nth-child(odd) .item {margin-top: 40px;}

/* Pagina's: Contact */
.block.html.contact-info {margin-top: 12px;}
.block.html.contact-info address {display: flex; flex-wrap: wrap;}
.block.html.contact-info address > p {flex: 0 0 50%; display: flex; align-items: center; gap: 24px;}
.block.html.contact-info address > p::before {content: ''; font-family: var(--font-awesome); color: var(--white); display: flex; justify-content: center; align-items: center; flex: 0 0 50px; width: 50px; height: 50px; background: var(--tertiary-color); border-radius: 50%; transition: all 0.5s;}
.block.html.contact-info address > p a {text-decoration: none;}

.block.html.contact-info address > p:hover::before {background: var(--primary-color);}
.block.html.contact-info address > p:hover a {color: var(--primary-color);}

/* Mutaties */
.block.html.contact-info address > .location::before {content: var(--pin);}
.block.html.contact-info address > .phone::before {content: var(--phone);}
.block.html.contact-info address > .mail::before {content: var(--mail);}
.block.html.contact-info address > .coc::before {content: var(--briefcase);}


.block.html.times {max-width: 300px; margin-top: 40px;}
.block.html.times h3 { font-family: var(--font-primary); color: var(--tertiary-color);}
.block.html.times table {width: 100%;}
.block.html.times table tr {gap: 6px;}
.block.html.times table tr td {}
.block.html.times table tr td:nth-last-child(1) {text-align: end;}

.block.form {}
.block.form form {display: flex; flex-direction: column; flex-wrap: wrap; gap: 12px;}
.block.form form .form-group {}
.block.form form .form-group .form-control { color: var(--primary-color); background: var(--white); padding: 12px 24px; border-radius: var(--border-radius-xl); border: 1px solid var(--secondary-color);}
.block.form form .form-group .form-control::placeholder {color: rgb(from var(--primary-color) r g b / 1); font-weight: 300; }

.block.form form .form-group textarea.form-control {border-radius: var(--border-radius-xs);}

.block.form form .form-group .btn.btn-default {background: var(--secondary-color); border-color: var(--secondary-color);}
.block.form form .form-group .btn.btn-default:hover {background: var(--white); color: var(--secondary-color) !important;}

/* ============================================
		FOOTER & ENDPAGE
=============================================*/



/* ============================================
		MOBIEL
=============================================*/

/* --------------------------------------- */
@media only screen and (max-width: 1499px) {

	/* Banner */
	.container-fluid.banner .content .text h1 {font-size: 3.125rem;}
	
	/* Content */
	.bg-gradient:has(.projects) {padding-top: 0; margin-bottom: 0 !important;}

	.mb-lg:has(.seperator) {margin-bottom: 0px !important;}


}

/* --------------------------------------- */
@media only screen and (max-width: 1399px) {

	/* Content */
	.block.html.text-image-under {padding-right: 50px;}

	.block.list.usps .item {width: 50%;}

	.block.list.steps {gap: 45px; margin-bottom: 50px;}

	.block.list.icon-list .item {flex: 0 0 50%;}

	.block.product.cat-list {margin-top: 24px;}
	.block.product.cat-list .item .badge { font-size: 1rem; right: -12px; width: 100px; height: 100px;}
	.block.product.cat-list .item .badge span {font-size: 0.6rem;}
	.block.product.cat-list .item .cat { font-size: 0.75rem; top: 12px; left: 12px;}
	.block.product.cat-list .item .image figcaption {padding: 24px;}

	.block.product.cat-list .text-card {padding: 32px 24px;}
	.block.product.cat-list .text-card h2 {font-size: 1.5rem;}

	.block.product.products .item {padding: 24px;}

	.block.product.con-list {gap: 0;}
	.block.product.con-list .item .image figcaption {padding: 24px;}

}

/* --------------------------------------- */
@media only screen and (max-width: 1199px) {

	/* Content */
	.block.html.concept-image .image img {width: 400px;}

	.container-fluid.content > .row:has(.leaf-list) .block.html.picture.stick-out-top .image img {margin-bottom: 24px;}
	.block.list.leaf-list {margin-bottom: 24px;}

	.block.product.cat-list > div:nth-child(3n+1) .item {margin-top: 0px;}
	.block.product.cat-list > div:nth-child(3n+2) .item {margin-top:40px;}
	.block.product.cat-list > div:nth-child(3n+3) .item {margin-top: 0px;}

	.block.product.cat-list > div:nth-child(3n+1) .text-card {margin-top: 0px;}
	.block.product.cat-list > div:nth-child(3n+2) .text-card {margin-top:40px;}
	.block.product.cat-list > div:nth-child(3n+3) .text-card {margin-top: 0px;}

	.block.product.products {gap: 0;}
	.block.product.products > div:nth-child(3n+1) .item {margin-top: 0px;}
	.block.product.products > div:nth-child(3n+2) .item {margin-top:40px;}
	.block.product.products > div:nth-child(3n+3) .item {margin-top: 0px;}

	.block.product.projects > div:nth-child(3n+1) .item {margin-top: 0px;}
	.block.product.projects > div:nth-child(3n+2) .item {margin-top:40px;}
	.block.product.projects > div:nth-child(3n+3) .item {margin-top: 0px;}

	.block.product.con-list > div:nth-child(3n+1) .item {margin-top: 40px;}
	.block.product.con-list > div:nth-child(3n+2) .item {margin-top: 0px;}
	.block.product.con-list > div:nth-child(3n+3) .item {margin-top: 40px;}

	.block.list.staff {gap: 0;}
	.block.list.staff > div:nth-child(3n+1) .item {margin-top: 40px;}
	.block.list.staff > div:nth-child(3n+2) .item {margin-top: 0px;}
	.block.list.staff > div:nth-child(3n+3) .item {margin-top: 40px;}

	.block.product.projects .listitem .text h2,
	.block.product.projects .listitem .text p {max-width: unset;}
	.block.product.projects .listitem .extra-content .extra-text {align-items: flex-start;}

}

/* --------------------------------------- */
@media only screen and (max-width: 991px) {

	/* Content */
	.block.html.concept-image .image {text-align: center;}

	.block.html.text-image-under {padding-right: 0;}

	.block.list.steps { gap: 24px; margin: 24px 0;}

	.block.product.projects.mirror > div:last-child {display: none;}

	.block.product.cat-list > div:nth-child(1n) .item {margin-top: 24px;}
	.block.product.cat-list > div:nth-child(2n) .item {margin-top: 0;}

	.block.product.cat-list > div:nth-child(1n) .text-card {margin-top: 24px;}
	.block.product.cat-list > div:nth-child(2n) .text-card {margin-top: 0;}

	.block.product.products > div:nth-child(1n) .item {margin-top: 24px;}
	.block.product.products > div:nth-child(2n) .item {margin-top: 0;}

	.block.product.projects > :nth-child(3n+2) .item {transform: none;}
	.block.product.projects > div:nth-child(1n) .item {margin-top: 24px;}
	.block.product.projects > div:nth-child(2n) .item {margin-top: 0;}

	.block.product.con-list > div:nth-child(1n) .item {margin-top: 0;}
	.block.product.con-list > div:nth-child(2n) .item {margin-top: 24px;}

	.block.list.staff > div:nth-child(1n) .item {margin-top: 0;}
	.block.list.staff > div:nth-child(2n) .item {margin-top: 24px;}

	.block.html.picture.stick-out-top {margin-top: -250px;}
	.block.html.picture.stick-out-top .image img {position: relative; margin-bottom: 0 !important;}

	.block.list.faq {margin-top: 24px;}

}

/* --------------------------------------- */
@media only screen and (max-width: 767px) {

	.seperator {margin: 50px 0;}

	/* Content */
	.container-fluid.banner img {min-height: 500px;}
	.container-fluid.banner .content .text h1 { font-size: 3rem; width: 100%;}

	.block.list.usps {margin: 50px 0 100px;}
	.block.list.usps .item {width: 100%;}

	.block.list.steps {margin-top: 48px;}

	.block.product.cat-list:has(.text-card) {margin-bottom: 0;}

	.block.product.cat-list > div:nth-child(1n) .item {margin-top: 0px;}
	.block.product.cat-list > div:nth-child(2n) .item {margin-top: 24px;}
	.block.product.cat-list > div:first-child .item {margin-top: 0;}

	.block.product.cat-list > div:nth-child(1n) .text-card {margin-top: 0px;}
	.block.product.cat-list > div:nth-child(2n) .text-card {margin-top: 24px;}
	.block.product.cat-list > div:first-child .text-card {margin-top: 0;}

	.block.product.products > div:nth-child(1n) .item {margin-top: 0px;}
	.block.product.products > div:nth-child(2n) .item {margin-top: 24px;}
	.block.product.products > div:first-child .item {margin-top: 0;}

	.block.product.con-list > div:nth-child(1n) .item {margin-top: 0;}
	.block.product.con-list > div:nth-child(2n) .item {margin-top: 24px;}
	.block.product.con-list > div:first-child .item {margin-top: 0;}

	.block.list.staff > div:nth-child(1n) .item {margin-top: 0;}
	.block.list.staff > div:nth-child(2n) .item {margin-top: 24px;}
	.block.list.staff > div:first-child .item {margin-top: 0;}

	.block.product.season-nav {padding-left: 0; justify-content: space-around;}

	.block.list.leaf-list {margin-top: 24px;}

	.block.html.picture.stick-out-top {margin-top: 0;}

	.block.html.contact-info address > p {flex: 0 0 100%;}

	.block.html.contact-info address > p:nth-child(1) {order: 1;}
	.block.html.contact-info address > p:nth-child(2) {order: 2;}
	.block.html.contact-info address > p:nth-child(3) {order: 4;}
	.block.html.contact-info address > p:nth-child(4) {order: 3;}

}

/* --------------------------------------- */
@media only screen and (max-width: 575px) {

	.swiper .swiper-scrollbar {left: 12px;}

	/* Content */
	.block.product.vibe-list {padding-top: 30px;}

	.block.html.title-btn {flex-direction: column; align-items: flex-start;}

	.block.product.projects {padding: 12px 0;}
	.block.product.projects > :nth-child(even) .item {transform: none;}
	.block.product.projects .item .image img {max-height: 400px;}

	.block.product.season-nav button span {font-size: 0.75rem;}

	.block.product.cat-list .item .badge {width: 80px; height: 80px;}
	.block.product.cat-list .item .image figcaption {height: 100%;}
	.block.product.cat-list .item .image figcaption p {line-height: 1;}

	.block.product.cat-list .text-card { margin-top: 24px; height: fit-content !important; min-height: unset !important; padding: 24px;}

	.block.list.faq details summary .title {font-size: 1rem;}

}

/* --------------------------------------- */
@media only screen and (max-width: 479px) {

	.block.product.cat-list .item .badge {width: 60px; height: 60px; font-size: 0.75rem;}
	.block.product.cat-list .item .badge span { font-size: 0.5rem;}
	.block.product.cat-list .item .image figcaption {padding: 12px;}
	.block.product.cat-list .item .image figcaption h3 {font-size: 0.875rem;}

	.block.product.cat-list .text-card {padding: 12px;}

	.block.product.products .item {padding: 12px;}

	.block.product.con-list .item .image figcaption {padding: 12px;}
	.block.product.con-list .item .image figcaption h3 {font-size: 0.875rem;}

	.block.product.projects .item .content h3 {font-size: 0.875rem;}

	.block.list.staff .item .image figcaption {padding: 12px;}

}