/*
Theme Name: LET Academy
Theme URI: https://letacademy.eu
Author: УЕБ АРТ ЕООД
Author URI: https://webart.bg
Description: Трениране на Успешни Лидери – ТУЛ
Version: 1.0
Text Domain: webart
*/
:root {

    /* RADIUS */
    --radius-content: 0px;
    --radius-image: 4px;

    /* PADDING */
    --padding-content: 40px;
    --padding-module: 80px;

    /* OFFSET */
    --offset-sticky: 30px;

    /* MISC */
    --header-height: 138px; 

    /* SHADOWS */
    --shadow-color:rgba(0, 0, 0, 0.1);
    --shadow-card: 0 20px 25px -5px var(--shadow-color,rgba(0, 0, 0, 0.10)),0 8px 10px -6px var(--shadow-color,rgba(0, 0, 0, 0.10));
    --shadow-button: 0 2px 3px 0 rgb(0 0 0/15%);
   
    --shadow-container: 0px 8px 60px rgba(0, 0, 0, 0.09); 
    --shadow-footer: 0px 3px 46px rgba(0, 0, 0, 0.078);
    --shadow-thin: 0 1px 2px rgba(0, 0, 0, 0.27);
    

}


/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                          THEME                                                ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* ERROR 404 */
ul.error-list { display: block; text-align: left; margin-left: auto; margin-right: auto;  max-width: 540px;  }
.thank-you-cover {}
.thank-you-cover picture { border-radius: 12px; overflow: hidden; display: inline-block; width: 100%; max-width: 540px; }

/* HEADER */
#header {  
    position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100; overflow: hidden;
    background: linear-gradient(180deg,rgb(6, 16, 26) 0%, rgba(12, 43, 73, 0));
    /* backdrop-filter: blur(5px); */
    border-color: transparent;
    transition:all 0.3s ease;
}
#header.header-transparent { }
#header.header-hidden { top: calc(var(--header-height) * -1); box-shadow: var(--shadow-card);   }
#header.header-show { top: 0; background:rgba(3, 40, 75, 0.9);  backdrop-filter: blur(5px); }

body.admin-bar #header { padding-top: 32px; }
.header-top { color: var(--white); display: flex; align-items: center; justify-content: space-between; gap: 0 15px; padding: 8px 0;   }
.top-slogan {}
.top-slogan .divider { opacity: 0.5; padding: 0 15px;  }
.top-contact {}
.top-contact-link { color: var(--white); text-decoration: none; transition:all 0.2s; display: inline-flex; align-items: center; gap: 0 8px;  }
.top-contact-link:hover { color: var(--yellow); }
.top-contact-link img.icon { height: 25px; width: auto;}

.header { display: flex; gap: 0 0px; align-items: stretch;   }
.header-logo { padding-right: 20px; flex-shrink: 0;  }
.header-logo a.logo { 
    display: block; width: 135px; background-color: var(--white); text-decoration: none; color: inherit; padding: 5px; border-radius: 3px;  
    box-shadow: var(--shadow-card);
}

.header-menu { 
    flex-grow: 1; background-color: var(--white); border-radius: 3px; overflow: hidden; display: flex; align-items: center; 
    box-shadow: var(--shadow-card);
}
.header-hamburger { display: none; flex-shrink: 0; }
.header-spacer { height: 20px; }

.menu-primary-bg-container { height: 100%; width: 100%; }
ul.navigation-header { margin: 0; padding: 0; list-style: none none; list-style-position: inside; display: flex; align-items: stretch; justify-content: space-around; width: 100%; height: 100%;    }
ul.navigation-header > li.menu-item {  flex-grow: 1; }
ul.navigation-header > li.menu-item > a { 
    white-space: nowrap; display: flex; align-items: center; justify-content: center; height: 100%; color: var(--black); text-decoration: none;  
    font-size: 21px; font-weight: 500; position: relative;
}
ul.navigation-header > li.menu-item > a::before { 
    content:''; display: block; height: 4px; width:50%;   
    position: absolute; bottom: 6px; border-radius: 3px;
    transition:all 0.2s; 
}
ul.navigation-header > li.menu-item > a:hover { color: var(--blue); }
ul.navigation-header > li.menu-item > a:hover::before { width:90%; background-color: var(--yellow);  }
ul.navigation-header > li.current-menu-item > a {  background-image: linear-gradient(to bottom, #FFD177 0%, var(--yellow) 100%); }
ul.navigation-header > li.current-menu-item > a::before { background-color: var(--blue); }

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                         COMPONENTS                                               ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
  
/* STATIC */
.page-starter-wrapper { background-color: var(--blue); color: var(--white); padding-top: var(--header-height); }
.page-starter { padding: 15px 0 30px 0; }
.page-starter .heading { margin: 0; }
.page-starter .heading.h1 { font-size: 50px; }

.static-layout { display: flex; align-items: stretch; margin-bottom: calc(var(--padding-module) / 2); } 
.static-layout #main { flex: 1; width: 100%; }
.static-layout .layout-spacer { flex-shrink: 0; width: 40px; }
.static-layout #sidebar  { flex-shrink: 0; width: 320px; }
#sidebar .is_sticky { position: sticky; top: 100px; }
.static-layout #main .ratio-21x9 { --aspect-ratio: calc(8/21*100%); }

.rich {}
.rich h2, .rich h3, .rich h4 { font-size: 26px; }

.rich-subtitle { margin-bottom: 30px; }
.rich-subtitle .subtitle { margin: 0; color: var(--blue); }
.rich-subtitle .subtitle i { color: var(--black); } 

/* BREADCRUMBS */
.breadcrumbs-wrapper { padding: 12px 0; margin-bottom: 30px; background-color: var(--grey-05);   }
ol.breadcrumbs {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: flex; align-items: center; 
    font-size: 18px; font-weight: 400;
}
ol.breadcrumbs > li a { text-decoration: underline; }
ol.breadcrumbs > li a:hover { text-decoration: none; }
ol.breadcrumbs > li:not(:last-child)::after { content: '•'; padding: 0 6px; opacity: 0.5; }
ol.breadcrumbs > li strong { font-weight: 500; }

/* GRAVITY FORMS */
body .gform-theme--foundation {
  --gf-form-gap-x: 20px !important;
  --gf-form-gap-y: 15px !important;
}
body .gform-theme--framework {
  --gf-label-space-primary: 2px !important;
  --gf-ctrl-btn-font-size-md: 18px !important;
  --gf-form-validation-padding-y: 12px !important;
  --gf-form-validation-padding-x: 14px !important;
  --gf-font-size-primary: 16px !important;
  --gf-form-validation-summary-margin-y-start: 1px !important;
  --gf-desc-space: 2px !important;
  --gf-ctrl-label-font-size-req: 18px !important;
  --gf-font-weight-secondary: 600 !important;
  --gf-ctrl-btn-text-transform: uppercase !important;
}
body .gform-theme--framework.gform-theme--orbital {
    --gf-color-primary: var(--blue) !important;
    --gf-color-primary-darker: var(--blue-light) !important;
    --gf-font-size-secondary: 18px !important;
    --gf-color-out-ctrl-dark: var(--grey-40) !important;
    --gf-font-size-tertiary: 16px !important;
}


/* FOOTER ═══════════════════════════════════════════════════════════════════════════════════════════════ */
#footer { background-color: var(--grey-05); border-top: 7px solid var(--yellow); }

.footer { padding: 50px 0; display: flex; align-items: center; gap: 0 50px;  }
.footer .heading { font-size: 34px; }
.footer-news { flex-grow: 1; }
.footer-menu {  flex-shrink: 0; width: 360px;  }

ul.navigation-footer { 
    margin: 0; padding: 0; list-style: none none; list-style-position: inside; 
    -webkit-columns: 2; -moz-columns: 2; columns: 2;
    /* 
    display: grid; grid-template-columns: repeat(2, auto); justify-content: start; 
    */
}
ul.navigation-footer > li { /* margin-left: 1em; */  }
ul.navigation-footer > li > a { font-size: 21px; padding: 4px 15px 4px 0;  display: block; text-decoration: none;  }
ul.navigation-footer > li > a:hover { text-decoration: underline; }

.newsletter { 
    padding: 40px; background-color: var(--white); border-radius: 6px; 
    box-shadow: 0 2px 10px rgb(0 0 0 / 5%);
}
.newsletter .heading { margin-bottom: 12px; }
.newsletter .description { margin-bottom: 12px; }

/* Checkboxes + Radios */
.cbox { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; cursor: pointer; gap: 0 8px; display: inline-flex; align-items: center; vertical-align: middle; position: relative; }
.cbox [type="checkbox"],
.cbox [type="radio"] { position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; margin: 0; border: 0; height: 1px; width: 1px; overflow: hidden; }
.cbox bdi { 
    background-color: transparent; transition:all 0.2s;
    user-select: none; pointer-events: none; display: block; border-radius: 50%; 
    position: absolute; top: 50%; left:-9px; height: 37px; width: 37px; transform: translate(0, -50%); 
}
.cbox em { position: relative;  flex-shrink: 0;  background-color: var(--white); display: block; width: 20px; height: 20px; border: 2px solid var(--blue); background-position: center center; background-repeat: no-repeat; }
.cbox [type="checkbox"] + em {  border-radius: 2px; background-size: contain; }
.cbox [type="radio"] + em {  border-radius: 50%; background-size: 60%; }
.cbox .label { position: relative; user-select: none;   }
.cbox u:hover { color: var(--blue); }
.cbox a { text-decoration: none; }
.cbox a:hover { text-decoration: underline; }

.cbox:hover bdi { background-color: var(--grey-05); }
.cbox:active bdi { background-color: var(--blue-sky);  }
.cbox [type="checkbox"]:checked + em { background-color: var(--blue); background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="white" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z"/></svg>'); }
.cbox [type="radio"]:checked + em { background-color: var(--blue); background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="10" fill="rgb(249, 191, 87)"/></svg>'); }
/* END | Checkboxes + Radios */

.block-subscribe-wrapper { margin-bottom: 20px; }
.block-subscribe { display: flex; gap: 0 15px; align-items: center; justify-content: space-between;  }
.block-subscribe form {  }
.block-subscribe input[type="email"],
.block-subscribe #input_newsletter_submit { display: flex; align-items: center; height: 46px; background-color: var(--white); border: 2px solid var(--blue); border-radius: 2px; padding: 0 15px;  }
.block-subscribe input[type="email"] {  flex-grow: 1;   }
.block-subscribe #input_newsletter_submit { justify-content: center; text-decoration: none; color: inherit; flex-shrink: 0; text-transform: uppercase; font-weight: 500; transition:background-color 0.2s;  }
.block-subscribe #input_newsletter_submit:hover { color: var(--white); background-color: var(--blue); }

.fbottom-wrapper { padding: 20px 0; border-top: 1px solid  var(--grey-30);  }
.fbottom { display: flex; align-items: center; justify-content: space-between; font-size: 18px;  }
.fbottom .primary {}
.fbottom .secondary {}
ul.footer-links {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: flex; align-items: center; 
    opacity: 0.777;
}
ul.footer-links > li:not(:last-child)::after { content: '|'; padding: 0 15px; color: var(--blue-light);  }
ul.footer-links a { text-decoration: none; color: inherit;  }
ul.footer-links a:hover { text-decoration: underline; }
a.webart { color: var(--blue); opacity: 0.15; text-decoration: none; transition:all 0.2s;  }
a.webart strong { transition:all 0.2s; display: inline-block; }
a.webart:hover { text-decoration: none; color: var(--blue); opacity: 1; }
a.webart:hover strong { color: var(--black); text-decoration: underline; text-underline-offset: 2px;  }

.compact { 
    border-radius: 6px; color: var(--white); background-color:var(--blue-dark); overflow: hidden;
    background-image: url('images/background-blue.webp'); background-size: cover; background-position: bottom center;  background-repeat: no-repeat;
    position: sticky; top: 30px; cursor: pointer;
}
.compact .col-media { position: relative;}
.compact .col-media::after { 
    position: absolute; bottom: 0; left: 0; right: 0; width: 100%;
    content: ''; display: block; height: 90px; 
    background: linear-gradient(180deg,rgba(22, 49, 77, 0) 0%, rgba(22, 49, 77, 1) 90%);
}
.compact .col-media:hover .ratio { opacity: 0.8; }
.compact .col-media .ratio { transition:all 0.2s; }
.compact .col-media .ratio-16x9 { --aspect-ratio: calc(8 / 16 * 100%); }
.compact .col-details { padding: 0px 30px 0px 30px; }
.compact .col-details hr { margin: 10px 0 15px 0; border-width: 6px;  border-color: var(--yellow); max-width: 190px; }
.compact .col-actions { padding: 30px; }
.compact .col-actions .btn { display: flex; text-transform: uppercase; }
.compact .col-actions .btn:hover .label { } 
.compact .col-actions .btn-green { background-color: #509347; border-color: #509347; }
.compact .col-actions .btn-green:hover { background-color: var(--yellow); border-color: var(--yellow); color: var(--black);  }
.compact .col-actions .btn-green .icon { animation: bouncePointer 1.8s infinite; }

@keyframes bouncePointer { 0%, 100% { transform: translateX(-5px); } 50% { transform: translateX(0); } }

.compact .superheading { font-family: var(--headings-family); text-transform: uppercase; color: var(--yellow); font-size: 49px; }
.compact .heading {text-transform: uppercase; margin: 0; font-size: 62px;  }
.compact .description { margin-bottom: 20px; }
.compact-features { position: relative;}
.compact-features ul.features { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.compact-features ul.features > li { margin-bottom: 8px; }
.compact-features ul.features > li i { color: var(--yellow); margin-right: 3px; line-height: 1; vertical-align: middle; font-size: 110%; }
.compact-features ul.features > li:last-child { margin-bottom: 0; }
.compact-features .discount { pointer-events: none; display: block; width: 100px;  position: absolute; right: 0; top: 50%; transform: translateY(-50%); transition:all 0.2s; }
.compact .col-details:hover .discount {  width: 110px;   }


/* SIDEBAR */
.card-sidebar { border: 2px solid var(--grey-10); transition:all 0.2s; margin-bottom: 20px; border-radius: var(--radius-image); overflow: hidden; }
.card-sidebar:hover { outline-color: var(--blue-sky); }
.card-sidebar .card-heading { padding: 14px 15px; background-color: var(--blue); color: var(--white);  }
.card-sidebar .card-heading[data-theme="orange"] { background-color: var(--yellow); color: var(--blue); }
.card-sidebar .card-heading .title { margin-bottom: 0; }
.card-sidebar .card-media { background-color: var(--blue); border: 5px soild var(--grey-20); border-radius: var(--radius-image); overflow: hidden; }
.card-sidebar .card-media a.ratio { display: block;  transition:all 0.2s;  }
.card-sidebar .card-media a.ratio:hover { opacity: 0.8; transform: scale(1.15) rotate(-2deg);  }
.card-sidebar .card-media img { width: 100%; }
.card-sidebar .card-data {}
.card-sidebar .card-details { padding: 14px 15px; }

.sidebar-menu { margin: 0; padding: 0; list-style: none none; list-style-position: inside; font-weight: 400; }
.sidebar-menu li:not(:last-child) { border-bottom: 1px solid var(--grey-10); }
.sidebar-menu li a { display: block; padding: 8px 15px; transition:all 0.2s; text-decoration: none; color: var(--blue-dark); }
.sidebar-menu li.current_page_item a { background-color: var(--blue); color: var(--white); }
.sidebar-menu li a:hover { background-color: rgba(var(--yellow-rgb),0.9); color: var(--blue); text-decoration: underline; }

.sidebar-contacts { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.sidebar-contacts li:not(:last-child) { margin-bottom: 10px; }
.sidebar-contacts li.divider {}
.sidebar-contacts li.divider hr { margin: 8px 0; }
.sidebar-contacts li a.link { display: flex; align-items: center; gap: 0 8px; text-decoration: none; color: var(--blue); font-weight: 400;  }
.sidebar-contacts li a.link .icon { flex-shrink: 0; transition:all 0.2s; border: 2px solid var(--yellow); display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; }
.sidebar-contacts li a.link:hover .icon { background-color: var(--yellow); color: var(--white);  }
.sidebar-contacts li a.link:hover .label { text-decoration: underline; }

.cardside {
    background-color: var(--blue-dark); color: var(--white); margin-bottom: 20px; border-radius: var(--radius-image); 
    background-image: url('images/background-blue.webp'); background-size: cover; background-position: bottom center; background-repeat: no-repeat; 
}
.cardside .card-media { position: relative; }
.cardside .card-media img { transition:all 0.2s; }
.cardside .card-media:hover img { opacity: 0.9;}
.cardside .card-media .discount { pointer-events: none; display: block; width: 70px;  position: absolute; right: 10px; bottom: -30px; transition:all 0.2s; }
.cardside:hover .card-media .discount { width: 90px; }
.cardside .card-details { padding: 15px; font-size: 18px; }
.cardside .card-details .lead { font-weight: bold; text-transform: uppercase; font-size: 27px; margin-bottom: 10px;  }
.cardside .card-details .lead mark { color: var(--yellow); }
.cardside .card-details ul {  margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.cardside .card-details ul > li { margin-bottom: 5px; }
.cardside .card-details ul i { margin-right: 3px; color: var(--yellow); }
.cardside .card-actions { padding: 0px 15px 15px 15px; }
.cardside .card-actions .btn { display: flex; }
.cardside .card-actions .btn-green { background-color: #509347; border-color: #509347;  }
.cardside .card-actions .btn-green:hover {  background-color: var(--yellow); border-color: var(--yellow); color: var(--black);  }


/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                         MODULES                                               ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.module { background-size: cover; background-position: center center;  background-repeat: no-repeat; }
.module[data-padding="1"] { padding: var(--padding-module) 0;  }
.module[data-bg="default"] {}
.module[data-bg="white"] {}
.module[data-bg="grey"] { background-color: var(--grey-05); }
.module[data-bg="blue"] { background-color: var(--blue); color: var(--white); }
.module[data-bg="default"] + .module[data-bg="default"],
.module[data-bg="white"] + .module[data-bg="white"],
.module[data-bg="grey"] + .module[data-bg="grey"],
.module[data-bg="blue"] + .module[data-bg="blue"] { margin-top: calc(var(--padding-module) * -1) }

.module-heading { margin-bottom: 40px; }
.module-heading .heading { margin-bottom: 0;  }
.module-heading .heading .icon { margin-right: 10px; }
.module-heading .heading .icon img { height: 36px; }
.module-heading hr { border-width: 6px; margin: 8px 0 0 0; max-width: 210px;  }
.module-heading .leading { padding-top: 15px; margin-bottom: 0; max-width: 640px; margin-left: auto; margin-right: auto;    }
.module-heading.text-center { text-align: center; }
.module-heading.text-center hr { margin-left: auto; margin-right: auto; }

/* Line-On-Sides Headers */
.line-on-sides .heading { text-transform: uppercase; display: flex; width: 100%; justify-content: center; align-items: center; text-align: center; }
.line-on-sides .heading::before, 
.line-on-sides .heading::after { content: ''; border-top: 3px solid var(--blue); margin: 0 20px 0 0; flex: 1 0 20px; }
.line-on-sides .heading::after { margin: 0 0 0 20px; }

.line-on-sides-yellow .heading::before,
.line-on-sides-yellow .heading::after { border-color: var(--yellow); }

.module-actions { padding-top: 30px; display: flex; gap: 0 20px; align-items: center;  justify-content: center; }

 /* MODULE 1 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-1-wrapper { position: relative;  }
.module-1 { position: relative; }
.module-1[data-padding="1"] { padding-top: calc( var(--padding-module) + var(--header-height) ); }
.module-1 .container { position: relative; z-index: 10;}
.module-1 .module-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.module-1 .module-background img {  width: 100%; height: 100%; object-fit: cover; }

.comp-hero { max-width: 640px; border-left: 8px solid var(--white); padding-left: 30px;  }
.comp-hero .heading { margin-bottom: 15px; }
.comp-hero .description {}
.comp-hero .actions { display: flex; align-items: center; gap: 0 20px; padding-top: 20px;  }

.module-mouse-wrapper { position: relative; }
.module-mouse-icon { 
    box-shadow: var(--shadow-button); background-color: var(--white); padding: 6px; display: inline-block; border-radius: 22px; width: 40px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%);  
    animation: bounceMouse 1.8s infinite;
}
@keyframes bounceMouse { 0%, 100% { transform: translateY(-50%); } 50% { transform: translateY(-30%); } }
ul.module-mouse { border-radius: 4px; overflow: hidden; margin: 0; padding: 0; list-style: none none; list-style-position: inside; display: flex; align-items: center; justify-content: space-around; }
ul.module-mouse > li { flex-grow: 1; height: 8px; background-color: var(--blue);  }
ul.module-mouse > li:nth-child(2) { background-color: var(--yellow); }

 /* MODULE 2 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-2 {  }
.module-2[data-padding="1"] { --padding-module: 30px;  }

.slick-brands-wrapper { position: relative; padding: 0 40px;  }
.slick-brands .brand-logo { display: flex; align-items: center; justify-content: center;  }
.slick-brands .brand-logo img { max-width: 120px; max-height: 72px; }
.slick-brands .brand-logo-mon img { max-height: 120px;  }
.slick-brands .brand-logo-shrm img { max-height: 90px;  }
.slick-brands .brand-logo-iso img { max-height: 90px; }

.slick-brands .slick-track { display: flex; align-items: center; }
.slick-brands .slick-arrow { color: var(--blue); line-height: 1; font-size: 40px; z-index: 10; position: absolute; top: 50%; transform: translateY(-50%);  background-color: transparent; border: none; outline: none; }
.slick-brands .slick-prev { left: -40px; }
.slick-brands .slick-next { right: -40px; }
 
 /* MODULE 3 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-3 { }
.card-calendar {}
.card-calendar .col-data {}
.card-calendar .col-actions { padding: 15px 0; display: flex; align-items: center; justify-content: space-between; }

.table-schedule {  background-color: var(--white);  display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; border-bottom: 2px solid var(--grey-10);  }
.table-schedule thead th { text-transform: uppercase; font-weight: 800; padding: 10px 0;   }
.table-schedule tbody tr td { padding: 10px 0px; border-top: 2px solid var(--grey-10); }
.table-schedule tbody tr td.td-date { width: 140px; padding-right: 10px; }

.table-schedule .heading { font-size: 21px; margin-bottom: 10px; line-height: 0.95; }
.table-schedule .heading a.href { color: inherit; text-decoration: none;  }
.table-schedule .heading a.href:hover { text-decoration: underline; color: var(--link-hover-color); }
.table-schedule .location { color: var(--blue); margin-bottom: 10px; }

.table-schedule-wrapper { padding: 12px; background-color: var(--blue); border-radius: 4px;  }
.table-schedule-wrapper .table-schedule { border-bottom: none; border-radius: 4px; box-shadow: 0 2px 10px rgb(0 0 0 / 50%);  }
.table-schedule-wrapper .table-schedule thead th { padding: 10px 12px; }
.table-schedule-wrapper .table-schedule tbody tr td { padding: 10px 12px; }

.heading-event { margin-bottom: 20px; }
.heading-event .heading {  color: var(--blue); margin: 0; }
.heading-event hr { margin: 6px 0 0px 0; border-width: 4px; border-color: var(--yellow); max-width: 30%; }


.event-extras { display: flex; align-items: center; justify-content: space-between; gap: 0 20px; }
.event-extras .people {}
.event-extras .actions {}

.event-when { margin-bottom: 4px; }

.tag { display: inline-block; line-height: 1; margin-bottom: 6px; padding: 6px 8px; text-transform: uppercase; color: var(--white); font-size: 13px; border-radius: 3px;  }
.tag strong { font-weight: 600; }
.tag i { margin-right: 3px; }
.tag-online { background-color: var(--green-light); color: var(--green); }
.tag-onsite { background-color: var(--purple-light); color: var(--purple); }

.event-tags { }
.event-tags .tag { margin-right: 8px; }

ul.overlapping-avatars {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: inline-flex; width: auto;
}
ul.overlapping-avatars > li { position: relative; transition: all 200ms ease; }
ul.overlapping-avatars > li:nth-of-type(1) { z-index: 5; }
ul.overlapping-avatars > li:nth-of-type(2) { z-index: 4; }
ul.overlapping-avatars > li:nth-of-type(3) { z-index: 3; }
ul.overlapping-avatars > li:nth-of-type(4) { z-index: 2; }
ul.overlapping-avatars > li:nth-of-type(5) { z-index: 1; }
ul.overlapping-avatars > li:nth-of-type(n+2) { margin-left: -15px;  }
ul.overlapping-avatars:hover > li:nth-of-type(n+2) { margin-left: -5px; }

ul.overlapping-avatars > li:hover { z-index: 10; }
ul.overlapping-avatars > li:hover picture { transform: scale(1.2); box-shadow: 0px 8px 20px rgba(44, 44, 84, 0.2); }
ul.overlapping-avatars > li::after {
  content: attr(data-name); display: block; width: auto; white-space: nowrap;
  position: absolute; left: 50%; bottom: 100%; 
  background: rgba(255, 255, 255, 0.95); color: var(--purple);
  font-size: 16px; padding: 4px 8px; opacity: 0; border-radius: 0.15rem;
}
ul.overlapping-avatars > li:hover::after {
  box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.12);
  -webkit-animation: tooltipFade 300ms ease 450ms forwards; 
  animation: tooltipFade 300ms ease 450ms forwards;
}
@keyframes tooltipFade { from {  opacity: 0; transform:translateY(0) translateX(-50%); } to {  opacity: 1; transform:translateY(-10px) translateX(-50%); } }

.avatar {
    display: block; width: 52px; height: 52px; border-radius: 50%; overflow: hidden; position: relative;
    border: 2px solid var(--white); background-color: var(--grey-10); 
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    transition:all 0.2s;
}
.avatar-icon { 
    position: absolute; bottom: 0; right: 0;
    display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; 
    background: var(--yellow); color: var(--white);
    line-height: 1; font-size: 12px; 
}


 /* MODULE 4 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-4 { }

.row-card-info {}
.card-info { border-radius: 6px; overflow: hidden; box-shadow: var(--shadow-container); background-color: var(--white); }
.card-info .cell-media { overflow: hidden; }
.card-info .cell-details { padding: 25px 22px; }
.card-info .cell-details .inner { border-left: 8px solid var(--blue); padding-left: 20px; }
.card-info .cell-details .inner-yellow { border-color: var(--yellow); }
.card-info .cell-details .actions { padding-top: 25px; }

.ratio-circle,
.ratio-square {  }
.ratio-circle::after,
.ratio-square::after {  top: -130px; left: -130px; width: 300px; height: 300px; opacity: 0.5; position: absolute; content: ''; background-size: contain; background-position: center center;  background-repeat: no-repeat; }
.ratio-circle::after { background-image: url('images/circle.svg'); }
.ratio-square::after { background-image: url('images/square.svg'); }

/* MODULE 5 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-5 {
    background-size: 300px auto; background-position: top -100px left -100px; background-repeat: no-repeat;
    background-image: url('images/speech-bubble.svg');
  }
.module-5 .module-heading hr {  }

.faqz-list { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
.faqz-list > li:last-child { margin-bottom: 40px; }

.faqz-wrapper { max-width: 100%; margin: 0 auto; }
dl.faqz {  margin-bottom: 10px;  border: 2px solid transparent; border-radius: 5px; background-color:  var(--white);  transition:all 0.2s;  }
dl.faqz dt { cursor: pointer; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; }
dl.faqz dt .label { font-size:20px; padding-right: 15px;  }
dl.faqz dt .icon { 
    display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0;
    border: 2px solid var(--grey-10); background-color: var(--white);
    transition:all 0.2s; color: var(--blue); 
}
dl.faqz dd {  padding: 2px 15px 10px 15px; font-size: var(--font-size-regular); }
dl.faqz dd p:last-child { margin-bottom: 0; }
dl.faqz:hover { border-color: var(--yellow); }
dl.faqz:hover dt .label {    }
dl.faqz-active { border-color: var(--blue); }
dl.faqz-active dt .icon { transform: rotate(180deg); border-color: var(--yellow); background-color: var(--yellow); color: var(--blue);   }
dl.faqz-active dd { display: block; }

.page-template-faq .faqz-list > li { box-shadow: 0 2px 8px rgb(0 0 0 / 5%); }

 /* MODULE 6 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-6 { }
 
/* [FIX] Slick carousel doesn't resize correctly within a flexbox grid in Firefox */
.slick-blog * { min-height: 0; min-width: 0;  }
/* Add spaces between Slick carousel item */
.slick-blog { /* overflow: hidden; */ }
.slick-blog .slick-slide { margin: 0 15px; }
.slick-blog .slick-list { padding: 8px 0; margin: 0 -15px; }
/* force slides to have the same height */
.slick-blog .slick-track { display: flex !important; }
.slick-blog .slick-slide {  display: flex; height: auto; align-items: center; justify-content: center; }
.slick-blog .slick-slide > div,
.slick-blog .slick-slide > div > div  { height: 100%; width: 100%; }

.slick-blog .slick-dots { 
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;  
    display: flex; align-items: center; justify-content: center; 
    height: 46px;
}
.slick-blog .slick-dots li { padding: 0 8px; }
.slick-blog .slick-dots li button { transition:all 0.2s;  display: block; width: 12px; height: 12px; border-radius: 6px;  border: none; font-size: 0; background-color: var(--color-green-dark); }
.slick-blog .slick-dots li:not(.slick-active) button:hover { background-color: var(--blue); }
.slick-blog .slick-dots li.slick-active button { width: 46px; background-color: var(--red); }

.slick-blog .slick-arrow { 
    display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; line-height: 1; font-size: 26px;
    border:none; background-color: transparent; position: absolute; top: -88px; z-index: 1;
    border-radius: 50%; overflow: hidden; 
    color: var(--blue);  border: 2px solid var(--blue);  
    --webkit-transition:all 0.2s; --moz-transition:all 0.2s; transition:all 0.2s;
}
.slick-blog .slick-arrow:hover { color: var(--white); background-color: var(--blue);  }
.slick-blog .slick-prev { right: 60px; } 
.slick-blog .slick-next { right: 0; } 

/* no slick grid */
.slick-blog_disabled { display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; }
.slick-blog_disabled > div { }

.card-news { 
    border-radius: 6px; overflow: hidden; background-color: var(--white); 
    background-size: cover; background-position: center center;  background-repeat: no-repeat;
    box-shadow: 0 2px 10px rgb(0 0 0 / 10%); 
    height: 100%;
}
.card-news .col-media { position: relative; }
.card-news .col-media picture { transition:all 0.2s; }
.card-news:hover .col-media picture { opacity: 0.8;}
.card-news .col-details { padding: 18px; }
.card-news .col-details .title { margin-bottom: 15px;  }
.card-news .col-details a.href { color: var(--blue); }
.card-news .col-details .excerpt { font-weight: 400; }

.single-media { position: relative;}
.single-media .featured-image { border-radius: 6px; }

.single-event {}
.single-event-cover {}
.single-event-cover .featured-image { width: 100%; border-radius: 6px; }


.timestamp { 
    display: inline-block; padding: 4px 8px; background-color: var(--yellow); color: var(--blue); 
    position: absolute; bottom: 10px; right: 10px; z-index: 10;
    font-weight: 400; font-size: 14px; line-height: 1; border-radius: 2px;
    pointer-events: none; user-select: none;
}

.card-news-more { background-image: url('images/blog-more.webp'); }
.card-news-full {
    display: flex; align-items: center; justify-content: center; flex-direction: column;
    position: relative; color: var(--blue-dark); height: 100%;   
    transition:all 0.2s;
}
.card-news-full::before { 
    content: ''; display: block; position: absolute; bottom: 0; left: 0; top: 0; width: 0; 
    transition: width 0.6s cubic-bezier(0.25, 0.1, 0.25, 1); mix-blend-mode: multiply; 
    background-color: rgba(156, 121, 36, 0.08);
}
.card-news-full picture { font-size: 56px; line-height: 1; margin-bottom: 10px; position: relative; }
.card-news-full u { font-style: normal; font-size: 22px; position: relative; }

.card-news-full:hover { color: var(--blue); }
.card-news-full:hover::before { width: 100%; }
.card-news-full:hover u { text-decoration: none; }
 

/* Blog */
.row-blog { margin-bottom: 20px; }
.row-blog > [class*="col-"] {  }

/* Navigation */
.nav-links { 
    display: flex; padding: 20px 0 0px 0; align-items: center; justify-content: center; 
    font-weight: 400; gap: 0 15px; 
}
.nav-links .page-numbers { 
    display: inline-flex; gap: 0 6px; padding: 0 15px;  height: 42px; align-items: center; justify-content: center; 
    border: 2px solid var(--blue); color: var(--blue); text-decoration: none; 
    border-radius: 3px; 
}
.nav-links .page-numbers:hover { background-color: var(--yellow); }
.nav-links .page-numbers.current { color: var(--yellow); background-color: var(--blue); }
.nav-links-spacer { height: 50px; }


/* MODULE 7 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-7 {}

.reviews-widget { width: 100%; display: flex; justify-content: space-between; gap: 60px; }
.reviews-widget .col-widget { flex-shrink: 0;  }
.reviews-widget .col-carousel { flex-grow: 1;  }

.bquote {
    border: 2px solid  var(--yellow); padding: 15px; border-radius: 5px; 
     display: flex; flex-direction: column; font-size: 19px;  
     background-color: var(--white); 
}
.bquote .stars { color: var(--yellow); margin-bottom: 10px; }
.bquote .stars i { margin-right: 5px; }
.bquote .what {  }
.bquote .who { text-align: right; font-style: italic; padding-top: 25px;  }

/* [FIX] Slick carousel doesn't resize correctly within a flexbox grid in Firefox */
.slick-reviews * { min-height: 0; min-width: 0;  }
/* Add spaces between Slick carousel item */
.slick-reviews { /* overflow: hidden; */ }
.slick-reviews .slick-slide { margin: 0 15px; }
.slick-reviews .slick-list { padding: 8px 0; margin: 0 -15px; }
/* force slides to have the same height */
.slick-reviews .slick-track { display: flex !important; }
.slick-reviews .slick-slide {  display: flex; height: auto; align-items: center; justify-content: center; }
.slick-reviews .slick-slide > div,
.slick-reviews .slick-slide > div > div  { height: 100%; }

.slick-reviews .slick-dots { 
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;  
    display: flex; align-items: center; justify-content: center; 
    height: 46px;
}
.slick-reviews .slick-dots li { padding: 0 8px; }
.slick-reviews .slick-dots li button { transition:all 0.2s;  display: block; width: 12px; height: 12px; border-radius: 6px;  border: none; font-size: 0; background-color: var(--color-blue-light); }
.slick-reviews .slick-dots li:not(.slick-active) button:hover { background-color: var(--color-blue); }
.slick-reviews .slick-dots li.slick-active button { width: 46px; background-color: var(--color-purple-dark); }

.slick-reviews .slick-arrow { 
    display: inline-flex; align-items: center; height: 46px; line-height: 1; font-size: 32px;
    border:none; background-color: transparent; position: absolute; bottom: 0; z-index: 1;
    color: var(--color-red);  
    --webkit-transition:all 0.2s; --moz-transition:all 0.2s; transition:all 0.2s;
}
.slick-reviews .slick-arrow:hover { color: var(--color-blue);  }
.slick-reviews .slick-prev { left: 0; } 
.slick-reviews .slick-next { right: 0; } 

/* MODULE 8 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-8 {}
.card-mon { display: flex; align-items: center; gap: 0 40px; }
.card-mon .col-media { flex-shrink: 0; width: 180px; }
.card-mon .col-details { flex-grow: 1; }
.card-mon .col-details p:last-child { margin-bottom: 0; }
.card-mon .card-heading { margin-bottom: 20px; }
.card-mon .card-description {}
.card-mon .card-actions { padding-top: 20px; }

/* MODULE 9 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-9 { background-image: url('images/contact.webp')}
.module-9 .module-heading .leading { font-size: 21px; }

.contact-data-wrapper { display: flex; justify-content: center; }
.contact-data { display: inline-flex; align-items: center; }
.contact-data .col-phone {}
.contact-data .col-divider { width: 80px; display: flex; justify-content: center; align-items: center;  }
.contact-data .col-divider i { display: block; width: 5px; height: 90px; background-color: var(--blue-light); }
.contact-data .col-actions {}

.call-me { display: flex; align-items: center; gap: 0 15px; }
.call-me .col-icon {}
.call-me .col-icon img { height: 60px; width: auto; }
.call-me .col-number {}
.call-me .col-number small { display: block; line-height: 1; margin-bottom: 4px; font-size: 14px; color: var(--color-red-light); font-weight: 400; }
.call-me .col-number a.href { transition:all 0.2s;  position: relative; line-height: 1; font-size: 40px; display: block; font-family: var(--headings-font-family); color: inherit; text-decoration: none;  }
.call-me .col-number a.href::before { 
    content: ''; display: block; height: 4px; background-color: var(--yellow); 
    position: absolute; bottom: -8px; left: 0; width: 0; z-index: 1;
    transition: width 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
 }
.call-me .col-number a.href:hover { color: var(--yellow); }
.call-me .col-number a.href:hover::before { width: 100%; }


/* MODULE 10 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-10 {}
ul.team { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
ul.team > li { margin-bottom: 50px; }

.card-instructor-heading .heading { margin-bottom: 5px;  }
.card-instructor-heading hr.hr { border-width: 3px; margin: 5px 0; border-color: var(--yellow); max-width: 200px; }
.card-instructor-qualifications { font-style: italic; font-weight: bold; font-size: 20px; margin-bottom: 15px; color: var(--blue); }

dl.card-instructor { display: flex; align-items: center; gap: 0 20px; }
dl.card-instructor .ratio { border-radius: 6px; overflow: hidden; }
dl.card-instructor dt { width: 180px; flex-shrink: 0; opacity: 0.9; transition:opacity 0.2s; position: relative; }
dl.card-instructor dt .icon-expert { display: block; width: 28px; position: absolute; bottom: 8px; right: 8px; }
dl.card-instructor dd { flex-grow: 1; }
dl.card-instructor .description { font-style: italic; opacity: 0.6; margin-bottom: 15px;  }
dl.card-instructor .description p:last-child { margin-bottom: 0; }
dl.card-instructor:hover dt { opacity: 1;}

.card-instructor-extras { display: flex; align-items: end; justify-content: space-between; }
.card-instructor-extras .prime {}
.card-instructor-extras .second {}

ul.instructor-contacts { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
ul.instructor-contacts > li { margin-bottom: 2px; }
ul.instructor-contacts > li strong { font-weight: 600; color: var(--blue); }

.expertise-list { margin-bottom: 10px;  }
.expertise-list ul { display: flex; align-items: center; gap: 0 10px; margin: 0; padding: 0; list-style: none none; list-style-position: inside }
.expertise-list ul > li img { display: block; height: 38px; width: auto; }


/* MODULE 11 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-11 {}

ul.reviews-wrapper { margin: 0; padding: 0; list-style: none none; list-style-position: inside; column-count: 2; }
ul.reviews-wrapper > li { display: block; width: 100%;margin-bottom: 20px; break-inside: avoid-column; }

.card-review { 
    padding: 15px; border-radius: 5px; margin: 0; position: relative; min-height: 140px; 
    outline: 2px solid var(--yellow); background-color: var(--white); 
}
.card-review .photo { margin-bottom: 15px; border-radius: 6px; overflow: hidden; }
.card-review .quotes { position: absolute; top: 0; right: 0; line-height: 1; font-size: 30px; color: var(--grey-20); }
.card-review .what { padding-right: 60px;  margin-bottom: 20px; font-size: 18px; position: relative; }
.card-review .rating { display: flex; align-items: center; justify-content: space-between; gap: 0 20px;  }
.card-review .rating .details { flex-shrink: 0; }
.card-review .rating .details .stars { color: var(--yellow); }
.card-review .rating .details .source { opacity: 0.5; font-size: 14px; }
.card-review .rating .who { font-style: italic; font-size: 19px;  }
.card-review .icon-olx { display: inline-block; vertical-align: middle;  width: 24px; height: 14px; background-image: url('images/olx-black.svg'); background-size: contain; background-position: center center;  background-repeat: no-repeat;  }



ul.menu-legal { margin: 0; padding: 0; list-style: none none; list-style-position: inside; }
ul.menu-legal > li { padding: 8px 0; border-bottom: 1px solid var(--color-athens); }
ul.menu-legal > li > a { font-weight: 400; text-decoration: none;  }
ul.menu-legal > li > a:hover { text-decoration: underline; }
ul.menu-legal > li > a::before { content: '🗎 '; margin-right: 5px;  }

.popup-container-presentation {
  position: relative; background: var(--white); padding: 15px;
  width:90%; max-width: 960px; margin: 60px auto;
}

.rich-presentation {}
.rich-presentation-heading { margin-bottom: 15px;  }
.rich-presentation-heading .heading { margin-bottom: 5px;  }
.rich-presentation-heading hr.hr { border-width: 4px; margin: 5px 0; border-color: var(--yellow); max-width: 200px; }
.rich-presentation picture.pic { border: 5px solid var(--grey-05); width: 200px; float: right; margin: 0 0 15px 20px; }
.rich-presentation .actions-wrapper {}
.rich-presentation .actions-wrapper .hr-actions { margin: 15px 0; border-width: 2px; opacity: 0.2; }
.rich-presentation .actions-wrapper .actions { display: flex; align-items: center; justify-content: center; }

.contact-map {}
.contact-map iframe { border: 0; display: block; width: 100%; height: 340px; }

.trained-wrapper {}
.trained-wrapper hr {  margin: 10px 0 30px 0; }
.trained { 
    display: flex; gap: 0 30px; align-items: center; justify-content: space-between;  
    border: 2px solid var(--grey-10); padding: 15px;
}
.trained .cell-content { flex-grow: 1; }
.trained .cell-actions { flex-shrink: 0;  }

.portfolio-companies {}
.portfolio-companies ul { 
    margin: 0; padding: 0; list-style: none none; list-style-position: inside; 
    display: grid;  grid-gap: 10px 30px; grid-auto-flow: dense;
    /* grid-auto-rows: 200px; */
    grid-template-columns:repeat(auto-fit, minmax(200px,1fr));
}
.portfolio-companies ul li {}



/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       BREAKPOINTS                                             ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px)  {}
@media (min-width: 768px)  {}
@media (min-width: 992px)  {}
@media (min-width: 1280px) {}
@media (min-width: 1366px) {}
@media (min-width: 1440px) {}
@media (min-width: 1600px) {}
@media (min-width: 1920px) {} /* 1920px & Up */


/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */
/* 4XL */ @media (max-width: 1919.98px) { } /* @media -----------------------------------| width < 1920px |-------------------------------------------*/
/* 3XL */ @media (max-width: 1599.98px) { 

    :root {

    }

 

} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/
/* 2XL */ @media (max-width: 1439.98px) { 

    :root {
       
    }


} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */ @media (max-width: 1365.98px)  {

    :root {
       
    }

   

 } /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */ 
@media (max-width: 1279.98px) {

    :root {
        --padding-module: 60px; 
        --padding-content: 40px; 
    }

    .module { --padding-module: 50px; }
    .module-actions { padding-top: 20px; }

    .header-logo a.logo { width: 110px; }
    ul.navigation-header > li.menu-item > a { font-size: 18px; }
    .slick-brands .brand-logo img { max-width: 90px; }
    .slick-brands .brand-logo-iso img { max-height: 70px; }

    .row-frontcal {}
    .row-frontcal .col-calendar { width: 55%; }
    .row-frontcal .col-cta { width: 45%; }

    .compact .col-details { padding-left: 20px; padding-right: 20px; }
    .compact .col-actions { padding: 20px; }
    .compact .superheading { font-size: 32px; }
    .compact .heading  { font-size: 46px; }
    .compact-features .discount { width: 70px; }
    .compact .col-details:hover .discount { width: 80px; }

    .call-me .col-number a.href { font-size: 31px; }
    .call-me .col-icon img { height: 45px; }

    .footer .heading { font-size: 29px; }
    ul.navigation-footer > li > a  { font-size: 20px; }
    .fbottom { font-size: 16px; }

    .static-layout #sidebar { width: 280px; }
    .cardside .card-media .discount { width: 62px; bottom: -15px; }
    .cardside .card-details .lead { font-size: 23px; }

    dl.card-instructor dt { width: 160px; }
    .rich h2, .rich h3, .rich h4 { font-size: 24px; }
    .expertise-list ul > li img { height: 34px; }
    .newsletter { padding: 20px; }
    .footer { padding: 35px 0; gap: 0 30px; }
 

} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */ @media (max-width: 991.98px) {

    :root {
        --padding-module: 40px; 
        --padding-content: 30px; 
    }

    .header-menu { display: none; }
    .header-hamburger { display: flex; align-items: center; justify-content: flex-end; flex-grow: 1; }

    .module-heading { margin-bottom: 30px; }
    .page-starter { padding: 10px 0 20px 0; }
    .page-starter .heading.h1 { font-size: 40px; }

    .row-frontcal {}
    .row-frontcal .col-calendar { width:100%; margin-bottom: 20px; }
    .row-frontcal .col-cta { width:100%; }

    .compact .col-media .ratio-16x9 { --aspect-ratio: calc(4 / 16 * 100%); }

    .row-card-info {}
    .row-card-info > [class*="col-"] { width: 100%; margin-bottom: 30px; }

    .row-columns > [class*="col-"] { width: 100%;  }
    .faqz-list > li:last-child { margin-bottom: 0; }

    .slick-blog_disabled { grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px; }
    .slick-blog_disabled .last-of-type { grid-column: 1 / -1; }
    .slick-blog_disabled .card-news-more { height: 160px; }

    .static-layout { display: block; }
    .static-layout .layout-spacer { width: 100%; height: 40px; }
    .static-layout #sidebar { width: 100%; }
    .rich h2, 
    .rich h3 { font-size: 26px; }

    .footer { flex-wrap: wrap; }
    .footer-news { width: 100%; margin-bottom: 30px;  }
    .footer-menu { width: 100%; }

    .fbottom {  display: block;  text-align: center;  }
    .fbottom .primary { margin-bottom: 10px;  }
    .fbottom .secondary  {  }
    ul.footer-links { justify-content: center; flex-wrap: wrap;  }
    a.webart { opacity: 0.25; }

    .call-me .col-number a.href { font-size: 26px; }
    .call-me .col-icon img { height: 36px; }
    .contact-data .col-divider { width: 66px; }
    .contact-data .col-divider i { height: 62px; }

    .row-blog > [class*="col-"] { width: 50%; margin-bottom: 30px; }
    .nav-links-spacer { height: 20px; }


} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */ @media (max-width: 767.98px) {

    :root {
         --padding-module: 30px; 
         --padding-content: 20px; 
         --header-height: 86px; 
    }

    .header-top { display: none; }
    .header { padding: 10px 0; }
    .header-logo a.logo { width: 88px; padding: 3px;  }
    .page-starter .heading.h1 { font-size: 31px; }

    .module-mouse-icon { width: 28px; padding: 4px; }
    .table-schedule .heading { font-size: 20px; }


    .rich h2, 
    .rich h3 { font-size: 22px; }

    .slick-brands .brand-logo img { max-height: 40px;  max-width:100px; }
    .slick-brands .brand-logo-mobioffice img { max-width:100px; }

    .card-mon { gap: 0; flex-wrap: wrap; text-align: center;  }
    .card-mon .col-media { width: 100%; margin-bottom: 15px;   }
    .card-mon .col-media img { max-width: 160px; }
    .card-mon .col-details .card-heading { display: none; }

    .slick-brands-wrapper { padding: 0 28px; }
    .slick-brands .slick-arrow { font-size: 28px; }
    .slick-brands .slick-prev { left: -28px; }
    .slick-brands .slick-next { right: -28px; }
    
    .card-info .cell-details { padding: 15px 12px; }
    .card-info .cell-details .inner { border-width: 5px; padding-left: 15px; }

     dl.card-instructor dt { width: 140px; }
     .expertise-list ul > li img { height: 28px; }

     ol.breadcrumbs { font-size: 15px; }
     ol.breadcrumbs > li:not(:last-child)::after { padding: 0 4px;}  

     .call-me .col-number a.href { font-size: 23px; }  
     .call-me .col-icon img { height: 32px; }

     ul.reviews-wrapper { column-count: 1; }
     ul.reviews-wrapper > li { }

     .card-instructor-heading .heading { font-size: 26px; }
     .card-instructor-qualifications { font-size: 17px; }
     .card-instructor-extras { flex-wrap: wrap; }
     .card-instructor-extras .prime { width: 100%; margin-bottom: 15px; }
     .card-instructor-extras .second { width: 100%;  }

     .trained { border: none; padding: 15px 0; flex-wrap: wrap;  }
     .trained .cell-content { width: 100%; }
     .trained .cell-actions { width: 100%; padding-top: 15px; text-align: center;  }
 
 
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */ 
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) { 

    :root {
        --padding-module: 30px; 
        --padding-content: 15px; 
    }

    .module-heading { margin-bottom: 20px; }

    .comp-hero { padding-left: 15px; border-width: 5px;  }
    .comp-hero .actions { flex-wrap: wrap; }
    .comp-hero .actions .btn { display: flex; margin-bottom: 15px; width: 100%; }

    .card-calendar .col-actions { flex-wrap: wrap; }
    .card-calendar .col-actions .btn { display: flex; margin-bottom: 15px; width: 100%; }

    .compact-features .discount { display: none; }
    .compact .superheading { font-size: 30px; }
    .compact .heading { font-size: 30px; }

    .ratio-circle::after, .ratio-square::after { top: -110px; left: -110px; width: 220px; height: 220px; }

    .module-heading .heading .icon { display: none; }
    dl.faqz dt .label { font-size: 17px; }

    .module-actions { flex-wrap: wrap; }
    .module-actions .btn { display: flex; margin-bottom: 15px; width: 100%; }

    .slick-blog_disabled { grid-template-columns: 1fr; }

    .contact-data { display: block; }
    .contact-data .col-phone { margin-bottom: 15px; }
    .contact-data .col-divider { display: none; }
    .contact-data .col-actions {}

    .block-subscribe { flex-wrap: wrap; }
    .block-subscribe input[type="email"] { margin-bottom: 15px; }
    .cbox .label { font-size: 90%; }

    .footer .heading { font-size: 25px; }
     ul.navigation-footer > li > a { font-size: 18px; }
     .fbottom-wrapper { padding: 14px 0; }


     .table-schedule { display: block; width: 100%; border: none; }
     .table-schedule thead { display: none; }
     .table-schedule tbody { display: block; width: 100%; }
     .table-schedule tbody tr { display: block; width: 100%; padding: 18px 0; border-bottom: 2px solid var(--grey-10); }
     .table-schedule tbody tr:nth-child(even) { background-color: #f5f5f5; }
     .table-schedule tbody tr td { display: block; border: none; width: 100%; padding: 1px 0px; }
     .table-schedule tbody tr td.td-date  { width: 100%; gap: 0 15px; display: flex; flex-grow: 1; align-items: center; justify-content: space-between; padding-right: 0; }
     
     .tag { padding: 4px 4px; font-size: 11px; }    

     .row-blog > [class*="col-"] { width: 100%; }

     .rich-presentation picture.pic { width: 120px; }
     dl.card-instructor dt { width: 115px; }


} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* XXS */ @media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
@media (max-width: 319.98px) {  

    :root {
        --padding-content: 15px; 
    }

 
 
} /* @media -----------------------------------| width < 320px |-------------------------------------------*/
/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */