/*
 Theme Name:   Transit
 Description:  Chaplin Child Theme
 Template:     chaplin
 Version:      1.0
 Text Domain:  chaplin-child
 
 */

 @font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
  @font-face {
    font-family: 'Merriweather Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-sans-v20-latin-700.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 700;
    src: url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-v28-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-v28-latin-700.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-v28-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-v28-latin-700.woff') format('woff'), /* Modern Browsers */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-v28-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/2023/wp-content/themes/chaplin-child/assets/fonts/merriweather-v28-latin-700.svg#Merriweather') format('svg'); /* Legacy iOS */
}

 :root {
    --rot: #ea4e1b;
    --blau: #273583;
    --beige:#fbd8c6;
    --gelb: #f9ab2d;
    --rosa: #ee7b74;
}

html {scroll-behavior: smooth;}

body { background: var(--beige)}

h1.entry-title {
    text-transform: uppercase;

}
.home h1.entry-title  {text-transform: none; display: none;}

h3 {
    font-family: Merriweather Sans,
    -apple-system,
    BlinkMacSystemFont,
    'Helvetica Neue',
    Helvetica,sans-serif;
}

.home.overlay-header.header-is-sticky .site-title {color: var(--rot);}
.header-inner.is-sticky {
    box-shadow: none; /* 0 0 1rem rgb(45 45 131 / 10%) */ 
}

.header-inner.is-sticky, .showing-menu-modal .header-inner.is-sticky {
    background:var(--beige);
}

.header-inner.is-sticky .section-inner {
    padding: 3rem 0 1rem;
}
/* .main-menu-alt > li {
    margin: 1.5rem 0 0 3rem;
    font-weight: 700;
    box-shadow: -5px 5px 0px 0px var(--beige);
    -webkit-box-shadow: -5px 5px 0px 0px var(--beige);
    -moz-box-shadow: -5px 54px 0px 0px var(--beige);
}


.main-menu-alt > li:hover, .main-menu-alt > li.current_page_item{
    background: var(--blau);
    box-shadow: -5px 5px 0px 0px var(--rot);
    -webkit-box-shadow: -5px 5px 0px 0px var(--rot);
    -moz-box-shadow: -5px 54px 0px 0px var(--rot);
}

.main-menu-alt li a, .main-menu-alt li a:hover, .main-menu-alt > li.current_page_item a {
    background: var(--blau);
    text-decoration: none;
    padding: .7rem 1.2rem;
    color: var(--beige)
} */

.main-menu-alt li a {
    font-weight: 700;
}

header .section-inner {max-width: 100%;}
.cover-header .entry-header {
    justify-content: center;
    display: flex;
    flex-flow: column;
    align-items: center;
}

@media (min-width: 700px) {
.cover-header h1 {
    font-size: 8rem;
    }
}

.home .cover-header .entry-header {height: 80vh;} 
.home .cover-header h1 {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: transparent url("/2023/wp-content/themes/chaplin-child/assets/img/transit.svg") no-repeat scroll center center;
    background-size: 50vw;
    width: 100vw;
    height: 80vh;
}

@media (max-width: 800px) {
.home .cover-header h1 {
    background-size: 90vw;
    height: 80vh;
    }
}

.to-the-content .text {display: none;}
ul.parcours-jump-nav { 
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
}

ul.parcours-jump-nav { margin:0;}
ul.parcours-jump-nav li{   
    list-style: none;
    min-height: 5rem;
    margin: 2rem 2rem;
}

ul.parcours-jump-nav li a {
    padding: 2rem; 
    background: var(--beige);
    color: var(--blau);
    font-weight:700;
    text-decoration: none;
    border-radius: 15px 0px 15px 0px;
    min-height: 5rem;
    border: 3px solid var(--blau);
    box-shadow: -17px 14px 0px 0px var(--blau);
    -webkit-box-shadow: -17px 14px 0px 0px var(--blau);
    -moz-box-shadow: -17px 14px 0px 0px var(--blau);
}
ul.parcours-jump-nav li a:hover{
    background: var(--beige);
    border: 8px solid var(--rot);
    border-radius: 0px 15px 0px 15px;
    box-shadow: -17px 14px 0px 0px var(--rot);
    -webkit-box-shadow: -17px 14px 0px 0px var(--rot);
    -moz-box-shadow: -17px 14px 0px 0px var(--rot);
}

.entry-content,
.entry-header {
    line-height: 1.5;
    max-width: 88rem;
}
.wp-block-post-title {
    font-family: var(--headings-font);
    font-size: 2.2rem;
}

.alignwide.wp-block-post-featured-image, .wp-block-group {
    margin-bottom: 0;
    margin-top: 0;
}

figure.wp-block-post-featured-image img, 
.wp-block-post-featured-image.alignfull img, 
.wp-block-post-featured-image.alignwide img {
    border-radius: 50%;
    padding: 3rem;
    aspect-ratio: 1;
}

.featured-media img {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    margin-bottom: 5rem;
}

.wp-block-group {
    padding: 10px!important;
}


.wp-block-button__link, 
.wp-block-button__link:active, 
.wp-block-button__link:focus, 
.wp-block-button__link:visited {
    background: var(--beige);
    color: var(--rot);
    border: 3px solid var(--rot);
    box-shadow: -10px 10px 0px 0px var(--rot);
    -webkit-box-shadow: -10px 10px 0px 0px var(--rot);
    -moz-box-shadow: -10px 10px 0px 0px var(--rot);
    transition: all ease .4s;
}

.wp-block-button__link:hover {
    background: var(--beige);
    color: var(--blau);
    border: 3px solid var(--blau);
    box-shadow: -10px 10px 0px 0px var(--blau);
    -webkit-box-shadow: -10px 10px 0px 0px var(--blau);
    -moz-box-shadow: -10px 10px 0px 0px var(--blau);
    text-decoration: none;
}

@media (max-width: 600px) {
    .blocks-gallery-grid .blocks-gallery-image, 
    .blocks-gallery-grid .blocks-gallery-item, 
    .wp-block-gallery .blocks-gallery-image, 
    .wp-block-gallery .blocks-gallery-item {
        width: 100%;
        margin: 1rem auto;
    }
}

.box-shadow-rot{
    box-shadow: -10px 10px 0px 0px var(--rot);
    -webkit-box-shadow: -10px 10px 0px 0px var(--rot);
    -moz-box-shadow: -10px 10px 0px 0px var(--rot);
}

.box-shadow-blau {
    box-shadow: -10px 10px 0px 0px var(--blau);
    -webkit-box-shadow: -10px 10px 0px 0px var(--blau);
    -moz-box-shadow: -10px 10px 0px 0px var(--blau);
}

.border-blau {border: 3px solid var(--blau); padding: 0.7rem 1.2rem;}
.border-blau-top {border-top: 3px solid var(--blau); padding-top: 4rem;}
.border-blau-bottom, .c-accordion__title {border-bottom: 3px solid var(--blau); padding-bottom: 4rem;}
.border-rot-top { border-top: 3px solid var(--rot); padding-top: 4rem;}
.border-rot-bottom {border-bottom: 3px solid var(--rot); padding-bottom: 4rem;}
.c-accordion__title:after {color: var(--rot);}
.justify-center {justify-content: center;}

@media (max-width: 599px) {
    .wp-block-columns.reverse-order {flex-wrap: wrap-reverse;}
    .to-top {display: none;}
}

.to-top{
    background:var(--beige);
    color: var(--rot);
    position: fixed;
    width: 50px; 
    height: 50px;
    border-radius: 50%;
    bottom:20px;
    right:20px;
    padding:1em;
    z-index: 100;
    font-size: 3rem; 
    line-height: 1.4em;
    padding: .5rem;
    text-align: center;
}

.to-top a:hover, .to-top a:active, 
.to-top a:visited, .to-top {text-decoration: none;}
.hide-this {display: none;}

#top, #bottom, #left, #right {z-index: 9999;}
      #left, #right {
        position: fixed;
        top: 0; bottom: 0;
        width: 15px;
        }
        #left { left: 0; background: #009ed3;}
        #right { right: 0; background: #db4224;}
        
      #top, #bottom {
        position: fixed;
        left: 0; right: 0;
        height: 15px;
        background-image: linear-gradient(to left, #db4224 0%, #009ed3 100%);
        }

        #top { top: 0; }
        #bottom { bottom: 0; 
        
        }

/* --- Brand-Heading / ---*/        

.brand-heading {
    margin-top: 4%; 
    position: relative;
    isolation: isolate;
}

@media (min-width: 768px) {
    .brand-heading {margin-top: 12%;}
    .brand-heading img.back {margin-left: 20%;}
        }
      
@keyframes ltor {
        0%   {left: -10%; top: 0px;}
        100% {left: 0; top: 0px;}
      }
      
      @keyframes rtol {
        0%   {left: 28%; top: 4%;}
        100% {left: 23%; top: 4%;}
      }
      
      @keyframes ttob {
        0%   {left: 0; top: -4%;}
        100% {left: 0; top: 0;}
      }
      
      
       @keyframes fadein {
          from { opacity: 0; }
          to { opacity: 1; }
      }
      
       @keyframes fadeintwo {
          from { opacity: 0; }
          to { opacity: 0.5; }
      
      }
      
      
       @keyframes fadeinsvg {
          0% { opacity: 0; }
          50% { opacity: 0; }
          100% { opacity: 1; }
      }
      
      
      .p-1, .p-2 {animation: fadeinsvg 1.2s ease-out;}
      .p-2 { animation: fadeinsvg 1s ease-out;}
      .p-3 {animation: fadeinsvg 0.6s ease-out;}
       
      .brand-heading svg, .brand-heading img.front{
        position: absolute;
        top: 0;
        left: 0;
      }
      
      .brand-heading img.front{
        top: 4%;
        left: 23%;
      }
      
      .brand-heading svg {
        z-index: 3;
        max-width: 374px;
        padding: 30px 0;
        animation: fadeinsvg 0.9s ease-in;
        animation: ttob 1.2s ease-in;
      }
      
@media (max-width: 900px) {
.navbar-brand { padding-top: 20px; }
      }
      
      .brand-heading img.front, .brand-heading img.back{
        width: 60%;
        transform: skewY(-12deg);
      }
      
      .brand-heading img.front{
        z-index: 2;
        animation: fadein 1s ease-in;
        animation: rtol 1s ease-out 1;
      }
      
      .brand-heading img.back{
        position: relative;
        z-index: 1;
        opacity: 0.5;
        animation: fadeintwo 2s ease-in;
        animation: ltor 1s ease-out 1;
      }
    
      
@media (max-width: 768px) {
       .brand-heading img.back {   
          margin-left: 20%;
        }
}

/* --- Brand-Heading / ---*/

.landpartie-header {
    display: flex;
/*     height: 70vh; */
    isolation: isolate;
}

.landpartie-header .wp-block-group__inner-container {
    position: relative;
  /*   max-width: 700px; */
    width: 100%;
    padding: 5rem;
}


.menu-modal-inner{
    background: var(--beige);
}

.main-menu-alt ul {
    background: var(--blau);
    color: var(--blau);
}
.main-menu-alt ul a {
    color: var(--beige);
}

.post-inner {
    padding-top: 0;
}


footer  ul {
    display: flex;
    margin: auto;
    justify-content: center;
    flex-wrap: wrap;
}

footer ul li {
    list-style: none;
/*     min-width: 200px; */
    max-width: 200px;
    margin: 0.5rem 1rem 1rem;
}

footer .grid{
    flex-direction: column;
    justify-content: center;
    margin: auto;
}

.grid.mcols-2 > .grid-item, .grid.tcols-2 > .grid-item, .grid.tlcols-2 > .grid-item {
    width: 100%;
}

footer .logos img{
    max-height: 50px;
    margin: auto;
}
.home-content {
    position: relative;
/*     background: var(--beige); */
}
#site-header {
 margin-bottom: 0;
       /*  padding: 4.5rem 0 0; */
}

.grid .grid-item {
    margin: 0;
}

.hide {
    display: none;
}