/*
Theme Name: Боряна Батанова
Theme URI: https://borianabatanova.com
Author: УЕБ АРТ ЕООД
Author URI: https://webart.bg
Description: Сертифициран обучител и медиатор – ТУЛ, ТУР, ТУМ, ТУУ
Version: 1.0
Text Domain: webart
*/

:root {
 
    /* COLORS */
    --color-white: #FFFFFF;
    --color-blue: #0B1B44;
    --color-blue-light: #D3DFFD;
    
    --color-green: #367E5F;
    --color-green-light: #9ECB89;
    --color-red: #c01f1f;
    --color-red-light:#D86E7D; 
    --color-purple: #B16EB2;
    --color-purple-dark: #8B509F;
    --color-orange: #FCA370;
    --color-yellow: #F0D876; 
   
    --color-athens: #F5F5F8;
    --color-grey: #D9D9D9;
    

    --color-grey-10: #EEEEEE;
    --color-grey-30: #c7c7c7;
    --color-grey-50: #848484;
    --color-grey-70: #4f4f4f;
    --color-black: #000000;
    --color-mask: rgba(0, 0, 0, 0.7);   

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

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

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

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

    /* SHADOWS */
    --shadow-container: 0px 8px 99px rgba(0, 0, 0, 0.078); 
    --shadow-footer: 0px 3px 46px rgba(0, 0, 0, 0.078);
    --shadow-md: 0 1px 2px rgba(0, 0, 0, 0.27);  

}

.red { color: var(--color-red); }
.green { color: var(--color-green); }
 

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                          THEME                                                ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
 
#header { position: relative; z-index: 1; }
.header { display: flex; align-items: flex-end; gap: 0 20px; height: var(--header-height);  }
.header-hamburger { flex-shrink: 0; }
.header-logo { flex-shrink: 0; padding-bottom: 12px;  }
.header-logo .logo { display: block; width: 200px; }
body.home .header-logo .logo { display: none; }
.header-menu { flex-grow: 1; display: flex; justify-content: flex-end;  }
.header-hamburger { display: none; }

ul.navigation-header {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: flex; align-items: center; gap: 0 40px; 
}
ul.navigation-header > li > a { 
    font-family: var(--headings-font-family); color: var(--color-blue); 
    text-decoration: none; text-transform: uppercase; font-size: 15px;  
    position: relative;  display: flex; height: 30px;
    transition:all 0.2s;
}
ul.navigation-header > li > a:hover { color: var(--color-purple); }
ul.navigation-header > li > a::after { content: ''; height: 5px; position: absolute; bottom: -3px; left: 0; width: 100%;  }
ul.navigation-header > li.current-menu-item > a::after,
.category-blog ul.navigation-header > li.current_page_parent > a::after,
.single-post ul.navigation-header > li.current_page_parent > a::after,
.single-training ul.navigation-header > li#menu-item-39 > a::after { background-color: var(--color-purple);  }

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                         COMPONENTS                                               ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
  
/* FOOTER ═══════════════════════════════════════════════════════════════════════════════════════════════ */
#footer { background-color: var(--color-athens);   }

.footer { padding: 46px 0; display: flex;    }
.footer .col-divider { display: flex; flex-shrink: 0; width: 80px; align-items: center; justify-content: center; }
.footer .col-divider i { display: flex; flex-direction: column; flex-grow: 1; width: 1px; background-color: var(--color-grey);  }
.footer .col-subscribe { flex-shrink: 0; }
.footer .col-training { flex-grow: 1; }
.footer .col-information { flex-shrink: 0; }

.footer h5 { font-size: 20px; margin-bottom: 20px;  }

ul.footer-menu { column-gap: 40px; font-weight: 400; margin: 0; padding: 0; list-style: none none; list-style-position: inside;  }
ul.footer-menu > li { margin-bottom: 8px; }
ul.footer-menu > li > a { text-decoration: none;  }
ul.footer-menu > li > a:hover { text-decoration: underline; }

ul.footer-menu[data-col="1"] { columns: 1; }
ul.footer-menu[data-col="2"] { columns: 2; }

.footer-hr { border-width: 1px; margin: 0;  }
.copyright { display: flex; align-items: center; justify-content: space-between; padding: 20px 0;  }
.copyright .primary {}
.copyright .secondary {}

ul.footer-links {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: flex; align-items: center; 
    font-size: 14px; opacity: 0.777;
}
ul.footer-links > li:not(:last-child)::after { content: '•'; padding: 0 8px; color: var(--color-grey-50);  }
ul.footer-links a { text-decoration: none; color: inherit;  }
ul.footer-links a:hover { text-decoration: underline; }

a.webart { font-size: 13px; color: var(--color-blue); opacity: 0.2; 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(--color-purple); opacity: 1; }
a.webart:hover strong { color: var(--color-purple-dark); text-decoration: underline; text-underline-offset: 2px;  }

.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(--color-white); border: 2px solid var(--color-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-size: 14px; font-weight: 500; transition:background-color 0.2s;  }
.block-subscribe #input_newsletter_submit:hover { color: var(--color-white); background-color: var(--color-blue); }

.block-social-wrapper {}
ul.block-social {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: flex; align-items: center; gap: 0 15px; 
    font-weight: 400; font-size: 15px; 
}
ul.block-social > li { background-color: var(--color-white); height: 44px; display: flex; align-items: center; border-radius: 3px;  }
ul.block-social > li .label { padding: 0 15px; opacity: 0.7; }
ul.block-social > li > .href { font-size: 22px; line-height: 1; padding: 0 12px; }
ul.block-social > li > .href-facebook { color: #276FF9; }
ul.block-social > li > .href-instagram {   
    background: linear-gradient(135deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D);  
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent; /* Added standard property */
}
ul.block-social > li > .href-linkedin { color: #266ABE; }

.thank-you-cover {}
.thank-you-cover picture { border-radius: 12px; overflow: hidden; display: inline-block; width: 100%; max-width: 540px; }

.rounded { overflow: hidden; border-radius: var(--radius-image); }

.grecaptcha-badge { 
    /* WARNING: display: none DISABLES the spam checking!  */
    visibility: hidden !important;
}

/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                         MODULES                                               ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */
.module {  }
.module[data-padding="1"] { padding: var(--padding-module) 0;  }
.module[data-bg="default"] {}
.module[data-bg="white"] {}
.module[data-bg="athens"] { background-color: var(--color-athens); }
.module[data-bg="default"] + .module[data-bg="default"],
.module[data-bg="white"] + .module[data-bg="white"],
.module[data-bg="athens"] + .module[data-bg="athens"] { margin-top: calc(var(--padding-module) * -1) }

.module-heading { margin-bottom: 30px; }
.module-heading .heading { color: var(--color-blue); margin-bottom: 0;  }
.module-heading hr { border-width: 6px; border-color: #D86E7D; margin: 8px 0 0 0; max-width: 210px;  }
.module-heading .leading { font-size: 110%; padding-top: 15px; margin-bottom: 0;   }
.module-heading.text-center { text-align: center; }
.module-heading.text-center hr { margin-left: auto; margin-right: auto; }

.module-actions { padding-top: 20px; display: flex; justify-content: space-between; }

 /* MODULE 1 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-1 {
     margin-top: calc(var(--header-height) * -1);
     padding-top: var(--header-height); 
     background-image: url('images/hero.webp'); background-size: cover; background-position: center center;  background-repeat: no-repeat; 
}

.hero-border { position: relative; padding-top: 50px; padding-left: 40px;   }
.hero-border::after { content: ''; border: 10px solid var(--color-white); position: absolute; top:0; bottom: 30px; left: 0; right: 0;   }
.hero { display: flex; align-items: center; gap: 0 30px; }
.hero .col-media { flex-shrink: 0; }
.hero .col-media img { max-width: 320px; }
.hero .col-details { flex-grow: 1; }

.card-hero { text-align: center;  }
.card-hero picture {  margin-bottom: 40px; display: block;  }
.card-hero picture img { max-width: 370px; }
.card-hero ul { margin: 0; padding: 0; list-style: none none; list-style-position: inside; display: flex; gap: 0 30px; align-items: center; justify-content: center;  }
.card-hero ul li.item img { max-width: 90px; max-height: 60px; }
.card-hero ul li.item-mon img { max-width: 90px; max-height: 80px; }


 /* MODULE 2 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-2 { padding: 14px 0; }
.module-2-list {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside; 
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 30px; 
}
.module-2-list > li { border-bottom: 2px solid var(--color-purple);   }
.module-2-list dl { display: flex; align-items: center; gap: 0 10px; }
.module-2-list dl dt { flex-shrink: 0; }
.module-2-list dl dt img { width: 34px; }
.module-2-list dl dd { line-height: 1.2; font-size: 15px;  flex-grow: 1; font-family: var(--headings-font-family); }


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

.profile-quote { display: flex; gap: 0 30px; align-items: center;  }
.profile-quote .col-media { flex-shrink: 0; width: 270px; }
.profile-quote .col-details { flex-grow: 1; }
.profile-quote blockquote { border-left: 8px solid var(--color-blue-light); padding: 0 20px ; }
.profile-quote blockquote .quote-open img,
.profile-quote blockquote .quote-close img { width: 50px; }
.profile-quote blockquote .quote-close { text-align: right; }
.profile-quote blockquote .quote-text { padding: 9px 0; margin: 0; font-weight: 400;  }

.my-schedule { padding: 30px; background-color: var(--color-athens); }
.my-schedule-actions { text-align: right;   border-top: 1px solid #BEBED3; padding-top: 25px; }
.my-schedule-actions .btn-outline { background-color: var(--color-white); }

.table-schedule { display: table; width:100%; max-width:100%; border-spacing:0; border-collapse:collapse; font-size: 15px;  font-weight: 400; }
.table-schedule thead { border-bottom: 1px solid #BEBED3; }
.table-schedule thead th { padding: 0 15px 12px 15px; text-transform: uppercase; font-family: var(--headings-font-family); }
.table-schedule thead th:first-child { padding-left: 0; } 
.table-schedule tbody td { padding: 15px 15px 12px 15px; border: 1px solid #BEBED3;  }
.table-schedule tbody td:first-child { padding-left: 0; border-left: none; }
.table-schedule tbody td:last-child { border-right: none; }
.table-schedule tbody tr:last-child td { border-bottom: none; }

.table-schedule .td-date {font-family: var(--headings-font-family);}
.table-schedule a.link { line-height: 1.2; display: block; text-decoration: none; font-family: var(--headings-font-family); color: inherit;  }
.table-schedule a.link:hover { text-decoration: underline; }

ul.schedule-extra { margin: 0; padding: 6px 0 0 0; list-style: none none; list-style-position: inside; }
ul.schedule-extra > li { color: var(--color-purple-dark); font-size: 14px; margin-bottom: 2px; }

.table-schedule .schedule-actions { padding-top: 5px; }

.tag { display: inline-block; margin-bottom: 2px; padding: 3px 7px; text-transform: uppercase; color: var(--color-white); font-size: 9px; font-weight: 400; border-radius: 2px;  }
.tag-online { background-color: var(--color-green); }
.tag-onsite { background-color: var(--color-purple-dark); }

/* MODULE 4 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-4 {  }
.module-4 .module-heading hr { border-color:var(--color-orange); }

/* MODULE 5 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-5 {  }
.module-5 .module-heading { margin-bottom: 40px; }
.module-5 .module-heading hr { display: none;  }

.trainings-wrapper { margin-bottom: 40px; }
ul.trainings {
    margin: 0; padding: 0; list-style: none none; list-style-position: inside;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
ul.trainings li { text-align: center; }
ul.trainings li a.href { display: block; text-decoration: none; color: inherit; border:2px solid var(--color-athens); padding: 25px; border-radius: 5px;  }
ul.trainings li picture { display: block; text-align: center; margin-bottom: 10px;  }
ul.trainings li picture img { height: 52px; }
ul.trainings li picture img.img-envelope { height: 45px; }
ul.trainings li .label { display: block; font-family: var(--headings-font-family); }

.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; }


/* MODULE 6 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-6 { 
    background-image: url('images/bg-white.svg'); 
    background-size: auto 330px; 
    background-repeat: no-repeat;
    background-position: top 44px left 10%;
 }
.module-6 .module-heading { margin-bottom: 40px; }
.module-6 .module-heading .leading { padding-top: 30px; }
.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: 2px; height: 90px; background-color: var(--color-grey); }
.contact-data .col-actions {}

.call-me { display: flex; align-items: center; gap: 0 15px; }
.call-me .col-icon {}
.call-me .col-icon img { width: 36px; }
.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 { line-height: 1; font-size: 32px; display: block; font-family: var(--headings-font-family); color: inherit; text-decoration: none;  }

.module-6 hr.hr { margin: 0; position: relative; top: calc(var(--padding-module) / 2); border-width: 2px; border-color: var(--color-grey);  }

/* MODULE 7 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-7 {  }
.module-7 .module-heading hr { border-color:var(--color-yellow); }
.module-7 .module-actions { display: flex; justify-content: center; padding-top: 30px;  }

.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: 860px; margin: 0 auto; }
dl.faqz {  margin-bottom: 10px;  border: 2px solid #ECECEF; border-radius: 5px; background-color: white;  transition:all 0.2s;  }
dl.faqz dt { font-size: 18px; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; }
dl.faqz dt .label { font-family: var(--headings-font-family); padding-right: 15px;  }
dl.faqz dt .icon { 
    display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; flex-shrink: 0;
    border: 2px solid var(--color-purple); background-color: white; 
    transition:all 0.2s; color: var(--color-purple); 
}
dl.faqz dd {  padding: 2px 20px 12px 20px; font-weight: 400; }
dl.faqz dd p:last-child { margin-bottom: 0; }
dl.faqz:hover { border-color: var(--color-purple); }
dl.faqz:hover dt .label {    }
dl.faqz-active { background-color: #fcf6fc; border-color: var(--color-purple); }
dl.faqz-active dt .icon { transform: rotate(180deg); background-color: var(--color-purple); color: white;   }
dl.faqz-active dd { display: block; }

/* MODULE 8 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-8 {  }
.module-8 .module-heading hr { border-color:var(--color-green-light); }
.module-8 .module-actions { display: flex; justify-content: center; padding-top: 40px;  }
.module-8 .module-actions .btn-solid { width: 32%; }

.card-news { 
    border-radius: 6px; overflow: hidden; background-color: white;  
    box-shadow: 0 2px 5px rgb(0 0 0 / 5%);
    height: 100%;
}
.card-news .col-media { position: relative; }
.card-news .col-details { padding: 15px; }
.card-news .col-details .title { font-size: 18px; margin-bottom: 15px;  }
.card-news .col-details a.href { color: var(--color-purple-dark); }
.card-news .col-details .excerpt { font-weight: 400; }


/* MODULE 9 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-9[data-padding="0"] { padding: 50px 0;   }
.module-9 .module-actions { justify-content: center;   }
.module-9-hr { margin: 0; }


/* [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%; }

.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(--color-blue); }
.slick-blog .slick-dots li.slick-active button { width: 46px; background-color: var(--color-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(--color-purple-dark);  border: 2px solid var(--color-purple-dark);  
    --webkit-transition:all 0.2s; --moz-transition:all 0.2s; transition:all 0.2s;
}
.slick-blog .slick-arrow:hover { color: var(--color-white); background-color: var(--color-purple-dark);  }
.slick-blog .slick-prev { right: 60px; } 
.slick-blog .slick-next { right: 0; } 


/* MODULE 10 ═══════════════════════════════════════════════════════════════════════════════════════════════ */
.module-10[data-padding="0"] {   }

.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 {
     display: flex; flex-direction: column; font-size: 14px;  
     background-color: white; padding: 15px; border-radius: 5px; 
     font-weight: 400; box-shadow: 0 0px 6px 2px rgba(0,0,0,0.1);
}
.bquote .stars { color: #F6BB06; margin-bottom: 4px; }
.bquote .stars i { margin-right: 5px; }
.bquote .what { font-style: italic; }
.bquote .who { font-style: italic; padding-top: 10px; color: var(--color-purple-dark);  }

/* [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; } 





/* STATIC */
.page-starter { 
    padding: 30px 0; background-color: var(--color-athens); border-top: 1px solid var(--color-purple); 
    background-image: url('images/hero.webp'); background-size: cover; background-position: center center; background-repeat: no-repeat;
}
.page-starter .heading { margin: 0; }

.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%); }

.faq-section-wrapper { margin-bottom: 30px; }
.faq-section { margin: 0; padding: 0 ;  font-size: 18px; text-transform: uppercase; }
.faq-section::after { content: ''; display: block; margin: 6px 0 0 0; height: 5px; width: 220px; background-color: var(--color-orange);  }


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

.card-sidebar { border: 2px solid var(--color-athens); transition:all 0.2s; margin-bottom: 20px; border-radius: var(--radius-image); overflow: hidden; }
.card-sidebar:hover { outline-color: var(--color-brown); }
.card-sidebar .card-heading { padding: 14px 15px; background-color: var(--color-athens); }
.card-sidebar .card-heading[data-theme="orange"] { background-color: var(--color-orange); color: var(--color-blue); }
.card-sidebar .card-heading .title { margin-bottom: 0; }
.card-sidebar .card-media { background-color: var(--color-blue); border: 5px soild var(--color-athens); 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(--color-grey-10); }
.sidebar-menu li a { display: block; padding: 8px 15px; transition:all 0.2s; text-decoration: none; color: var(--color-blue); }
.sidebar-menu li.current_page_item a { background-color: var(--color-purple-dark); color: var(--color-white); }
.sidebar-menu li a:hover { background-color: var(--color-athens); color: var(--color-purple-dark); 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(--color-blue); font-weight: 400;  }
.sidebar-contacts li a.link .icon { flex-shrink: 0; transition:all 0.2s; border: 2px solid var(--color-orange); 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(--color-orange); color: var(--color-white);  }
.sidebar-contacts li a.link:hover .label { text-decoration: underline; }


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


/* CONTACT PAGE  ------------------------------------------------------------------------------------- */

.gstyle { position: relative; margin-bottom: 30px;  }
.gstyle .gform-theme--foundation {
    --gf-field-pg-prog-title-margin-y-end: 10px;
    --gf-field-pg-prog-margin-y-end: 15px;
    --gf-field-pg-prog-bar-height: 7px;
    --gf-form-gap-x: 19px;
    --gf-form-gap-y: 14px;
    --gf-label-space-primary: 5px; 
    --gf-ctrl-btn-bg-color-primary: var(--color-green);
    --gf-ctrl-btn-bg-color-hover-primary: var(--color-purple-dark);
    --gf-ctrl-btn-bg-color-ctrl: var(--color-green);
    --gf-ctrl-btn-border-color-ctrl: var(--color-green);
    --gf-ctrl-desc-font-size: 13px;
    --gf-label-space-tertiary: 4px;
    --gf-font-weight-secondary: 400; 
    --gf-desc-space: 4px;
    --gf-ctrl-outline-color-focus: #DEE4F4;
    --gf-ctrl-label-font-weight-primary: 700;
    
}
.gstyle .gform-theme--foundation .gform-grid-col.gform-grid-col--size-auto.name_prefix { flex: initial; width: 100px; }
.gstyle .gform-theme--foundation .gform_footer { 
    --gf-ctrl-btn-size: 44px;
    --gf-ctrl-btn-font-size: 16px; 
    justify-content: center;   
}
.gstyle .gform-theme--foundation .gform_footer .gform-loader { position: absolute; bottom: 5px; right: 5px; width: 15px; height: 15px; }
.gstyle .gform-theme--foundation .gform_footer .gform_button.button { font-size: 17px; width: 200px !important; }
.gstyle .gform-theme--framework input[type="radio"] + .gform-field-label { cursor: pointer; color: var(--color-green); }
.gstyle .gform-theme--framework input[type="radio"] + .gform-field-label:hover { text-decoration: underline;  color: var(--color-green); }
.gstyle .gform-theme--framework input[type="radio"]:checked + .gform-field-label { font-weight: bold; }
.gstyle .gform_confirmation_message { padding: 15px 20px; border-radius: 4px; background-color:#aedfb8; color:#0c3613;  }

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

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;  }


/* 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(--color-purple-dark); color: var(--color-purple-dark); text-decoration: none; 
    border-radius: 3px; 
}
.nav-links .page-numbers:hover { background-color: var(--color-athens); }
.nav-links .page-numbers.current { color: var(--color-athens); background-color: var(--color-purple-dark); }
.nav-links-spacer { height: 50px; }

.single-media { position: relative;}
.timestamp { 
    display: inline-block; padding: 4px 8px; background-color: var(--color-purple-dark); color: white; 
    position: absolute; top: 20px; right: 20px; z-index: 10;
    font-weight: 400; font-size: 12px; border-radius: 2px;
}


.page-template-about #main picture { display: block; width: 258px; float: left; margin-right: 20px; margin-bottom: 15px; }
.page-template-about #main ul { display: inline-block; margin-top: 0; }

.row-training {}
.row-training > [class*="col-"] { margin-bottom: 30px; }

ul.error-list {
    display: block; text-align: left; margin-left: auto; margin-right: auto; 
    max-width: 540px; 
}

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

.row-intro {}
.row-intro .is_sticky { position: sticky; top: 60px;  }




/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                       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; 
    }

    .footer { flex-wrap: wrap; }
    .footer .col-divider { width: 40px; }
    .footer .col-information { flex-grow: 1; padding-top: 40px; }

    
 

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

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

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

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

    .footer { padding: 30px 0; }
    .footer .col-divider { display: none; }
    .footer .col-subscribe { flex-grow: 1; margin-bottom: 40px;  }
    .copyright {  display: block;  text-align: center;  }
    .copyright .primary { margin-bottom: 5px;  }
    .copyright .secondary  {  }
    ul.footer-links { justify-content: center; flex-wrap: wrap;  }

    .static-layout { display: block; }
    .static-layout .layout-spacer { width: 100%; height: 40px; }
    .static-layout #sidebar { width: 100%; }

    .header-logo .logo { width: 160px; }
    ul.navigation-header { gap: 0 25px; }
    ul.navigation-header > li > a { font-size: 14px; }
    ul.navigation-header #menu-item-20 { display: none; }

    .breadcrumbs-wrapper { margin-bottom: 10px; }
    .footer .col-subscribe { padding-right: 30px; }

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

    .faqz-list > li:last-child { margin-bottom: 20px; }

    .card-hero picture img { max-width: 250px; }
    .hero-border { padding-top: 36px; padding-left: 36px; }
    .hero .col-media img { max-width: 300px; }
    .module-2-list dl dd { font-size: 12px; }
    .module-2-list dl dt img { width: 28px; }
    .module-2-list { gap: 0 15px; }

    .profile-quote .col-media { width: 160px; }
    .row-intro > [class*="col-"] { width: 100%; margin-bottom: 30px; }
    body.home .module-3[data-padding="1"] { padding-bottom: 0; }

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

    ul.trainings { grid-template-columns: repeat(2, 1fr); }
    .call-me .col-number a { font-size: 26px; }

    .slick-blog .slick-arrow { width: 38px; height: 38px; font-size: 20px; top: -60px; }
    .slick-blog .slick-prev { right: 48px; }
  

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

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

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

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

    .header { align-items: center; justify-content: space-between; }
    .header-logo { padding-bottom: 0; }
    .header-logo .logo { width: 150px;  }
    .header-menu { display: none; }
    .header-hamburger { display: block; }
    .page-starter { padding: 16px 0; }

    .footer { display: block;  padding: 20px 0; }
    .footer .col-information { padding-top: 20px; }

    .block-subscribe { flex-wrap: wrap; }
    .block-subscribe input[type="email"] { margin-bottom: 10px;  }
    .block-subscribe #input_newsletter_submit { margin-bottom: 10px; flex-grow: 1; }

    .page-template-about #main picture { width: 160px; }
    
    dl.faqz dt { font-size: 17px; padding: 10px 15px;  }
    dl.faqz dd { padding: 2px 15px 12px 15px; }
    .faq-section { font-size: 16px; }
    .faq-section-wrapper { margin-bottom: 20px; }

    .hero .col-media img { max-width: 200px; }
    .card-hero ul { margin-bottom: 30px; }
    .card-hero picture { margin-bottom: 30px; }
    .card-hero picture img { max-width: 170px; }
    .card-hero ul li img { max-width: 78px; max-height: 39px; }

    .module-2-list { grid-template-columns: repeat(1, 1fr); }
    .module-2-list dl { margin: 0; padding: 12px 0;  }

    .my-schedule { padding: 15px; }
    .module-heading { margin-bottom: 20px; }
    dl.faqz dt { font-size: 16px; }

    .module-8 .module-actions .btn-solid { width: 50%; }


    .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; }
    
 
 
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

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

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

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

   
    ul.block-social > li:first-child { display: none; }
    ul.footer-links { font-size: 13px; }

    .page-template-about #main picture { width: 100px; margin-right: 10px; margin-bottom: 10px;  }

    dl.faqz dt { font-size: 15px; padding: 8px 15px; }
    dl.faqz dt .icon { width: 28px; height: 28px; font-size: 14px;}
    dl.faqz dd { font-size: 14px; }

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

    .table-schedule { display: block;  font-size: 14px; }
    .table-schedule thead { display: none; }
    .table-schedule tbody { display: block; }
    .table-schedule tbody tr { display: block; padding: 15px 0; border-bottom: 3px solid #cfcfe0; }
    .table-schedule tbody td { display: block; border: none; padding: 2px 0 10px 0; }
    .table-schedule tbody td.td-date { padding: 0;  }
    .table-schedule tbody td.td-date::before { content: '▼ '; }

    .schedule-actions {}
    .schedule-actions .btn { display: flex; flex-grow: 1;  }

    .my-schedule-actions { padding-top: 25px; border:none; }
    .my-schedule-actions .btn { display: flex; flex-grow: 1;  }

    .module-3 .module-heading { margin-bottom: 5px; }

    .hero { flex-wrap: wrap; margin-bottom: 30px;  }
    .hero-border { padding: 25px; }
    .hero .col-media { flex-grow: 1; margin-bottom: 15px; border-bottom: 5px solid #fff; }
    .card-hero picture { margin-bottom: 20px; }
    .card-hero ul { margin-bottom: 0; }

    .profile-quote { gap: 0 15px; }
    .profile-quote .col-media { width: 88px; }
    .profile-quote blockquote { border-width: 4px;  padding: 0 15px; }
    .profile-quote blockquote .quote-open img, 
    .profile-quote blockquote .quote-close img { width: 30px; }
    .profile-quote blockquote .quote-text { font-size: 14px; font-style: italic;  }

    .module-actions { flex-wrap: wrap; }
    .module-actions .btn { margin-bottom: 15px; }

    ul.trainings { gap: 0; grid-template-columns: repeat(1, 1fr); }
    ul.trainings li { margin-bottom: 20px; }

    .module-heading .leading { font-size: 100%; }
    .contact-data { display: flex; flex-wrap: wrap; }
    .contact-data .col-divider { display: none; }
    .contact-data .col-phone { flex-grow: 1; margin-bottom: 15px; }
    .contact-data .col-actions {  flex-grow: 1; }
    .contact-data .col-actions .btn { display: flex;  }

    .module-heading hr { max-width: 160px; }
    .module-8 .module-actions { padding-top: 30px; }
    .module-8 .module-actions .btn-solid { width: 100%; }


    



} /* @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 !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */