/*
 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
*/
/*TOP BAR*/
.top-bar {height: 30px;line-height: 15px;position: relative;z-index: 1;background-color: #676767d9;}
.top-bar, .top-bar a {color: #ffffff;text-align: center;}
.top-bar-container {line-height: 30px;display: flex;justify-content: center;width: 1280px;margin-left: auto;margin-right: auto;}
.top-bar-left {width: 33%;text-align: left;}
.top-bar-center {width: 33%;}
.top-bar-right {width: 33%;text-align: right;}
.top-bar a {text-decoration: none;}
/*HEADER*/
.site-header {display: none;}
.hamburgermenusvg {width: 32px;}
div#main-header {height: 120px;position: sticky;top: 0px;z-index: 11;background: #ffffff52;border-bottom: 1px solid #a1a1a1;}
.main-header-container {display: flex; height: 120px;width: 1280px;justify-self: center;margin-left: auto;margin-right: auto;}
.main-header-center-logo, .main-header-center-menu {align-content: center;}
.main-header-center {display: flex;}
/*sticky*/
.main-header sticky .main-header-container .main-header-right{display:none;}
.main-header sticky .main-header-container sticky{height: 150px;}
.sticky {background: #ffffff !important;border-bottom: 1px solid #e2e2e2 !important;}
/*Sidemenu*/
.sidenav {height: 100%;position: fixed;top: 0;left: 0;width:0;background-color: #000000;overflow-x: hidden;padding-top: 60px;z-index: 21;}
.sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 25px;color: #ffffff;display: block;transition: 0.3s;}
.sidenav a:hover {color: #ff416c;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
@media screen and (max-height: 450px) {.sidenav {padding-top: 15px;}.sidenav a {font-size: 18px;}}
/*OffCanvas menu*/
.offcanvasmenudiv, .headerlogodiv, .darkmodediv {display: flex;width: 100%;}
.offcanvasmenudivmenu {color: #000000;font-size: 16px;}
.offcanvasmenudiv span {display: flex;color: #000000;cursor: pointer;font-size: 16px;}
.offcanvasmenudiv {padding: 0px 0px 0px 10px;}
@media (min-width: 1023px){.main-header-right-offcanvasmenu{display: none;}}
/*mobile*/
nav#main-nav {margin-left: 40px;}
.main-nav ul {list-style: none;display: flex;gap: 40px;margin: 0px;}
.main-nav ul li {padding: 0px 20px;}
.main-nav a {color: #404040;text-decoration: none;font-weight: 400;transition: color 0.2s;font-size: 16px;text-transform: uppercase;}
.main-nav a:hover {color: #404040;}
@media (max-width: 1023px) {.burger {display: block;}
.main-nav {display: none;width: 100%;margin-top: 10px;}
.main-nav ul {flex-direction: column;gap: 10px;padding: 10px 0;}
.main-nav.show {display: flex;flex-direction: column;}}
/*MAINPAGE*/
.mainpage-hero-image {margin-top: -140px;}
/*hero image*/
.mainpage-hero-image-text {position: absolute;top: calc(50% + 60px);left: 50%;transform: translate(-50%, -50%);text-align: center;background-color: #404040c9;padding: 25px 50px;border-radius: 16px;border: 1px solid #404040;}
.mainpage-hero-image-h2 {color: #ffffff;font-size: 36px;}
.mainpage-hero-image-p {color: #ffffff;font-size: 20px;}
.mainpage-hero-image-button {background-color: #ee3a35;border-radius: 16px;font-size: 20px;}
.mainpage-hero-image-button:hover {background-color: #ffffff;}
.mainpage-hero-image-button a {text-decoration: none;color: #000;}
/*programmata*/
.mainpage-programmata {margin-top: 150px;}
.mainpage-programmata-h2 {text-align: center;font-size: 30px;margin-bottom: 50px;}
.mainpage-programmata-list {justify-self: center;display: grid;grid-template-columns: repeat(auto-fit, minmax(800px, 1fr));gap: 30px;max-width: 1680px;}
.mainpage-programmata-list-specific {position: relative;height: 258px;}
.mainpage-programmata-list-specific img{border-radius: 16px;}
.mainpage-programmata-list-specific-text {position: absolute;transform: translate(200px, -50%);top: 50%;width: 600px;background-color: #ffffff73;padding: 10px 50px;border-radius: 16px;}
.mainpage-programmata-list-specific h3 {font-size: 18px;margin-bottom: 0px;text-align: center;}
.mainpage-programmata-list-specific p {margin-top: 10px;margin-bottom: 0px;font-size: 18px;text-align: center;}
.mainpage-programmata-list-specific button {position: relative;width: 300px;background-color: #ee3a35;border-radius: 16px;border: 1px solid #404040;font-size: 14px;}
.mainpage-programmata-list-specific-text-lixi {font-size: 12px !important;margin-top: 10px !important;}
/*epixeiriseis*/
.mainpage-programmata-epixeirisewn {margin-top: calc(150px - 20px);}
.mainpage-programmata-epixeirisewn-h2 {text-align: center;font-size: 30px;margin-bottom: 50px;}
.mainpage-programmata-epixeirisewn-list {justify-self: center;display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 0px 30px;max-width: 1290px;margin-left: auto;margin-right: auto;}
.mainpage-programmata-epixeirisewn-specific img {border-radius: 50%;}
.mainpage-programmata-epixeirisewn-specific h3 {position: relative;transform: translate(0%, 50%);top: calc(-50% - 41px);background-color: #ffffffe6;width: 90%;margin-left: auto;margin-right: auto;text-align: center;border-radius: 16px;font-size: 26px;padding: 10px;}
.mainpage-programmata-epixeirisewn-specific h3 a {text-decoration: none;color: #000;}
.mainpage-programmata-epixeirisewn-specific p {margin-bottom: 0px;}
/*seminaria*/
.mainpage-seminaria {margin-top: 75px;}
.mainpage-seminaria-h2 {text-align: center;font-size: 30px;margin-bottom: 50px;}
.mainpage-seminaria-list {justify-self: center;display: grid;grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));gap: 0px 30px;max-width: 1920px;}
.mainpage-seminaria-specific img {border-radius: 16px;}
.mainpage-seminaria-specific h3 {position: relative;transform: translate(0%, 50%);top: calc(-50% - 25px);background-color: #ffffffe6;width: 90%;margin-left: auto;margin-right: auto;text-align: center;border-radius: 16px;font-size: 26px;padding: 10px;margin-bottom: 0px;}
.mainpage-seminaria-specific h3 a {text-decoration: none;color: #000;}
.mainpage-seminaria-specific p {margin-bottom: 0px;margin-top: -25px;text-align: center;}
/*poioi-eimaste*/
.poioi-eimaste {margin-top: 175px;}
.poioi-eimaste-h2 {text-align: center;font-size: 30px;margin-bottom: 50px;}
.poioi-eimaste-img-text {position: relative;}
.poioi-eimaste-div {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1280px;color: #fff;font-size: 16px;}