.onscroll .header.js-fixed.region--dark-colored-background, .onscroll .region--dark-colored-background .header.js-fixed {
    background-color: hsl(0deg 0% 44.88% / 95%);
}

.onscroll #block-groovyplus-branding .logo img {max-width: 150px;}
.onscroll  .header__container {
	padding: 0px 0!important;
}

.header-container ul.menu > li > a, .header-container ul.menu > li > span {
    font-size: 17px;
    font-weight: 600;
}

.onscroll .header-container ul.menu > li > a, .onscroll .header-container ul.menu > li > span {
    padding: 10px 10px;
    margin: 14px 10px;
}

body {overflow-x: hidden;}

/*-----------------*/
/***** Special Hover Effects *****/
/*-----------------*/

/* *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; } // required */
.grid {
    position: relative;
    clear: both;
    margin: 0 auto;
    /* padding: 1em 0 4em; */
    max-width: 1600px;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    /* float: left; */
    overflow: hidden;
    margin: 10px 1%;
    /* min-width: 320px; */
    /* max-width: 480px; */
    /* max-height: 360px; */
    width: 48%;
    height: auto;
    background: #031a35;
    text-align: center;
    cursor: pointer;
    border-radius: 10px;
}

.grid figure img {
	position: relative;
	display: block;
	max-width: 100%;
	opacity: 0.8;
}

@media screen and (min-width: 768px) {
    .grid figure img {
	    min-height: 100%;
    }
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 768px) {
    .grid figure figcaption,
    .grid figure figcaption > a {
        position: absolute;
        top: 0;
        left: 0;
    }
}

/* Anchor will cover the whole item by default */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 108.5%;
}

/* Individual effects */

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo h2 span {
	display: block;
}

figure.effect-apollo img {
	opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
}

figure.effect-apollo figcaption::before {
	position: absolute;
	top: 0;
	left: 7%;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

figure.effect-apollo p {
    padding: 0 1em;
    border-right: 4px solid #b81414;
    text-align: right;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

@media screen and (min-width: 768px) {
    figure.effect-apollo p {
        position: absolute;
        right: 0;
        bottom: 0;
        margin: 3em;
        padding: 0 1em;
        max-width: 300px;
        border-right: 4px solid #b81414;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }
    figure.effect-apollo:hover p {
        opacity: 1;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
}

figure.effect-apollo h2 {
	text-align: left;
    color:#fff;
}

figure.effect-apollo:hover img {
	opacity: 0.6;
	-webkit-transform: scale3d(1.20,1.20,1.20);
	transform: scale3d(1.20,1.20,1.20);
}

figure.effect-apollo:hover figcaption::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
    left: -7%;
}


/* Media queries */
@media screen and (max-width: 50em) {
	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
}

/*---------------*/
/***** Fin Apolo *****/
/*---------------*/

/*---------------*/
/***** CORRECTIONS *****/
/*---------------*/

.me-xl-auto {
    margin-right: auto!important;
    margin-left: auto!important;
}

.region--light-typography .paragraph--type--mt-icon-features h1, .region--light-typography .paragraph--type--mt-icon-features h2, .region--light-typography .paragraph--type--mt-icon-features h3, .region--light-typography .paragraph--type--mt-icon-features h4, .region--light-typography .paragraph--type--mt-icon-features h5, .region--light-typography .paragraph--type--mt-icon-features h6 {
    color: #b81414;
}

i {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    color: var(--mt-color-primary);
    font-weight: 600;
}

.region--light-typography .mt-button > a {
    /* margin: 4px 20px 0px;
    padding: 6px 15px;
    border-radius: 5px; */
    background: var(--mt-color-primary);
    border: 1px solid var(--mt-color-primary);
    color: #ffffff;
}
.region--light-typography .mt-button > a:hover {
    background: transparent;
    border: 1px solid var(--mt-color-primary);
}


/*---------------*/
/***** Fin corrections *****/
/*---------------*/

/*---------------*/
/***** SOCIAL BOOKMARKS *****/

#block-mt-business-groovyplus-socialbookmarks .field--name-body {
    display: flex;
    justify-content: flex-end;
}

#block-mt-business-groovyplus-socialbookmarks .mt-button {
    margin: 4px 20px 0px;
    padding: 6px 15px;
    border-radius: 5px;
    background: var(--mt-color-primary);
    border: 1px solid var(--mt-color-primary);
    color: #ffffff;
}
#block-mt-business-groovyplus-socialbookmarks .mt-button:hover{
    background: transparent;
    border: 1px solid var(--mt-color-primary);
}

#block-mt-business-groovyplus-socialbookmarks p {
    margin: 0;
    padding: 0 0 0px 0;
}

#block-mt-business-groovyplus-socialbookmarks ul.icons-list li {
    display: inline-block;
    margin: 8px 11px;
    vertical-align: middle;
}

/*---------------*/
/***** Fin SOCIAL BOOKMARKS *****/ 


/*---------------*/
/***** MENU SERVICES *****/
/*---------------*/
#superfish-mt-services {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;
    padding: 10px;
}

#block-groovyplus-services ul.menu li a,#block-groovyplus-services ul.menu li > span {
    padding: 7px 0 8px 50px;
    line-height: 131%;
    display: block;
    font-weight: 600;
    text-decoration: none;
    color: var(--mt-color-base);
    font-family: 'Montserrat';
    background-size: contain;
}

#block-groovyplus-servicesul .sf-menu.sf-navbar li {
    position: static;
    background: #ffffff;
    padding: 7px 15px;
    border-radius: 5px;
    min-width: 24%;
    text-align: left;
    font-size: 18px;
    font-weight: 700!important;
}

/* #block-groovyplus-services ul.menu li > a:before {
    content: "\f105";
    font-weight: 900;
    left: -17px;
    font-size: 20px;
    top: 8px;
    color: red;  
} */

#block-groovyplus-services ul.menu li > a:before {
    display:none;
}

/*---------------*/

/* #block-groovyplus-services ul.menu li .sf-shadow.sf-menu.menu ul {
    box-shadow: 1px 1px 1px rgba(0,0,0,0);
    background: #fff;
} */

#block-groovyplus-services ul.sf-menu.sf-navbar li ul, ul.sf-menu.sf-navbar li li li {
    box-shadow: 0px 0px 5px 0px #9b9b9b;
    width: 100%;
    background: #fff;
    width: 250px;
    text-align: left;
    padding: 12px;
    margin: 15px 0 0 0;
    border-radius: 6px;
}

#block-groovyplus-services ul.sf-menu.sf-navbar li li {
	width: 100%;
	float: none;
    display: block;
}

#block-groovyplus-services ul.sf-menu.sf-navbar li ul li a {
    transition: ease 0.4s;
    font-size: 15px;
    background-image: none;
    padding: 10px 10px 10px 30px;
}

#block-groovyplus-services ul.sf-menu.sf-navbar li ul li a:before {
    color: #ffffff;
    top: 10px;
    left: 0px;
    content: "\f105";
    font-weight: 900;
    font-size: 20px;
    color: red;
    display:block!important;
}

#block-groovyplus-services ul.sf-menu.sf-navbar li ul li a:hover:before {
    left: 8px;
}

#block-groovyplus-services .sf-menu ul li a:hover:before {
    transition: ease 0.4s;
}

/* #block-groovyplus-services ul.sf-menu.sf-navbar li ul li a:hover {
    background: #d5af48;
    color: #ffffff
} */

ul.sf-menu.sf-navbar li ul.menu>li>a {
    font-size: 1.0rem;
}

#block-groovyplus-services ul.sf-menu>li>a .sf-sub-indicator:after, #block-groovyplus-services ul.sf-menu .sf-sub-indicator:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free','Font Awesome 5 Pro';
    font-weight: 600;
    left: 50%;
    top: -4px;
    margin-left: -3px;
    font-size: 19px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: absolute;
    transform: none;
    color: red;
}

#block-groovyplus-services ul.sf-menu>li>a:hover .sf-sub-indicator:after {
    top: -1px;
}

#block-groovyplus-services ul.sf-menu .sf-sub-indicator {
    right: -26px;
    width: 33px;
    font-size: 13px;
}

/* Menu Services mobile */

#block-groovyplus-services div.sf-accordion-toggle a {
    background: transparent;
    border: 0px solid #381301;
    color: #031a35;
    display: inline-block;
    font-weight: 500;
    padding: 1em 3em 1em 1em;
    position: relative;
    font-size: 21px;
    text-decoration: none;
    text-transform: uppercase;
}

#block-groovyplus-services div.sf-accordion-toggle > a:after {
    content: "≡";
    font-size: 2em;
    position: absolute;
    right: 0.5em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* Menu Services footer */
.footer__section #block-mt-business-groovyplus-services ul.menu li a, .footer__section #block-mt-business-groovyplus-services ul.menu li > span {
	padding: 20px 0px 20px 66px;
	text-decoration: none;
	font-weight: 400;
	background-color: #032144 ;
	border-radius: 10px;
	margin: 14px;
	text-align: left;
	background-position: 8px center;
}

.footer__section #block-mt-business-groovyplus-services ul.menu li a:hover,.footer__section #block-mt-business-groovyplus-services ul.menu li > span:hover {
	background-color:#011124 ;
    color: #ffffff;
}

/*---------------*/
/***** HERO TITLE *****/
 .block-mt-hero-v2 .field--name-field-mt-hero-v2-title {
    font-size: 34px;
    margin-top: 0px;
    font-weight: 600;
}

@media (min-width: 1400px) {
    .block-mt-hero-v2 .field--name-field-mt-hero-v2-title.mt-typing-animation-enabled {
        min-height: 90px;
    }
}

@media (min-width: 1200px) {
     .block-mt-hero-v2 .field--name-field-mt-hero-v2-title {
     font-size: 34px;
    }
}

/*---------------*/
/*----OVERLAY-----------*/
.paragraph--type--mt-highlight .overlay-container img, .block-mt-hero-v2 .overlay-container img{
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
    -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
    -webkit-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
}

.overlay-container:hover img{
  -webkit-transform: scale(1);
  transform: scale(1);
    -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
    -webkit-transition: all 0.7s linear;
  -o-transition: all 0.7s linear;
  transition: all 0.7s linear;
}

.overlay--colored {
  background-color: #ff000014;
}

/*---------------*/
/***** HERO *****/
/*---------------*/

@media (min-width: 1200px) {
  .block-mt-hero-v2 .field--name-field-mt-hero-v2-description {
    margin-bottom: 0px;
  }
}

@media (min-width: 1200px) {
  .block-mt-hero-v2 .field--name-field-mt-hero-v2-description p {
    margin-bottom: 0px;
  }
}



/*---------------*/
/***** GENERAL *****/
/*---------------*/

.header__container {
    padding: 5px 0;
}
h1.page-title {
	font-size: 31px;
	text-transform: uppercase;
	font-weight: 500;
    margin-bottom: 0px;
}
.content-top__section h1.page-title {
	text-align: center;
	color: #fff;
	padding: 10px;
    margin-bottom: 0px;
}
.content-top__section .path-node h1.page-title {
	text-align:center;
}
.col-12 h2.title, .col-12 nav > h2, .col-12 .block-search > h2 {
     margin-bottom:30px;
    font-weight: 500;
    font-size: 30px;
}

.node--view-mode-mt-hero-card h2.node__title {
    font-size: 30px;
    margin: 15px 0 0;
    padding: 0;
}

h4 {
    font-size: 24px;
}

#block-mt-business-groovyplus-whychooseus, #block-groovyplus-notreexpertisevelux {
    padding: 20px 0 20px 0;
}

.content-top-highlighted__section {
    padding: 20px 0 20px;
}

.highlighted__section {
    padding: 20px 0 25px;
}

/* .block-mt-logo-links.mt-logo-links-large .logo-container .field--name-field-mt-il-image img {
	max-width: 350px;
} */

.block-mt-logo-links.mt-logo-links-large .logo-container .field--name-field-mt-il-image img {
	max-width: 250px;
}

.company-info {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: var(--mt-hff);
    padding: 0;
}

.company-info p {
	margin: 0;
	padding: 0 0 0px 0;
}

.field--name-field-mt-hf-feature .row {
	background: #d4d4d4;
	padding: 35px;
	border-radius: 10px;
}

.field--name-field-mt-highlight-title a {
    border-bottom: 2px solid;
    /* color: #031a35; */
    display: block;
    padding: 0 0px 10px;
}

a:hover {
    text-decoration: none;
    color: var(--mt-color-primary-dark);
}

.footer__section .logo img {
    max-width: 180px;
}

.js-transparent-header .header-top-highlighted {
    background: rgb(3 26 53 / 65%) !important;
}

/* .region--bright-dark-colored-background .footer-top__container, .region--bright-colored-background .footer-top__container, .region--bright-shade-background .footer-top__container, .region--bright-dark-background .footer-top__container {
    background-color: #ffffff;
    padding: 0px 80px 30px;
} */

.region--bright-colored-background {
    background: var(--mt-color-default);
    background: -moz-linear-gradient(top, hsl(0deg 0% 83.14%) 35%, var(--mt-color-colored) 35%);
    background: -webkit-linear-gradient(top, hsl(0deg 0% 83.14%) 35%, var(--mt-color-colored) 35%);
    background: linear-gradient(to bottom, hsl(0deg 0% 83.14%) 35%, var(--mt-color-colored) 35%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='var(--mt-color-colored)',GradientType=0 );
}

.header-container ul.menu > li > a:hover, .header-container ul.menu > li > span:hover {
    font-size: 17px;
    font-weight: 600;
    color:#eb1c24;
}

.onscroll .header.js-fixed.region--dark-colored-background, .onscroll .region--dark-colored-background .header.js-fixed {
  background: rgb(1 22 47 / 81%) !important;
}
.region--bright-dark-colored-background .footer-top__container, .region--bright-colored-background .footer-top__container, .region--bright-shade-background .footer-top__container, .region--bright-dark-background .footer-top__container {
    padding-top: 20px;
    padding-bottom: 50px;
}

/* Vidéo background */
.background-video-block__section {
    position: relative;
    padding: 45px 0 0;
    overflow: hidden;
}

/* responsive */
@media screen and (max-width: 768px) {
    #block-groovyplus-animationprestationsvelux {
    padding: 0 2%;
    }
    
    .contact-info li > .svg-inline--fa {
    position: relative;
    left: -11px;
    top: 0px;
    font-size: 19px;
    }
    
    .footer__section {
    text-align: center;
    padding: 20px 0;
    }
    
    h1.page-title {
    font-size: 22px !important;
    }

    #block-groovyplus-professionnelagreedesmarques .row {
    flex-wrap: wrap;
    flex-direction: column;
    align-content: center;
    }
    #block-groovyplus-professionnelagreedesmarques  .col-6 {
    flex: 0 0 auto;
    width: 100%;
    }
}

.view-header .mt-view-header {display:block!important;}

.main-content__section {
	padding: 0px 0 30px!important;
}

h2 {
    font-size: 40px;
}

.page-node-112 .sidebar-second {
    position:sticky;
    top:100px;
}


.node--view-mode-mt-featured-teaser-2 .featured-teaser-content {
	font-size: 19px;
}

.view-mt-team-members-grid .node--view-mode-mt-teaser-tile {}

.view-mt-team-members-grid .node--view-mode-mt-teaser-tile  ul.icons-list li a {
    color: var(--mt-color-primary);
}

.view-mt-team-members-grid .node--view-mode-mt-teaser-tile  ul.icons-list li a:hover {
    color: var(--mt-color-primary-dark);
}

/* .col-lg-6 {
        display: flex;
        justify-content: center;
} */

#block-groovyplus-views-block-mt-team-members-grid-block-2 .view-content {
margin: 0 auto ;
}

#block-groovyplus-views-block-mt-team-members-grid-block-2 .teaser-tile-image-container {
    position: relative;
    float: left;
    max-width: 270px;
    margin: 0 15px 0 0;
}

#block-groovyplus-views-block-mt-team-members-grid-block-1 .teaser-tile-image-container {
    position: relative;
    float: left;
    max-width: 180px;
    margin: 0 15px 0 0;
}
#block-groovyplus-views-block-mt-team-members-grid-block-2 .node--view-mode-mt-teaser-tile.node--view-mode-mt-teaser-tile--image-circle .overlay-container, #block-groovyplus-views-block-mt-team-members-grid-block-2 .node--view-mode-mt-teaser-tile.node--view-mode-mt-teaser-tile--image-circle .teaser-tile-image img {
    border-radius: 15px;
}

#block-groovyplus-views-block-mt-team-members-grid-block-2 h2.title {
    margin: 50px auto  20px;
    max-width: 730px;
}

.block h2.title{
    margin: 0px auto 20px;
    max-width: 730px;
}

.field--name-field-mt-tmm-subtitle {
    font-weight: bold;
}

.mt-view-header {
    font-size: 20px!important;
    margin:20px auto 60px;
    text-transform: none;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    max-width: 890px;
}

@media (min-width: 1440px) {
    .block-mt-hero-v2 > .content {
        padding: 0px 0 20px;
    }
}

#block-groovyplus-cequenousfaisons {
    background: #d4d4d4;
    padding: 20px;
    border-radius: 19px;
}

h3 {
    font-size: 27px;
    margin-top: var(--mt-text-size);
}

.block-mt-hero-v2 .field--name-field-mt-hero-v2-note {
    font-size: 14px;
    opacity: 0.65;
    margin: 10px 0px;
}

.node--view-mode-mt-teaser-tile .node__title {
    font-size: 30px;
    margin-bottom: 20px;
}

.subfooter {
    font-size: 14px;
}

:root {
    --mt-text-size: 18px;
}

.field--name-field-mt-fc-header {
    padding: 0;
}

.feature {
    padding: 14px 4px!important;
    min-height: 200px;
}

.node--view-mode-mt-teaser-tile .node__title {
    font-size: 24px;
    margin-bottom: 20px;
}

#block-groovyplus-animationprestationsvelux .feature {
    padding: 20px 10px!important;
    min-height: 150px;
}
#block-groovyplus-les4atoutsduneverrieredetoitveluxsurmesure .feature, #block-groovyplus-grillefenetresdetoit .feature {
    min-height: 275px;
}


/* Certifications */
#block-groovyplus-qualificationsdoctb, #block-groovyplus-qualificationsdoctb-2 , #block-groovyplus-certificationsverrieres, #block-groovyplus-certificationspoeles {
    max-width: 1200px;
    margin: 0 auto;

}

#block-groovyplus-qualificationsdoctb .feature, #block-groovyplus-qualificationsdoctb-2 .feature, #block-groovyplus-certificationsverrieres .feature, #block-groovyplus-certificationspoeles .feature {
    padding: 0px 10px 15px!important;
    min-height: 375px;
}

#block-groovyplus-qualificationsdoctb .field--type-image, #block-groovyplus-qualificationsdoctb-2 .field--type-image, #block-groovyplus-certificationsverrieres .field--type-image, #block-groovyplus-certificationspoeles .field--type-image {
    width: 100%;
}
#block-groovyplus-qualificationsdoctb .pe-0, #block-groovyplus-qualificationsdoctb-2 .pe-0, #block-groovyplus-certificationsverrieres .pe-0, #block-groovyplus-certificationspoeles .pe-0 {
    padding: 0!important;
    display: block;
    width: 100%;
}
#block-groovyplus-qualificationsdoctb img, #block-groovyplus-qualificationsdoctb-2 img, #block-groovyplus-certificationsverrieres img, #block-groovyplus-certificationspoeles img {
    max-width: 150px;
    margin: 25px auto!important;
    display: block;
}

/* Fin Certifications */

/* Product page title */
.page-node-type-mt-product .hero-top .page-title {
    margin: 0 0 15px 0;
    font-size: 35px;
}

.node--type-mt-product .field.field--name-field-mt-prd-subtitle {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.2;
}

.messages {
    margin: 0px 0 0px;
}
.system-messages {
    position: relative;
    z-index: 0;
}

.tp-parallax-wrap:nth-child(3) {
    top: 50%!important;
    /* bottom: 15%!important; */
}

.header-container ul.sf-menu .sf-sub-indicator {
    right: -10px;
    width: 17px;
    font-size: 13px;
    font-weight: 400;
    top: 27px;
    margin-top: 0px;
}
.onscroll .header-container ul.sf-menu .sf-sub-indicator {
    top: 19px;
}

a.menu-icon-142, ul.links li.menu-icon-142 a, ul.menu li.menu-icon-142 a, a.menu-icon-143, ul.links li.menu-icon-143 a, ul.menu li.menu-icon-143 a, a.menu-icon-144, ul.links li.menu-icon-144 a, ul.menu li.menu-icon-144 a, a.menu-icon-145, ul.links li.menu-icon-145 a, ul.menu li.menu-icon-145 a, a.menu-icon-146, ul.links li.menu-icon-146 a, ul.menu li.menu-icon-146 a {
    background-position: 7px center!important;
    padding: 10px 5px 10px 46px!important;
    font-size: 16px;
    font-weight: 500;
}

/* Product specifications */
.field--name-field-mt-prd-specifications .paragraph--type--mt-prd-specification {
    -ms-flex-pack: justify;
    justify-content: flex-start;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
}

.paragraph--type--mt-prd-specification {
    background-color: #ffffff;
    padding: 5px 5px;
    margin-bottom: 5px;
    min-height: 70px;
}

.field--name-field-mt-prd-specification-label {
    font-weight: 500;
    padding: 4px;
    background: #ebebeb;
    margin-right: 10px;
    font-size: 14px;
    /* max-width: 115px; */
    width: 115px;
    min-width: 115px;
}
/* Fin Product specifications */

.node--view-mode-full .field {
    margin-bottom: 10px;
}


/* How it works */
.field--name-field-mt-hiw-item {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
}

.paragraph--type--mt-how-it-works-item img {
    width: 110px;
    background: #fff;
    margin: 20px;
}

.field--name-field-mt-hiw-item > .field__item .how-it-works__header h5 {
    font-weight: 500;
    /* max-width: 380px; */
    align-items: unset;
    margin: 0 0 9px 0;
    font-weight: 600;
}

.region--dark-colored-background .field--name-field-mt-hiw-item > .field__item .how-it-works__header h5 {
    font-weight: 500;
    color: #e22a37;
    /* max-width: 380px; */
    align-items: unset;
    margin: 0 0 9px 0;
    font-weight: 600;
}
/* Fin How it works */

.field--name-field-mt-prd-additional-features .field__label {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 60px;
    margin-top: 30px;
}

.paragraph--type--mt-additional-feature {
    background: #fff;
    border-radius: 15px;
    padding: 23px;
    border: 1px solid #2a5c98;
    min-height: 375px;
}

.mt-sticky-element {
    background: #d4d4d4;
    padding: 25px;
    border-radius: 15px;
    margin-bottom: 30px;
}

#block-groovyplus-lessolutionsdeverrieresdetoitveluxquenousposons .feature {
    min-height: 790px;
}

.region-footer-top-first .block h2.title {
    margin: 35px auto 20px;
    max-width: 730px;
    font-weight: 600;
}

@media (min-width: 768px) {
    .node--type-mt-post.node--view-mode-full .node__container {

        justify-content: center;
    }
}

/* Internal banner */
.hero-top__container {
    position: relative;
    z-index: 1;
    padding-top: 15px;
    padding-bottom: 15px;
}
.hero-top {
    min-height: 150px;
}

.internal-banner-container {
    position: relative;
    min-height: 150px;
}

.internal-banner {

    min-height: 150px;
}
/* Fin Internal banner */

.field--name-body .how-it-works__badge {display: none;}

.paragraph--view-mode--mt-tile .feature__title {
    font-size: 23px;
}

.tp-arr-titleholder {display:none!important;}

.banner {
    overflow-x: hidden;
}

#block-groovyplus-services {
    margin: 0 !important;
    padding: 0 !important;
}

.main-content__section {
    padding: 50px 0 30px!important;
}

#block-webform-poeles .form-checkboxes .form-item, #block-webform-poeles .form-radios .form-item {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	background: #fff;
	border-radius: 10px;
	padding: 5px;
}

/**
 * FIX CHROME: Champs de formulaire non cliquables dans le footer
 * 
 * Problème : Le clearfix de .footer-top-second (colonne gauche) déborde
 * sur le formulaire de contact (colonne droite) et bloque les clics.
 * 
 * Solution : isolation: isolate crée un contexte d'empilement indépendant
 * pour chaque colonne, empêchant le débordement du pseudo-élément ::after.
 * 
 * Affecté : Chrome uniquement (Firefox OK)
 * Date : 2025-02
 */
@media (min-width: 768px) {
    #footer-top .col-md-6,
    #footer-top .col-lg-6, #footer .col-md-6, #footer .col-lg-6 {
        isolation: isolate;
    }
}


@media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
        isolation: isolate;
    }
}