/*
 Theme Name:   Cassan
 Theme URI:    https://cassan-immobilier.fr/
 Description:  Thème enfant pour Cassan
 Author:       ZooTIC
 Author URI:   https://zootic.fr/
 Template:     kadence
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  cassan
*/
body.footer-on-bottom #wrapper {
	margin:38px auto 0 auto;
	font-family: "muli", sans-serif;
	font-weight: 400;
	font-style: normal;
	width: 100%;
	max-width:1326px;
	overflow:visible;
	position:relative;
}
body.footer-on-bottom main#inner-wrap {
        margin:0 2.8vw;
}
@media (min-width:1350px) {
    body.footer-on-bottom main#inner-wrap {
            margin:0 38px;
    }
}
body .site-header-section {
	align-items: flex-end;
}
body ul#primary-menu .dropdown-nav-toggle {
  display: none ;
}
body .site-branding a.brand img {
    width: 17.4vw;
    height: auto;
    max-width: 225px;
}
#primary-menu .nav-drop-title-wrap::before {
  content: "\2630"; 
  font-size: 20px;
  display: inline-block;
  margin-right: 8px;
  color: currentColor;
}
body a.social-button {
	padding: 19px 22px;
	font-size:9px;
}
body a.social-button:hover {
	border-radius:0;
}
body.home h2 {
    text-align: center;
    margin-top: -2mm !important;
    font-size: 23px;
}
body.home .derniers-biens .bien {
	background:none;
	text-align:left;
	border:none;
	border-radius:0;
}
body .header-navigation ul#primary-menu > li > ul {
	font-size:0;
	flex-direction: row;
	padding: 1rem 2rem;
    margin: 0 0 0 -38px;
	width:578px;
	padding:34px 38px 30px 38px ;
	background: transparent;
	background: var(--global-palette8);
	box-shadow:none;
    background-image: url("https://cassan.zootic.fr/wp-content/uploads/2025/07/minilogo.png");
    background-repeat: no-repeat;
	background-position: right 40px bottom 1rem;
	background-size: 42px;
	min-height: 207px;
}
body .header-navigation ul#primary-menu:hover > li > ul ,
body .header-navigation ul#primary-menu > li:hover > ul {
	display: block;
}

body .header-navigation ul#primary-menu:hover > li > ul > li {
	position: relative;
    border-top: 1px #ccc solid;
    padding: 34px 0 0 25px;
    min-height: 120px;
    z-index: 1;
    width: 160px;
    display: inline-block;
    vertical-align: top;
}

body .header-navigation ul#primary-menu:hover > li > ul > li.menu-item-bottom {
    border-top: 1px #ccc solid;
    position: absolute;
    top: calc(100% - 2.5rem - 5mm);
    min-height: unset;
    z-index: 2;
    left: 0;
    margin: 0 0 0 35px;
    padding: 2.5mm;
    width: 310px;
}

body .header-navigation ul#primary-menu:hover > li > ul > li > a {
	display:none;
}

body .header-navigation ul#primary-menu:hover > li > ul > li > ul.sub-menu{
	position: relative;
    display: block;
    left: 0;
    background: none;
	box-shadow: none;
}

body .header-navigation ul#primary-menu:hover > li > ul > li > ul.sub-menu > li {
	position: relative;
    display: block;
    left: 0;
    background: none;
}

body .header-navigation .header-menu-container ul ul li.menu-item > a {
	color:black;
	font-size:12px;
	width:100%;
	padding:2px;
}

body .content-area {
	margin-top:0;
}

body .single-content h1 {
	margin: 18mm 0 1mm;
}
body .entry-hero.page-hero-section .entry-header {
	min-height:100px;
}
@media (max-width:1350px) {
	body .entry-hero.page-hero-section .entry-header {
		min-height:7.7vw;
	}	
}

body .entry-content-wrap {
	padding-top:0;
}
#home-humain {
	max-width: 41rem;
	padding:1rem;
	margin-left:auto!important;
	margin-right:auto!important;
}
.has-no-margin{
    margin: unset;
}

.mt-2{
    margin-top: 2rem;
}
body .entry.single-entry {
	box-shadow:none;
}
.footer-widget-area-inner p {
	margin-top: 0;
    padding-top: 8px;
    font-size: 12px;
    line-height: 18px;
}
body .site-top-footer-wrap .site-footer-row-container-inner {
	border-top:1px solid #c4c2c0;
}
body .site-top-footer-inner-wrap {
	padding-top: 38px;
    padding-bottom: 38px;
}
body .footer-widget3 img {
	width:11.27mm!important;
}
body .site-middle-footer-inner-wrap {
	margin:0;
	padding:0;
	grid-column-gap: 15px;
    grid-row-gap: 7px;
}
body .entry-content-wrap {
	padding:0;
}
body .site-header-row-container-inner > .site-container {
	padding:0;
}
main.bien-container {
	margin: 16.29mm 0 0 0;
	padding:0!important;
}
main.bien-container div:first-child > img {
	max-height:668px;
	height:65vw;
	margin-top:3vw;
}
@media (min-width:1350px) {
	main.bien-container div:first-child > img {
		margin-top:40px;
	}
}

main.bien-container .bien-buttons {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 2.9mm; 
  flex-wrap: wrap;
  margin-top:4mm;
  max-width: 40vw;
}
main.bien-container .bien-buttons button {
  display: flex; 
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 9mm;
  padding: 0 3mm;
  font-size: 11px;
  line-height:11px;
  font-family: "DM Serif Display";
  font-weight: normal;
  margin:0;
  width: 13mm;
  box-sizing: border-box;
}
@media (min-width: 1000px) {
	body #primary-menu .nav-drop-title-wrap::before,
	body .main-navigation .primary-menu-container > ul li.menu-item > a,
	body .secondary-navigation .secondary-menu-container > ul li.menu-item > a {
		font-size: 17.5px;
	}
	body h1 {
		font-size:28px;
	}
	body h2 {
		font-size:26px;
	}
	#home-humain {
		font-size:14px;		
	}
}
	
@media (max-width: 1000px) and (min-width: 850px) {
	body #primary-menu .nav-drop-title-wrap::before,
	body .main-navigation .primary-menu-container > ul li.menu-item > a,
	body .secondary-navigation .secondary-menu-container > ul li.menu-item > a {
		font-size: 16px;
	}
	body article.category-gazette-agence.post h1 {
		font-size:30px;
	}
	body h1 {
		font-size:26px;
	}
	body h2 {
		font-size:24px;
	}
	#home-humain {
		font-size:13px;		
	}
}
@media (max-width: 850px) and (min-width: 600px) {
	body #primary-menu .nav-drop-title-wrap::before,
	body .secondary-navigation .secondary-menu-container > ul > li.menu-item > a,
	body .main-navigation .primary-menu-container > ul > li.menu-item > a {
		font-size: 14.5px;		
	}
	body article.category-gazette-agence.post h1 {
		font-size:30px;
	}
	body h1 {
		font-size:24px;
	}
	body h2 {
		font-size:22px;
	}
	#home-humain {
		font-size:12px;		
	}
}
@media (max-width: 600px) and (min-width: 480px) {
	body #primary-menu .nav-drop-title-wrap::before,
	body .main-navigation .primary-menu-container > ul li.menu-item > a,
	body .secondary-navigation .secondary-menu-container > ul li.menu-item > a {
		font-size: 12px;
	}
	body h1 {
		font-size:20px;
	}
	body h2 {
		font-size:20px;
	}
	#home-humain {
		font-size:11.5px;		
	}
}
@media (max-width: 480px) and (min-width: 200px) {
	body #primary-menu .nav-drop-title-wrap::before,
	body .main-navigation .primary-menu-container > ul li.menu-item > a,
	body .secondary-navigation .secondary-menu-container > ul li.menu-item > a {
		font-size: 10px;
	}
	body h1 {
		font-size:16px;
	}
	body h2 {
		font-size:16px;
	}
	#home-humain {
		font-size:9.5px;		
	}
	body .main-navigation .primary-menu-container > ul > li.menu-item > a,
	body .main-navigation .secondary-menu-container > ul > li.menu-item > a {
		padding-left:0.15rem;
		padding-right:0.15rem;
	}
}
@media (max-width: 700px) and (min-width: 200px) {
	body .main-navigation .primary-menu-container > ul > li.menu-item > a,
	body .main-navigation .secondary-menu-container > ul > li.menu-item > a {
		padding-left:0.6rem;
		padding-right:0.6rem;
	}
	body .site-header-row-container-inner > .site-container {
		padding:0;
	}
	body .site-container {
		padding:0;
	}
}
@media (max-width: 700px) {
	body .header-navigation ul ul.sub-menu.sub-menu-edge {
		min-width:100vw;
		left:0;
	}
	body .header-navigation ul#primary-menu > li:hover > ul,
	body .header-navigation ul#primary-menu:hover > li > ul	{
		display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100vw;
        padding-bottom: 100px;
        background-size: 110px;
        background-position: right 2rem bottom 0.6rem;
		box-shadow: 0 6px 8px -4px rgba(0,0,0,0.25);
		margin-top: 15px;
	}
	body .header-navigation ul#primary-menu > li:hover > ul > li,
	body .header-navigation ul#primary-menu:hover > li > ul > li	{
		flex: 0 0 50%; /* chaque élément occupe 50% de la largeur → 2 colonnes */
		box-sizing: border-box;
		min-height:auto;
	}
	body .header-navigation ul#primary-menu:hover > li > ul > li:nth-child(3) {
		border-top:0;
	}
	body .header-navigation ul#primary-menu:hover > li > ul > li.menu-item-bottom {
		width:250px;
	}
}
@media (max-width: 420px) {
	body .header-navigation ul#primary-menu > li:hover > ul,
	body .header-navigation ul#primary-menu:hover > li > ul	{
		padding-bottom: 8px;
		background-size: 40px;
		padding-right: 60px;
        background-position: right 2rem bottom 1.2rem;
	}

	body .header-navigation ul#primary-menu > li:hover > ul > li,
	body .header-navigation ul#primary-menu:hover > li > ul > li	{
		flex: 0 0 100%; 
		box-sizing: border-box;
		min-height:auto;
	}
	body .header-navigation ul#primary-menu > li:hover > ul > li.menu-item-bottom,
	body .header-navigation ul#primary-menu:hover > li > ul > li.menu-item-bottom	{
		position:relative;
		max-width: 70%;
		margin-top:20px;
	}
	body .header-navigation ul#primary-menu:hover > li > ul > li:nth-child(2) {
		border-top:0;
	}

}
body.archive.category-gazette-agence h1 {
	text-align:center;
	font-size: 38px;
	margin-top:5rem;
}
body.archive.category-gazette-agence .archive-description {
    text-align: center;
    max-width: 465px;
    margin: 3rem auto 0 auto;
    font-size: 12px;
}
body article.category-gazette-agence {
	margin-top:4mm;
}
body article.category-gazette-agence.post {
	margin-top:24.8mm;
}
body.category article.category-gazette-agence.post {
	margin-top:2mm;
}
body article.category-gazette-agence .single-content p {
	max-width: 29.5rem;
	font-size:12px;
}
body h2.entry-related-title {
    margin-bottom: 1.5rem;
    border-top: 1px #c4c2c0 solid;
    padding-top: 2rem;
	text-align:center;
}
/* Section "derniers biens" */
/*


.liste-biens {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    justify-items: center;
    margin: 0 auto;
}

.liste-biens .bien {
    background: #fff;
    padding: 1rem;
    text-align: center;
}



*/
body .wp-block-separator.has-background:not(.is-style-dots) {
    border: none;
    height: 1px;
}

body .derniers-biens {
  margin: 9mm 0;
}

body .single-content .derniers-biens > h2 {
  margin: 0 0 9mm 0;
}

/* Grille responsive */
.liste-biens {
	margin-top: 15vw;
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr; /* mobile par défaut */
}
/* Carte d'un bien */
.bien {
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.bien a {
  display: block;
  color: inherit;
  text-decoration: none;
  height: 100%;
}
/* Image à ratio propre */
.bien img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 4 / 3;       /* moderne */
  object-fit: cover;
}
/* Contenu */
.bien h3 {
  font-size: 1.05rem;
  line-height: 1.3;
  margin: .75rem .9rem 0;
}
.bien p {
  margin: .5rem .9rem 1rem;
  color: #555;
  font-size: .95rem;
}

.liste-biens .wp-post-image {
  margin: 0; 
  border-radius: 0;
}
body.single div.entry-related-grid article.category-gazette-agence,
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article {
	position:relative;
	box-shadow:none;
}
body.single div.entry-related-grid article.category-gazette-agence > a,
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > a {
	display:inline-block;
	width:100%;
	vertical-align:top;
	font-family: var(--global-heading-font-family);
	font-size:1.5rem;
	margin-top:0;
	max-height: calc(1.5em * 4); 
    overflow: hidden;
    text-overflow: ellipsis;
	position:absolute;
	top:0;
	left: 0;
}
body div.entry-related-grid article.category-gazette-agence.post {
	margin:0;
}
body.single div.entry-related-grid article.category-gazette-agence > div {
	padding:0; 
	margin:0;
}
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > div {
	padding-top:0rem;
}

body.single div.entry-related-grid article.category-gazette-agence > div > header h3.entry-title {
	padding-left:50%;
	font-size:16px;
	margin-top:5px;
	text-align:right;
	height: calc(1.5em * 4); 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > div > header h2.entry-title {
    padding-left: 50%;
    font-size: 16px;
    margin-top: 5px;
    height: calc(1.5em * 4);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-align: right;
}
body.single div.entry-related-grid article.category-gazette-agence .entry-header{
	margin:0;
}
body.single div.entry-related-grid article.category-gazette-agence > div div.entry-summary{
	font-size: 12px;
	height: calc(1.1em * 8);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	text-align: center;
	margin: 30px 0 0 0;
	max-width: 280px;
}
body.single .entry-related-inner-content {
	padding:15mm;
}
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > div div.entry-summary p {
	margin: 0 auto ;
}
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > div div.entry-summary {
	font-size: 12px;
	height: calc(1.6em * 5);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	text-align: center;
	margin: 0 auto ;
	max-width: 280px;
}
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap ul#archive-container article > div div.entry-summary {
	margin-top:70px;
}
@media (max-width:1350px) {
	body.archive.category-gazette-agence .wp-site-blocks #inner-wrap ul#archive-container article > div div.entry-summary {
		margin-top: 5.2vw;
	}
}
body.archive.category-gazette-agence .loop-entry .entry-content-wrap {
	margin:0;
	padding:0;
}
body.archive.category-gazette-agence .grid-cols {
	column-gap: 3.5rem;
	margin-top: 23mm;
}
body.archive.category-gazette-agence .entry-header {
	margin-bottom: 0;
}
body .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content {
    margin: 0;
    font-family: 'muli';
    font-size: 13px;
    line-height: 18px;
    text-align: center;
}
body .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li>a {
	display:inline-block;
	width:50%;
	vertical-align:top;
	font-family: var(--global-heading-font-family);
	font-size:1.5rem;
	margin-top:0;
	max-height: calc(1.5em * 4); 
    overflow: hidden;
    text-overflow: ellipsis;
	font-size:16px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

body .kadence-posts-list .entry-list-item {
	display: flex;
    flex-direction: column;
    max-width: 300px !important;
    margin: 0 auto;
}

body.single div.entry-related-grid article.category-gazette-agence > a > div,
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > a >div,
body .wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) {
	width:50%;
	max-width: 150px;
	aspect-ratio: 1/1;
	padding:0;
	display:inline-block;
	position:relative;
	vertical-align:top;
	height: auto;
}
body.single div.contact-grid >div.contact-photo {
	width:200px;
	margin-left:-10rem;
}
body.single div.contact-grid >div.contact-photo::before,
body.single div.entry-related-grid article.category-gazette-agence > a >div::before,
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > a >div::before,
body .wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright)::before {
    content: "";
    background-image: url("/wp-content/uploads/2025/09/fondimg.png");
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
    top: 50%;
    left: 50%;
    max-width: 160px;
    max-height: 160px;
    width: 91%;
    height: 91%;
}
body.single div.contact-grid >div.contact-photo img,
body.single div.entry-related-grid article.category-gazette-agence > a >div img,
body.archive.category-gazette-agence .wp-site-blocks #inner-wrap article > a >div img,
body .wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) img {
	height: auto;
    max-width: 150px!important;
	width:85%!important;
    border-radius: 75px;
    margin: 10px auto;
    position: relative;
}
body .wp-block-buttons .wp-block-button__link {
    width: 100%;
    font-family: 'DM Serif Display';
    font-size: 14px;
    padding: 2.5mm 4mm;
    margin-bottom: 2mm;
}
.liste-biens,
body .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 {
	grid-template-columns: repeat(1, 1fr);
	gap: 16mm;
	margin-top:150px;
}
.liste-biens.secondaire{
	margin-top: 0px;
	gap: 4vw 6vw;
}
.liste-biens.secondaire.vendu{
	margin-top: 0px;
	gap: 3vw 3vw;
}
.liste-biens.secondaire.vendu{
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 480px) {
  .liste-biens,
  body .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 {
	  grid-template-columns: repeat(2, 1fr);
	  padding:0.5rem 0;
  }
  .liste-biens.secondaire{
	grid-template-columns: repeat(3, 1fr);
  }
  .liste-biens.secondaire.vendu{
	grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 700px) {
	.liste-biens,
	body .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	body.archive.category-gazette-agence h1 {
		text-align:center;
		font-size: 32px;
		margin-top:5rem;
	}
  .liste-biens.secondaire{
	grid-template-columns: repeat(4, 1fr);
	}
	.liste-biens.secondaire.vendu{
		grid-template-columns: repeat(6, 1fr);
	}
	body .grid-lg-col-2 {
		grid-template-columns: repeat(2, 1fr);
	}
	body .grid-lg-col-3 {
		grid-template-columns: repeat(3, 1fr);
	}
	body .grid-lg-col-4 {
		grid-template-columns: repeat(4, 1fr);
	}
	body .grid-lg-col-6 {
		grid-template-columns: repeat(6, 1fr);
	}
}
@media (min-width: 1300px) {
    body.content-width-narrow .wp-site-blocks .content-container .alignwide {
		margin-left: -350px;
        margin-right: -350px;
        width: unset;
        max-width: unset;
    }
}
@media (min-width: 1102px) {
    body.content-width-narrow .wp-site-blocks .content-container .alignwide {
		margin-left: -200px;
        margin-right: -200px;
        width: unset;
        max-width: unset;
    }
}
@media screen and (min-width: 1025px) {
    body.content-width-narrow .entry-content .alignwide, .content-width-narrow .content-area .alignwide {
        margin-left: -150px;
        margin-right: -150px;
        width: auto;
    }
}
.title-block {
	position:absolute;
	background: #4c8b8f;
	color: white;
	top: calc(118px + 37vw);
	max-width: 300px;
	width:100%;
	padding: 38px!important;
	text-align: center;
	z-index: 2;
	right:-10mm
}
.title-block h1 {
	text-align:right;
	font-size:20px;
	margin-bottom:0!important;
	padding-bottom:0;
}
.title-block h2 {
	text-align:right;
	font-size:18px;
}
.title-block p {
	text-align:right;	
	font-size:12px;
}
@media  (max-width: 480px) {
	body .title-block,body .mail-block {
		position:static;
		margin:30px auto!important;
		right:0;left:0;top:auto;
	}
}
@media (min-width:1326px) {
	.title-block {
		top: 650px !important;
	}
	.title-block .content {
		font-size: 10.5px;
		padding: 0 ; 
	}
}
@media (max-width:480px) {
	.title-block ,.mail-block { max-width:calc(100vw - 25mm );}
	.title-block .content,.title-block h1,.title-block .subtitle,.mail-block .content,.mail-block h2 { padding:0 5mm; max-width:calc(100vw - 35mm );}
}

body .header-navigation .header-menu-container ul ul li.menu-item.current-menu-item > a {
	background: none;
	color:black;
}
body .header-navigation .header-menu-container ul ul li.menu-item > a:hover {
	background: none;
	color:black;
}
.single-bien .title-block h2 {
	text-align:center;
}
.bien-btn-modal {
	border-radius:0;
}

body.page .wp-block-cover {
	height: auto;
    min-height: calc(306px + 37vw ) !important;
}
@media (min-width:1350px) {
    body.page .wp-block-cover {
        min-height: 796px !important;
    }
}
body.page.page-template-default h1 {
    margin: 22mm 0 12mm;
    font-size: 30px;
    line-height: 30px;
}
body.home.page.page-template-default h1 {
	font-size: 25px;
    line-height: 25px;
    margin: 15mm 0 5mm;
}
body.page.page-template-default .single-content p {
    font-size: 12px;
    line-height: 15px;
	margin: 0 0 0.25rem 0;
}
body.page.page-template-default #primary {
	margin-bottom: 40mm !important;
}
body.page .wp-block-cover .wp-block-cover__image-background {
	height:auto;
        max-height: 790px;
}
body.page .site-container {
	margin:0;
	padding:0;
}
body.page #wrapper {
	overflow:visible;
}
body.page .single-content .title-block h2:not(:first-child) {
	margin: 0;
    font-size: 19px;
    line-height: 19px;
    min-height: 38px;
}
body.page .single-content .title-block h2:first-child {
	margin:0;
	font-size:30px;
	line-height:30px;
}
body.page .single-content p {
	margin:0 0 0 0;
	font-size:12px;
}
body.page .single-content p.small {
	margin:0 0 0 0;
	font-size:10px;
}
body.page-id-41 .wp-block-cover {
	margin-bottom: 29.8mm;
	position: relative;
}
body.page-id-41 .is-layout-grid{
	margin:0;
	padding:3mm!important;
	grid-template-columns: repeat(4, 1fr);
	gap: 5.7mm;
}
@media (max-width:780px) {
	body.page-id-41 .is-layout-grid{
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (max-width:480px) {
	body.page-id-41 .is-layout-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width:300px) {
	body.page-id-41 .is-layout-grid{
		grid-template-columns: repeat(1, 1fr);
	}
}
body.page-id-41 .is-layout-grid h2{
	font-size: 26px;
    line-height: 30px;
    min-height: 60px;
	margin:0 0 7mm 0;
}
body.page-id-311.page.page-template-default h1 {
	font-size:30px;
	margin-top: 22mm;
}
body.page-id-41 .is-layout-grid .has-medium-font-size {
	text-transform: uppercase;
    font-weight: 900;
    font-size: 10px !important;
}
body.page.page-id-41 .single-content .is-layout-grid p {
	margin: 6px 0 0 0;
    font-size: 11px;
}
body.page.page-id-41 .single-content .is-layout-grid .wp-block-image img {
	box-sizing: border-box;
    min-height: 62mm;
    max-width: 100%;
    vertical-align: bottom;
	object-fit: cover;
}

body.page.page-id-41 .single-content .is-layout-grid .wp-block-image {
	margin-bottom: 5mm;
}
#video-scroll {
	position:relative;
    display: flex;
    gap: 0;
}
#video-scroll .wp-block-column {
	flex:1;	
}
#video-scroll .wp-block-column:first-child {
	flex: 0 0 calc(50% - 150px);
}
#video-scroll .wp-block-column:last-child {
	flex: 0 0 calc(50% - 150px);
}
#video-scroll .wp-block-video {
    width: 100%;
    height: 100%;
}
#video-scroll .wp-block-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.2s ease-out;
    transform-origin: center center;
}
#video-scroll .wp-block-video {
    position: relative;
    overflow: hidden;
}