/*
Theme Name: GTD
Theme URI: false
Description: Theme GTD
Author: Kodiak Interactive
Author URI: https://www.kodiak-interactive.com/
Version: 1.0.0
*/

/* Add your custom styles here */

.jost {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
.toggle-menu{ display: none; width: 50px;  }
h1{ font-size: 26px; text-transform: uppercase; font-family: "Jost", sans-serif; }
h2{ font-size: 26px; text-transform: uppercase; font-family: "Jost", sans-serif; }
h3{ font-size: 22px; font-family: "Jost", sans-serif; }
p,li{ font-size: 16px; font-weight: 500; }
body{ font-family: "Jost", sans-serif; margin: 0; padding: 0; }
ul, ol{ padding-left: 20px; }
img{ max-width: 100%; height: auto; }
.has-text-align-left{ text-align: left !important; }
.has-text-align-center{ text-align: center !important; margin-left: auto; margin-right: auto; }
.has-text-align-right{ text-align: right !important; }

p a,
h2 a,
h3 a,
h4 a,
main li a{ color: #136780 !important; }

:root .has-accent-color, .has-drop-cap:not(:focus):first-letter, .wp-block-button.is-style-outline, 
.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
    color: #52B6A7 !important;
}

/* BACKGROUND COLOR */
.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
    background-color: #52B6A7 !important;
}

/* BORDER COLOR */

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
    border-color: #52B6A7 !important;
}

/* FILL COLOR */

.fill-children-accent,
.fill-children-accent * {
    fill: #52B6A7 !important;
}

.fill-children-current-color,
.fill-children-current-color * {
    fill: #52B6A7  !important;
}


.wp-block-spacer{ display: none; }
.wp-block-site-logo,
.wp-block-site-logo a{ display: block; height: 100%; }
.wp-block-site-logo img{ display: block; width: auto; height: 100%; }
.ctn.content{ margin-bottom: 50px; }
.error404-content { padding-top: 50px; padding-bottom: 50px; }
.wide-ctn{ max-width:1240px; padding-left: 20px; padding-right: 20px; margin: auto;  } 
.ctn{ max-width:1024px; margin: auto; padding-left: 20px; padding-right: 20px; }
.bt-contact{ color: #fff; font-weight: 700; background: url(img/bg-contact.svg) no-repeat center center; text-transform: uppercase; text-decoration: none;padding: 0 10px 0 50px; line-height: 30px; display: inline-block; }
.bt-contact .wp-block-button__link{ background: none !important; color: inherit; }
.bt-white .wp-block-button__link{ color: #000 !important;  background-color: #fff !important; }
.wp-element-button{ background: #BEC8D0 !important; font-weight: bold; font-size: 13px; color: #000; } 
.wp-block-columns.is-layout-flex{ gap: 0 !important; }
.pre-header p{ font-family: jost; background: rgba(69, 173, 153, 0.2); color:#136780; padding:12px 0; margin: 0; font-size: 17px; font-weight: bold; line-height: 20px; }
.sticky-ctn { position: sticky; top: 0; z-index: 1000; background: #fff;}
header > .wide-ctn{ display: flex; align-items: center; height: 50px;  background: #fff;  justify-content: space-between; padding-top: 20px; padding-bottom: 20px; }
header.sticking > .wide-ctn{ height:50px;  transition: height .1s ease; }
header.sticking{ border-bottom: 1px solid #BEC8D0; }
header .menu-menu-1-container > ul { display: flex; }
header .menu-menu-1-container ul{ list-style: none; padding: 0; margin: 0 }
header .menu-menu-1-container ul li{ font-family: "Jost", sans-serif; text-transform: uppercase; color:#136780; display: block; margin: 0 15px; position: relative; }
header .menu-menu-1-container ul li a { color:#136780; text-decoration: none; }
header .menu-menu-1-container ul li a:hover{ text-decoration: underline; }
header .menu-menu-1-container > ul > li{ flex: auto; position: relative;  }
header .menu-menu-1-container > ul ul{ display: none; position: absolute; left: -15px; padding: 20px 0 10px 0; z-index: 100; background: #fff; }
header .menu-menu-1-container > ul ul ul{ left: 0; padding: 20px 10px; left: 100%;  top: -20px; }
header .menu-menu-1-container > ul ul li{ margin-bottom: 10px; }
header .menu-menu-1-container > ul ul li:last-child{ margin-bottom: 0; }
header .menu-menu-1-container ul ul li:has(ul) a { padding-right: 15px; }
header .menu-menu-1-container ul ul li:has(ul) > a:after{ content:'>'; font-size: 12px; position: absolute; margin: 1px 0 0 5px;   }
.burger-menu{ display: none; }
.burger-menu ul{ display: block; margin: 0; padding: 0; list-style: none;  }
.burger-menu ul li{  margin: 0; display: block;  font-family: "Jost", sans-serif; text-transform: uppercase; color: #136780; display: block; }
.burger-menu ul li a{ display: block; padding: 10px 20px; color: #136780;  text-decoration: none; border-bottom: 1px solid #136780;}
.burger-menu ul li li a{ padding:10px 20px 10px 30px; font-size: 15px; }
.burger-menu ul li li a:before{ content: ' > '; font-weight: bold; }
.burger-menu .contact-ctn{ padding: 15px; text-align: center;}
.navbar li.on > ul{ display: block; white-space: nowrap; }
footer{ background: #146780; color: #fff; padding: 30px 0; font-size:12px; padding-left: 20px;  padding-right: 20px; }
footer a{ color: #fff !important; text-decoration: none;  }
footer a:hover{ text-decoration: underline; }
footer .wide-ctn{ padding-left: 0;  padding-right: 0; }
footer .columns{ display: flex; }
footer .columns > div{ flex:auto; }
footer .widget-content p:last-child{ margin-bottom: 0; }
footer .seo-widgets{ margin-top: 30px; padding-top: 30px; border-top: 1px solid #fff; }
footer p{ font-weight: 400; }
footer .logo{ margin: 80px 0; }

.wp-block-columns { margin: 60px auto; }
.wp-block-columns .wp-block-column{ padding-left: 30px ; padding-right: 30px; border-right: 1px solid #BEC8D0;  display: flex; flex-direction: column; align-items: center;  align-items: stretch }
.wp-block-columns .wp-block-column:last-child{ border-right: none; }
.wp-block-columns .wp-block-column h3 { margin:0 0 1em 0; }
.wp-block-columns .wp-block-column h2 { margin: 0; }
.wp-block-columns .wp-block-column figure { margin:0 0 1em 0; }

.gtd-slides { position: relative; }
.gtd-slides .slick-arrow{ position: absolute; top: calc(50% - 15px); height: 30px; width: auto; z-index: 100; }
.gtd-slides .bt-prev{ left:30px;  }
.gtd-slides .bt-next{ right:30px;  }
.gtd-slides .slide{ position: relative; text-align: center; max-height: 500px; cursor: pointer; display:none; }
.gtd-slides.slick-initialized  .slide, 
.gtd-slides .slide:first-child{ display: block; }
.gtd-slides .slide:after{ content: ''; position: absolute; width: 100%; height: 100%; top:0; left: 0; background: url(img/alpha-v2.png) repeat-y center center; z-index: 2; background-size: 100% auto;}
.gtd-slides .slide .slide-content{ color:#fff; position: absolute; width: 100%; height: 100%; text-align: center; z-index: 3; display: flex; flex-flow: column; align-items: center; }
.gtd-slides .slide .slide-content .ctn{ max-width: 800px; }
.gtd-slides .slide img{ display: block; width:100%; height: auto; object-fit: cover; }
.gtd-slides .slide a{ color: #fff !important; }
.gtd-slides .slide p{ text-align: justify; }
.gtd-slides .slide h1{ color: #136780; font-size: 22px; font-weight: normal; }
.gtd-slides .slide .heading{ font-size: 42px; line-height: 42px; }
.gtd-slides .slide .heading .big{ font-size: 100px;  }
.gtd-slides .slide-70 .slide-content h1{ margin-bottom: 0px;}
.gtd-slides .slide-70 .slide-content figure{ margin:0 auto 130px auto; max-width: 400px; }


.home h1{ display:none; }

.page-content > *,
.gtd-container > div > *{ margin: 50px 0;}

.page-content .wp-block-group.is-vertical > h2 { margin: 20px 0;}
.page-content .wp-block-group.is-vertical > h3 { margin: 10px 0;}
.page-content .wp-block-group.is-vertical > p { margin: 0 0 10px 0;}

.sidebar-viewport{ display: flex; margin-bottom: 30px;   }
.sidebar-viewport > article{ flex: auto;  }
.sidebar-viewport > .sidebar-ctn{ width: 250px; flex-grow: 0; flex-shrink: 0; margin-left: 30px;  }
.sidebar{ position: sticky; top:82px; }
.sidebar nav{ margin-bottom: 30px; }
.sidebar nav ul{ list-style: none; padding: 0; margin: 0; }
.sidebar nav li a{ width:100%; font-weight: bold; justify-content: space-between; font-size: 14px; line-height: 15px; display: flex; align-items: flex-start; padding: 8px 15px; background:#F1F2F8; text-transform: uppercase; text-decoration: none; color: #000; box-sizing: border-box; }
.sidebar nav li a svg{ fill: #136780; stroke-width: 0; height:15px; margin-left: 15px; flex-shrink: 0; flex-grow: 0;}
.sidebar nav li a:hover{ background-color: #136780; color: #fff;}
.sidebar nav li a:hover svg{ fill: #fff; }

.tabs{ margin: 30px auto; }
.tabs .header a{ cursor: pointer; background:#F1F2F8; color: #136780; font-weight: bold; padding: 10px 20px; font-size: 14px; text-transform: uppercase; }
.tabs .header a:hover,
.tabs .header a.on{ color: #fff; background:#136780; }
.tabs .content .tab{ background:#F1F2F8; display: none; padding: 30px; }
.tabs .content .tab:first-child{ display: block; }

.title-ctn { max-height: 500px; position: relative;  }
.title-ctn .page-title{  position: absolute; display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; justify-items: center; justify-content: center; z-index: 10; padding: 20px; box-sizing: border-box;  }
.title-ctn h1{ text-transform: uppercase; color: #fff; text-align: center; margin-bottom: 0; font-size: 60px; line-height:65px; margin-bottom: 20px;   }
.title-ctn .baseline{ text-transform: uppercase; font-size: 22px; color:#fff; text-align: center; }
.title-ctn img{ display: block; object-fit: cover;  margin: auto; height:auto; max-height:500px; object-position: top; }
.title-ctn:after{ content: ''; position: absolute; width: 100%; height: 100%; top:0; left: 0; background: url(img/alpha-v2.png) repeat-y center center; z-index: 2; background-size: 100% auto; }
/*.featured-img .alpha{ position: absolute; top: 0; width: 100%; height: 100%; z-index: 10; }*/

.breadcrumbs-ctn{ padding: 20px 0; background: #F1F2F8; text-transform: uppercase; text-align: center; font-size: 12px;  margin-bottom: 30px;  }
.breadcrumbs-ctn #breadcrumbs{ margin: 0; padding: 0; }
.breadcrumbs-ctn a{ color:#000 !important; text-decoration: none;  }
.breadcrumbs-ctn a:hover{ text-decoration: underline; }
.breadcrumbs-ctn .breadcrumb_last{ font-weight: bold; }

.gtd-post{ margin: 40px auto; padding: 0; }
.focus-3col{ text-align: center; }
.focus-3col h2{ font-size: 22px; line-height: 22px; text-transform: uppercase; margin-bottom: 0px;  }
.focus-3col p{ font-weight: 500; font-size: 19px; }

.wp-block-column .gtd-post, .subpages .gtd-post{ cursor: pointer; }


.triptyque { text-align: center; }
.triptyque  p{ color: #fff; font-size: 15px; text-align: justify; padding:0 20px 20px 20px; margin-top: 0; }
.triptyque  h2{ font-size: 22px; line-height: 22px; text-transform: uppercase; color: #fff; margin: 1em 0 !important;   }
.triptyque  .wp-block-column { margin: 0 15px; padding: 30px 0 50px 0; position: relative; background-image: url(img/bg-metier.svg); background-position: center top; background-size: 40px auto; background-repeat: no-repeat; }
.triptyque.wp-block-columns .wp-block-column:nth-child(1){ background-color: #0F7A93; }
.triptyque.wp-block-columns .wp-block-column:nth-child(2){ background-color: #52B9A9; }
.triptyque.wp-block-columns .wp-block-column:nth-child(3){ background-color: #93D99C; }
.triptyque.wp-block-columns .wp-block-column:nth-child(3) h2,
.triptyque.wp-block-columns .wp-block-column:nth-child(3) p,
.triptyque.wp-block-columns .wp-block-column:nth-child(3) .wp-block-button .wp-element-button{ color: #000;}
.triptyque .wp-block-column .wp-block-button{ position: absolute; left: 0; bottom: 30px; width: 100%; text-align: center; }
.gtd-post-111 .triptyque .wp-block-column .wp-block-button .wp-element-button{ border:none !important; background: none !important; padding: 0; text-decoration: underline; color: #fff; }
.gtd-post-111 .triptyque .wp-block-column .wp-block-button .wp-element-button:after{ content: '>';}

.gtd-post-22 .wp-block-button .wp-element-button{ background: #146780 !important; color:#fff; font-weight: 300; text-transform: uppercase; }
.gtd-post-22 .wp-block-media-text__content{ text-align: center; }
.gtd-post-22 .wp-block-media-text__content .national{ color: #9AA2A9; text-transform: uppercase; font-size: 70px; line-height: 62px; margin: 0 0 20px 0; }
.gtd-post-22 .wp-block-media-text__content .national strong{ font-size: 94px; }

.gtd-post-280 { position: relative; background: url(img/degrade@2x.jpg) repeat-y center; background-size: 100% auto; height: 100%; display: flex; flex-flow: column; justify-content: center; padding: 30px 20px;  }
.gtd-post-280:before{ content: ''; background-image: url(img/bg-metier.svg); background-position: center top; background-size: 30px auto; background-repeat: no-repeat; position: absolute; width: calc(100% - 40px); top: 0; z-index: 10; height: 25px; }
.gtd-post-280 .title{ margin-bottom: 0 !important; font-size: 28px !important; line-height: 28px !important; height: auto !important; }
.gtd-post-280 p{ color: #fff; line-height: 19px; margin: 1.2em auto; }
.gtd-post-280 p strong{ text-decoration: underline; font-weight: inherit; }
.gtd-post-280 .wp-element-button{ background-color: #146780 !important; color: #fff; text-transform: uppercase; }
.gtd-post-280 .wp-block-buttons{ text-align: center; }
.gtd-customers { text-align: center; padding: 30px 0; }
.customers{ display: flex; padding: 30px 0; align-items: center; }
.customers .slick-list{ margin: 0 25px; }
.customers .slick-arrow{ width: 20px; height: 20px; }
.customers a { display: inline-block; margin: 0 25px; vertical-align: middle }
.customers a img{ display: block; max-height: 60px; width: auto; }

.bt-socials p{ margin-bottom: 0.5em; }
.bt-socials a { display: inline-block; margin-right: 10px; }
.bt-socials a img{ display: block; width: 40px; height: auto; }

.bdo{ display: block; margin-bottom: 0; width: 100%; height: auto; }
.subpages-ctn{ /*background: rgba(178, 190, 200, 0.5);*/ padding: 0 0 50px 0; }
.subpages-ctn .subpages-title{ text-transform: uppercase; color: #107992; font-size: 35px; font-weight: bold; text-align: center; margin-bottom: 50px; }
/*.subpages-ctn nav ul{ list-style: none; margin: 0; padding: 0; }
.subpages-ctn nav li{ margin-bottom: 10px; }
.subpages-ctn nav li a { display: flex; text-decoration: none; line-height: 16px; }
.subpages-ctn nav li a > span{ flex-grow: 0; flex-shrink: 0; color: #000;}
.subpages-ctn nav li a > .spacer{ flex-grow: 1; flex-shrink: 1; margin:0 10px; border-bottom: 1px solid #000; }
.subpages-ctn nav li a > .title{ font-weight: bold; font-size: 20px;  }
.subpages-ctn nav li a > .more{ text-decoration: underline; display: inline-block; margin:0 10px;  }*/

.gtp-list{ display: flex; flex-flow: row wrap; gap: 0; }
.gtp-list .gtd-post{ padding:0 20px; gap: 0; margin: 0 0 30px 0; text-align: center; flex-basis: calc(25% - 41px) ; border-right: 1px solid #BEC8D0;}
.gtp-list .gtd-post:nth-child(4n){ border-right: none; }
.gtp-list .gtd-post .title{ height:54px; overflow: hidden; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; font-size: 18px; line-height: 18px; }
.gtp-list .gtd-post .title a{ color: inherit; text-decoration: none; }
.gtp-list .gtd-post .type{ background: #BEC8D0; margin-bottom: 10px; }
.gtp-list .gtd-post .baseline{ font-weight: 500; font-size: 18px;line-height: 18px; height:72px; overflow: hidden; margin: 0 0 10px 0; }
.gtp-list .gtd-post .more a{ font-size: 14px; color: #000; }

.columns-4{ gap: 0; }
.columns-4.ctn{ padding: 0; }
.columns-4 .wp-block-column{ padding:0 30px; gap: 0; }
.columns-4 .wp-block-column:first-child{ padding-left: 0; }
.columns-4 .wp-block-column:last-child{ padding-right: 0; }
.columns-4 .wp-block-column .gtd-post{ margin: 0 0 30px 0; text-align: center; }
.columns-4 .wp-block-column .gtd-post:last-child{ margin-bottom: 0; }
.columns-4 .wp-block-column .gtd-post .title{ text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; font-size: 18px; line-height: 18px; height:54px; overflow: hidden; }
.columns-4 .wp-block-column .gtd-post .title a{ color: inherit; text-decoration: none; }
.columns-4 .wp-block-column .gtd-post .type{ background: #BEC8D0; margin-bottom: 10px; }
.columns-4 .wp-block-column .gtd-post .baseline{ font-weight: 500; font-size: 18px;line-height: 18px; height: 72px; overflow: hidden; margin: 0 0 10px 0; }
.columns-4 .wp-block-column .gtd-post .more a{ font-size: 14px; color: #000; }


.gtd-container .wp-block-columns{ align-items: center !important; }
.gtd-container .wp-block-columns .wp-block-column{ border: none !important;  }
.gtd-container .wp-block-columns .wp-block-column:has(> p){ width:34%; padding: 40px; background: #fff; margin-right: -100px; z-index: 2; }
.gtd-container .wp-block-columns .wp-block-column:has(> figure){ width:66%; flex-basis: 20%; }
.gtd-container .wp-block-columns .wp-block-column p{ text-align: justify; }
.gtd-container .wp-block-columns .wp-block-column p:last-child{ margin-bottom: 0; }
.gtd-container .wp-block-columns .wp-block-column:has(> p) ~ div { margin-right: 0; margin-left: -100px; }

.page-content > .wp-block-media-text{ margin: 50px 0;}
.gtd-container .wp-block-media-text{ align-items: center !important; display: flex !important; grid-template-columns: 100% !important; }
.gtd-container .wp-block-media-text > * { flex: auto; }
.gtd-container .wp-block-media-text .wp-block-media-text__media{ width:55%; }
.gtd-container .wp-block-media-text .wp-block-media-text__content{ width:34%; padding: 40px; background: #fff; margin-right: 0; margin-left: -150px; z-index: 2; }
.gtd-container .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ margin-right: -150px; margin-left: 0; }
.gtd-container .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p{ text-align: justify !important; }
.gtd-container .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content h2:first-child{ margin-top: 0; }
.gtd-container .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content p:last-child{ margin-bottom: 0; }

form .row p{ display: flex; justify-content: space-between; }
form .row p label{  margin-right: 15px; flex: auto;  }
form .row p label:last-child{ margin-right: 0; }
form .row p label:has(input[type="checkbox"]),
form .row p label .wpcf7-not-valid-tip{ text-transform: none; }
form .row p input[type="text"],
form .row p input[type="email"],
form .row p textarea{ width: 100%; box-sizing: border-box; background: #F5F9FC; border:1px solid #000; border-radius: 5px; padding: 5px 10px; font-family: "Jost", sans-serif;}
form .row p textarea{ resize: vertical; }
form .row span.required{ color: #f00; }
form .wpcf7-list-item{ margin-left: 0; }
form input[type="submit"]{ font-family: "Jost", sans-serif; background: #146780 !important; color: #fff; font-weight: 700; border: none; text-transform: uppercase; border-radius: 9999px;  box-shadow: none; text-decoration: none;  padding: calc(.667em + 2px) calc(1.333em + 2px);}

.wpcf7 form .wpcf7-response-output{ margin-left: 0; margin-right: 0; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ border-color: #f00; }

@media screen and (max-width: 1280px) {
    header > .wide-ctn{  height: 65px; padding: 10px; }
    header .menu-menu-1-container ul li{ margin: 0 10px; }
}

@media screen and (min-width: 1024px) {
    /* listing 4 par ligne */
    .gtp-list .gtd-post:nth-child(4n+1){ padding-left: 0; }
    .gtp-list .gtd-post:nth-child(4n),
    .gtp-list .gtd-post:last-child{ padding-right: 0; border-right: none;  }
}
@media screen and (max-width: 1080px) {
    .toggle-menu { display: block; }
    header .contact-ctn { display: none; }
    header > .wide-ctn{ height:50px; }
    .navbar{ display: none; position: absolute; right: 0; min-width: 320px;  }
    .navbar .menu{ flex-flow: column; }
    .columns-4.ctn { padding-left: 20px; padding-right: 20px; flex-wrap: wrap; }
    .columns-4.ctn + .columns-4.ctn{ margin-bottom: 0; }
    .columns-4 .wp-block-column{ padding-left: 20px; padding-right: 20px; }
}

@media screen and (max-width: 900px) {
    footer .columns{ flex-flow: row wrap; }
    .title-ctn h1{ font-size: 32px; line-height: 36px; margin: 0 0 20px 0; }
    .title-ctn .baseline{ font-size: 16px; }
    body .columns-4{ margin-top: 20px; margin-bottom: 0; flex-wrap: wrap !important; }
    body .columns-4 .wp-block-column:not(.is-not-stacked-on-mobile),
    body .gtp-list .gtd-post{ flex-basis: 50% !important; box-sizing: border-box; margin-bottom: 20px; }
    body .columns-4 .wp-block-column:nth-child(2n),
    body .gtp-list .gtd-post:nth-child(2n){ border: none; padding-right: 0; }
    body .columns-4 .wp-block-column:nth-child(2n+1),
    body .gtp-list .gtd-post:nth-child(2n+1){ padding-left: 0; }
    .sidebar-viewport{ flex-flow: column; }
    .sidebar-viewport .sidebar-ctn{ margin-left: 0; width: auto; padding-top: 30px; }
    .tabs{ display:none; }
}
@media (max-width: 781px) {
    .triptyque.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
        margin-bottom: 20px;
        border: none; 
    }
    .focus-3col.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
        margin-bottom: 40px;
        border: none; 
    }
}
@media screen and (max-width: 640px) {
    footer .columns > div{ flex-basis: 50%;  }
    footer .columns > div:last-child{ flex-basis: 100%; display:flex; flex-flow: row wrap;  }
    footer .columns > div:last-child > div{ flex-basis: 50%; }
    .triptyque.wp-block-columns img{ width: 100%; display: block; }
    .page-content > *, .gtd-container > div > *{ margin: 40px 0; }
    .gtd-container .wp-block-media-text{ flex-direction: column-reverse; }
    .gtd-container .wp-block-media-text.has-media-on-the-right{ flex-direction: column; }
    .gtd-container .wp-block-media-text .wp-block-media-text__content,
    .gtd-container .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ margin: 0 0 20px 0; padding:0; width: auto; }
    .gtd-container .wp-block-media-text .wp-block-heading{ text-align: center !important;line-height: 30px; margin-bottom: 10px; }
    .gtd-container .wp-block-media-text .wp-block-media-text__content p{ margin-top: 10px;}
    .gtd-slides .slide .heading,
    .gtd-slides .slide .heading .big{ font-size: 30px; line-height: 30px; }
    .gtd-slides .slide .heading{ margin: 15px 0; }
    .gtd-slides .slide,
    .gtd-slides .slide .slide-content{ height: 320px; }
    .gtd-slides .slide > img{ height: 320px; }
    .gtd-slides .slick-arrow{ display: none !important; }
}
@media screen and (max-width: 480px) {
    footer .columns > div{ flex-basis: 100%;  }
    footer .columns > div:last-child{ flex-basis: 100%; display:flex; flex-flow: column;  }
    footer .columns > div:last-child > div{ flex-basis: 50%; }
    body .columns-4 .wp-block-column:not(.is-not-stacked-on-mobile),
    body .gtp-list .gtd-post{ flex-basis: 100% !important; border: none; margin-right: 0;margin-left: 0; padding-left: 0; padding-right: 0; }
    body .columns-4 .wp-block-column{ border: none; padding-right: 0; padding-left: 0; }
    .columns-4 .wp-block-column .gtd-post .title,
    body .gtp-list .gtd-post .title{ height: auto; }
    .columns-4 .wp-block-column .gtd-post .baseline,
    body .gtp-list .gtd-post .baseline{ height: auto; }
    .gtd-post-22 .wp-block-media-text__content .national{ font-size:50px; }
    .gtd-post-22 .wp-block-media-text__content .national strong { font-size: 68px; }
}