/**
 * @file
 * Subtheme specific CSS.
 */

 @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100;400;500;700&display=swap');

body{
    background:#f4f4f4;
    /*font-family: 'Inter', sans-serif;*/
    font-family: 'Geologica', sans-serif;
    
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
}

.node--view-mode-teaser h2 a,
a{
    transition:all 0.2s;
    -moz-transition:all 0.2s;
    -webkit-transition:all 0.2s;
    color:#56aaff;
}

.node--view-mode-teaser h2 a:hover,
a:hover{
    color:#0478ed;
}

img{
    max-width:100%;
    height:auto;
}

.site-footer{
    background:none;
}

#page, #main-wrapper{
    background:#f4f4f4;
}

#page-wrapper{
    overflow:hidden;
}

.navbar-nav{
	justify-content:end;
}

.navbar-brand img{
    max-width:80px;
    vertical-align: middle !important;
    margin-right:15px;
}

.navbar-brand{
    font-weight:bold;
    color:#0478ed;
    font-size:30px;
}

.navbar-brand:hover{
    color:#0478ed;
}

#navbar-top{
    justify-content: end;
}

.region-top-header .nav-link{
    padding:0 10px;
    font-size:14px;
}

.home-grid{
    position:relative;
    padding-top:320px;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    z-index: 1;
}

.home-grid:before{
    top:0;
    position:absolute;
    left:50%;
    width:100vw;
    margin-left:-50vw;
    height:460px;
    background:url(../images/meeting-room.jpg) no-repeat center;
    background-size:cover;
    content:"";
    z-index:-2;
    opacity:0.5;
}

.home-grid:after{
    top:0;
    position:absolute;
    left:50%;
    width:100vw;
    margin-left:-50vw;
    height:460px;
    content:"";
    z-index:-1;
    background:rgba(4,120,237,0.5);
}

.home-grid > div{
    width:16.66%;
    padding:10px;
}

.home-grid > div a{
    transition:all 0.4s;
    -moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    display:block;
    background:#fff;
    color:#03468a;
    font-weight:bold;
    border-radius:5px;
    text-align: center;
    text-decoration: none;
    padding:20px;
    line-height: normal;
    height:100%;
    box-shadow: 15px 14px 38px 0px rgba(0,0,0,0.1);
}

.home-grid > div a:hover{
    background: #03468a;
    color:#fff;
    transform:translateY(-20px);
    -moz-transform:translateY(-20px);
    -webkit-transform:translateY(-20px);
}

#navbar-main{
    background:#fff;
    padding:10px 20px;
    box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.1);
}

.user-not-logged-in #navbar-main{
    justify-content: center;
}

.page-user-login .main-content,
.page-user-password .main-content{
    max-width: 450px;
    margin: 0 auto;
}

.nav-tabs .nav-link {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color:#aaa;
}


#navbar-main .nav-link{
    color:#0478ed;
    font-size:18px;
}

#navbar-main .nav-link.is-active{
    color:#03468a;
}

#main{
    padding-top:50px;
}

.path-frontpage #main{
    padding-top:0;
}

h1, .h1{
    font-weight:bold;
    color:#03468a;
    margin-bottom:30px;
}

h1.long-title{
	font-size: 32px;
}

h2, .h2{
    font-weight:500;
    font-size:30px;
    color:#03468a;
    margin-bottom:15px;
}

.form-select,
.form-control{
    border-radius:3px;
}

.btn{
    border-radius:3px;
}

.btn-primary {
    background-color: #0478ed;
    border-color: #0478ed;
}

.btn-primary:hover {
    background-color:#03468a;
}

.view-filters form .js-form-item{
    margin-right:5px;
}

.view-filters form .js-form-item.js-form-type-select{
    max-width:250px;
}

.view .pagination{
    border-top:1px solid #03468a;
    padding-top:20px;
    margin-top:20px;
}

.view .pagination .page-link{
    background: none;
    border: 0 none;
    min-width:40px;
    line-height: 30px;
    padding:5px 0;
    text-align: center;
    border-radius:50%;
}

.page-item.active .page-link{
    background:#0478ed;
    color:#fff;
}

.page-link:focus{
    box-shadow: none;
}

.node--type-dimotiko-symboylio .field--name-field-imerominia{
    font-weight:bold;
    margin-bottom:10px;
    font-size: 22px;
}

.node--type-dimotiko-symboylio .field--name-field-keimeno-prosklisis{
    margin:20px 0;
}
.node--type-thema .field__label,
.node--type-dimotiko-symboylio .field__label{
    font-weight:bold;
}

.node--type-thema .field__label:after,
.node--type-dimotiko-symboylio .field__label:after{
    content:":";
    margin-right:3px;
}

.node--type-thema .node__content > .field.field--label-above{
    margin-bottom:15px;
		padding-top:10px;
		padding-bottom:10px;
}

.node--type-thema .node__content > .field.field--label-above .field__label{
	font-size:28px;
	margin-bottom:15px;
	color:#03468a;
}

.view-proigoymenes-imerisies-diataxeis .views-row{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
}

.view-proigoymenes-imerisies-diataxeis .views-row:last-child{
    border:0 none;
}

.view-proigoymenes-imerisies-diataxeis .views-field-title a{
    text-decoration: none;
    font-size:20px;
    color:#03468a;
    font-weight:500;
}

h2.node__title{
    color:#4286cb;
    text-decoration: none;
    font-size:18px;
    line-height: 1em;
}

h2.node__title a{
    text-decoration: none;
    font-size:18px;
    line-height: 1em;
}

.node--view-mode-teaser{
    padding-top:5px;
    padding-bottom:5px;
    margin:0;
}

.node--view-mode-teaser h2{
    padding-top:0;
    line-height: 1.3em;
    margin-bottom: 5px;
}

.node--view-mode-teaser .field--type-entity-reference{
    margin:0;
}

.field--name-field-praktika{
    margin:15px 0;
}

.node--type-thema .field--name-field-keimeno-thematos,
.node--type-thema .field--name-field-praktika{
    position:relative;
    z-index: 1;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:10px;
}

.node--type-thema .field--name-field-keimeno-thematos:before,
.node--type-thema .field--name-field-praktika:before{
    position:absolute;
    content:"";
    background:#fff;
    z-index: -1;
    left:50%;
    width:100vw;
    margin-left:-50vw;
    height:100%;
    top:0;
}

.node--type-thema .field--name-field-synimmena-arheia-thematos{
	padding:10px 0;
}

.node--type-thema .field--name-field-synimmena-arheia-thematos > .field__items > .field__item{
	border-bottom:1px solid #ccc;
	padding-bottom:2px;
	margin-bottom:2px;
}

.node--type-thema .field--name-field-synimmena-arheia-thematos > .field__items > .field__item .field--name-field-media-title{
	float:left;
	
}
.node--type-thema .field--name-field-synimmena-arheia-thematos > .field__items > .field__item .field--name-field-media-title:after{
	content:":";
	margin-right:5px;
}

#block-eds-views-block-imerisia-diataxi-thematos-block-1{
    margin-bottom:20px;
}

#block-eds-backlink .content a,
#block-eds-views-block-imerisia-diataxi-thematos-block-1 .views-field-title a{
    text-decoration: none;
    font-weight:bold;
    font-size:20px;
}

#block-eds-views-block-imerisia-diataxi-thematos-block-1 .views-field-title a{
    display:inline-block;
    color:#fff;
    background:#56aaff;
    padding:1px 15px;
}

#block-eds-views-block-imerisia-diataxi-thematos-block-1 .views-field-title a:hover{
    background:#03468a;
}

#block-eds-backlink  .content a:before{
    width:11px;
    height:11px;
    display:inline-block;
    margin-right:10px;
    transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    border-left:3px solid #56aaff;
    border-top:3px solid #56aaff;
    content:"";
    transition:all 0.2s;
    -moz-transition:all 0.2s;
    -webkit-transition:all 0.2s;
}*/
#block-eds-views-block-imerisia-diataxi-thematos-block-1 .views-field-title a:hover:before{
    border-color:#0478ed;
}

.view-themata-dimotikoy-symboylioy .views-row{
    padding-top:10px;
    padding-bottom:10px;
    counter-reset: section;
}

.view-themata-dimotikoy-symboylioy h3{
    margin-bottom:0;
}

.view-themata-dimotikoy-symboylioy h3 a{
    text-decoration: none;
    font-size:20px;
    font-weight:bold;
    color:#03468a;
}

.view-themata-dimotikoy-symboylioy .views-field-title-1{
    font-size:0;
}  
.view-themata-dimotikoy-symboylioy .views-field-title-1 a{
    display:block;
    font-size:18px;
    padding-left:25px;
}



.view-themata-dimotikoy-symboylioy .views-field-title a:before{
    counter-increment: section;
    content: counter(section)'. ';
    transform:translateX(-40px);
    -moz-transform:translateX(-40px);
    transform:translateX(-40px);
    display:inline-block;
    width:40px;
    text-align: right;
    position:absolute;
    padding-right:5px;
    color:#3b3b3b;
}

.view-anazitisi-eggrafon .view-content,
.view-praktika-dimotikoy-symboylioy .view-content{
    margin:0;
}
.view-anazitisi-eggrafon .views-row,
.view-praktika-dimotikoy-symboylioy .views-row{
    padding:10px 0;
    border-bottom:1px solid #ddd;
}

.view-anazitisi-eggrafon .views-row:last-child,
.view-praktika-dimotikoy-symboylioy .views-row:last-child{
    border:0 none;
}

.view-video .views-row{
    padding:0 10px 15px;
    position:relative;
    z-index: 1;
    margin-bottom:20px;
}

.view-video .views-row:before{
    position:absolute;
    z-index: -1;
    background:#fff;
    content:"";
    left:10px;
    right:10px;
    top:0;
    bottom:0;
    box-shadow: 15px 14px 38px 0px rgba(0,0,0,0.1);
}

.view-video .views-row .views-field {
    padding:0 15px;
}

.view-video .views-row .views-field-title-1{
    margin-bottom:10px;
}

.view-video .views-row .views-field-title-1 a {
    text-decoration: none;
    color:#03468a;
    font-size:20px;
}

.view-video .views-row .views-field-field-video{
    padding:0;
}
video{
    max-width:100%;
    height:auto;
}

.view-anazitisi-eggrafon .views-row .list-group{
	padding-left:20px;
}

.view-anazitisi-eggrafon .views-row .list-group-item{
	background:none;
	border:0 none;
}

.paragraph--type--video-point .video-point{
    cursor: pointer;
}

#block-eds-views-block-ds-video-block-1{
	padding-top:30px;
}

.view-ds-video .views-row{
	display:flex;
}

.view-ds-video .views-row > div{
	width:50%;
}

.view-ds-video .views-row > div.views-field-field-video-points{
    padding-left:20px;
}

.view-ds-video .list-group .list-group-item{
	background:none;
	border:0 none;
	border-bottom:1px solid #ccc;
	padding:2px 0;
}

.view-ds-video .list-group .list-group-item span:hover{
	color:#56aaff;
}

.view-ds-video .field--name-field-media-oembed-video{
    display: none;
}

.view-ds-video .field--name-field-media-oembed-video iframe{

}

.views-field-field-video .field--name-field-media-oembed-video{

}

.views-field-field-video .field-content > div{
    position:relative;
    padding:56.25% 0 0;
    height:0;
}
.views-field-field-video .field-content > div iframe{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}

#block-eds-views-block-themata-imerisias-diataxis-block-block-1,
#block-eds-views-block-themata-imerisias-diataxis-block-block-2{
    margin-top:50px;
}
	
	
@media all and (max-width:1300px){
	.home-grid > div a{
		padding:15px;
	}
}

@media all and (max-width:1100px){
	.home-grid > div {
    width: 33.33%;
	}
	.home-grid {
	    max-width: 700px;
			margin:0 auto;
			padding-top: 150px;
	}
	.home-grid:before,
	.home-grid:after{
		height:300px;
	}
}

@media all and (max-width:680px){
    .home-grid > div {
        width: 50%;
    }
}

@media all and (max-width:460px){
    .navbar-brand img {
        max-width: 60px;
    }
    .home-grid {
        padding-top: 100px;
    }
    .home-grid:before, .home-grid:after {
        height: 250px;
    }
    .home-grid > div {
        width: 100%;
    }

    .home-grid > div a{
        max-width: 250px;
        margin-left:auto;
        margin-right:auto;
    }
}

/*
.santoriniports-theme .navbar-brand{
    color:#0E11A6;
}

.santoriniports-theme #navbar-top{
    background:rgb(14, 17, 166);
}
.santoriniports-theme .home-grid:after {
    background: rgba(14, 17, 166, 0.5);
}*/