/*
 * Theme Name:  Roel Coaching — Indigo & Lavender
 * Template:    roelcoaching
 * Author:      georgios.cc
 * Author URI:  https://georgios.cc
 * Version:     1.1.0
 * Text Domain: roelcoaching-indigo-lavender
 */
 
 .color-palette--indigo-lilac::webkit-scrollbar {
 
         }
 
 .color-palette--indigo-lilac::webkit-scrollbar-track {
             -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
             border-radius: 10px;
             background: #504164;
         }
 
 .color-palette--indigo-lilac::webkit-scrollbar-thumb {
 
         }
 
 .color-palette--indigo-lilac a {
             color: #504164;
         }
 
 .color-palette--indigo-lilac a:hover,
             .color-palette--indigo-lilac a:active {
                 color: #7e709b;
             }
 
 .color-palette--indigo-lilac a.muted {
                 text-decoration: none;
                 color: #6a6a6a;
                 font-weight: 700;
             }
 
 .color-palette--indigo-lilac a.muted.underlined {
                     text-decoration: underline;
                 }
 
 .color-palette--indigo-lilac .button {
             background: #504164;
             color: white;
         }
 
 .color-palette--indigo-lilac .button:hover,
             .color-palette--indigo-lilac .button:active {
                 background: #7e709b;
                 color: white;
             }
 
 .color-palette--indigo-lilac .button--secondary {
                 background: #e6e6fa;
             }
 
 .color-palette--indigo-lilac .button--secondary:hover,
                 .color-palette--indigo-lilac .button--secondary:active {
                     background: #e6e6fa;
                 }
 
 .color-palette--indigo-lilac .button--muted {
                 background: #6a6a6a;
             }
 
 .color-palette--indigo-lilac .button--muted:hover,
                 .color-palette--indigo-lilac .button--muted:active {
                     background: #6a6a6a;
                 }
 
 .color-palette--indigo-lilac .button--cta.cta__primary-link,
                 .color-palette--indigo-lilac .button--cta.cta-global__primary-link {
                     background: #504164;    
                 }
 
 .color-palette--indigo-lilac .button--cta.cta__primary-link:hover, .color-palette--indigo-lilac .button--cta.cta-global__primary-link:hover {
                         background: #504164;
                     }
 
 .color-palette--indigo-lilac .button--cta.cta__secondary-link,
                 .color-palette--indigo-lilac .button--cta.cta-global__secondary-link {
                     background: transparent;
                     box-shadow: none;
                     text-decoration: underline;
                 }
 
 .color-palette--indigo-lilac .wp-block-button__link {
             background: #504164;
             color: white;
             border-radius: 0;
         }
 
 .color-palette--indigo-lilac .wp-block-button__link:hover,
             .color-palette--indigo-lilac .wp-block-button__link:active {
                 background: #7e709b;
                 color: white;
             }
 
 .color-palette--indigo-lilac .site-language__link {
                 background-color: #7e709b;
                 color: white;
             }
 
 .color-palette--indigo-lilac .site-language__link:hover {
                     background-color: #504164;
                     color: white;
                 }
 
 .color-palette--indigo-lilac .site-language__link--current {
                     background-color: #504164;
                 }
 
 .color-palette--indigo-lilac .credits a {
                 color: #7e709b;
             }
 
 .color-palette--indigo-lilac .credits a:hover {
                     color: #504164;
                 }
 
 .color-palette--indigo-lilac .main-menu__link {
                 color: #504c4c;
             }
 
 .color-palette--indigo-lilac .secondary-menu__item {
 
             }
 
 .color-palette--indigo-lilac .secondary-menu__link {
                 color: #999;
                 text-decoration: none;
             }
 
 .color-palette--indigo-lilac .secondary-menu__link:hover {
                     color: #504164;
                 }
 
 .color-palette--indigo-lilac .introduction .button--secondary, .color-palette--indigo-lilac .outro .button--secondary {
                     background: transparent;
                     box-shadow: none;
                     text-decoration: underline;
                     color: #504164;
                 }
 
 .color-palette--indigo-lilac .introduction .button--secondary:hover, .color-palette--indigo-lilac .outro .button--secondary:hover {
                         color: #7e709b;
                     }
 
 .color-palette--indigo-lilac .introduction .drop__button, .color-palette--indigo-lilac .outro .drop__button {
                     background: #e6e6fa;
                     color: white;
                     text-decoration: none;  
                 }
 
 .color-palette--indigo-lilac .introduction .drop__button:hover, .color-palette--indigo-lilac .outro .drop__button:hover {
                         background: #e6e6fa;
                         color: white;
                         text-decoration: none;
                     }
 
 .color-palette--indigo-lilac .s-main-content--home {
                 background-color: #7e709b;
             }
 
 .color-palette--indigo-lilac .s-main-content--home .wysiwyg {
                     color: white;
                 }
 
 .color-palette--indigo-lilac .s-main-content--home .button--primary:hover {
                             background: #504164;
                         }
 
 .color-palette--indigo-lilac .s-secondary-content--home {
                 background: #f6f6f6;
             }
 
 .color-palette--indigo-lilac .s-secondary-content--home .button--secondary {
                         background: transparent;
                         box-shadow: none;
                         text-decoration: underline;
                         color: #504164;
                     }
 
 .color-palette--indigo-lilac .s-secondary-content--home .button--secondary:hover {
                             color: #7e709b;
                         }
 
 .color-palette--indigo-lilac .s-secondary-content--home .drop__button {
                         background: #e6e6fa;
                         color: white;
                         text-decoration: none;  
                     }
 
 .color-palette--indigo-lilac .s-secondary-content--home .drop__button:hover {
                             background: #e6e6fa;
                             color: white;
                             text-decoration: none;
                         }
 
 .color-palette--indigo-lilac .section--cta {
                 background: #7e709b;
             }
 
 .color-palette--indigo-lilac .cta__content {
                 color: white;
             }
 
 .color-palette--indigo-lilac .cta__content .wysiwyg p {
                         color: white;
                     }
 
 .color-palette--indigo-lilac .cta__title {
                 color: white;
             }
 
 .color-palette--indigo-lilac .section--cta-global {
             background-color: #7e709b;
         }
 
 .color-palette--indigo-lilac .wrapper--cta-global {
             background-image: url(assets/images/indigo-lilac/section-cta-global-background.png);
         }
 
 .color-palette--indigo-lilac .cta-global__title {
                 color: white;
             }
 
 .color-palette--indigo-lilac .cta-global__text h1, .color-palette--indigo-lilac .cta-global__text h2, .color-palette--indigo-lilac .cta-global__text h3, .color-palette--indigo-lilac .cta-global__text h4, .color-palette--indigo-lilac .cta-global__text h5, .color-palette--indigo-lilac .cta-global__text h6, .color-palette--indigo-lilac .cta-global__text p {
                     color: white;    
                 }
 
 .color-palette--indigo-lilac .blog-entry__date {
                 color: #7e709b;
             }
 
 /* Player background */
 
 .color-palette--indigo-lilac .roelcoaching-mejs-container.mejs-container,
         .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-controls,
         .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-embed,
         .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-embed body {
             background-color: #f4f4f4;
         }
 
 /* Player controls */
 
 .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-button > button {
             background-image: url(assets/images/mejs-controls-dark.svg);
         }
 
 .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-time {
             color: #504c4c;
         }
 
 /* Progress and audio bar background */
 
 .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
         .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-controls .mejs-time-rail .mejs-time-total {
             background-color: #504164;
         }
 
 .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-controls .mejs-time-handle {
             /*background-color: $color--sirocco;*/
         }
 
 /* Track progress bar background (amount of track fully loaded)
           We prefer to style these with the main accent color of our theme */
 
 .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded {
             background-color: #7e709b;
         }
 
 /* Current track progress and active audio volume level bar */
 
 .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
         .color-palette--indigo-lilac .roelcoaching-mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
             background: #504164;
         }
 
 .color-palette--indigo-lilac .wysiwyg ul li:before {
     background-image: url(assets/images/list-item-bullet--pelvis.svg);
     left: 0;
     height: 20px;
 }
 
 .color-palette--indigo-lilac .contact-form .wpcf7 input[type="submit"] {
     background: #504164;
 }
 
 .color-palette--indigo-lilac .contact-form .wpcf7 input[type="submit"]:hover,
 .color-palette--indigo-lilac .contact-form .wpcf7 input[type="submit"]:active {
     color: #fff;
     background: #7e709b;
 }
 
 .color-palette--indigo-lilac .social-media__link {
     background-color: #504164;
 }
 
 .color-palette--indigo-lilac .social-media__link:hover {
     background-color: #7e709b;
 }
 
 .color-palette--indigo-lilac .hero--no-image {
     border-color: #504164;
 }
 
 .color-palette--indigo-lilac .hero__title {
     color: #504164;
 }
 
 .color-palette--indigo-lilac .hero__subtitle {
     color: #504164;
 }
 
 /* Flickity dots */
 .color-palette--indigo-lilac .flickity-page-dots .dot {
     background: #7e709b;
 }
 
 .color-palette--indigo-lilac .flickity-page-dots .dot.is-selected {
     background: #504164;
 }
 
 /* De Stuit Therapeut hero */
 @font-face {
     font-family: 'Montserrat';
     src: url('assets/fonts/Montserrat/Montserrat-VariableFont_wght.woff2') format('woff2');
     font-weight: 100 900;
     font-style: normal;
 }
 
 .hero {
     height: 300px;
     overflow: hidden;
     background: #7e709b;
 }
 
 .hero .wrapper {
     height: inherit;
     position: relative;
     max-width: 1600px;
     padding: 0;
 }
 
 .hero .wrapper img {
     max-height: 100%;
     max-width: none;
 }
 
 .hero-content {
     width: 100%;
     height: 300px;
 }
 
 .hero-image {
     height: inherit;
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
 }
 
 .hero-title {
     position: absolute;
     bottom: -2px;
     width: 100%;
     line-height: 1.25;
 }
 
 .hero-title__text {
     font-family: "Montserrat", sans-serif;
     font-size: 56px;
     color: #504164;
     text-shadow: gray 2px 2px 2px;
     font-weight: 700;
 }
 
 .hero-title__text--de,
 .hero-title__text--stuit,
 .hero-title__text--therapeut {
     display: block;
     text-align: center;
 }
 
 .hero-title__text--st {
     margin-left: -22px;
     margin-right: 64px;
 }
 
 @media (min-width: 480px) {
     .hero {
         height: 400px;
     }
 
     .hero-content {
         height: 400px;
     }
 
     .hero-title__text {
         font-size: 72px;
     }
 
     .hero-title__text--st {
         margin-left: -26px;
         margin-right: 88px;
     }
 }
 
 @media (min-width: 1320px) {
     .hero {
         height: 540px;
     }
 
     .hero-content {
         height: 540px;
     }
 
     .hero-image {
         left: 0;
         transform: none;
     }
 
     .hero-title__text--stuit span {
         display: inline-block;
     }
 
     .hero-title {
         bottom: 98px;
     }
 
     .hero-title__text {
         font-size: 112px;
     }
 
     .hero-title__text--de,
     .hero-title__text--stuit,
     .hero-title__text--therapeut {
         display: inline-block;
         text-align: left;
     }
 
     .hero-title__text--de {
         margin-right: 20px;
     }
 
     .hero-title__text--st {
         margin-left: 0;
         margin-right: 112px;
     }
 
     .hero-title__text--stuit {
         margin-right: 32px;
     }
 }
 
 @media (min-width: 1600px) {
     .hero {
         height: 600px;
     }
 
     .hero-content {
         height: 600px;
     }
 
     .hero-image {
         padding-left: 32px;
     }
 
     .hero-title {
         bottom: 104px;
     }
 
     .hero-title__text {
         font-size: 132px;
     }
 
     .hero-title__text--de {
         margin-right: 34px;
     }
 
     .hero-title__text--st {
         margin-right: 126px;
     }
 }
 
 
 
 /* CTA Audio Player */
 .cta__audio {
     display: block;
     width: 100%;
     margin: 0 auto 2rem;
 }
 
 .cta__audio-title {
     margin: 0 0 0 calc(1.5rem + 1rem);
     font-size: 0.75rem;
     font-weight: 400;
     line-height: 1;
 }
 
 .cta__audio-playback {
     display: flex;
     column-gap: 1rem;
 }
 
 .cta__audio-information {
     width: 100%;
 }
 
 .cta__audio-player {
     width: 100%;
 }
 
 .cta__audio-controls {
     position: relative;
 }
 
 .cta__audio-play-pause-button {
     appearance: none;
     border: none;
     display: inline-block;
     vertical-align: top;
     cursor: pointer;
     width: 1.5rem;
     height: 1.5rem;
     background-color: transparent;
     background-image: url(assets/images/cta-audio-play.svg);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     padding: 0;
     position: relative;
     top: 1px;
 }
 
 .cta__audio-play-pause-button--is-playing {
     background-image: url(assets/images/cta-audio-pause.svg);
 }
 
 .cta__audio-progress-bar {
     width: 100%;
     -webkit-appearance: none;
     appearance: none;
     background: transparent;
     cursor: pointer;
     margin: 0.5rem 0;
     height: 0.5rem;
     line-height: 1;
 }
 
 .cta__audio-progress-bar::-webkit-slider-runnable-track {
     background: rgba(255, 255, 255, 0.6);
     height: 0.5rem;
     border-radius: 0.25rem;
 }
 
 .cta__audio-progress-bar::-moz-range-track {
     background: rgba(255, 255, 255, 0.6);
     height: 0.5rem;
     border-radius: 0.25rem;
 }
 
 .cta__audio-progress-bar::-webkit-slider-thumb {
     -webkit-appearance: none; /* Override default look */
     appearance: none;
     background-color: rgba(255, 255, 255, 0.8);
     height: 0.5rem;
     width: 0.5rem;
     border-radius: 0.25rem;
 }
 
 .cta__audio-progress-bar::-moz-range-thumb {
     border: none; /*Removes extra border that FF applies*/
     border-radius: 0; /*Removes default border-radius that FF applies*/
     background-color: rgba(255, 255, 255, 0.8);
     height: 0.5rem;
     width: 0.5rem;
     border-radius: 0.25rem;
 }
 
 /***** Focus Styles *****/
 /* Removes default focus */
 .cta__audio-progress-bar:focus {
     outline: none;
 }
 
 /***** Chrome, Safari, Opera, and Edge Chromium *****/
 .cta__audio-progress-bar:focus::-webkit-slider-thumb {
     border: 1px solid #ffffff;
 }
 
 /******** Firefox ********/
 .cta__audio-progress-bar:focus::-moz-range-thumb {
     border: 1px solid #ffffff;
 }
 
 
 .cta__audio-progress-information {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }
 
 .cta__audio-current-time,
 .cta__audio-duration {
     font-size: 0.625rem;
 }
 
 
 /* GCC Video Embed Grid Blocks */
 
 /* Vimeo */
 @media (min-width: 530px) {
     .gcc-vimeo-videos-grid-block {
         gap: 1.5rem;
     }
 }
 
 @media (min-width: 768px) {
     .gcc-vimeo-videos-grid-block {
         gap: 2rem;
     }
 }
 
 .wysiwyg .gcc-vimeo-videos-grid-item {
     border: 1px solid #eaeaea;
     margin-bottom: 2rem;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
 }
 
 .wysiwyg .gcc-vimeo-videos-grid-item:hover {
     box-shadow: 0 5px 5px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
 }
 
 .wysiwyg .gcc-vimeo-videos-grid-item__title {
     padding: 1rem 0.75rem 0rem;
     font-size: 1.25em;
     font-weight: 500;
 }
 
 .wysiwyg .gcc-vimeo-videos-grid-item__description {
     padding: 0 0.75rem;
     font-size: 0.875em;
 }
 
 .wysiwyg .gcc-vimeo-videos-grid-item__description p {
     font-size: 0.875rem;
     font-weight: 300;
     line-height: 1.375rem;
     margin-bottom: 0.875rem;
 }
 
 .wysiwyg .gcc-vimeo-videos-grid-item__description p:last-of-type {
     margin-bottom: 1.5rem;
 }
 
 /* Instagram */
 @media (min-width: 530px) {
     .gcc-instagram-reels-grid-block {
         gap: 1.5rem;
     }
 }
 
 @media (min-width: 768px) {
     .gcc-instagram-reels-grid-block {
         gap: 2rem;
     }
 }
 
 .wysiwyg .gcc-instagram-reels-grid-item {
     border: 1px solid #eaeaea;
     margin-bottom: 2rem;
     box-shadow: 0 2px 2px 0 rgba(0,0,0,.1), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
 }
 
 .wysiwyg .gcc-instagram-reels-grid-item:hover {
     box-shadow: 0 5px 5px 0 rgba(0,0,0,.1), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
 }
 
 .wysiwyg .gcc-instagram-reels-grid-item__title {
     padding: 1rem 0.75rem 0rem;
     font-size: 1.25em;
     font-weight: 500;
 }
 
 .wysiwyg .gcc-instagram-reels-grid-item__description {
     padding: 0 0.75rem;
     font-size: 0.875em;
 }
 
 .wysiwyg .gcc-instagram-reels-grid-item__description p {
     font-size: 0.875rem;
     font-weight: 300;
     line-height: 1.375rem;
     margin-bottom: 0.875rem;
 }
 
 .wysiwyg .gcc-instagram-reels-grid-item__description p:last-of-type {
     margin-bottom: 1.5rem;
 }
 
 
 
 /* Site banner */
 .site-banner-header {
     position: sticky;
     top: 0;
     z-index: 99999;
 }
 
 .site-banner {
     padding: 1rem 0;
     text-align: center;
 }
 
 .site-banner__link {
     display: inline-block;
     padding: 0 1.5rem;
 }
 
 .site-banner__close-button {
     position: absolute;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     padding: 0 1rem;
     cursor: pointer;
 }
 
 .site-banner__close-button::before {
     content: "\2715";
 }
 
 .color-palette--shadow-green-sirocco .site-banner {
     background: #a1c4be;
     color: white;
 }
 
 .color-palette--shadow-green-sirocco a.site-banner__link {
     color: white;
     text-decoration: none;
 }
 
 .color-palette--shadow-green-sirocco a.site-banner__link:hover {
     color: white;
     text-decoration: underline;
 }
 
 .color-palette--indigo-lilac .site-banner {
     background: #7e709b;
     color: white;
 }
 
 .color-palette--indigo-lilac a.site-banner__link {
     color: white;
     text-decoration: none;
 }
 
 .color-palette--indigo-lilac a.site-banner__link:hover {
     color: white;
     text-decoration: underline;
 }
 
 
 
 
 /* Block editor */
 /* Constrain blocks inside post content to the global content width,
    except left/right/full aligned ones. */
 .entry-content.wp-block-post-content.is-layout-constrained
   > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
     max-width: var(--wp--style--global--content-size);
     margin-left: auto;
     margin-right: auto;
 }
 
 /* Wide blocks use the wide size. */
 .entry-content.wp-block-post-content.is-layout-constrained > .alignwide {
     max-width: var(--wp--style--global--wide-size);
 }
 
 /* Full-width blocks span the viewport. */
 .entry-content.wp-block-post-content.is-layout-constrained > .alignfull {
         max-width: none;
     width: 100%;
     margin-inline: 0;
 }
 
 .entry-content.wp-block-post-content ul {
     margin: 5px 0 20px 0px;
     padding: 0 0 0 0px;
     font-size: 17px;
     line-height: 25px;
     list-style-type: none;
     /* color: #504c4c; */
     font-weight: 300;
 }
 
 .entry-content.wp-block-post-content ul li {
     position: relative;
     padding-left: 30px !important;
     line-height: 1.5em;
 }
 
 .entry-content.wp-block-post-content ul li:before {
     position: absolute;
     left: 2px;
     content: "\25cb";
     color: transparent;
     width: 21px;
     height: 19px;
     background-image: url(assets/images/list-item-bullet.png);
     background-size: cover;
     background-repeat: no-repeat;
 }
 
.color-palette--indigo-lilac .entry-content.wp-block-post-content ul li:before {
     background-image: url(assets/images/list-item-bullet--pelvis.svg);
     left: 0;
     height: 20px;
}