/* Disable mobile toolbar  -------------------------------------------------- */
/*
@media (max-width:1199px){
  html[lang] { margin-top:0 !important }
  #wpadminbar { display:none }
}*/

/* Global ------------------------------------------------------------------- */
:root{
  accent-color: var(--primary);
}

*, ::after, ::before {
  box-sizing: border-box
}

/* Fix hauteur block patterns, ne cibler que les éléments dans la colonne de gauche */
iframe + .is-root-container .wp-block-getwid-section__wrapper { height:auto !important; }

::-moz-selection{ background:var(--primary-darker); color:var(--white) }
::selection{ background:var(--primary-darker); color:var(--white) }

/* Scrollbar */
/*
::-webkit-scrollbar { width:0.5em; min-width:10px }
::-webkit-scrollbar-track-piece { background:#f1f1f1; width:2px; -webkit-box-shadow:none }
::-webkit-scrollbar-thumb { background-color:#c1c1c1 }
::-webkit-scrollbar-thumb:hover { background:var(--primary) }
html { scrollbar-color:var(--blue) #f1f1f1; scrollbar-width:thin }
*/

html{ height:100%; font-size:var(--body-font-size) }
body { font-size: 1rem; font-family:var(--font-primary); scroll-behavior:smooth; line-height:var(--line-height) }
p { margin-bottom:1.5rem }

img{ max-width:100%; height:auto }
figcaption { font-size:.875em; }
kbd { color:var(--white); background-color:var(--black); }
mark { background-color:var(--bg-darker); color:var(--text-primary); }

hr.space,
hr.transparent { background-color:transparent }

iframe{ vertical-align: middle }
iframe[src*="google.com/maps"]{ border-radius:var(--border-radius) }

a{ color:inherit; text-decoration:none }
a:hover{ text-decoration:underline }

[id]{ scroll-margin-top:var(--header-height-mobile) }
@media (min-width: 1200px) {
  [id]{ scroll-margin-top:var(--header-height) }
  body.admin-bar [id]{ scroll-margin-top:calc(var(--header-height) + 32px) }
}

.text-uppercase { text-transform:uppercase }
.text-bold { font-weight:600 }
.text-light { font-weight:400 }

.clamp{ overflow:hidden; display:-webkit-box; text-overflow:ellipsis; -webkit-box-orient:vertical }
.clamp p{ margin:0; }
.clamp.clamp-1{ max-height:calc(1 * var(--line-height)); -webkit-line-clamp:1 }
.clamp.clamp-2{ max-height:calc(2 * var(--line-height)); -webkit-line-clamp:2 }
.clamp.clamp-3{ max-height:calc(3 * var(--line-height)); -webkit-line-clamp:3 }
.clamp.clamp-4{ max-height:calc(4 * var(--line-height)); -webkit-line-clamp:4 }

.text-left{ text-align:left }
.text-center{ text-align:center }
.text-right{ text-align:right }

.g-0{ gap:0 !important }
.g-1{ gap:1rem !important }
.g-2{ gap:2rem !important }
.g-3{ gap:3rem !important }

.m-0{ margin:0 !important }

.mt-0{ margin-top:0 !important }
.mt-1{ margin-top:1rem !important }
.mt-2{ margin-top:2rem !important }
.mt-3{ margin-top:3rem !important }
.mt-4{ margin-top:4rem !important }
.mt-5{ margin-top:5rem !important }

.mb-0{ margin-bottom:0 !important }
.mb-1{ margin-bottom:1rem !important }
.mb-2{ margin-bottom:2rem !important }
.mb-3{ margin-bottom:3rem !important }
.mb-4{ margin-bottom:4rem !important }
.mb-5{ margin-bottom:5rem !important }

.p-0{ padding:0 !important }
.p-1{ padding:1rem !important }
.p-2{ padding:2rem !important }

.pt-0{ padding-top:0 !important }
.pt-1{ padding-top:1rem !important }
.pt-2{ padding-top:2rem !important }
.pt-3{ padding-top:3rem !important }
.pt-4{ padding-top:4rem !important }
.pt-5{ padding-top:5rem !important }

.pb-0{ padding-bottom:0 !important }
.pb-1{ padding-bottom:1rem !important }
.pb-2{ padding-bottom:2rem !important }
.pb-3{ padding-bottom:3rem !important }
.pb-4{ padding-bottom:4rem !important }
.pb-5{ padding-bottom:5rem !important }

.height-100{ height:100% }

.img-circle { border-radius:50% }

.overflow { overflow:hidden }
.overflow-visible { overflow:visible }

.overlay:before{ background:rgba(0, 0, 0, .55); content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 }
.overlay .container{ position:relative; z-index:2 }
.overlay.bg-default:before,
.overlay.bg-light:before{ background:rgba(255, 255, 255, .7) }

.lead { font-size:1.25rem; font-weight:300 }

.smaller { font-size:smaller }
.bigger { font-size:larger }
.border-radius { border-radius:var(--border-radius) }
.border-none { border:none !important }

.text-shadow{ text-shadow: 2px 2px 2px rgb(0 0 0 / 20%) }

.font-primary{ font-family:var(--font-primary) }
.font-secondary{ font-family:var(--font-secondary) }

.border-primary{ border:2px solid var(--primary) }
.border-secondary{ border:2px solid var(--secondary) }

.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.sr-only-focusable:active,
.sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }


/* Titles */
.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 { font-family:var(--font-secondary); font-weight:var(--hx-font-weight); margin-bottom:1rem }
.h1, h1 { font-size: calc(1.375rem + 1.5vw) }
@media (min-width: 1200px) {
  .h1, h1 { font-size:var(--h1-font-size); font-weight:var(--h1-font-weight) }
}

.h2, h2 { font-size: calc(1.325rem + .9vw) }
@media (min-width: 1200px) {
  .h2, h2 { font-size:var(--h2-font-size); font-weight:var(--h2-font-weight) }
}

.h3, h3 { font-size: calc(1.3rem + .6vw) }
@media (min-width: 1200px) {
  .h3, h3 { font-size:var(--h3-font-size); font-weight:var(--h3-font-weight) }
}

.h4, h4 { font-size: calc(1.275rem + .3vw) }
@media (min-width: 1200px) {
  .h4, h4 { font-size:var(--h4-font-size); font-weight:var(--h4-font-weight) }
}

.h5, h5 { font-size: 1.15rem }
.h6, h6 { font-size: 1rem }

h2:not(:first-child) { margin-top: 3rem }

/* Blockquote */
blockquote { border-left:5px solid currentColor; background-color:var(--bg-darker); font-size:1.1rem; padding:1.5rem 2rem; font-weight:300 }
blockquote + figcaption{ font-size: .875em; margin-bottom: 1rem }
blockquote>:last-child { margin-bottom:0 }

/* Table */
table { border-left: var(--border); border-top: var(--border);  border-collapse: separate; border-spacing:0; margin:0 0 1.5rem; width:100%; }
thead th { font-weight:700; text-transform: uppercase; font-family:var(--font-secondary) }
@media (min-width:992px){
  th, td { padding:1.3em; }
}
th, td { padding:.8em; }
caption, th, td { font-weight:400; text-align:left }
th, td { border: var(--border); border-width: 0 1px 1px 0; }

/* Lists */
ul.bordered{ list-style: none; padding: 0;}
ul.bordered > li{ border-bottom:var(--border); padding: 1rem 0; }
ul.bordered > li:last-of-type{ border-bottom:none }

ul ::marker,
ol ::marker{ color: var(--primary) }


/* Form fields -------------------------------------------------------------- */
input[type="text"],
input[type="name"],
input[type="url"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
input[type="time"],
input[type="week"],
input[type="month"],
select,
textarea { color:var(--black); width:100%; background-color:#fff; border:var(--border); padding:12px 15px; border-radius:var(--border-radius); line-height:inherit }
textarea { resize:vertical }

input:focus,
textarea:focus{ outline:0; box-shadow:var(--box-shadow) }

select{ min-height:51px; padding:8px 15px }

/* Color */
input[type="color"]{ cursor: pointer; background-color: #fff; border: var(--border); height: 30px; width: 50px; padding: 5px; display: inline-block; vertical-align: middle; }
input[type="color"] ~ label { cursor: pointer; margin-left: 0.5rem; }
input[type="color"]::-webkit-color-swatch-wrapper { padding:0 }

/* Checkbox */
input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width:1.3rem; height:1.3rem; vertical-align: text-bottom; outline: 0; cursor: pointer; box-shadow: 0 0 0 1px var(--primary); background: #fff }
input[type="checkbox"] ~ label { cursor: pointer; margin-left: 0.5rem; }
input[type="checkbox"]::-ms-check { display: none; }
input[type="checkbox"]:checked { background: var(--primary); border: 4px solid #fff }
input[type="checkbox"]:focus { box-shadow: 0 0 0 1px var(--primary), var(--box-shadow); outline:0 }

/* Radio */
input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; width:1.3rem; height:1.3rem; vertical-align: text-bottom; outline: 0; cursor: pointer; box-shadow: 0 0 0 1px var(--primary); border-radius: 2em; background: #fff }
input[type="radio"] ~ label { cursor: pointer; margin-left: 0.5rem; }
input[type="radio"]::-ms-check { display: none; }
input[type="radio"]:checked { background: var(--primary); border: 4px solid #fff }
input[type="radio"]:focus { box-shadow: 0 0 0 1px var(--primary), var(--box-shadow); outline:0 }

/* Placeholders */
::-webkit-input-placeholder { color: rgba(0, 0, 0, .5) }
::-moz-placeholder { color: rgba(0, 0, 0, .5) }
:-ms-input-placeholder { color: rgba(0, 0, 0, .5) }
:-moz-placeholder { color: rgba(0, 0, 0, .5) }

/* Change Autocomplete styles in Chrome*/
/* https://css-tricks.com/snippets/css/change-autocomplete-styles-webkit-browsers/ */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 100px #fff inset; /*-webkit-text-fill-color: green;*/ }

input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 100px #fff inset, var(--box-shadow); }


/* Colors text ---------------------------------------------------------------*/
.color-primary{ color:var(--primary) }
.color-secondary{ color:var(--secondary) }
.color-tertiary{ color:var(--tertiary) }
.color-quaternary{ color:var(--quaternary) }
.color-quinary{ color:var(--quinary) }


/* Icons ---------------------------------------------------------------------*/

i.icon { width:2em; height:2em; font-size:1rem; background:var(--bg-darker); display:inline-flex; align-items:center; justify-content:center; max-width:initial; vertical-align:middle }

/* Icons Sizes */
i.medium { font-size:2rem }
i.large { font-size:2.8rem }

/* Icons shapes */
i.square  { border-radius:0px }
i.rounded { border-radius:4px }
i.circle  { border-radius:50% }

/* Colors */
i.primary { color:var(--primary) }

i.reverse { background:var(--text-secondary); color:#fff }
i.primary.reverse { background:var(--primary); color:#fff }

i.border { background:transparent; border:var(--border) }
i.border-primary { background:transparent; border:1px solid var(--primary) }

.bg-theme-color i:not([class*="color-"]).primary{ color:var(--text-primary) }
.bg-theme-color i:not([class*="color-"]).border-primary { border-color:var(--text-primary) }
.bg-theme-color i:not([class*="color-"]).reverse { background:var(--black); color:#fff }
.bg-theme-color i:not([class*="color-"]).primary.reverse { background:#fff; color:var(--primary) }

.bg-theme-color i[class*="color-"].reverse:not(.primary) { color:var(--primary) }

.bg-dark i.reverse { color:var(--black) }
.bg-dark i.reverse[class*="color-"]:not(.primary) { color:var(--primary) }

/* Tabs */
.tabs{ display:flex; margin:0; padding:0; list-style:none; margin:0 0 3rem 0; flex-wrap:wrap }
.tabs li button{ background:none; color:unset }
.tabs li button:hover,
.tabs li button:focus,
.tabs li button:active{ color:var(--primary); }
.tabs li.active button{ background:var(--primary); color: #fff; pointer-events: none; cursor: default; }

/* Backgrounds  ------------------------------------------------------------- */
.bg-default{ background:var(--bg-default) }
.bg-light{ background:var(--light) }
.bg-dark{ background:var(--dark) }
.bg-theme-color{ background:var(--primary) }
.bg-none{ background:none }
.bg-transparent{ background:transparent }

.bg-lighter{ background:var(--bg-lighter) }
.bg-darker{ background:var(--bg-darker) }

.has-primary-background-color{ background-color:var(--primary) !important }
.has-secondary-background-color{ background-color:var(--secondary) !important }
.has-tertiary-background-color{ background-color:var(--tertiary) !important }
.has-quaternary-background-color{ background-color:var(--quaternary) !important }
.has-quinary-background-color{ background-color:var(--quinary) !important }
.has-light-background-color{ background-color:var(--light) !important }
.has-dark-background-color{ background-color:var(--dark) !important }

.has-primary-to-secondary-gradient-background { background:linear-gradient(115deg, var(--primary) 0%, var(--secondary) 100%) }
.has-primary-to-tertiary-gradient-background { background:linear-gradient(115deg, var(--primary) 0%, var(--tertiary) 100%) }


/* Texts color */
.has-primary-color{ color:var(--primary) !important }
.has-secondary-color{ color:var(--secondary) !important }
.has-tertiary-color{ color:var(--tertiary) !important }
.has-quaternary-color{ color:var(--quaternary) !important }
.has-quinary-color{ color:var(--quinary) !important }
.has-light-color{ color:var(--light) !important }
.has-dark-color{ color:var(--dark) !important }


/* Layout ------------------------------------------------------------------- */
@media (max-width:589px){
  .hide-xs{ display:none }
  /* xs reverse */
  .is-style-columns-xs-reverse,
  .xs-reverse{ flex-direction:column-reverse; flex-wrap:initial !important }

  .text-xs-left{ text-align:left }
  .text-xs-center{ text-align:center }
  .text-xs-right{ text-align:right }
}
@media (min-width:590px) and (max-width:781px){
  .hide-sm{ display:none }
  /* sm row */
  .sm-row{ flex-direction: row; flex-wrap: nowrap !important; }
  .sm-row.is-style-columns-sm-reverse{ flex-direction: row-reverse; }
  /* sm reverse */
  .sm-reverse{ flex-direction: column-reverse; flex-wrap: initial !important; gap:30px }
  .sm-reverse.sm-row{ flex-direction:row-reverse }
  .is-style-columns-sm-reverse{ flex-direction:column-reverse; flex-wrap: initial !important; gap: 30px; }
  .is-style-columns-sm-reverse.sm-row{ flex-direction:row-reverse; }
  .is-style-columns-sm-reverse.sm-row > .wp-block-column{ margin-left:0; margin-right:0 }
}
@media (min-width:782px) and (max-width:991px){
  /* md column */
  .md-column{ flex-direction:column; flex-wrap:nowrap }
  .md-column .wp-block-column{ margin-left:0; margin-right:0 }
  .is-style-columns-md-column{ flex-direction:column; flex-wrap:nowrap }
  .is-style-columns-md-column .wp-block-column{ margin-left:0 !important; margin-right:0 !important }
}

/* Container */
:is(header, footer, .layout-banner, .has-container) .container { width:var(--container-width); margin-left: auto; margin-right: auto; padding-left:var(--container-padding); padding-right:var(--container-padding) }
.container .container { padding-left:0; padding-right:0; width:100% }

/* Wrapper */
.layout-wrapper{ margin:0 auto; overflow:hidden; min-height:100%; display:flex; flex-direction:column }
.layout-wrapper > main { flex:1 0 auto }

body.layout-boxed .layout-wrapper { width:100% }
@media (min-width: 1200px){
  body.layout-boxed { padding:2rem 0 }
  body.layout-boxed .layout-wrapper{ width:calc(var(--container-width) + (2 * var(--boxed-padding))); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); position:relative; max-width:100% }
}

/* Main */
main{ --main-padding:5rem; padding:var(--main-padding) 0; position:relative }
main > .container.has-sidebar{ display:flex; align-items:flex-start;
  width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding); }
@media (max-width:991px){
  main{ --main-padding:3rem }
  main > .container.has-sidebar{ flex-direction:column; align-items:stretch }
}

/* Content & sidebar */
.layout-sidebar{ margin:0 3rem 3rem 0; padding:2rem 1.5rem; flex:0 0 300px; border:var(--border); border-radius:var(--border-radius); background-color:transparent; clear:both }
.layout-content{ width:100% }
.layout-content + .layout-sidebar{ margin-left:3rem; margin-right:0 }
@media (max-width:991px){
  .layout-sidebar{ margin-right:0; margin-bottom:1.5rem }
  .layout-content + .layout-sidebar{ margin-left:0; margin-top:1.5rem }
}

/* Header top --------------------------------------------------------------- */
.layout-sidebar-header-top{ padding:6px 0; border-bottom:var(--border); height:var(--header-height-top) }
.layout-sidebar-header-top-left,
.layout-sidebar-header-top-center,
.layout-sidebar-header-top-right { display:flex; gap:10px }
.layout-sidebar-header-top-left { justify-content:flex-start }
.layout-sidebar-header-top-center { justify-content:center }
.layout-sidebar-header-top-right { justify-content:flex-end }
@media (max-width:1199px){
  .layout-sidebar-header-top{ display:none }
}

/* WordPress Core classes  -------------------------------------------------- */
/* https://codex.wordpress.org/CSS#WordPress_Generated_Classes */

/*.alignnone { margin: 5px 20px 20px 0; }*/
.aligncenter,
div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }


/* Navigation --------------------------------------------------------------- */
.navigation ul{ list-style:none; padding:0; margin:0 }
@media (min-width:1200px){
  .navigation{ --bg-menu:var(--black) }
  .navigation ul{ transition: all 200ms ease }
  .navigation ul li{ position:relative; padding:0 }
  .navigation ul li a{ display: block; text-decoration: none; line-height:1.5rem; transition: all 200ms ease }
  .navigation ul li a:hover,
  .navigation ul li a:focus,
  .navigation ul li:hover > a,
  .navigation ul li:focus-within > a{ background:var(--bg-darker) }
  .navigation ul li.menu-item-has-children > a{ padding-right: 30px; }
  .navigation ul li.menu-item-has-children > a:after{ content:"❯"; font-size:0.75rem; font-weight:600; position: absolute; right: 10px; transform: rotate(90deg); transition: all 200ms ease }
  .navigation ul li.menu-item-has-children:hover > a:after,
  .navigation ul li.menu-item-has-children:focus-within > a:after{ transform: rotate(-90deg) }
  /* Lvl 1 */
  .navigation > div{ height:100% }
  .navigation > div > ul{ display: flex; height:var(--header-height) }
  .navigation > div > ul > li { align-items:center; display:flex }
  .navigation > div > ul > li > a{ display: inline-flex; padding:1.3rem .75rem; height:var(--header-height); align-items: center; position: relative }
  .navigation > div > ul > li > a:before{  content:''; display:block; position:absolute; left:0; width:100%; height:3px; background:var(--primary); bottom:0; transform:scaleX(0); transition:all 200ms ease }
  .bg-theme-color .navigation > div > ul > li > a:before{ background:#fff }

  .navigation.nav-style-2 > div > ul { gap:20px }
  .navigation.nav-style-2 > div > ul > li > a{ padding:0.8rem 0.35rem; height:initial; background:none; }
  .navigation.nav-style-2 > div > ul > li.menu-item-has-children > a{ padding-right:1.75rem }

  .navigation > div > ul > li:focus > a:before,
  .navigation > div > ul > li:hover > a:before,
  .navigation > div > ul > li.current-anchor > a:before,
  .navigation > div > ul > li.current-menu-item > a:not([href*="#"]):before,
  .navigation > div > ul > li.current-menu-ancestor > a:not([href*="#"]):before{ transform:scaleX(1) }
  /* Lvl2 & more */
  .navigation ul ul{ display: block; opacity: 0; pointer-events: none; z-index: 2; width: 200px; display: block; position: absolute; top:100%; left:0; transform: translateY(-50px); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15) }
  .transparent-header-home .layout-header.bg-theme-color .navigation ul ul{ background:var(--primary) }
  .transparent-header-home .layout-header.bg-dark .navigation ul ul{ background:var(--dark) }
  .transparent-header-home .layout-header.bg-default .navigation ul ul,
  .transparent-header-home .layout-header.bg-light .navigation ul ul{ background:var(--light) }
  .navigation ul li:hover > ul,
  .navigation ul li:focus-within > ul{ opacity: 1; pointer-events: initial; transform:translateY(0) }
  .navigation ul ul li a{ padding:0.8rem 1rem; border-top: var(--border) }
  .navigation ul ul li.current-anchor > a,
  .navigation ul ul li.current-menu-item > a:not([href*="#"]),
  .navigation ul ul li.current-menu-ancestor > a:not([href*="#"]){ background:var(--bg-darker); cursor:default }
  .navigation ul ul li.menu-item-has-children > a:after{ transform: rotate(0deg) }
  .navigation ul ul li.menu-item-has-children:hover > a:after,
  .navigation ul ul li.menu-item-has-children:focus-within > a:after{ transform: rotate(180deg) }
  /* Lvl3 & more */
  .navigation ul ul ul{ top:0; left: 100%; transform: translateX(-50px) }
  .navigation ul ul li:hover > ul,
  .navigation ul ul li:focus-within > ul{ transform: translateX(0) }
  .navigation ul ul ul li:first-of-type > a{ border-top:1px solid var(--bg-menu) }

  /* Btn nav mobile */
  .navigation-toggler{ display: none; }
}
@media (max-width:1199px){
  .navigation{ opacity:0; transform:translateY(50px); pointer-events:none; height:calc(100vh - var(--header-height-mobile)); overflow:auto; position:absolute; top:var(--header-height-mobile); left:0; width:100%; background:var(--black); border-top:var(--border); transition:all 200ms ease; }
  .navigation ul{ display: block }
  .navigation ul li{ position: relative; padding: 0; border-bottom:var(--border); cursor: pointer; }
  .navigation ul li a { display: block; padding:10px 24px }
  .navigation ul li.menu-item-has-children > a{ margin-right:60px; border-right:var(--border) }
  .navigation ul li.menu-item-has-children > a:after{ content:"❯"; font-weight:600; pointer-events: none; position: absolute; top:9px; right:25px; transform: rotate(90deg);}
  .navigation ul li.current-anchor > a,
  .navigation ul li.current-menu-item > a:not([href*="#"]),
  .navigation ul li.current-menu-ancestor > a:not([href*="#"]){ background:var(--bg-darker); cursor:default }
  /* Header Nav Lvl 2 */
  .navigation ul ul{ display: none; border-top:var(--border) }
  .navigation ul ul.active{ display: block }
  .navigation ul ul > li:last-of-type{ border-bottom:none }
  .navigation ul ul > li > a{ padding-left: 30px; }
  .navigation ul ul ul > li > a{ padding-left: 45px; }
  body.js-navigation-opened{ overflow: hidden; }
  body.js-navigation-opened .navigation{ opacity: 1; transform: translateY(0); pointer-events: initial; }

  /* Btn nav mobile */
  .navigation-toggler  { background: none; border: none; font-size: 28px; box-shadow: none; color: var(--text-secondary); width: var(--header-height-mobile); height: var(--header-height-mobile); padding: 0; position: absolute; top: 0; right: 0;}
  .navigation-toggler svg { width:24px }
}

/* Header ------------------------------------------------------------------- */
header.header--fullwidth{ --container-width:100%  }
.header-logo{ display:flex; align-items:center; gap:15px }
.header-logo:hover,
.header-logo:focus{ text-decoration:none }
.header-logo img{ max-width:initial; width:auto }
.header-logo .header-logo-text{ font-size:2rem; font-weight:600; font-family:var(--font-secondary); text-transform:uppercase; white-space:nowrap }
.layout-header { position: relative }
.layout-header div,
.layout-header ul,
.layout-header li,
.layout-header nav{ background-color:inherit }
.layout-header-fake-sticky{ display:none }
body:is(.is-sticky, .is-stick-up) .layout-wrapper > header{ position:fixed; left:0;top:0; width:100%; transition:all 200ms ease; }
body:is(.is-sticky, .is-stick-up) .layout-header-fake-sticky{ display:block; height:var(--header-height); } 
body:is(.is-sticky, .is-stick-up).has-sidebar-header-top .layout-header-fake-sticky{ height:calc(var(--header-height) + var(--header-height-top)); } 

@media (min-width:1200px){
  .layout-wrapper > header{ z-index:600 }
  .layout-header{ height:var(--header-height); display:flex; align-items:center }
  .layout-header-primary{ display:flex; align-items:center }
  .layout-header-secondary{ display:flex; position:relative; width:100% }
  .layout-header-secondary.layout-align-left{ justify-content:flex-start }
  .layout-header-secondary.layout-align-center{ justify-content:center }
  .layout-header-secondary.layout-align-right{ justify-content:flex-end }
  .layout-header-secondary.layout-align-space-between{ justify-content:space-between }

  /* Variations & sticky */
  .layout-header--1 { height:auto }
  .layout-header--1 .layout-header-primary{ padding:2rem 0; justify-content:center }
  .layout-header--1 .layout-header-secondary:before { content:''; display:block; border-top:var(--border); width:calc(100 * var(--vw)); position:absolute; top:-1px; left:calc((calc(100 * var(--vw)) - 100%) / -2); }
  body.is-sticky .layout-header--1 .layout-header-primary{ display:none }

  .layout-header--2 > .container{ display:flex; justify-content:space-between; gap:2rem }

  .layout-header--3 .layout-header-primary{ position: absolute; top: 0; z-index: 2; left: 50%; transform: translateX(-50%); height: 100%; }
  
  body.is-sticky.is-scroll-over-header{ --header-height:var(--header-height-sticky) }
  body.is-sticky.is-scroll-over-header .layout-sidebar-header-top{ display:none }
  body.is-sticky.is-scroll-over-header .layout-wrapper > header{ box-shadow: 0px 3px 5px rgba(0, 0, 0, .05) }
  body.is-sticky-up.is-scroll-over-header.is-scroll-down .layout-wrapper > header{ animation:200ms ease-in 1 forwards stickyHeaderClose }
  body.is-sticky.admin-bar .layout-wrapper > header{ top:32px }
  body.is-sticky-up.is-scroll-up .layout-wrapper > header{  animation:200ms ease-in 1 forwards stickyHeader }
  @keyframes stickyHeader{
    from{ transform:translateY(-100%) }
    to{ transform:translateY(0) }
  }
  @keyframes stickyHeaderClose{
    from{ transform:translateY(0) }
    to{ transform:translateY(-100%) }
  }

  /* Transparent header home */
  body.transparent-header-home .layout-header div,
  body.transparent-header-home .layout-header ul,
  body.transparent-header-home .layout-header li,
  body.transparent-header-home .layout-header nav{ background-color:transparent }
  body.transparent-header-home:not(.is-sticky) .layout-header{ position: absolute; background:transparent !important; top: 0; left: 0; width: 100%; }
  body.transparent-header-home:not(.is-sticky) .layout-header:not(.theme-dark) .sub-menu{ background:#fff !important }
  body.transparent-header-home.is-sticky .layout-header:not(.theme-dark){ background:#fff !important }
  body.transparent-header-home:not(.is-sticky) .layout-sidebar-header-top + .layout-header{ top:var(--header-height-top) }
  body.transparent-header-home.admin-bar:not(.is-sticky):not(.layout-boxed) .layout-sidebar-header-top + .layout-header{ top:calc(var(--header-height-top) + 32px ) }
  body.transparent-header-home:not(.is-sticky) .layout-header + .layout-header-fake-sticky{ display:none !important }
}
@media (max-width:1199px){
  .layout-wrapper > header { z-index:99; border-bottom:var(--border) }
  .layout-wrapper > header .container{ padding: 0; width: 100%; }
  .layout-header-primary { height: var(--header-height-mobile); padding: 0 0 0 1.5rem; text-align: center; display: flex; justify-content: space-between; align-items: center; }
  .layout-header-primary.layout-align-mobile-center { justify-content:center; padding:0 }

  .header-logo{ text-align: left; max-width: 50%; }
  .header-logo img{ max-height:40px }
  .header-logo .header-logo-text{ font-size:1.4rem; line-height: 1.4rem; }
  .header-logo img + .header-logo-text{ display: none; } /* On mobile do not display logo + text */

  .header-buttons { position: absolute; top: 0; right: var(--header-height-mobile); height: var(--header-height-mobile); }

  .layout-sidebar-header{ display:none !important }
}


/* Header buttons */
.header-buttons{ display: flex }
.header-buttons > *{ padding: 0 0.7rem; display:flex; align-items:center }

.search .search-btn { background:none; border:none; font-size:1.4rem; padding:0; box-shadow:none; color:unset }
.search .search-btn svg { width:24px; fill: currentColor; }
.search-form { padding:1.5rem; pointer-events:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, .95); transition:all 0.25s ease-in-out; transform:translateY(50%); display:flex; flex-direction:column; justify-content:center; align-items:center; opacity:0; z-index:1000;  }
.search-form input[type="search"]{ color:rgba(255, 255, 255, .5); border:none; border-bottom:1px solid rgb(255, 255, 255, .15); background:transparent; font-size:3rem; text-align:center; margin:0 auto; padding:0 0.5rem }
.search-form input[type="search"]::-webkit-input-placeholder { color:rgba(255, 255, 255, .3) }
.search-form input[type="search"]::-moz-placeholder { color:rgba(255, 255, 255, .3) }
.search-form input[type="search"]:-ms-input-placeholder { color:rgba(255, 255, 255, .3) }
.search-form input[type="search"]:-moz-placeholder { color:rgba(255, 255, 255, .3) }
.search-form input[type="submit"]{ margin-top:50px }
.search-form button[type="button"]{ position:fixed; top:15px; right:15px; font-size: 1.5rem; font-weight: bold; }
body.js-search-opened .search-form{ transform:translateY(0); opacity:1; pointer-events:initial }
body.js-search-opened .layout-header{ transform:none; animation:initial }
@media (max-width:991px){
  .search-form input[type="search"]{ font-size:2.125rem }
}


/* Footer ------------------------------------------------------------------- */
.layout-footer.footer--fullwidth{ --container-width:100%  }
.layout-footer .bg-dark + .bg-dark{ border-top: var(--border) }

.layout-sidebar-footer-top{ padding:5rem 0 }
@media (min-width:992px) {
  .layout-sidebar-footer-top .first-col-large > div:nth-last-of-type(4){ min-width:36% } /* Si 4ème col en partant de la fin */
  .layout-sidebar-footer-top .first-col-large > div:nth-last-of-type(3):not(:nth-child(2)){ min-width:48% } /* Si 3ème col en partant de la fin, et pas 2ème col en partant du début */
}
@media (min-width:782px) and (max-width:991px) {
  .layout-sidebar-footer-top .first-col-disable-tablet > div:first-of-type{ display:none }
}
@media (max-width:781px) {
  .layout-sidebar-footer-top .first-col-disable-mobile > div:first-of-type{ display:none }
}

.layout-footer-copyright{ padding:2rem 0; font-size:0.9rem; border-bottom:5px solid var(--primary) }
.layout-footer-copyright > .container{ display:flex; align-items:center; gap:1rem }
.layout-footer-copyright.alignment-left > .container{ justify-content:flex-start }
.layout-footer-copyright.alignment-center > .container{ justify-content:center }
.layout-footer-copyright.alignment-right > .container{ justify-content:flex-end }
.layout-footer-copyright.alignment-space-between > .container{ justify-content:space-between }
.layout-footer-copyright.order-reverse > .container{ flex-direction:row-reverse }
@media (max-width:991px) {
  .layout-footer-copyright { padding:1rem 0 }
  .layout-footer-copyright > .container{ flex-direction:column; align-items:center }
  .layout-footer-copyright .footer-copyright { padding:0 0 1rem 0 }
}

/* Top content sidebar ------------------------------------------------------ */
.layout-sidebar-top{ padding:3rem 0 }



/* Grid custom -------------------------------------------------------------- */
.grid{ --columns:3; display: grid; grid-template-columns:repeat(var(--columns), minmax(100px, 1fr)); grid-gap:2rem }
.grid > div:empty{ display:none }
.grid--align-center{ align-items:center }
.grid.grid-1{ --columns:1 }
.grid.grid-2{ --columns:2 }
.grid.grid-3{ --columns:3 }
.grid.grid-4{ --columns:4 }
.grid.grid-5{ --columns:5 }
@media (max-width:991px){
  .grid.grid-5{ --columns:3 }
  .grid.grid-3{ --columns:3 }
  .grid.grid-4{ --columns:3 }
}
@media (max-width:781px){
  .grid.grid-2{ --columns:1 }
  .grid.grid-3{ --columns:1 }
  .grid.grid-4{ --columns:1 }
  .grid.grid-5{ --columns:1 }
}

/* Grid flex ---------------------------------------------------------------- */
.grid-flex > div{ margin-bottom:3rem }
.grid-flex > div:last-of-type{ margin-bottom:0 }
@media (min-width:782px) {
  .grid-flex{ display:flex }
  .grid-flex > div{ flex:1; margin:0 1rem }
  .grid-flex > div:first-of-type{ margin-left:0 }
  .grid-flex > div:last-of-type{ margin-right:0 }
}

.align-items-center{ align-items:center }

/* Cards */
.card { --padding-card:2rem; position:relative; display:flex; flex-direction:column; min-width:0; word-wrap:break-word; background-clip:border-box; border:var(--border); border-radius:var(--border-radius) }
.wp-block-column .card { padding:var(--padding-card); }
.card .card-image { position:relative; overflow:hidden; border-radius:var(--border-radius) var(--border-radius) 0 0 }
.card .card-image img{ width:100% }
.card .card-image-overlay{ background:rgba(0, 0, 0, .75); visibility:hidden; opacity:0; transition:all 0.4s ease; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items: center; justify-content: center }
.card:hover .card-image-overlay{ visibility:visible; opacity:1 }
.card .card-image-overlay a{ margin: 0 .5rem }
.card .card-bg{ padding:var(--padding-card); background:var(--bg-darker) }
.card .card-body { flex:1 1 auto; padding:var(--padding-card); display: flex; flex-direction: column; align-items: flex-start; }
.card .card-body .card-image{ margin-bottom:2rem }
.card .card-body .button{ margin-top:auto }
.card .card-body > :last-child{ margin-bottom:0 }
.theme-dark .card{ background-color:var(--bg-darker) }
@media (min-width:1200px){
  .card { --padding-card:2.5rem }
}

.card-body-overlay{ position:absolute; top:0; left:0; padding:2rem; height:100%; display:flex; flex-direction:column }

.card--border-none{ border:none }
.card--border-none .card-body{ padding-left:0; padding-right: 0 }

.card--border-bottom{ border:none; border-bottom:var(--border); border-radius:0 }
.card--border-bottom .card-body{ padding-left:0; padding-right: 0 }

/* Card info */
.card.card-info { padding:3rem 2rem 2rem 2rem; margin-top: 2rem; margin-bottom:2rem }
.layout-content .card.card-info { max-width:100%  }
.card.card-info h3 { margin-top:1rem }
.card.card-info .wp-block-column { margin-bottom:1rem }
.card.card-info.card-info2 > .wp-block-group__inner-container,
.card.card-info.card-info3 > .wp-block-group__inner-container { display:flex; /* align-items:center; */ gap: 30px; }
@media (max-width:550px){
  .card.card-info.card-info2 > .wp-block-group__inner-container,
  .card.card-info.card-info3 > .wp-block-group__inner-container { flex-direction:column }
}


/* Banner ------------------------------------------------------------------- */
.layout-banner{ position:relative; min-height:7rem; padding:1rem 0; display:flex; align-items:center }
.layout-banner > img{ object-fit:cover; width:100% }
.layout-banner .page-title h1{ margin:1rem 0 0 0; word-wrap:break-word; font-size:1.4rem }
.layout-banner .breadcrumbs{ padding:10px 0; font-size:.9rem }
.layout-banner .breadcrumbs .breadcrumbs__link[href=""]{ pointer-events:none }
.layout-banner.force-grey > img{ filter:grayscale(1) }
.layout-banner.alignment-center{ text-align:center }
.layout-banner.alignment-right{ text-align:right }
@media (min-width:1200px){
  .layout-banner .page-title h1{ margin:0; font-size:1.6rem; font-weight:300 }
  .layout-banner.alignment-space-between .container,
  .layout-banner.alignment-space-between-reverse .container{ display:flex; justify-content:space-between; align-items:center }
  .layout-banner.alignment-space-between .breadcrumbs,
  .layout-banner.alignment-space-between-reverse .breadcrumbs{ text-align:right }
  .layout-banner.alignment-space-between-reverse .container{ flex-direction:row-reverse }
}

.layout-banner.has-image { padding:0 }
.layout-banner.has-image .container{ z-index:2; position:absolute; top:50%; margin:auto; left:50%; transform:translate(-50%, -50%) }
@media (min-width:1200px){
  .layout-banner.has-image .page-title h1{ font-size:3rem }
}

/* Image formats ------------------------------------------------------------ */
.format{ display:block; position:relative; overflow:hidden }

.format iframe,
.format object,
.format embed,
.format img{ position:absolute; top:0; left:0; width:100%; height:100%; }
.format img{ object-fit:cover; transition:all 200ms ease }
.format:hover img,
.format:focus img{ transform:scale(1.05) }


.format.format-3-1{ padding-bottom:33.33% }
.format.format-16-9{padding-bottom:56.25% }
.format.format-4-3{ padding-bottom:75% }
.format.format-1-1{ padding-bottom:100% }
.format.format-6-7{ padding-bottom:116.66% }
.format.format-3-4{ padding-bottom:133.33% }


/* Social networks ---------------------------------------------------------- */
.social-networks{ margin:0; padding:0; list-style:none; font-size:1rem; display:block }
.social-networks li{ display:inline-block; margin:2px; transition:all 200ms ease }
.social-networks li:hover{ transform:rotate(360deg) }
.social-networks li a{ display: inline-flex; width: 30px; height: 30px; background: var(--primary); padding: 7px; border-radius: var(--border-radius); text-decoration:none; justify-content: center; }
.social-networks li a svg{ fill:white }
.social-networks li.network-facebook { --primary:#4c66a4 }
.social-networks li.network-twitter{ --primary:#15b4c9 }
.social-networks li.network-linkedin{ --primary:#006599 }
.social-networks li.network-instagram{ --primary:#bc2a8d }
.social-networks li.network-skype{ --primary:#40beee }
.social-networks li.network-youtube{ --primary:#cc2423 }
.social-networks li.network-twitch { --primary:#9147ff }
.social-networks li.network-steam { --primary:#171a21 }
.social-networks li.network-pinterest { --primary:#bd081c }
.social-networks li.network-whatsapp { --primary:#4CAF50 }
.social-networks li.network-email { --primary:#171a21 }
.social-networks li.network-url { --primary:#171a21 }
.social-networks li.network-myspace { --primary:#003398 }
.social-networks li.network-soundcloud { --primary:#F75219 }
.social-networks li.network-wikipedia { --primary:#000000 }
.social-networks li.network-tumblr { --primary:#34526F }
.layout-sidebar-header-top .social-networks li{ padding:0; border-top:none }

/* Galerie ------------------------------------------------------------------ */
.galerie-custom .card-image-overlay svg{ width:24px; fill:white }

/* Page 404 ----------------------------------------------------------------- */
.error404 main { text-align:center }
.error404 main h1{ color: var(--primary); font-size: 6.5rem; margin: 0 0 1rem 0 }

/* Page Links --------------------------------------------------------------- */
.page-links a { border-radius: 2px; display: inline-block; border: 0 none; font-size: 14px; font-weight: 600; line-height: 20px; margin: 0px 3px 3px; padding: 7px 18px; text-align: center; transition: all 0.4s ease 0s; }
.page-links a:hover,
.page-links a:focus { text-decoration: none; }

/* Skip-links --------------------------------------------------------------- */
.skip-links{ position: absolute; z-index: 999; left: 50%; transform: translateX(-50%);  }
.skip-links a{ position: absolute; top: -9999px; opacity: 0; transition: opacity 300ms ease; background:var(--blue); color:#fff; padding: 1rem 2rem; text-decoration: none; display: inline-block; }
.skip-links a:focus{ position: static; opacity:1 }

/* Scroll top Button -------------------------------------------------------- */
a.btn-go-top{ background-color:var(--primary-darker); color: #fff; z-index:90; bottom:1.3rem; display:none; opacity:1; padding:0.8rem 1.3rem; border-radius: var(--border-radius);position:fixed; right:1.3rem }
a.btn-go-top svg{ width:20px; fill:#fff }

/* Widgets ------------------------------------------------------------------ */
.widget{ clear:both }
.widget ul:not([class*="wp-block"]){ padding:0; list-style:none; margin: 0; }
.widget ul:not([class*="wp-block"]) li{ padding: 10px 0; position: relative; border-top: var(--border); }
.widget ul:not([class*="wp-block"]) li:first-of-type{ border-top:none }
.widget ul:not([class*="wp-block"]) li ul { position: relative; top: 10px; }
.widget ul:not([class*="wp-block"]) li ul li:first-of-type{ border-top: var(--border); }
.widget ul:not([class*="wp-block"]) li ul li { padding-left: 10px; border-bottom:none }
/*
.widget ul:not([class*="wp-block"]) li ul li:before{ content: "\f0c8"; font-family: FontAwesome;  font-size: 7px; display: inline-block; position: absolute; top: 5px; left: 0; }
*/


/* Widget in header */
header .widget{ margin:0 .5rem; display:inline-block }
header .widget:first-child{ margin-left:0 }
header .widget:last-child{ margin-right:0 }

/* Widget - Gutenberg blocks */
.widget .wp-block-group h2 { font-size: 1.5rem }

/* Widget - Gallery */
.widget .gallery { grid-gap:15px }


/* Blog Pagination & Woocommerce pagination --------------------------------- */
/*
  1.  #main-content pour la spécificité
  2.  [class*="pagination"] pour cibler les différentes paginations
  3.  :not(ul) car le <ul> de la pagination woocommerce a aussi la classe .page-numbers
*/
#main-content [class*="pagination"]{ margin: 3rem 0 0 0; display:block }
#main-content [class*="pagination"] *{ border:none; margin:0; overflow:hidden; text-align:center }
#main-content [class*="pagination"] .page-numbers i{ vertical-align:bottom }
#main-content [class*="pagination"] .page-numbers:not(ul){ border-radius:var(--border-radius); background-color:#fff; border:var(--border); color:#242526; cursor:pointer; display:inline-block; font-weight:600;
  transition:all 0.3s ease 0s; font-size:18px; line-height:20px; margin:0 3px 10px; padding:8px; white-space:nowrap; width:40px; height:40px; }
#main-content [class*="pagination"] .page-numbers:not(ul):hover,
#main-content [class*="pagination"] .page-numbers:not(ul):focus,
#main-content [class*="pagination"] .page-numbers:not(ul).current{ border-color: var(--primary); background-color: var(--primary); color:#FFF; text-decoration: none; }


.masonry .card-image img{transition:all 200ms ease }
.masonry .card-image:hover img{ opacity: .85; }

/* Lightspeed cache Lazy Load */
img[data-lazyloaded]{ opacity:0 }
img.litespeed-loaded{ transition:all .15s linear .02s; opacity:1 }


/* Calendly */
.calendly-overlay .calendly-popup .calendly-popup-content { height:102% !important }

/* Fix temporaire --------------------- */
.tw-calculator .calculator-button-choice {
  border: 1px solid var(--primary);
}

/* BLOCS ------------------------------ */

/* SVG icon */
.wp-block-lazyblock-icone-svg .svg-icone svg{ width: inherit !important; height: inherit !important; }
.wp-block-lazyblock-icone-svg .svg-icone.has-fill svg *{ fill:var(--fill) }
.wp-block-lazyblock-icone-svg .svg-icone.has-stroke svg *{ stroke:var(--stroke) }

.wp-block-lazyblock-icone-svg .svg-icone:is(.has-bg, .has-border) { display:flex; align-items: center; justify-content: center; margin-right: 15px; border-radius: 50%; flex: 0 0 80px; }
.wp-block-lazyblock-icone-svg .svg-icone:is(.has-bg, .has-border) svg { max-width:40%; max-height:40%; margin-right:0 }

/* SVG icon inline */
.wp-block-lazyblock-icone-info .icone-texte { display:flex; align-items:center; margin:0.6rem 0 }
.wp-block-lazyblock-icone-info .info-texte a{ color:inherit }
.wp-block-lazyblock-icone-info .svg-icone { flex:0 0 25px; display:inline-flex }
.wp-block-lazyblock-icone-info .svg-icone svg{ width:inherit !important; height:inherit !important; margin-right:5px }
.wp-block-lazyblock-icone-info .svg-icone.has-fill svg *{ fill:var(--fill) }
.wp-block-lazyblock-icone-info .svg-icone.has-stroke svg *{ stroke:var(--stroke) }

.wp-block-lazyblock-icone-info .icone-texte:is(.has-bg, .has-border) .svg-icone { display: inline-flex; align-items: center; justify-content: center; margin-right: 15px; border-radius: 50%; flex: 0 0 80px; }
.wp-block-lazyblock-icone-info .icone-texte:is(.has-bg, .has-border) .svg-icone svg { max-width:40%; max-height:40%; margin-right:0 }

header .wp-block-lazyblock-icone-info .icone-texte { margin:0; white-space:nowrap }

/* Blog */
article p a{ color:var(--secondary); }
article p a:is(:hover, :focus){ text-decoration: underline; }

.is-style-chapeau{ font-size:1.25rem; line-height: 2.25rem; font-weight:600 }

.pt-blog { margin:0 0 1rem 0; position: relative }
.pt-blog .pt-blog-image{ margin:0 0 1.7rem 0 }
.pt-blog .pt-blog-description{ margin:0 0 1.5rem 0 }

.pt-blog.pt-blog4 { border-radius:var(--border-radius) }
.pt-blog.pt-blog4 .pt-blog-content{ position:absolute; width: 100%; bottom:0; left:0; padding:1.5rem; background: rgb(0 0 0 / 60%); border-radius:0 0 var(--border-radius) var(--border-radius) }
.pt-blog.pt-blog4 footer{ margin-bottom:0 }
.pt-blog.pt-blog4 footer i{ color: #fff; }

@media screen and (min-width:600px){
  .pt-blog.pt-blog3{ display: flex; gap: 30px; }
  .pt-blog.pt-blog3 > .pt-blog-image{ flex:1 0 43% }
}


/* CTA */
.section-cta1{}
@media (max-width:588px){
  .section-cta1 { text-align:center }
  .section-cta1 .wp-block-buttons.is-content-justification-right { justify-content: center; }
}

.section-cta5{}
.section-cta5 .wp-block-image,
.section-cta5 .wp-block-cover{ border-radius:var(--border-radius); overflow:hidden }
.section-cta5 .wp-block-getwid-section__background-holder { border-radius:var(--border-radius); overflow:hidden }
.section-cta5 .wp-block-getwid-section__background-holder div{ border-radius:var(--border-radius) }
@media (min-width:768px){
  .section-cta5 .wp-block-getwid-section__background-holder { left:15% }
}

.section-cta6{ padding:0; align-items:stretch !important; gap: 0 !important; }
.section-cta6 > div{ display: flex; /*align-self:stretch !important*/ }
.section-cta6 > div:first-of-type{ padding:0 !important; flex: 0 0 50% !important }
.section-cta6 .wp-block-cover{ height: 100%; padding:0 }
.section-cta6 .wp-block-cover__inner-container{ height: 100% }
.section-cta6 .wp-block-cover__inner-container iframe{ min-height:800px; height: 100% !important }
.section-cta6 > div > .wp-block-group{ max-width: 670px; padding:4rem 2rem }
.section-cta6 > div:nth-of-type(1) > .wp-block-group{ margin-left:auto }
.section-cta6 > div:nth-of-type(2) > .wp-block-group{ margin-right:auto }

/* Anim when visible on scroll */
@media (min-width:1200px){
  .layout-content .js-scroll { opacity:0; transition:opacity 300ms }
  .layout-content .js-scroll.scrolled { opacity:1 }
  .layout-content .scrolled.fade-in { animation:fade-in .3s ease-in-out both; }
  .layout-content .scrolled.fade-in-bottom { animation:fade-in-bottom .3s ease-in-out both }
}
@media (prefers-reduced-motion) {
  .layout-content .js-scroll { opacity:1 }
  .layout-content .scrolled { animation:none !important }
}
@keyframes fade-in-bottom {
  0% { transform:translateY(50px); opacity:0 }
  100% { transform:translateY(0); opacity:1 }
}
@keyframes fade-in {
  0% { opacity:0 }
  100% { opacity:1 }
}

/* Slider custom */
.slider-custom{ position: relative }
.slider-custom .slick-slide{ padding:0; position: relative; }
.slider-custom .slide .slide-media{ position: relative; padding-bottom:50%; overflow: hidden; }
.slider-custom .slide .slide-media img,
.slider-custom .slide .slide-media video{ position: absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.slider-custom .slide .slide-content{  position: absolute; inset:0; width:100%; height:100%; }