/*
Theme Name: Uncode Child
Version: 1.0
Text Domain: uncode
Template: uncode
*/

/* Global Settings */

:root{
    --koaWhite: #FFFFFF;
    --koaBlack: #000000;
    --koaBlue: #00109e;
}

/* Global Classes */
/* Colors */
.koa_white_text{ color: var(--koaWhite) !important;}
.koa_black_text{ color: var(--koaBlack);}
.koa_blue_text{ color: var(--koaBlue);}

.koa_flex_row{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.koa_width_50pct{ width: 50%;}

.koa_upcoming_events_fimage{
    height: 100%;
    object-fit: cover;
}

.koa_link{ color: #4f5cd6 !important;}

.koa_upcoming_events_grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
}

.koa_upcoming_events_grid.koa_upcoming_events_grid_3{ grid-template-columns: repeat(3, 1fr);}

/*---*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.inter-semi-bold {
    font-family: "Inter", serif;
    font-optical-sizing: auto;
    font-weight: 450;
    font-style: normal;
}

/*----------------------------header-logo-menu-klp-----------------------------------------------*/

#main-logo{ padding-left: calc(7vw - 36px);}
#main-logo a > * { height: 60px !important;}

@media only screen and (min-width: 960px) {
    .menu-smart > li > a{ padding: 0px 24px 0px 24px;}
    .menu-sub-enhanced.menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li { max-width: 30vw;}
}

@media only screen and (max-width: 960px) {
	.mobile-second{ font-size: 4.5vw !important;}
}

/*---------offcanvas-menu-anixto-ble--------------*/

@media (min-width: 960px) {
	body.vmenu-offcanvas-overlay #masthead .row-inner.expand {
	background: #dad7f6;
	}
    .submenu-light .menu-accordion .menu-smart ul{
        background: #dad7f6;
    }
}
		
/*---------offcanvas-menu-anixto-ble-END--------------*/
	
/* Stuck header 
.navbar.is_stuck .row-menu:first-of-type{ background: var(--koaWhite);}
*/

.slider-mobile-image{
 margin-left: -7vw !important;
margin-right: -7vw !important;
}

		
.menu-light .menu-smart a:hover, .menu-light .menu-smart a:focus {
	color: #2b418e;
}

.menu-accordion .menu-smart ul a {
	margin-left: 20px !important;
    font-weight: 400;
}

.vmenu-container .main-menu-container .sm-vertical{
	padding: 96px 0px 0px 0px;
}
	
/*---------burger-menu-lefko-------------*/
		
		.lines:not(.lines-dropdown) {
    background: #fff !important;
}
.lines:not(.lines-dropdown):before{
     background: #fff !important;
}

.lines:not(.lines-dropdown):after{
     background: #fff !important;
}
		
/*---------burger-menu-X-mavro----------*/
		
.lines-button.close .lines:before{
			background-color: #000 !important;
		}
		
.lines-button.close .lines:after{
			background-color: #000 !important;
		}	
		
/*---------burger-menu-allages-end----------*/		

.lines-button .lines:after {
    top: -8px;
}

.lines-button .lines:before {
    top: 8px;
}

.lines-button .lines, .lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span {
	width: 30px;
	transform-origin: 15px center;
}
		


@media only screen and (max-width: 959px) {
.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container {
	        background-color: #bcc5fe;
    }
}

@media only screen and (max-width: 959px) {
	.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-smart{
		  background-color: #bcc5fe;
	}
}

/*-----------------------------------fonts buttons klp------------------------------------------------*/

p{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 18px;  
}

@media only screen and (max-width: 1024px) {
    p{ font-size: 18px;}
}

/* Headings H1 - H6 */

h1{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 1.3em;
}

h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]){ 
    font-size: 2.55vw;
}

h2{
    font-family: "Inter", sans-serif;
    font-weight: 500;
}

h3{
    font-family: "Inter", sans-serif;
    font-weight: 450;
    font-size: 24px;
}

h4{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 1.4em;
}

h5{
    font-family: "Inter", sans-serif;
    font-weight: 400;
}

h6{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 1.5em;
}

@media only screen and (max-width: 1024px) {
	h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]){ font-size: 4vw;}
    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) { font-size: 24px;}
    h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]) { font-size: 20px;}
    h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) { font-size: 18px;}
}

@media only screen and (max-width: 600px) {
	h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]){
        font-size: 8vw;
        font-weight: 500;
    }
}

.idos{
    font-family: "Inter", sans-serif;
    font-weight: 400;
    color: #4f5cd6 ;
}

.btn-lg{
    font-size: 18px !important;
    padding: 12px 25px !important;
}

.btn { padding: 12px 20px !important;}

.btn-container{ margin-top: 1px;}

@media only screen and (max-width: 1440px) {
	.btn-lg{
        font-size: 16px !important;
        padding: 12px 15px !important;
	}
    .btn {  padding: 12px 15px !important;}
}

@media only screen and (max-width: 1024px) {
    .btn-container{ margin-top: 5px;}
	.btn-xl{ font-size: 24px !important;}
}

@media only screen and (max-width: 600px) {
    .btn-lg{ font-size: 24px !important;}
	.btn-xl{ font-size: 26px !important;}
}

.dio-koubia{
    display: flex;  
    padding-top: 30px;
}

@media only screen and (max-width: 1024px) {
	.dio-koubia{
        flex-direction: column;
        align-items: flex-start;
	}
}

@media only screen and (max-width: 600px) {
	.dio-koubia{
        flex-direction: row;
        align-items: flex-start;
        padding-top: 20px;
	}
}

.titlos-event{ font-size: 32px !important;}

@media only screen and (max-width: 1024px) {
	.titlos-event{ font-size: 24px !important;}
}

.subtitle{ font-weight: 500;}

@media only screen and (max-width: 600px) {
    .kimeno-bio{ font-size: 17px !important;}
}

 .search-form-icon{
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #000 !important;
    border-radius: 10em;
    font-size: 18px;
    color: #000;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

form { width: 100%;}
select {
    width: 100%;
    padding: 12px 20px;
    border: 1px solid #000 !important;
    border-radius: 10em;
    font-size: 18px;
    color: #000;
    cursor: pointer;
    outline: none;
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color:transparent;
}

:not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry > *:not(hr):not(.spacer) { margin:0;}

.newsletter-area{
    border-bottom: 1px solid #000;
    font-size: 18px;
}
    
input{
    border-color: #000;   
    background-color: transparent;   
    box-shadow:none; 
}    

.style-light input {
    border-color: #000; 
    background-color: transparent;
}
    
.style-light input[type=checkbox]:checked:before{
    color: #000;
    border-color: #000;
    background-color:  transparent;
}

.webkit input[type=checkbox]{
    background: none;
    border: 1px solid #000;
    
}
    
.GDPR{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 10px;
}


.search-container-arxio {
    width: 100%;
    max-width: unset;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    background: white;
    border: 0;
    border-radius: 0;
}
        
@media (max-width: 600px) {
    .search-container-arxio {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 10px;
        background: white;
        border: 0;
        border-radius: 0;
    }
}

.search-input-arxio {
    width: 100%;
    padding: 8px;
    font-size: 1em;
    border: 1px solid #000;
    border-radius: 10em;
    box-shadow: 0;
}

 @media (max-width: 600px) {        
    .search-input-arxio {
        width: 80%;
        padding: 8px;
        font-size: 1em;
        border: 1px solid #000;
        border-radius: 10em;
        box-shadow: 0;
    }   
 }

.filter-button {
    margin-left: 10px;
    padding: 8px 15px;
    font-size: 1em;
    cursor: pointer;
    border: 2px solid #000;
    background-color: #fff;
    color: #000;
    border-radius: 10em;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
}
        
.filters {
    display: none;
    width: 100%;
    max-width: unset;
    background: white;
    padding: 15px;
    border: 0;
    border-radius: 0;
    margin-top: 5px;
}

.filter-options {
    display: flex;
    gap: 1.5em;
    justify-content: flex-end;
}
.filter-options select {
    width: 32%;
    padding: 10px 35px 10px 20px;
    font-size: 1em;
    border: 1px solid #000;
    border-radius: 10em;
    background: white;
}

@media (max-width: 600px) {
    .filter-options { flex-direction: column;}
    .filter-options select { width: 100%;}
}

.style-light select:not([multiple]) {
    /*background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgNTAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjIuNiw4YzAtMC4xLDAtMC4yLDAuMS0wLjJsMC41LTAuNWMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xbDMuNywzLjdsMy43LTMuN2MwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMXMwLjIsMCwwLjIsMC4xTDMyLDcuOEMzMiw3LjksMzIuMSw4LDMyLjEsOGMwLDAuMSwwLDAuMi0wLjEsMC4ybC00LjQsNC40Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMXMtMC4yLDAtMC4yLTAuMWwtNC40LTQuNEMyMi43LDguMiwyMi42LDguMSwyMi42LDh6Ii8+PC9zdmc+);*/
    background-position: right;
    background-repeat: no-repeat;
}


.koa-underline-from-left:hover:before, .koa-underline-from-left:focus:before, .koa-underline-from-left:active:before {
  right: 0;
}


.koa-underline-from-left-mavro {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.koa-underline-from-left-mavro:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  color: #000 !important;
  background: #000;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.koa-underline-from-left-mavro:hover:before, .koa-underline-from-left-mavro:focus:before, .koa-underline-from-left-mavro:active:before {
  right: 0;
}

.style-dark a:not(.btn-text-skin):hover, .style-light .style-dark a:not(.btn-text-skin):hover, .style-dark a:not(.btn-text-skin):focus, .style-light .style-dark a:not(.btn-text-skin):focus{
    color: unset;
}


/*-------------------------------------------top-slider-----------------------------------------------------------------*/

@media (max-width: 600px) {
    .top-slider{ font-size: 6vw !important;	}
}

.imerominia-top-slider{ color: #FFF;}

.imerominia-top-slider::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/02/03101114/simvola-koa-w-1.svg');
    position: absolute;
    height: 40px;
    width: 40px;
    margin-top: -60px;
    display: block;
}

@media (max-width: 600px) {
    .imerominia-top-slider::before{ 
		display: none !important;
		content: none;
	}	
}
	
@media (max-width: 600px) {
    .imerominia-top-slider-mavro::before{ display: none !important;}	
}
	

@media (max-width: 600px) {
    .imerominia-top-slider {
        content: none;
        font-size: 16px !important;
    }
}
	
@media (max-width: 600px) {
    .imerominia-top-slider-mavro {
        content: none;
        font-size: 16px !important;
    }
}

.imerominia-top-slider-mavro::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/02/10122915/simvola-koa-b-1-05.svg');
    position: absolute;
    height: 40px;
    width: 40px;
    margin-top: -60px;
    display: block;
}

.imerominia-top-slider .imerominia-top-slider-mavro{content:"";}

.programma-slider::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/02/03101312/simvola-koa-w-2-03.svg');
    position: absolute;
    height: 30px;
    width: 30px;
    margin-left: -50px;
    padding-right: 0;
    display: block;
}

 @media (max-width: 600px) {
    .programma-slider::before{
		 content: none;
		display: none;
	 }
}

.programma-slider {
    content:"";
    margin-left: 50px;
    color: var(--koaWhite);
}

.programma-slider-mavro{
    content:"";
    margin-left: 50px;	
}
	
 @media (max-width: 600px) {
    .programma-slider-mavro { display: none;}
}	

.programma-slider-mavro::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/02/10122914/simvola-koa-b-2-06.svg');
    position: absolute;
    height: 30px;
    width: 30px;
    margin-left: -50px;
    padding-right: 0;
    display: block;
}

/*-----------------------------------------------images----------------------------------------------------*/

.distilo-event{ aspect-ratio: 12/8;}

/*----------------------------------------------------footer-----------------------------------------------*/

.lista-footer{
   list-style: none !important;
   padding-left:0 !important;
}

.lista-footer li{
    margin: 4px 0;  
    font-family: "Inter", serif;
    font-size: 16px;
    color: #000;
}

.hide-content{
	display: none;
}

.titlos-menu-footer{
 margin-bottom: -8px;
}


.widget-container.widget_nav_menu li, .widget-container.widget_custom_menu li{
	text-transform: inherit;
	color: #000;
	margin: 4px 0; 
	font-family: "Inter";
	line-height: 1.4;
}

.widget-container.widget_nav_menu li a, .widget-container.widget_custom_menu li a{
	font-size: 16px;
}
		
.xorigos-text{
	font-size: x-small;
}		

/*-----------------------------------------------------proti-selida--------------------------------------*/

.padding-selidas{
    padding-left: 7vw;
    padding-right: 7vw;
}
		

.section-title{padding: 0;}

.top-30{ padding-top: 24px;}

@media only screen and (max-width: 600px) {
    .top-30{ padding-top: 18px;}
}
		
.bottom-30{ 
	padding-bottom: 24px;}

@media only screen and (max-width: 600px) {
    .bottom-30{ 
		padding-bottom: 18px;}
}
	
		
		

.top-48{ padding-top: 40px;}

@media only screen and (max-width: 600px) {
    .top-48{ padding-top: 32px;   
    }
}

.bottom-48{ padding-bottom: 40px;}

@media only screen and (max-width: 600px) {
	.bottom-48{ padding-bottom: 32px;}
}

.top-40{ padding-top: 32px;}

@media only screen and (max-width: 600px) {
	.top-40{ padding-top: 24px;}
}

.bottom-40{ padding-bottom: 32px;}

@media only screen and (max-width: 600px) {
	.bottom-40{ padding-bottom: 24px;}
}

.top-60{ padding-top: 60px;}

@media only screen and (max-width: 600px) {
	.top-60{ padding-top: 48px;}
}

.bottom-60{ padding-bottom: 60px;	}

@media only screen and (max-width: 600px) {
    .bottom-60{ padding-bottom: 48px;	}
}

.top-96{ padding-top: 96px;}

@media only screen and (max-width: 600px) {
    .top-96{ padding-top: 60px;}
}

.bottom-96{ padding-bottom: 96px;}

@media only screen and (max-width: 600px) {
    .bottom-96{ padding-bottom: 60px;}
}

.idos{
    color: #4f5cd6 !important;
    font-weight: 450;
	padding-top: 24px;
}

@media only screen and (max-width: 600px) {
	.idos{ padding-top: 20px;}
}

.prosexis-section-title::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/01/29124026/simvola-koa-02.svg');
    position: absolute;
    height: 40px;
    width: 40px;
    margin-left: -70px;
    padding-right: 0;
    display: block;
}

@media only screen and (max-width: 1024px) {
	.prosexis-section-title::before{
        height: 30px;
        width: 30px;
        margin-left: -50px;
	}
}

.prosexis-section-title{
    content:"";
    margin-left: 70px;
}

@media only screen and (max-width: 1024px) {
	.prosexis-section-title{ margin-left: 50px;}
}

.titlos-event{
    padding-top: 24px;
	margin-top:0;
}

.imerominia{
    padding-top: 20px;
    margin-top:0;
}

.meros{
    padding-top: 20px; 
    margin-top:0;
}

.section-calendar{ margin-top: 96px;}
.section-programma-xronias{ margin-top: 96px;}

.section-programma-xronias-height{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}

/*------------------------------------------------------------event-page---------------------------------------------------------*/

@media only screen and (max-width: 600px) {
    .event-plirofories-dexia{ margin-top: -20px;}
}

.isitirio{
    font-weight: 500;
    margin-top: 0;
}

.media-section-title::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/01/29124027/simvola-koa-03.svg');
    position: absolute;
    height: 40px;
    width: 40px;
    margin-left: -70px;
    padding-right: 0;
    display: block;
}

.media-section-title{
    content:"";
    margin-left: 70px;
}

@media only screen and (max-width: 1024px) {
    .media-section-title::before{
        height: 30px;
        width: 30px;
        margin-left: -50px;
    }
}

@media only screen and (max-width: 1024px) {
	.media-section-title{ margin-left: 50px;}
}

/*-----------------------------------------------------------------------*/
.xorigi-section-title::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/02/26134536/xorigi-symbol-07-1.svg');
    position: absolute;
    height: 40px;
    width: 40px;
    margin-left: -70px;
    padding-right: 0;
    display: block;
}

.xorigi-section-title{
    content:"";
    margin-left: 70px;
}

@media only screen and (max-width: 1024px) {
    .xorigi-section-title::before{
        height: 30px;
        width: 30px;
        margin-left: -50px;
    }
}

@media only screen and (max-width: 1024px) {
	.xorigi-section-title{ margin-left: 50px;}
}


/*-----------------------------------------------------------------------*/

	
.programa-ekdilosis{ font-weight: 600;}
.xoreftis, .simetoxi .solist{ line-height: 1.8em;}

.sintelestes-section-title::before{
    content:url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/01/29124026/simvola-koa-01.svg');
    position: absolute;
    height: 40px;
    width: 40px;
    margin-left: -70px;
    padding-right: 0;
    display: block;
}

@media only screen and (max-width: 600px) {
	.sintelestes-section-title::before{
        height: 30px;
        width: 30px;
        margin-left: -50px;
	}
}

.sintelestes-section-title{
    content:"";
    margin-left: 70px;
}

@media only screen and (max-width: 600px) {
	.sintelestes-section-title{ margin-left: 50px;}
}


/*------------------------------------------------------selida-mousikou-ke-lista-events----------------------------------------------------------------*/

.symbraxis-section-title::before{
    content: url('https://koa-bucket.ams3.digitaloceanspaces.com/wordpress/uploads/2025/02/04153541/simvola-koa-smb-04.svg');
    position: absolute;
    height: 40px;
    width: 40px;
    margin-left: -70px;
    padding-right: 0;
    display: block;
}

@media only screen and (max-width: 1024px) {
	.symbraxis-section-title::before{
		height: 30px;
        width: 30px;
		margin-left: -50px;
	}
}

.symbraxis-section-title{
    content:"";
    margin-left: 70px;
}

@media only screen and (max-width: 1024px) {
	.symbraxis-section-title{ margin-left: 50px;}
}

.panel:not(.has-padding) .panel-title > a {
    padding: 18px 0px 0px 0px;
    font-size: unset;
    border-bottom: 2px #000 solid;
}

.panel-body{ padding-top: 24px;}

.plus-signed.sign-size-md .panel-title > a > span:after{ font-size: 1em;}

.panel-title > a > span:after { top: 65%;}

.extra-info{ font-style: italic;}

.organo{ font-weight: 300;}


@media only screen and (max-width: 600px) {
.organo{
	float: left;
}
}

.event-lista-1{
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.left-96{ padding-left: 96px !important;}

@media only screen and (max-width: 600px) {
    .left-96{ padding-left: 0 !important;}
}

.perissotera-text{ font-size: 16px;}

@media only screen and (max-width: 1024px) {
    .perissotera-text{
        display: none;
    }
}

.foto-event-plaini-lista{ min-height: 40vh;}

@media only screen and (max-width: 600px) {
    .foto-event-plaini-lista{
        min-height: 25vh;
    }
}

		/*----------aymayling--------------*/
#acym_fulldiv_formAcym1.acym__subscription__form__shortcode{
  padding: .5rem 0 !important;
  margin: -2.2rem auto 1rem auto !important;  
}

.newsletter_form .onefield.acyfield_text input{
  border-radius: 0;  
  border-bottom: 1px solid #fff;
}

#acym_fulldiv_formAcym1 .acym__subscription__form__button button{
    padding: 8px 20px 12px 20px !important;
    border-radius: 10rem !important;
    border-width: 2px !important;
}

.acym__subscription__form__termscond input[type="checkbox"]{
    top: -3px;
    margin-right: 3px;
}
.webkit input[type="checkbox"]{
    border: 1px solid #fff;
}
