@font-face {
    font-family: 'CeraGR-Bold';
    src: url('/assets/fonts/CeraGR-Bold.eot');
    src: url('/assets/fonts/CeraGR-Bold.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/CeraGR-Bold.woff2') format('woff2'),
    url('/assets/fonts/CeraGR-Bold.woff') format('woff'),
    url('/assets/fonts/CeraGR-Bold.ttf') format('truetype'),
    url('/assets/fonts/CeraGR-Bold.svg#CeraGR-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CeraGR-Regular';
    src: url('/assets/fonts/CeraGR-Regular.eot');
    src: url('/assets/fonts/CeraGR-Regular.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/CeraGR-Regular.woff2') format('woff2'),
    url('/assets/fonts/CeraGR-Regular.woff') format('woff'),
    url('/assets/fonts/CeraGR-Regular.ttf') format('truetype'),
    url('/assets/fonts/CeraGR-Regular.svg#CeraGR-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CeraGR-Medium';
    src: url('/assets/fonts/CeraGR-Medium.eot');
    src: url('/assets/fonts/CeraGR-Medium.eot?#iefix') format('embedded-opentype'),
    url('/assets/fonts/CeraGR-Medium.woff2') format('woff2'),
    url('/assets/fonts/CeraGR-Medium.woff') format('woff'),
    url('/assets/fonts/CeraGR-Medium.ttf') format('truetype'),
    url('/assets/fonts/CeraGR-Medium.svg#CeraGR-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

body{font-family: 'CeraGR-Medium'!important;}

h1, h2, h3, h4, h5, h6 {font-family: 'CeraGR-Bold'!important;}

.navbar-brand{margin:0;padding:0;}

#page-login-index #page,#page-login-signup #page{background: #8daba4;}

#nav-drawer{
    background: #8daba4cf;

}

a,.list-group-item-action,.breadcrumb>li>a {color:#143d69;}
.list-group-item.active,.list-group-item.active:hover{background-color:#dfa03a;border-color:#dfa03a;}

.list-group-item-action:hover, .list-group-item-action:focus{background:#dfa03a;color:white;}

.nav-tabs .nav-link.active:not(:disabled):not(.disabled).active{background:none;color:#143d69;}

table.flexible thead th, table.flexible tbody th, table.rolecap thead tr th, table.rolecap tr.header .header, .generaltable thead th,.block .header{background:#f5bd61;}


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show>.btn-primary.dropdown-toggle:focus{background:#5c5c5c;}

#header .header-top .dropdown .dropdown-menu{background:white;color:#143d69;}

#header .header-top .dropdown .dropdown-menu a:hover,.action-menu .menubar .dropdown-menu .dropdown-item:active{background:#143d69;color:white;}

.userbutton .avatar.current{height: fit-content; display: inline-block;}

.container.navbar-nav, #site-header .header-main .container {
    max-width: 100%!important;
}

.pagelayout-login #region-main .card form input{border:1px solid #c2c2c2;}

.navbar {
    max-height: 100px;
    box-shadow:none;
}

[data-region="drawer"] {
    top: 100px;
}


nav.navbar .logo img {
    max-height: 100px;
}

#header .navbar-nav button.btn>span{color:#143d69!important;background:#143d69!important;}

/*MENU*/

.custom-menu {

    margin-top: 100px;
}

.custom-menu  ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 10px 0px;
    justify-content: space-around;
    flex-wrap:wrap;
}

.custom-menu  ul li a{font-family: 'CeraGR-Medium'!important;color: #143d69!important;}

/*.custom-menu  ul li a:hover{border-bottom:3px solid #f5bd61;}*/

.custom-menu  ul li a:after,
span.login a:last-child:after,
.footer-main-wrap a:after{
    content: "";
    display: block;
    width: 0px;
    background: #f5bd61;
    height: 3px;
    opacity: 0;
    transition: opacity, width;
    transition-duration: .3s;
}

.custom-menu  ul li a:hover:after,
span.login a:last-child:hover:after,
.footer-main-wrap a:hover:after{
    opacity: 1;
    width: 100%;
}

.footer-main-wrap a{  display: inline-block;}

#header{background:white;border-bottom:1px solid #bfbfbf;}


#header .header-top a{color:#143d69;text-transform:uppercase;}

span.login{display:flex;}
span.login a {font-family: 'CeraGR-Medium'!important;}
span.login a:first-child{
    order:2;
    margin-left:5px;
    background: #dfa03a;
    border-radius: 100px;
    padding: 0px 20px;
    color: #fff!important;
}


span.login a:first-child:hover{background:#767272;}



.btn.btn-primary,
.btn.btn-primary a{
    background: #dfa03a;
    border-radius: 100px;
    color: #fff!important;
    font-family: 'CeraGR-Medium';
}

.btn.btn-primary:hover{background:#767272;}

.enlightlite-frontpage .btn.btn-primary{
    padding: 7px 40px;
    font-size: 18px;
}

/*Main page*/
.enlightlite-frontpage .sitetopic,
.enlightlite-frontpage #module-1,
.enlightlite-frontpage #module-2,
.enlightlite-frontpage #module-3,
.enlightlite-frontpage #module-4,
.enlightlite-frontpage #module-5,
.section #module-1.activity .contentwithoutlink,
.section #module-2.activity .contentwithoutlink,
.section #module-3.activity .contentwithoutlink,
.section #module-4.activity .contentwithoutlink,
.section #module-5.activity .contentwithoutlink,
.section #module-1.activity .activityinstance,
.section #module-2.activity .activityinstance,
.section #module-3.activity .activityinstance,
.section #module-4.activity .activityinstance,
.section #module-5.activity .activityinstance,
.path-site li.activity#module-1>div,
.path-site li.activity#module-2>div,
.path-site li.activity#module-3>div,
.path-site li.activity#module-4>div,
.path-site li.activity#module-5>div
{padding:0!important;}

.enlightlite-frontpage .sitetopic{max-width:100%!important;}


#intro-frontpage {
    background-image:url('banner1.png');
    position: relative;
    background-attachment: scroll,fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    min-height: 729px;

}

#intro-frontpage .text-inner{
    position: absolute;
    top: 35%;
    color: black;
    transform: translate(0%,-35%);
    max-width:540px;
    font-family: 'CeraGR-Medium';
}

#intro-frontpage .text-inner h2{text-transform:none;color:#f28582; font-family: 'CeraGR-Bold';}

#intro-frontpage .text-inner p,#diet-health p,#left-txt p,#right-txt p{font-size:20px;color:#143d69;font-family: 'CeraGR-Medium';}

#diet-health{text-align:center;margin: 40px 0;}

#diet-health h2{text-transform:none;color:#85a69e; font-family: 'CeraGR-Bold';margin-bottom:40px;}

#left-txt.row, #right-txt.row,.both-txts.row{margin:0!important;}
#both-txts.row{margin-left:0;margin-right:0;}
#left-txt .col-md-12:first-child,#right-txt .col-md-12:last-child{padding:4%;}
#left-txt .col-md-12:last-child,#right-txt .col-md-12:first-child{padding:0;align-items: center;align-self: center;}



#left-txt h2{text-transform:none;color:#f5bd61; font-family: 'CeraGR-Bold';}
#right-txt h2{text-transform:none;color:#85a69e; font-family: 'CeraGR-Bold';}

#both-txts{text-align: center;margin-bottom: 100px;justify-content: center;}

#both-txts div.col-md-12{width:100%;max-width:640px;padding: 0px 60px;}

#both-txts div.col-md-12:nth-child(odd) {border-right:2px solid #b7b7b7;}

#start-button{padding:40px;}

.enlightlite-frontpage #module-5{background:#f7ede3;text-align:center;}

#site-footer .footer-main{background:#85a69e;background-image:none!important;font-size: 18px;}

.footer-main .bgtrans-overlay{display:none;}

#site-footer .footer-main h6,#site-footer .footer-main p{font-family: 'CeraGR-Medium';text-transform:none;}

.footer-main-wrap .col-md-12{text-align:center;}

.footer-main-wrap h6{
    font-size: 20px;
    margin-bottom: 15px;
}

.social-footer {display:flex;justify-content:center;padding:0;margin:0;background:#143d69;}

.social-footer li{transition: all .2s ease-in-out;list-style:none;padding: 15px;}

.social-footer.footer-small-socials {border-top: 1px dashed #39A0A3;}

.social-footer li:hover {transform: scale(1.5);}

#site-footer .social-footer.footer-small-socials ul li{margin:0!important;}
#site-footer .social-footer ul li{border:none;}
#site-footer {padding:0;}

.social-footer .fa{color:white;font-size:22px;}

.wslogo {
    background: url(/assets/ws-production.png) 0 0;
    width: 204px;
    /* height: 30px; */
    height: 22px;
    margin: 0 auto;
    display: inline-block;
}

#site-footer .footer-bottom{background:white;text-align:center;}

.container.navbar-nav [data-region="drawer-toggle"]{width:250px;}
.container.navbar-nav .header-top{width:250px;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
    border-color:#143d69;

}

.enlightlite-frontpage .sitetopic,
.enlightlite-frontpage #module-1,
.enlightlite-frontpage #module-2,
.enlightlite-frontpage #module-3,
.enlightlite-frontpage #module-4,
.enlightlite-frontpage #module-5,
.enlightlite-frontpage #module-6,
.section #module-1.activity .contentwithoutlink,
.section #module-2.activity .contentwithoutlink,
.section #module-3.activity .contentwithoutlink,
.section #module-4.activity .contentwithoutlink,
.section #module-5.activity .contentwithoutlink,
.section #module-6.activity .contentwithoutlink,
.section #module-1.activity .activityinstance,
.section #module-2.activity .activityinstance,
.section #module-3.activity .activityinstance,
.section #module-4.activity .activityinstance,
.section #module-5.activity .activityinstance,
.section #module-6.activity .activityinstance,
.path-site li.activity#module-1>div,
.path-site li.activity#module-2>div,
.path-site li.activity#module-3>div,
.path-site li.activity#module-4>div,
.path-site li.activity#module-5>div,
.path-site li.activity#module-6>div {
    padding: 0!important;
}


#site-footer .footer-bottom {
    background: white;
    text-align: center;
    /*display: none;*/
    margin:0 35px;
}

h1, h2, h3, h4, h5, h6{text-transform:none;}

.block .block-cards a.coursename{color:#dfa03a;}

a.games:hover .content {display:block;}

.context-144 #page-content.pb-3,
.context-144  .generalbox {padding-bottom:0!important;}

.context-71 #page-header,
.context-101 #page-header,
.context-122 #page-header,
.context-144 #page-header,
.context-412 #page-header,
.context-451 #page-header,
.context-561 #page-header,
.context-448 #page-header,
.context-71 h2,
.context-101 h2,
.context-122 h2,
.context-144 h2,
.context-412 h2,
.context-451 h2,
.context-561 h2,
.context-448 h2,
.context-71 .modified,
.context-101 .modified,
.context-122 .modified,
.context-144 .modified,
.context-412 .modified,
.context-451 .modified,
.context-448 .modified,
.context-561 .modified,
.context-670 .modified,
.context-673 .modified,
.context-683 .modified,
.context-684 .modified,
.context-685 .modified
{display:none!important;}

.context-71 .no-overflow,
.context-101 .no-overflow,
.context-122 .no-overflow,
.context-144 .no-overflow,
.context-412 .no-overflow,
.context-451 .no-overflow,
.context-561 .no-overflow,
.context-448 .no-overflow
{width: 100%;}

.context-71 #maincontent,
.context-101 #maincontent,
.context-122 #maincontent,
.context-144 #maincontent,
.context-412 #maincontent,
.context-451 #maincontent,
.context-561 #maincontent,
.context-448 #maincontent
{height:0;}

.context-71 #region-main,
.context-71 #region-main-box,
.context-101 #region-main,
.context-101 #region-main-box,
.context-122 #region-main,
.context-122 #region-main-box,
.context-144 #region-main,
.context-144 #region-main-box,
.context-412 #region-main,
.context-412 #region-main-box,
.context-451 #region-main,
.context-451 #region-main-box,
.context-561 #region-main,
.context-561 #region-main-box,
.context-448 #region-main,
.context-448 #region-main-box
{padding:0;margin:0;border:none;}

.context-71 .generalbox ,
.context-101 .generalbox,
.context-122 .generalbox,
.context-144 .generalbox,
.context-412 .generalbox,
.context-451 .generalbox,
.context-561 .generalbox,
.context-448 .generalbox
{padding-top:0!important;}

.context-71 .region_main_settings_menu_proxy,
.context-101 .region_main_settings_menu_proxy,
.context-122 .region_main_settings_menu_proxy,
.context-144 .region_main_settings_menu_proxy,
.context-412 .region_main_settings_menu_proxy,
.context-451 .region_main_settings_menu_proxy,
.context-561 .region_main_settings_menu_proxy,
.context-448 .region_main_settings_menu_proxy
{
    position: absolute;
}



#abc-courses{
    position:relative;
    background-image: url(/assets/game_page/games_banner.jpg);
    position: relative;
    background-attachment: scroll,fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    min-height: 729px;
}

#page-courses{
    position:relative;
    background-image: url(https://trefomastesosta.gr/assets/mathimata_page/mathimata_banner.jpg);
    position: relative;
    background-attachment: scroll,fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    min-height: 729px;
}




#abc-text {
    margin: 50px auto 100px;
    text-align: center;
    max-width:635px;
    font-size: 18px;
    color: #143d69;
    font-family: 'CeraGR-Medium';
}

#games-courses .col-md-6{text-align:center}


#games-courses img {
    max-width: 100%!important;
}

#games-courses p {
    font-size: 18px;
    color: #143d69;
    font-family: 'CeraGR-Medium';
    margin-bottom:40px;
}



#games-courses h3 {
    font-family: 'CeraGR-Bold';
    margin-top:15px;
}

#games-courses .row:first-child .col-md-6:first-child h3{
    color:#f5bd61;
}

#games-courses .row:first-child .col-md-6:nth-child(2) h3{
    color:#88a8a1;
}

#games-courses .row:nth-child(2) .col-md-6:first-child h3{
    color:#113a66;
}

#games-courses .row:nth-child(2) .col-md-6:nth-child(2) h3{
    color:#99c2b1;
}

#games-courses .row:nth-child(3) .col-md-6:first-child h3{
    color:#eaafa1;
}

#games-courses .row:nth-child(3) .col-md-6:nth-child(2) h3{
    color:#f3a277;
}

#games-courses .row:nth-child(4) .col-md-6:first-child h3{
    color:#debb8f;
}

#games-courses .row:nth-child(4) .col-md-6:nth-child(2) h3{
    color:#685d2d;
}

#games-courses .row:nth-child(5) .col-md-6:first-child h3{
    color:#1a7474;
}

#games-courses .row:nth-child(5) .col-md-6:nth-child(2) h3{
    color:#b3859e;
}

.games-text {
    color: #143d69;
    position: absolute;
    top: 50%;
    left:18%;
    transform: translate(18%,-50%);
    max-width: 540px;
    font-family: 'CeraGR-Medium';
    font-size: 28px;
}

.nav-games:hover  >  .content,
.nav-courses:hover  > .content
{
    display:block;
    transition: opacity 0.6s ease-out;
}

.nav-games ul.content,
.nav-courses ul.content {
    position: absolute;
    z-index:1!important;
    /*transition: opacity 0.6s ease-out;
    opacity: 0;*/
    display:none;
}

#games-courses .img-box {
    overflow: hidden;
    max-width: 90%;
    height: auto;
    margin: 0 auto;
}
#games-courses .img-box a:hover img{
    transform: scale(1.1);
    transition: all .4s ease-in-out;
}

#games-courses  h3,
#games-courses p
{
    transition: all .4s ease-in-out;
}

#games-courses .img-box + a:hover h3,
#games-courses .img-box + a:hover p
{
    transform: scale(1.1);
    transition: all .4s ease-in-out;
}

#games-courses .img-box a img{
    transition: all .4s ease-in-out;
}

.container.navbar-nav {z-index:2;}

[data-region="drawer"] { height: calc(100% - 100px);}

.context-122 #right-txt .col-md-12:last-child,
.context-122 #left-txt .col-md-12:first-child
{
    display: flex;
    flex-direction: column;
    align-self: center;
}

.context-122 .box.py-3.generalbox.center.clearfix,
.context-122 #page-content
{padding-bottom:0!important;}

#Courses-custom #left-txt p,
#Courses-custom #right-txt p {
    color:black;
    font-size:18px;
    max-width: 635px;
}

#Courses-custom .btn{
    width: fit-content;
    padding: 6px 50px;

}

#Courses-custom h3{
    color:#dfa03a;
}

#Courses-custom h3{
    margin-bottom:20px;
    margin-top: 5px;
}

.courses-inner-text {
    color:#143d69;
    position: absolute;
    top: 50%;
    left: 18%;
    transform: translate(18%,-50%);
    max-width: 540px;
    font-family: 'CeraGR-Medium';
    font-size: 28px;
}

#Courses-custom span {
    font-size: 20px;
    color: black;
    margin-left: 30px;
}

.course-3  .breadcrumb{display:none;}

#page-login-signup .collapsible-actions, fieldset#id_createuserandpass .ftoggler, fieldset#id_supplyinfo .ftoggler, #page-login-signup [aria-controls="id_category_1"] {display:none;}

#page-login-signup .mform fieldset {
    border-bottom: 0;
}

.pagelayout-course .breadcrumb {display: none;}

#page-login-signup .school-details {font-weight: 600;margin: 20px 0;display: none;}


#page-webinars{
    position:relative;
    background-image: url(https://trefomastesosta.gr/assets/webinars/webinars_header.jpg);
    position: relative;
    background-attachment: scroll,fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    min-height: 729px;
}

.webinar-inner-txt {
    min-height: 350px;
    display: flex;
    flex-direction: column;
    align-self: center;
    justify-content: center;
    font-size:18px;
}

#webinars-custom  .col-md-12 h5{
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#webinars-custom #abc-text{
    max-width: 785px;
}


#both-txts p{margin: 0;}
#webinars-custom .button-in-a-row a:last-child {background:white;border:1px solid #dfa03a;color:#dfa03a!important;}
#webinars-custom .button-in-a-row a{min-width:30%;margin:20px 20px;padding: 12px;}
#webinars-custom .button-in-a-row a:last-child:hover {
background: #dfa03a;
color:white;
border:1px solid #dfa03a;
}
#webinars-custom .button-in-a-row  {margin-top: 25px;}


#page-program{
    position:relative;
    background-image: url(https://trefomastesosta.gr/assets/programs/programma_header.jpg);
    position: relative;
    background-attachment: scroll,fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    min-height: 729px;
}
#program-custom p{font-size:18px!important;}
#program-custom #abc-text {max-width: 920px;}
#program-custom #left-txt.row {margin-bottom:50px!important;}
#program-custom #left-txt p {color:#000;}

.context-451 .pb-3,.context-451 .py-3{padding-bottom:0!important;}
#program-custom p{font-size:18px!important;}

.block_recentlyaccessedcourses .paging-bar-container .pagination .page-item .page-link,.coursebox>.info>.coursename a{color:#dfa03a;}
.block .block-cards .progress-bar,
.path-course-view #page-header .action-menu .menubar .dropdown-menu.show .dropdown-item:first-child,
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus-within, .dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:hover a, .dropdown-menu .dropdown-item:focus a, .dropdown-menu .dropdown-item:active a, .dropdown-menu .dropdown-item:focus-within a, .dropdown-menu .dropdown-item.active a,
#coursesearch input[type="submit"]
{background:#dfa03a;}

.block_navigation .block_tree .tree_item:hover{background-color:#dfa03a;}

#page-research{
    position:relative;
    background-image: url(/assets/research/erevna_header.jpg);
    position: relative;
    background-attachment: scroll,fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
    background-repeat: no-repeat;
    min-height: 729px;
}


@media only screen and (max-width: 1200px) {
#left-txt .col-md-12:first-child{order:2}
#left-txt .col-md-12:last-child,
#right-txt .col-md-12:first-child
{text-align: center;}

#both-txts{margin-bottom:0;}

#both-txts div.col-md-12:nth-child(odd) {border-right:0;}

#both-txts div.col-md-12 {
    border-bottom: 2px solid #b7b7b7;
    padding: 30px;
}

#webinars-custom #both-txts:last-child div.col-md-12:last-child {
    border-bottom: 0;
}
}


#research-custom #abc-text {
    max-width:815px;
}

#blog-custom img{
width: 100%;
    height: 8vw;
    object-fit: cover;
}

#blog-custom .card-text{
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#blog-custom .card-title {min-height:115px;align-items:center;align-self:center;display:flex;}

#blog-custom  h5{color:#094478}


@media (max-width: 1600px){
   .footer-bottom div{
       justify-content:center!important;
    }
   .footer-bottom div>div{
      margin-left:unset!important;
    }
  .footer-bottom div:first-child > img{margin-bottom:20px;}

    .footer-bottom img:first-child{margin-left: 25px;}
}