/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
|||| FONTS
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: 400;
    src: url('/wp-content/uploads/2022/08/AvertaPE-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: bold;
    src: url('/wp-content/uploads/2022/08/AvertaPE-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Averta';
    font-style: normal;
    font-weight: light;
    src: url('/wp-content/uploads/2022/08/AvertaPE-Light.otf') format('opentype');
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
|||| -->  GLOBAL STYLES
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                   GLOBAL STYLES > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html{
    overflow-x:hidden;
}
.full-width-content .container.grid-container {
    overflow: hidden;
}

/*    -->                                                                                                                                GLOBAL STYLES > VARIABLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

html{
    --HeaderHeight: 80px;
}

/*    -->                                                                                                                              GLOBAL STYLES > BREADCRUMBS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.yoast-breadcrumbs {
    max-width: 1650px;
    margin: 0 auto;
    width: 100%;
    padding-left:20px;
    padding-right:20px;
}

.yoast-breadcrumbs span,
.yoast-breadcrumbs a{
    font-size: 13px !important; 
    text-transform: uppercase !important;
}

.yoast-breadcrumbs a{
    text-decoration: none !important;
}

.yoast-breadcrumbs a:hover{
    text-decoration: underline !important;
}

.yoast-breadcrumbs > span > span {
	font-size: 0px !important;
}

.yoast-breadcrumbs a::after {
	content: "|";
	margin-right: 8px;
	margin-left: 8px;
	margin-top: -1px !important;
}

.yoast-breadcrumbs > span > span > span:last-child{
    font-weight:bold !important;
}

/*    -->                                                                                                                                 GLOBAL STYLES > HEADINGS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                        GLOBAL STYLES > HEADINGS > TITLE+SURTITLE+LINE                        
[2]   =========================================================================================================== */

.gb-container-heading_with_surtitle_and_line{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-bottom: 15px;
}

/*    --GLOBAL STYLES > HEADINGS > TITLE+SURTITLE+LINE > SURTITLE
[3]   ------------------------------------------------------------- */

.gb-container-heading_with_surtitle_and_line .gb-inside-container > *:first-child{
    font-size: 14px;
    letter-spacing: 12px;
    line-height: 20px;
    text-transform: uppercase;
    display:flex;
    align-items:center;
    margin-bottom: 1px;
  }
  
  .gb-container-heading_with_surtitle_and_line .gb-inside-container > *:first-child:before{
      content:"";
      position:relative;
      width: 75px;
      margin-right: 10px;
      display:block;
      height:1px;
      background: var(--accent);
  }

/*    -->   GLOBAL STYLES > HEADINGS > TITLE+SURTITLE+LINE > TITLE
[3]   ------------------------------------------------------------- */

.gb-container-heading_with_surtitle_and_line .gb-inside-container > *:nth-child(2){
    font-size: 40px;
    line-height: 50px;
}

/*    -->                                                      GLOBAL STYLES > HEADINGS > TITLE+SURTITLE+CENTERED                         
[2]   =========================================================================================================== */

.gb-container-heading-with-surtitle-and-centered{
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content;
    margin-left:auto;
    margin-right: auto;
}

/*    -->  GLOBAL STYLES > HEADINGS > TITLE+SURTITLE+CENTERED  > SURTITLE
[3]   ------------------------------------------------------------- */

.gb-container-heading-with-surtitle-and-centered .gb-inside-container > *:first-child{
    text-transform: uppercase;
    color: var(--accent);
    font-size: 14px;
    letter-spacing: 12px;
    line-height: 20px;
    text-align:center;
    margin-bottom: 1px;
    
}

/*    --> GLOBAL STYLES > HEADINGS > TITLE+SURTITLE+CENTERED  > TITLE
[3]   ------------------------------------------------------------- */

.gb-container-heading-with-surtitle-and-centered .gb-inside-container > :nth-child(2){
    font-size: 40px;
    line-height: 50px;
    text-align:center;
}

/*    -->                                                                                                                                  GLOBAL STYLES > BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

form *{
    outline:none !important;
}



/*    -->                                                                                                                                  GLOBAL STYLES > BUTTONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.gb-button-long-yellow-button{
    background: var(--accent) !important;
    padding: 16px 60px !important;
    font-size: 15px;
    letter-spacing: 0.83px;
    color: #000 !important;
    display: block !important;
    font-weight: bold;
    line-height:normal;
}

/*    -->                                                                                                                                  GLOBAL STYLES > CAROUSEL
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                       GLOBAL STYLES > CAROUSEL > ARROWS                         
[2]   =========================================================================================================== */

.slick-prev, 
.slick-next {
    width: 70px !important;
    height: auto !important;
    z-index: 1;
}

.slick-slider .slick-prev{
    left:0px;
}
.slick-slider .slick-next {
    right: 0px;
}

/*    -->                                                                       GLOBAL STYLES > CAROUSEL > IMAGE                         
[2]   =========================================================================================================== */

.slick-slide img {
    display: block;
    width: 100%;
  }

/*    -->                                                                         GLOBAL STYLES > CAROUSEL > DOTS                         
[2]   =========================================================================================================== */

.slick-dots{
    left:0px;
}

.slick-dots li button{
    font-size: 0px !important;
}

.slick-dots li button::before {
	background: var(--accent) !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 100% !important;
    font-size:0px !important;
}

/*    -->                                                                       GLOBAL STYLES > CAROUSEL > ITEM                              
[2]   =========================================================================================================== */

/*    -->                  GLOBAL STYLES > CAROUSEL > ITEM > LAYOUT
[3]   ------------------------------------------------------------- */

.slick-slide > .gb-container > .gb-inside-container > *:not(figure){
    padding: 0px 15px;
}

.slick-carousel .gb-inside-container figure{
    margin-bottom: 15px !important;
}

/*    -->               GLOBAL STYLES > CAROUSEL > ITEM > VIEW MORE
[3]   ------------------------------------------------------------- */

.gb-query-loop-item .view-more-link > a {
    text-decoration: none;
    font-size: 14px;
    transition: all 0.12s;
    opacity:0;
    visibility:hidden;
    display:block !important;
    width: 100% !important;
    margin-top: 23px;
}

.gb-query-loop-item:hover .view-more-link > a {
    visibility:visible;
    opacity:1;

}

/*    -->                                                                                                        GLOBAL STYLES > HIDE ACF AUTO-GENERATION FRONTEND
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.single #main > div.gb-container{
    display:none !important
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> CALL ME BACK
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                    CALL ME BACK > BUTTON
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#call_me_back_button {
    position: fixed;
    top: 200px;
    right: 0px;
    background: var(--accent);
    color: black;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 6px;
    padding: 8px 11px;
    transform-origin: bottom right;
    transform: rotate(-90deg);
    cursor:pointer;
    z-index:99999;
    transition: all 0.2s  0.3s;
}

.call_me_back_activated #call_me_back_button {
    transition: all 0.2s;
}

/*    -->                                                                                                                                    CALL ME BACK > FORM
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#call_me_back_form {
    position: fixed;
    top: 140px;
    background: white;
    width: 525px;
    font-size: 14px;
    right: 0px;
    transform: translateX(100%);
    transition: all 0.3s;
    z-index:9999;
    max-width: calc(100vw - 20px)
}

/*    -->                                                                        CALL ME BACK > FORM > ACTIVATION
[2]   =========================================================================================================== */

.call_me_back_activated #call_me_back_form{
   transform: translateX(0px);
   transition: all 0.3s 0.2s;
}

.call_me_back_activated #call_me_back_button{
    transform: rotate(-90deg) translateY(100%);
}

/*    -->                                                                             CALL ME BACK > FORM > INTRO
[2]   =========================================================================================================== */

#call_me_back_form .form_intro{
    background: var(--accent);
    color:black;
    text-align:center;
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    padding: 20px 0px;
    position: relative;
    margin-bottom: 30px;
 }

/*    -->                                                                      CALL ME BACK > FORM > CLOSE BUTTON
[2]   =========================================================================================================== */

#call_me_back_close {
    font-size: 22px !important;
    color: black;
    cursor:pointer;
    position: absolute;
    top:15px;
    left:15px;
}

/*    -->                                                                           CALL ME BACK > FORM > CONTENT
[2]   =========================================================================================================== */

#call_me_back_form input,
#call_me_back_form textarea{
    background:white;
    width: 100%;
    border-color: #CDCDCD;
    font-size: 14px;
    color: #000
}

#call_me_back_form input::-webkit-input-placeholder, #call_me_back_form textarea::-webkit-input-placeholder{
    color: #000
}

#call_me_back_form input::-moz-placeholder, #call_me_back_form textarea::-moz-placeholder{
    color: #000
}

#call_me_back_form input:-ms-input-placeholder, #call_me_back_form textarea:-ms-input-placeholder{
    color: #000
}

#call_me_back_form input::-ms-input-placeholder, #call_me_back_form textarea::-ms-input-placeholder{
    color: #000
}

#call_me_back_form input::placeholder,
#call_me_back_form textarea::placeholder{
    color: #000
}

#call_me_back_form input{
    border-width: 0px;
    border-bottom-width: 1px;
    margin-bottom: 15px;
}

#call_me_back_form textarea{
    border-width: 1px;
    margin-top: 15px;
}

#call_me_back_form .form_content{
    width: 365px;
    margin: 0 auto;
}

#call_me_back_form .wpcf7-list-item{
    margin-left:0px !important;
}


/*    -->           CALL ME BACK > FORM > CONTENT > CONTACT METHODS                    
[3]   ------------------------------------------------------------- */

#call_me_back_form .contact_method_row{
    margin-top: 20px;
}

#call_me_back_form form div{
    color: #000;
}

#call_me_back_form .contact_method label{
    display:flex;
    align-items:center;
}

#call_me_back_form .contact_method .wpcf7-list-item.first{
    margin-right:25px !important;
}

#call_me_back_form .contact_method input{
    width: 13px;
    margin: 0px;
    height: 13px;
    margin-right: 7px;
}

/*    -->              CALL ME BACK > FORM > CONTENT > ACCEPT TERMS                
[3]   ------------------------------------------------------------- */

#call_me_back_form .wpcf7-acceptance label {
    display: flex;
    align-items:center;
    margin-top: 20px;
    margin-bottom: 30px;
}


#call_me_back_form .wpcf7-acceptance input{
    width: 13px;
    height: 13px;
    margin:0px;
    margin-right: 7px;
}

/*    -->                    CALL ME BACK > FORM > CONTENT > SUBMIT                      
[3]   ------------------------------------------------------------- */

#call_me_back_form input.wpcf7-submit{
    border: 1px solid #1F1F1F !important;
    width: 230px;
    height: 60px;
    color: #1f1f1f !important;
    display:flex;
    align-items:center;
    justify-content:center;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto;
}




/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> HOME
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*    -->                                                                                                                                             HOME > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                            HOME > INTRO > STICKY EFFECT
[2]   =========================================================================================================== */

.home #page {
	overflow: visible;
}

.home #intro > .gb-inside-container{
    
}

/*    -->                                                                            HOME > INTRO > POIOI EIMASTE
[2]   =========================================================================================================== */

.home #poioi-eimaste{
    position: -webkit-sticky;
    position: sticky;
    top: 155px;
    width: 414px;
    max-width: 100%;
    margin-top: 145px;
    margin-bottom: 20px;
}

/*    -->                                                                                    HOME > INTRO > VIDEO
[2]   =========================================================================================================== */

.home #video {
    width: calc(100% - 500px);
    margin-left: auto;
    margin-top: 350px;
}

/*    -->                                                                                                                                     HOME > ΠΟΙΟΙ ΕΙΜΑΣΤΕ
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                             HOME > ΠΟΙΟΙ ΕΙΜΑΣΤΕ > TEXT
[2]   =========================================================================================================== */

/* #poioi-eimaste-text{
    width: 414px;
    max-width: 100%;
} */

/*    -->                                                                                                                                    HOME > CERTIFICATIONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#our-certifications .gb-inside-container figure img{
    /* width: 100%;
    height: auto; */
}

/*    -->                                                                      HOME > CERTIFICATIONS > TOP IMAGES                          
[2]   =========================================================================================================== */


#our-certifications .gb-inside-container figure:first-child {
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

/*    -->                                                                   HOME > CERTIFICATIONS > BOTTOM IMAGES                          
[2]   =========================================================================================================== */

#our-certifications .gb-inside-container figure:last-child{

}



/*    -->                                                                                                                                          HOME > PROGRAMS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                                  HOME > PROGRAMS > DOTS
[2]   =========================================================================================================== */

#career-boosting-programs .career-image-container figure{
    position:relative;
}

#career-boosting-programs .career-image-container figure:after {
    content: url("https://alterlife-school.demod4u.gr/wp-content/uploads/2022/08/DOTS.png");
    position: absolute;
    left: 0px;
    bottom: 60px;
    transform:translateX(-50%);
}

/*    -->                                                                             HOME > PROGRAMS > ACCORDION
[2]   =========================================================================================================== */

.kt-blocks-accordion-icon-trigger:before,
.kt-blocks-accordion-icon-trigger:after{
    height: 2px !important;
    width: 9px !important;
}

/*    -->                                                                                                                                       HOME > OUR COURSES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                              HOME > OUR COURSES > TITLE & VIEW ALL LINK
[2]   =========================================================================================================== */

.home #our-courses .gb-container-heading-with-surtitle-and-centered{
    position:relative;
    width:100% !important;
}

.home #our-courses .gb-container-heading-with-surtitle-and-centered .gb-inside-container {
	width: 100% !important;
	text-align: center;
}

.home #our-courses .gb-container-heading-with-surtitle-and-centered .view_all_link{
    position:absolute;
    right:15px;
    bottom: 20px;
    font-size: 14px;
    text-decoration: none;
    padding: 0px 10px;
    border-bottom: 1px solid #424242;
    color:white;
}

/*    -->                                                                           HOME > OUR COURSES > CAROUSEL
[2]   =========================================================================================================== */


/*    -->                 HOME > OUR COURSES > CAROUSEL > CONTAINER                 
[3]   ------------------------------------------------------------- */

#our-courses .slick-carousel {
    width: calc(100% - 150px);
    margin-left: auto;
    position:static;
}


/*    -->                    HOME > OUR COURSES > CAROUSEL > ARROWS                      
[3]   ------------------------------------------------------------- */

#our-courses .slick-carousel:before {
    content: url("https://alterlife-school.demod4u.gr/wp-content/uploads/2022/08/DOTS.png");
    position: absolute;
    left: 0px;
    z-index:1;
}

#our-courses .gb-inside-container {
    position: relative;
}

#our-courses .slick-prev {
    left: 0px;
}

/*    -->                      HOME > OUR COURSES > CAROUSEL ITEM                        
[3]   ------------------------------------------------------------- */

#our-courses .gb-inside-container p{
    margin-bottom: 0px !important;
}


/*  -->  HOME > OUR COURSES > CAROUSEL ITEM > TITLE */

#our-courses .slick-carousel .gb-inside-container h2.gb-headline a{
    color: var(--accent) !important;
    font-size: 22px;
    text-decoration: none !important;
    margin-top: 10px;
    text-transform: uppercase;
}

/*  -->  HOME > OUR COURSES > CAROUSEL ITEM > TEXT */

#our-courses .slick-carousel .gb-inside-container div.gb-headline {
    margin-bottom: 15px;
    margin-top: 15px;
}

/*  -->  HOME > OUR COURSES > CAROUSEL ITEM > STATS */


#our-courses .slick-carousel .gb-inside-container > .gb-grid-wrapper > .gb-grid-column:first-child p{
    font-size: 13px !important;
}

#our-courses .slick-carousel .gb-inside-container > .gb-grid-wrapper > .gb-grid-column:last-child p{
    font-size: 16px !important;
}





/*    -->                                                                                                                                       HOME > CAREER PATH
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#career-path {
    background-position: right center !important;
}

/*    -->                                                                         HOME > CAREER PATH > ARROW LIST               
[2]   =========================================================================================================== */

#career-path .student-development {
    background-color: rgba(0, 0, 0, 0.66);
    border-radius: 37px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 20px;
    font-size: 18px;
}


#career-path .student-development,
#career-path .student-development > *{
    display:flex;
    align-items:center;
    line-height:normal;
}


#career-path .student-development > *:not(:last-child):after{
    content: url("/wp-content/uploads/2022/08/arrow_transparent_yellow.png");
    margin: 0px 10px;
}




/*    -->                                                                                                                                       HOME > INSTRUCTORS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                            HOME > INSTRUCTORS > TITLE & VIEW ALL LINK
[2]   =========================================================================================================== */

.home #our-instructors .gb-container-heading_with_surtitle_and_line{
    position:relative;
    width:100% !important;
}

.home #our-instructors .gb-container-heading_with_surtitle_and_line .gb-inside-container {
	width: 100% !important;
	text-align: left;
}

.home #our-instructors .gb-container-heading_with_surtitle_and_line .view_all_link{
    position:absolute;
    right:30px;
    bottom: 20px;
    font-size: 14px;
    text-decoration: none;
    padding: 0px 10px;
    border-bottom: 1px solid #424242;
    color:white;
}

/*    -->                                                                               HOME > INSTRUCTORS > CAROUSEL
[2]   =========================================================================================================== */


/*    -->                     HOME > INSTRUCTORS > CAROUSEL > CONTAINER                 
[3]   ------------------------------------------------------------- */

#our-instructors .slick-carousel-instructors {
    width: calc(100% - 170px);
    margin-left: auto;
    margin-right:20px;
    position:static;
}

/*    -->                      HOME > INSTRUCTORS > CAROUSEL > DOTS                      
[3]   ------------------------------------------------------------- */

#our-instructors .slick-carousel-instructors:before {
    content: url("https://alterlife-school.demod4u.gr/wp-content/uploads/2022/08/dots-horizontal.png");
    position: absolute;
    left: 0px;
    z-index: 1;
    transform: translateY(calc(-50% - 120px));
    top: 50%;
}

/*    -->                    HOME > INSTRUCTORS > CAROUSEL > ARROWS                      
[3]   ------------------------------------------------------------- */

#our-instructors .gb-inside-container {
    position: relative;
}

#our-instructors .slick-prev {
    left: 0px;
}

/*    -->                      HOME > INSTRUCTORS > CAROUSEL > ITEM                        
[3]   ------------------------------------------------------------- */

#our-instructors .gb-inside-container p{
    margin-bottom: 0px !important;
}

/*    --> HOME > INSTRUCTORS > CAROUSEL > ITEM > NAME */

#our-instructors h2.gb-headline {
    font-size: 22px;
    color: var(--accent);
    margin-bottom: 0px;
    line-height: 1;
}

/*    --> HOME > INSTRUCTORS > CAROUSEL > ITEM > SURNAME */

#our-instructors h2.gb-headline + .gb-headline{
    font-size: 13px;
    color: var(--accent);
}

/*    --> HOME > INSTRUCTORS > CAROUSEL > ITEM > EXPERTISE */

#our-instructors h2.gb-headline + .gb-headline + .gb-headline{
    margin-top: 5px;
}

/*    -->                                                                                                                                   HOME > SUCCESS STORIES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                    HOME > SUCCESS STORIES > TOP SECTION
[2]   =========================================================================================================== */

#success-stories .gb-grid-column-heading_with_surtitle_and_line+.gb-grid-column{
    position:relative;
}

#success-stories .gb-grid-column-heading_with_surtitle_and_line+.gb-grid-column:after {
    content: url("https://alterlife-school.demod4u.gr/wp-content/uploads/2022/08/DOTS.png");
    position: absolute;
    right: -40px;
    transform: translateX(100%);
    bottom: 20px;
}

/*    -->                                                                       HOME > SUCCESS STORIES > CAROUSEL
[2]   =========================================================================================================== */

/*    -->            HOME > SUCCESS STORIES > CAROUSEL > VIEW ALL LINK                 
[3]   ------------------------------------------------------------- */

/* .home #success-stories .gb-container-heading-with-surtitle-and-centered{
    position:relative;
    width:100% !important;
} */

/* .home #success-stories .gb-container-heading-with-surtitle-and-centered .gb-inside-container {
	width: 100% !important;
	text-align: center;
} */

.home #success-stories .view_all_link{
    position:absolute;
    right:15px;
    bottom: 20px;
    font-size: 14px;
    text-decoration: none;
    padding: 0px 10px;
    border-bottom: 1px solid #424242;
    color:white;
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content;

	position: absolute;
	right: 0px;
	top: 100px;
}

/*    -->             HOME > SUCCESS STORIES > CAROUSEL > CONTAINER                 
[3]   ------------------------------------------------------------- */

#success-stories .gb-inside-container{
    position:relative;
}

#success-stories .slick-carousel {
    width: calc(100% - 150px);
    margin-right: auto;
    position: static;
    margin-top: 20px;
    margin-left: 30px;
}

/*    -->                  HOME > SUCCESS STORIES > CAROUSEL > ITEM              
[3]   ------------------------------------------------------------- */

/* --> HOME > SUCCESS STORIES > CAROUSEL > ITEM > TITLE */

#success-stories .slick-slide h2.gb-headline a{
    font-size: 22px;
    text-decoration: none;
    color: var(--accent);
    font-weight: normal !important;
}

/* --> HOME > SUCCESS STORIES > CAROUSEL > ITEM > TEXT */






/*    -->                                                                                                                                          HOME > SCHEDULE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


/*    -->                                                                                 HOME > SCHEDULE > TABS
[2]   =========================================================================================================== */

#schedule .kt-tabs-title-list{
    margin-bottom: 40px;
    margin-top: 10px;
}

#schedule .kt-title-item{
    margin: 0px;
}

#schedule .kt-tab-title {
    background: transparent;
    padding: 3px 40px;
    border-bottom: 1px solid rgba(255,255,255,.17);

}

#schedule .kt-tab-title .kt-title-text{
    color:white;
}

#schedule .kt-tab-title-active .kt-tab-title{
    border-color: rgba(255,255,255,.5) !important;
}

#schedule .kt-tab-title-active .kt-title-text{
    color: var(--accent);
}

/*    -->                                                                                 HOME > SCHEDULE > TABLE
[2]   =========================================================================================================== */


/*    -->                          HOME > SCHEDULE > TABLE > TITLES          
[3]   ------------------------------------------------------------- */

#schedule H2{
    display:none;
}

/*    -->                           HOME > SCHEDULE > TABLE > CELLS              
[3]   ------------------------------------------------------------- */

#schedule table th{
    font-size:15px;
    font-weight: bold !important;
    border-color: #444 !important;

}

#schedule table td {
    border-color: #444 !important;
    font-size: 14px;
}

/*    -->                                                                                                                                           HOME > DISCUSS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                                     HOME > DISCUSS > BG
[2]   =========================================================================================================== */

#discuss{
    background-size:cover !important;
}

/*    -->                                                                                   HOME > DISCUSS > FORM
[2]   =========================================================================================================== */

#discuss form{
    width: 560px;
    max-width: 100%;
    margin-top: 50px;
}

#discuss form > div {
    margin-top: 25px;
}

#discuss form > div,
#discuss form > div > span,
#discuss form > div > span > * {
    width: 100% !important;
}

#discuss form textarea,
#discuss form input{
    color: var(--accent)
}

#discuss form textarea{
    height: 100px;
}

#discuss form > div > span > *{
    border:none;
    border-bottom: 1px solid #666;
    font-size: 16px;
    background:transparent !important;
}

#discuss form > div > span .wpcf7-not-valid-tip{
    border:none !important;
}

#discuss form > div > span > *::-webkit-input-placeholder { 
    color: white;
    opacity: 1;
  }

#discuss form > div > span > *::-moz-placeholder { 
    color: white;
    opacity: 1;
  }

#discuss form > div > span > *:-ms-input-placeholder { 
    color: white;
    opacity: 1;
  }

#discuss form > div > span > *::-ms-input-placeholder { 
    color: white;
    opacity: 1;
  }

#discuss form > div > span > *::placeholder { 
    color: white;
    opacity: 1;
  }
  

/*    -->                                                                                  HOME > DISCUSS > TERMS
[2]   =========================================================================================================== */

#discuss form a.read_the_terms {
    margin-left: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 25px;
}

#discuss form .acceptance span *{
    border:none !important;
    font-size: 14px !important;
}

#discuss form .acceptance label{
    display: flex;
    align-items: flex-start;
    line-height:normal;
}

#discuss form .acceptance label input {
    margin-right: 10px;
    margin-top: 3px;
}

/*    -->                                                                                 HOME > DISCUSS > BUTTON
[2]   =========================================================================================================== */

#discuss form .wpcf7-submit {
    background: var(--accent) !important;
    padding: 13px 60px !important;
    font-size: 15px;
    letter-spacing: 0.83px;
    color: #000 !important;
    display: block !important;
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px auto 0px;
}

/*    -->                                                                                                                                  HOME > FITNESS MAGAZINE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                              HOME > FITNESS MAGAZINE > TITLE & VIEW ALL
[2]   =========================================================================================================== */

.home #fitness-magazine .gb-container-heading-with-surtitle-and-centered{
    position:relative;
    width:100% !important;
}

.home #fitness-magazine .gb-container-heading-with-surtitle-and-centered .gb-inside-container {
	width: 100% !important;
	text-align: center;
}

.home #fitness-magazine .gb-container-heading-with-surtitle-and-centered .view_all_link{
    position:absolute;
    right:15px;
    bottom: 20px;
    font-size: 14px;
    text-decoration: none;
    padding: 0px 10px;
    border-bottom: 1px solid #424242;
    color:white;
}

/*    -->                                                                      HOME > FITNESS MAGAZINE > GRID
[2]   =========================================================================================================== */

/*    -->                 HOME > FITNESS MAGAZINE > GRID > ITEM
[3]   ------------------------------------------------------------- */

#fitness-magazine .post-grid > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column{
    padding-left:0px !important;
}

#fitness-magazine figure{
    margin-bottom: 17px;
}

#fitness-magazine .gb-headline {
	padding-right: 30px;
	padding-left: 30px;
}


/* --> HOME > FITNESS MAGAZINE > CAROUSEL > ITEM > DATE */

#fitness-magazine p.gb-headline{
    margin-bottom: 10px !important;
}

/* --> HOME > FITNESS MAGAZINE > CAROUSEL > ITEM > TEXT */

#fitness-magazine div.gb-headline a{
    font-size: 20px;
    text-decoration: none;
    line-height: normal;
    display: inline-block;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> COURSE PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                    COURSE PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                             COURSE PAGE > INTRO > IMAGE
[2]   =========================================================================================================== */

#course-intro figure{
    position: relative;
}

#course-intro figure:after {
    content: url("https://alterlife-school.demod4u.gr/wp-content/uploads/2022/08/DOTS.png");
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/*    -->                                                                             COURSE PAGE > INTRO > STATS
[2]   =========================================================================================================== */

#course-intro #course-stats p{
    margin-bottom: 0px !important;
}



#course-intro #course-stats > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column:first-child p{
    font-size: 13px !important;
    margin-top: 2px;
}

#course-intro #course-stats > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column:last-child p{
    font-size: 16px !important;
}

/*    -->                                                                                                                                    COURSE PAGE > GALLERY
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/*    -->                                                                          COURSE PAGE > GALLERY > LAYOUT
[2]   =========================================================================================================== */

#gallery  .kt-blocks-carousel .slick-list {
    width: calc(100% - 100px);
    margin-left:50px;
    overflow:visible !important;
    
}

#gallery .slick-prev, 
#gallery .slick-next {
    width: 70px !important;
    height: 39px !important;
    display: block !important;
    opacity: 1;
}

#gallery .slick-prev:before,
#gallery .slick-next:before{
    display:none !important;

}

/*    -->                                                                          COURSE PAGE > GALLERY > ARROWS
[2]   =========================================================================================================== */

#gallery .slick-prev{
    background: url("/wp-content/uploads/2022/08/arrow-yellowbg-left.jpg");

}

#gallery .slick-next{
    background: url("/wp-content/uploads/2022/08/arrow-yellowbg-right.jpg")
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| -->  DIPLOMA PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                     DIPLOMA PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                         DIPLOMA PAGE > INTRO > CONTAINER
[2]   =========================================================================================================== */

/* #diploma-intro .gb-inside-container > .gb-container > .gb-inside-container{
    margin-left:0px
}  */

/*    -->                                                                            DIPLOMA PAGE > INTRO > STATS
[2]   =========================================================================================================== */

#diploma-intro #diploma-stats p{
    margin-bottom: 0px !important;
}



#diploma-intro #diploma-stats > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column:first-child p{
    font-size: 13px !important;
    margin-top: 2px;
}

#diploma-intro #diploma-stats > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column:last-child p{
    font-size: 16px !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> ABOUT US
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                              ABOUT US > ΓΙΑΤΙ ΕΚΠΑΙΔΕΥΣΗ
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                     ABOUT US > ΓΙΑΤΙ ΕΚΠΑΙΔΕΥΣΗ > IMAGE
[2]   =========================================================================================================== */

#giati-ekpaideush figure{
    position:relative;
}

#giati-ekpaideush figure::before{
    content: "";
    position: absolute;
    left: 25%;
    top: -80px;
    height: calc(100% + 80px + 160px);
    width: 200vw;
    opacity:0.06;
    background: #F1EDE7;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> CONTACT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                     CONTACT PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#hero-banner #communications_officer{
    background: rgba(255,255,255,.77);
    padding: 10px 20px;
    border-radius: 30px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

#hero-banner #communications_officer .title{
    color:black;
    font-size: 15px;
    line-height: normal;
}

#hero-banner #communications_officer .subtitle{
    color:black;
    font-size: 20px;
    line-height: normal;
    font-weight: bold;
}

/*    -->                                                                                                                                      CONTACT PAGE > FORM
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                              CONTACT PAGE > FORM > FORM
[2]   =========================================================================================================== */

#contact-form form{
    width: 560px;
    max-width: 100%;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

#contact-form form > div {
    margin-top: 25px;
}

#contact-form form > div,
#contact-form form > div > span,
#contact-form form > div > span > * {
    width: 100% !important;
}

#contact-form form textarea,
#contact-form form input{
    color: var(--accent)
}

#contact-form form textarea{
    height: 100px;
}

#contact-form form > div > span > *{
    border:none;
    border-bottom: 1px solid #666;
    font-size: 16px;
    background:transparent !important;
}

#contact-form form > div > span .wpcf7-not-valid-tip{
    border:none !important;
}

#contact-form form > div > span > *::-webkit-input-placeholder { 
    color: white;
    opacity: 1;
  }

#contact-form form > div > span > *::-moz-placeholder { 
    color: white;
    opacity: 1;
  }

#contact-form form > div > span > *:-ms-input-placeholder { 
    color: white;
    opacity: 1;
  }

#contact-form form > div > span > *::-ms-input-placeholder { 
    color: white;
    opacity: 1;
  }

#contact-form form > div > span > *::placeholder { 
    color: white;
    opacity: 1;
  }
  

/*    -->                                                                             CONTACT PAGE > FORM > TERMS
[2]   =========================================================================================================== */

#contact-form form a.read_the_terms {
    margin-left: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 25px;
}

#contact-form form .acceptance span *{
    border:none !important;
    font-size: 14px !important;
}

#contact-form form .acceptance label{
    display: flex;
    align-items: flex-start;
    line-height:normal;
}

#contact-form form .acceptance label input {
    margin-right: 10px;
    margin-top: 3px;
}

/*    -->                                                                            CONTACT PAGE > FORM > BUTTON
[2]   =========================================================================================================== */

#contact-form form .wpcf7-submit {
    background: var(--accent) !important;
    padding: 13px 60px !important;
    font-size: 15px;
    letter-spacing: 0.83px;
    color: #000 !important;
    display: block !important;
    font-weight: bold;
    text-transform: uppercase;
    margin: 25px auto 0px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/


/*    -->                                                                                                                                          HEADER > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container,
.inside-header {
    padding-right: 0px;
    padding-left: 0px;
}

.main-navigation.has-branding .inside-navigation.grid-container, .main-navigation.has-branding.grid-container .inside-navigation:not(.grid-container){
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.header-wrap {

    z-index: 999;
}

.mobile-menu-open .header-wrap {
    z-index: 99999999999999999999999999;

}

/*    -->                                                                                                                                     HEADER > GRADIENT BG
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.header-wrap::after {
	content: "";
	height: 270px;
	width: 100%;
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	top: 0px;
	z-index: -1;
}

/*    -->                                                                                                                        HEADER > CONTAINERS AS MENU ITEMS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                          HEADER > CONTAINERS AS MENU ITEMS > CONTAINERS
[2]   =========================================================================================================== */

.inside-header{
    position:relative !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    z-index:1;
}

/*    -->                                                             HEADER > CONTAINERS AS MENU ITEMS > CONTENTS
[2]   =========================================================================================================== */

.header-custom-dropdown {
    box-shadow: -50vw 0px white, 50vw 0px white;
}

.header-custom-dropdown{
    visibility:hidden;
    position:absolute;
    /* width: 100% !important; */
    /* left:0px;
    top:100%; */
    /* max-width: 100% !important; */

    position:fixed;
    left:50%;
    z-index:999;
    max-width: 1650px;
    width: 100%;
    transform:translateX(-50%);

    transition: all 0.2s;
    margin-top: -10px;
    opacity: 0;

    background: white;
    overflow: auto;

    padding: 0px 20px;

    top: var(--HeaderHeight);
    max-height: calc(100vh - var(--HeaderHeight));
}

body.logged-in.admin-bar .header-custom-dropdown {
    top: 112px;
    max-height: calc(100vh - 112px);
   
}

.header-custom-dropdown.activated{
    visibility:visible;
    margin-top: 0px;
    opacity: 1;
}

/*    --> HEADER > CONTAINERS AS MENU ITEMS > CONTENTS > CAROUSEL ITEMS                                   
[3]   ------------------------------------------------------------- */


.header-custom-dropdown .gb-container{
    background:white;
}

.header-custom-dropdown .gb-headline{
    padding: 0px 15px;
}


/* --> HEADER > CONTAINERS AS MENU ITEMS > CONTENTS > CAROUSEL ITEMS > IMAGE */

.header-custom-dropdown figure{
    margin-bottom: 10px;
}

/* --> HEADER > CONTAINERS AS MENU ITEMS > CONTENTS > CAROUSEL ITEMS > IMAGE (courses only) */

#courses-dropdown figure{
    margin-bottom: 0px !important;
}

/* --> HEADER > CONTAINERS AS MENU ITEMS > CONTENTS > CAROUSEL ITEMS > TITLE */

.header-custom-dropdown h2.gb-headline{
    line-height:normal;
    margin-bottom: 0px;
}

.header-custom-dropdown h2.gb-headline a{
    font-size: 20px;
    text-decoration: none !important;
}

/* --> HEADER > CONTAINERS AS MENU ITEMS > CONTENTS > CAROUSEL ITEMS > TITLE (courses only) */

#courses-dropdown h2.gb-headline a {
    font-size: 16px !important;
    text-transform: uppercase !important;
}

/* --> HEADER > CONTAINERS AS MENU ITEMS > CONTENTS > CAROUSEL ITEMS > TEXT */

.header-custom-dropdown div.gb-headline {
    font-size: 15px;
    line-height: 1.6;
}

.header-custom-dropdown h2.gb-headline+.gb-headline{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    min-height: unset !important;
}

/* --> HEADER > CONTAINERS AS MENU ITEMS > CONTENTS > CAROUSEL ITEMS > VIEW MORE */

.header-custom-dropdown .view-more-link a {
    color: black !important;
    margin-top: 15px;
    font-size: 14px !important;
}


/*    -->                                                                                                                                        HEADER > MENU BAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.header .inside-header {
    padding-top:0px !important;
    padding-bottom: 0px !important;
}

/* #mobile-header,
.main-navigation,
.main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
} */

@media(min-width: 1200px){
    #sticky-navigation,
    #site-navigation {
        padding-left: 20px;
        padding-right: 20px;
    }
    #primary-menu{
        padding-right: 50px;
    }
}

#primary-menu{
    width:calc(100% - 485px);
}

.main-navigation .main-nav ul li a{
    line-height: normal !important; 
    height:var(--HeaderHeight);
    display:flex;
    align-items:center !important;
}

.main-navigation .main-nav > ul {
	flex-wrap: nowrap;
    justify-content: space-between;
}

/*    -->                                                                                HEADER > MENU BAR > LINE                  
[2]   =========================================================================================================== */

@media(min-width: 1200px){
    #site-navigation .inside-navigation.grid-container:after {
        content: "";
        top: 60px;
        width: calc(100% - 270px);
        height: 1px;
        background: rgba(255,255,255,.3);
        right: 0px;
        position: absolute;
    }
}






/*    -->                                                                               HEADER > MENU BAR > ITEMS                     
[2]   =========================================================================================================== */

@media(min-width: 1200px){
    .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}

/*    -->                 HEADER > MENU BAR > ITEMS > DROPDOWN LIST                  
[3]   ------------------------------------------------------------- */

@media(min-width: 1200px){
    .main-navigation ul ul{
        display:none !important;
    }
}

/*    -->                 HEADER > MENU BAR > ITEMS > CUSTOM DROPDOWN               
[3]   ------------------------------------------------------------- */

@media(max-width: 1200px){
    .header-custom-dropdown{
        display:none !important;
    }
}

/*    -->                                                                                HEADER > MENU BAR > LOGO                     
[2]   =========================================================================================================== */

img.is-logo-image{
    max-width: 186px !important;
    height: auto !important;
    image-rendering: auto;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
        image-rendering: -moz-crisp-edges;
        image-rendering: pixelated;
}

/*    -->                                                                                HEADER > MENU BAR > CALL                  
[2]   =========================================================================================================== */

.gp_appended_to_menu{
    letter-spacing: 6px;
    margin-left: 20px;
    font-weight: bold !important;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/




/*    -->                                                                                                                                     FOOTER > TOP SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                           FOOTER > TOP SECTION > LAYOUT
[2]   =========================================================================================================== */

#footer-top > .gb-inside-container > .gb-grid-wrapper {
    display: flex !important;
    align-items: center;
    justify-content:space-between;
}

#footer-top > .gb-inside-container > .gb-grid-wrapper > div{
   width:unset;
   margin: 10px 0px;
}

#footer-top > .gb-inside-container > .gb-grid-wrapper > div:nth-child(1){
}

#footer-top > .gb-inside-container > .gb-grid-wrapper > div:nth-child(2){
    padding: 0px 40px;
}

#footer-top > .gb-inside-container > .gb-grid-wrapper > div:nth-child(3){
    flex-grow:1;
}

#footer-top > .gb-inside-container > .gb-grid-wrapper{

}

#footer-top .gb-container-heading_with_surtitle_and_line{
    margin-bottom: 0px
}

#footer-top .gb-container-heading_with_surtitle_and_line h3{
    margin-bottom: 0px !important;    
}


/*    -->                                                                       FOOTER > TOP SECTION > NEWSLETTER
[2]   =========================================================================================================== */

.site-footer .mailpoet_form .mailpoet_paragraph {
    margin-bottom: 10px !important;
}


/*    -->                 FOOTER > TOP SECTION > NEWSLETTER > INPUT
[3]   ------------------------------------------------------------- */

.site-footer .mailpoet_form .mailpoet_paragraph input{
    background:transparent !important;
    color:white !important;
    border:1px solid rgba(255,255,255,0.17) !important;
    font-size: 16px !important;
    font-family: Averta !important;
    border-radius: 0px !important;
    outline: none !important;
}

.site-footer .mailpoet_form .mailpoet_paragraph input::-webkit-input-placeholder{
    color:white !important;
    font-size: 16px !important;
    font-family: Averta !important;
}

.site-footer .mailpoet_form .mailpoet_paragraph input::-moz-placeholder{
    color:white !important;
    font-size: 16px !important;
    font-family: Averta !important;
}

.site-footer .mailpoet_form .mailpoet_paragraph input:-ms-input-placeholder{
    color:white !important;
    font-size: 16px !important;
    font-family: Averta !important;
}

.site-footer .mailpoet_form .mailpoet_paragraph input::-ms-input-placeholder{
    color:white !important;
    font-size: 16px !important;
    font-family: Averta !important;
}

.site-footer .mailpoet_form .mailpoet_paragraph input::placeholder{
    color:white !important;
    font-size: 16px !important;
    font-family: Averta !important;
}

/*    -->                FOOTER > TOP SECTION > NEWSLETTER > BUTTON
[3]   ------------------------------------------------------------- */

.site-footer .mailpoet_form .mailpoet_paragraph .mailpoet_submit{
    font-family: Averta !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

/*    -->            FOOTER > TOP SECTION > NEWSLETTER > ACCEPTANCE
[3]   ------------------------------------------------------------- */

.site-footer .mailpoet_form .mailpoet_checkbox_label{
    font-size: 13px !important;
    font-family: Averta !important;
    line-height: normal !important;
}

.site-footer .mailpoet_form .mailpoet_checkbox_label input {
    vertical-align: middle;
}

/*    -->                                                                                                                                     FOOTER > MID SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                           FOOTER > MID SECTION > LAYOUT
[2]   =========================================================================================================== */

.site-footer #footer-mid .gb-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 2fr auto;
    grid-column-gap: 80px;
}

.site-footer #footer-mid .gb-grid-column {
    width: auto;
    flex: 1;
}



.site-footer #footer-mid .gb-grid-column .gb-inside-container {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 290px;
    position:relative;
}



/*    -->                                                                          FOOTER > MID SECTION > COLUMNS
[2]   =========================================================================================================== */




.site-footer #footer-mid .gb-grid-column .gb-inside-container > h5{
    color: var(--accent);
    font-size: 15px;
    line-height: 18px;
    text-align: left;
}

.site-footer #footer-mid .gb-grid-column .gb-inside-container > a{
    color:white !important;
    text-decoration: none;
    font-size: 15px;
    margin-bottom: 15px;
    transition: all 0.12s;
    opacity: .7;
}

.site-footer #footer-mid .gb-grid-column .gb-inside-container > a:hover{
    opacity: 1;
}

/*    -->                       FOOTER > MID SECTION > COLUMNS > #1                    
[3]   ------------------------------------------------------------- */

.site-footer #footer-mid .gb-grid-column:first-child .gb-inside-container > h5{
    margin-bottom: 0px !important;
}

.site-footer #footer-mid .gb-grid-column:first-child .wp-block-kadence-accordion {
	margin-bottom: 17px;
}

/*    -->                       FOOTER > MID SECTION > COLUMNS > #4                    
[3]   ------------------------------------------------------------- */

.site-footer #footer-mid .gb-grid-column #footer-column-double-width .gb-inside-container{
    padding-top: 38px;
}

.site-footer #footer-mid .gb-grid-column #footer-column-double-width .gb-inside-container h5{
    position:absolute;
    top:0px;
}


/*    -->                                                                        FOOTER > MID SECTION > ACCORDION
[2]   =========================================================================================================== */


.site-footer #footer-mid .kt-accordion-panel p{
    margin-bottom: 0px;
    opacity: .7;
}


/*    -->                                                                                                                                  FOOTER > BOTTOM SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.site-footer #footer-bottom{
    margin-top: 40px
}

.site-footer #footer-bottom .gb-grid-column {
    width: 100%;
}

.site-footer #footer-bottom .footer-bottom-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px;

}

.site-footer #footer-bottom .footer-bottom-container > div{
    display:flex;
    align-items:center;
}

.site-footer #footer-bottom .footer-bottom-container > .footer-bottom-right > a{
    line-height:1;
    margin-left: 7px;
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE > GLOBAL
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                        RESPONSIVE > GLOBAL STYLES> TABLES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.wpdt-c.wpDataTableContainerSimpleTable {
	overflow: auto;
}

/*    -->                                                                                                                    RESPONSIVE > GLOBAL STYLES > CAROUSEL
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                         RESPONSIVE > GLOBAL STYLES > CAROUSEL > VIEW ALL
[2]   =========================================================================================================== */

@media(max-width: 600px){
    .home .view_all_link {
        position:relative !important;
        left: unset;
        bottom: unset !important;
        right: unset !important;
        margin-bottom: 20px !important;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }

    .home .gb-container-heading_with_surtitle_and_line .view_all_link{
        margin-left:0px !important;
    }
}

/*    -->                                                          RESPONSIVE > HOME > SUCCESS STORIES > CAROUSEL                                    
[2]   =========================================================================================================== */

@media(max-width: 1024px){
    .home #success-stories  .view_all_link{
        position: relative !important;
        left: unset;
        bottom: unset !important;
        top:0px !important;
        right: unset !important;
        margin-top: -15px !important;
        margin-bottom: 20px !important;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: 0px;
        margin-right: auto;

    }
}

/*    -->                                                                                                                 RESPONSIVE > GLOBAL STYLES> CALL ME BACK
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                      RESPONSIVE > GLOBAL STYLES > CALL ME BACK > BUTTON
[2]   =========================================================================================================== */

@media(max-width: 768px){
    #call_me_back_button{
        font-size: 13px;
        padding: 5px 10px;
        letter-spacing: 4px;
    } 
}

/*    -->                                              RESPONSIVE > GLOBAL STYLES > CALL ME BACK > FORM CONTAINER
[2]   =========================================================================================================== */

@media(max-width: 768px){
    #call_me_back_form{
        top: 50% !important;
        transform:translateX(100%) translateY(-50%);

    }
    .call_me_back_activated #call_me_back_form {
        transform: translateX(0px) translateY(-50%);
    }
    #call_me_back_form .acceptance + p{
        margin-bottom: 0px !important;
    }
    #call_me_back_form .form_content {
        width: calc(100% - 11vw);
    }
    #call_me_back_form{
        font-size: 13px !important;
    }
    #call_me_back_form .wpcf7-acceptance label {
        margin-top: 0px;
        margin-bottom: 20px;
    }
    #call_me_back_form .form_intro {
        margin-bottom: 5px;
        font-size: 14px;
        padding: 10px 20px;
        line-height: normal;
    }
    #call_me_back_form .form_intro br {
        display: none;
    }
    #call_me_back_form .contact_method_row{
        margin-top: 10px;
    }
    #call_me_back_form input.wpcf7-submit {
        height: 50px;
    }
}

@media(max-width: 550px){
    /* #call_me_back_form{
        width: 100vw !important;
        border-top: 32px solid #030205;
        
    } */

    #call_me_back_form #call_me_back_close {
        top: 0px;
        transform: translateY(-100%);
        background: var(--accent);
        padding: 5px 10px;
        left: 0px;
    }

    #call_me_back_form input{
        margin-bottom: 0px;
    }

    #call_me_back_form input, 
    #call_me_back_form textarea{
        font-size: 13px;
    }
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE > HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/



/*    -->                                                                                                                               RESPONSIVE > HEADER > MENU
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                 RESPONSIVE > HEADER > MENU > BURGER LABEL                         
[2]   =========================================================================================================== */

@media(max-width: 1200px){

    .menu-toggle .gp-icon + .mobile-menu {
        padding-left: 9px;
        display: none;
    }

    .menu-toggle .icon-menu-bars svg {
        width: 20px;
        height: 20px;
        top:4px;
    }


}

/*    -->                                                                 RESPONSIVE > HEADER > MENU > MAIN MENU                         
[2]   =========================================================================================================== */

@media(max-width: 1600px) and (min-width: 1200px) {
    #menu-main-menu > li > *{
        font-size: 12px;
        padding: 0px 7px !important;
    }
    .gp_appended_to_menu {
        letter-spacing: 4px;
        margin-left: 45px;
        font-size: 12px !important;
    }
}

@media(max-width: 768px){
    a.gp_appended_to_menu {
        font-size: 14px;
        letter-spacing: normal;
    }
    img.is-logo-image {
        width: 125px !important;
    }

    .main-navigation.sticky-navigation-transition .main-nav > ul > li > a, .sticky-navigation-transition .menu-toggle, .main-navigation.sticky-navigation-transition .menu-bar-item > a, .sticky-navigation-transition .navigation-branding .main-title {
        line-height: 60px;
    }
}

@media(max-width: 1200px){
    .main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
        float: none !important;
        position: absolute;
        height: 100%;
        width: calc(100% - 40px);
        padding: 0px;
        display: flex;
        justify-content: flex-end;
    }
}

/*    -->                                                                   RESPONSIVE > HEADER > MENU > SUB MENU                          
[2]   =========================================================================================================== */

@media(max-width: 1200px){
    html {
        --HeaderHeight: auto;
    }
    .main-nav > ul {
        background: #111 !important;
        padding: 20px 0px;
        border-bottom: 1px solid #333;
        border-top: 1px solid #333;
    }
    .main-navigation .main-nav ul li a {
        padding: 10px 20px;

        width: 100% !important;
        display: flex;
        justify-content: space-between;
    }
}

/*    -->                                                               RESPONSIVE > HEADER > MENU > SUB SUB MENU                          
[2]   =========================================================================================================== */

@media(max-width: 1200px){
    .main-nav ul ul {
        padding: 10px 0px !important;
    }

    .main-nav ul ul li a{
        color:black !important;
    }

    .main-navigation .main-nav ul li:focus a,
    .main-navigation .main-nav ul li a:focus{
        background: none !important;
    }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE > FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                             RESPONSIVE > FOOTER > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.site-footer{
    padding-left:20px;
    padding-right: 20px;
}

/*    -->                                                                                                                        RESPONSIVE > FOOTER > TOP SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 1018px){
    #footer-top .gb-block-image {
        margin-bottom: 15px;
    }
}

/*    -->                                                                                                                        RESPONSIVE > FOOTER > MID SECTION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width:1700px){
    .site-footer #footer-mid .gb-grid-wrapper{
        grid-template-columns: 1fr 1fr 1fr 1fr auto;
    }
    .site-footer #footer-mid .gb-grid-column .gb-inside-container{
        max-height: unset;
    }
}

@media(max-width:1500px){
    .site-footer #footer-mid .gb-grid-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto auto;
        grid-column-gap: 50px;
        row-gap:50px
    }
}
@media(max-width:100px){
    .site-footer #footer-mid .gb-grid-wrapper {
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 20px;
        row-gap:20px
    }
}

@media(max-width:768px){
    .site-footer #footer-mid .gb-grid-wrapper {
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        row-gap:20px;
    }
}

/*    -->                                                                                                                      RESPONSIVE > FOOTER > COPYRIGHT BAR
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 600px){
    .site-footer #footer-bottom .footer-bottom-container {
        flex-direction: column;
    }
}


/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE > HOME
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                RESPONSIVE > HOME > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                               RESPONSIVE > HOME > INTRO > STICKY EFFECT
[2]   =========================================================================================================== */

.home #page {
	overflow: visible;
}


/*    -->                                                               RESPONSIVE > HOME > INTRO > POIOI EIMASTE
[2]   =========================================================================================================== */

.home #poioi-eimaste{
    position: -webkit-sticky;
    position: sticky;
    top: 200px;
    width: 414px;
    max-width: 100%;
    margin-top: 145px;
    margin-bottom: 20px;
}

/*    -->                                                                       RESPONSIVE > HOME > INTRO > VIDEO
[2]   =========================================================================================================== */

@media(max-width: 1200px){
    .home #video {
        width: calc(100% - 430px);
        margin-top: 100px;
    }
}

@media(max-width: 1000px){
    

    .home #poioi-eimaste {
        position: relative;
        top: 0px;
    }

    .home #video {
        width: 100%;
        max-width: 700px;
    }
}

@media(max-width: 768px){
    .home #intro {
        background-size: auto 100vh;
        background-position: 66% 0px;
    }
    .home #intro > .gb-inside-container{
        background: rgba(0,0,0,.4);
    }
}



/*    -->                                                                                                                              RESPONSIVE > HOME > COURSES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 600px){
    #our-courses{
        background-position: 38% top;
    }
}

/*    -->                                                                                                             RESPONSIVE > HOME > CAREER BOOSTING PROGRAMS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 1024px){
    #career-boosting-programs > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column{
        width: 100% !important;
    }

    .gb-button-wrapper{
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }

    #career-boosting-programs > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column.gb-grid-column-heading_with_surtitle_and_line{
        order:-2;
    }

    #career-boosting-programs > .gb-inside-container > .gb-grid-wrapper > .gb-grid-column:last-child{
        order:-1;
        margin-bottom: 30px;
    }

}

/*    -->                                                                                                                         RESPONSIVE > HOME > CAREER PATH
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



@media(max-width: 880px){

    #career-path {
        background-position: 75% center !important;
    }
    
    #career-path > .gb-inside-container {
        background: rgba(0,0,0,.7);
    }

    #career-path .student-development {
        display: flex;
        flex-direction: column;
    }

    #career-path .student-development > span{
        display:flex;
        flex-direction: column;
    }

    #career-path .student-development > :not(:last-child)::after {
        transform: rotate(90deg);
        margin-top: 20px;
        margin-bottom: 20px;
    }
}



/*    -->                                                                                                                      RESPONSIVE > HOME > SUCCESS STORIES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */


@media(max-width: 1250px){
    #success-stories{
        background-size: 100%;
    }
    #success-stories p {
        text-shadow: 0 2px 2px black !important;
    }
}



/*    -->                                                                                                                            RESPONSIVE > HOME > CAROUSELS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 1024px){
    #our-courses .slick-carousel,
    #success-stories .slick-carousel,
    #our-instructors .slick-carousel-instructors,
    #fitness-magazine .slick-carousel {
        width: 100%;
        margin-left:0px !important;
        margin-right: 0px !important;
    }
}

/* @media(max-width: 550px){
    #our-courses .gb-block-image img{
        width: 100%;
    }
} */

/*    -->                                                                                                                              RESPONSIVE > HOME > DISCUSS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 1024px){
    #discuss > .gb-inside-container{
        background: rgba(0,0,0,.6);
    }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE > WHY ALTERLIFE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

@media(max-width: 768px){
    .page-id-559 .entry-content .gb-grid-wrapper > .gb-grid-column{
        width: 100% !important;
    }

    .reverse > .gb-inside-container > .gb-grid-wrapper {
        flex-direction: column-reverse;
    }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE > DIPLOMA PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                        RESPONSIVE > DIPLOMA PAGE > INTRO
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 768px){
    #diploma-intro {
        background-position: 33% center;
    }
    #diploma-intro > .gb-inside-container {
        background: rgba(0,0,0,.3);
    }
}

/*    -->                                                                                                                      RESPONSIVE > DIPLOMA PAGE > COURSES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media(max-width: 1024px){
    .single-diplomas #our-courses .gb-grid-wrapper > .gb-grid-column > .gb-container {
        margin-left:0px;
    }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE > COURSE PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                             COURSE PAGE > 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */