* {
    margin: 0;
    padding: 0;
    font-family: "Anton", serif;
}

body::-webkit-scrollbar {
    width: 9px;
}

body::-webkit-scrollbar-thumb {
    background-color: black;
    border-radius: 0px;
    border: 2px solid white;
}
/* Responsive first section */
/* CONTROLS */
.default-button{
    padding:10px 18px;
    display: inline-block;
    background-color: white;
    border:1px solid rgb(0,0,0);
    outline: none;
    text-decoration: none;
    background: linear-gradient(to left, white 50%, rgb(20,20,20) 50%) right;
    background-size: 200%;
    transition: .6s ease-out;
}

.default-button-reverse {
    padding:10px 18px;
    background-color: white;
    border:1px solid rgb(0,0,0);
    outline: none;
    text-decoration: none;
    background: linear-gradient(to right, white 50%, rgb(20,20,20) 50%) left;
    background-size: 200%;
    transition: .6s ease-out;
}
.boring-button-no-animation ion-icon,
.default-button ion-icon{
    transform: translateY(4px);
}

.default-button:hover {
    background-position: left;
    color: white;
}

.default-button-reverse:hover {
    background-position: right;
    color: white;
}

.default-sub-title {
    font-size: 150%;
    color: white;
    font-weight: 100;
}

/* ******************** */
/* Aνακοινώσεις */
/* ******************** */
.blog-posts {
    /* background-color: rgb(102,218,200); */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.page-title.ptblog {
    margin: auto;
}
.page-title {
    font-weight: 100;
    font-size: 160%;
    width: 1120px;
    max-width: 85vw;
    margin: auto !important;    
}

.article{
  width: 1120px;
  margin: 25px 0 0 0;
  padding-bottom: 40px;
  border-bottom: 1px solid rgb(210,210,210);
}

.article:first-of-type {
  padding-top: 20px;
  border-top: 1px solid rgb(210,210,210);
}

.article-title{
    font-size: 130%;
}

.article-timestamp {
    font-size: 90%;
    padding-top: 3px;
    color: rgb(80,80,80);
}

.article-text{
    line-height: 130%;
    padding: 20px 0 30px 0;
    color: rgb(50,50,50);
}

.pagination {
    margin: 40px 0;
}

.current {
    margin: 0 20px;
    position: absolute;
    left: 48vw;
}

.pagination a {
    margin: 0 3px;
    position: absolute;
}
.first-page,
.previous-page,
.next-page,
.last-page{
    transform: translateY(-11px);
}

.first-page {
    right: 57.1vw;
}

.previous-page {
    right: 51.4vw;
}

.next-page {
    left: 51.2vw;
}

.last-page {
    left: 55.3vw;
}

.post-entry {
    max-width: 1120px;
    margin: auto auto 40px auto;
    min-height: 58vh;
    /* display: flex;
    flex-direction: column;
    justify-content: center; */
}

.post-entry img {
   max-width: 95vw;
   height: auto !important;
}

/* .post-entry .default-button {
    width: 252px;
} */

.post-page-title {
    font-size: 160%;
    font-weight: 100;
    margin-bottom: 20px;
}

.post-page-text {
    margin-bottom: 30px;
}


/* ******************** */
/* Contact Page */
/* ******************** */

.contact-section {
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact-form-title,
.contact-title {
    font-size: 150%;
    font-weight: 100;
    text-align: center;
    margin: 20px 0 40px 0;
}

.contact-info-div {
    flex: 0 0 40%;
    
}

.contact-form-wrapper {
    display: flex;
    height: 80vh;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    margin: 0;
    padding: 6px 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    width: 100%;
    border-radius: 0;
    margin-bottom: 20px;
    box-shadow: none;
    outline: none;
    font-size:90%;
}

.contact-form textarea {
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0px;
    margin-top: 20px;
    box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);
}

.contact-form button[type="submit"] {
    height:45px;
    width: 120px;
    background-color: rgb(209,228,221);
    border: 1px solid rgba(0,0,0,1);
    font-size: 92%;
}

.contact-info-div h2{
    font-size: 110%;
    font-weight: 100;
    margin-bottom: 5px;
}
.contact-info-div div{
    margin-bottom: 15px;
}

/* ******************** */
/* Home Page */
/* ******************** */

.home-header {
    height: calc(100vh - 110px);
    background-image: linear-gradient(to bottom, 
    rgba(34, 107, 150, 0.1), 
    rgba(60, 70, 99, 0.4)), 
    url(../images/nov_update/SMR2070.jpg);
    background-position: 40% 42%;
    background-size: cover;
    display: flex;
    color: white;
}

.home-header__text{
    margin: 32vh 0vw 10px 10vw;

}

.home-header__text h1{
    font-size: 180% ;
    margin-bottom: 40px;
}

.home-header__text p {
    font-size: 110%;
    width: 700px;
    max-width: 85vw;
}



.ds-meli-home,
.nea-sen-home {
    display: flex;
    margin: auto;
}

.nea-sen-home--text {
    width: 50vw;
    display: flex;
    flex-direction: column;
}

.nea-sen-home--text--container {
    justify-self: center;
    align-self: center;
}
.nea-sen-home--text--container a {
}

.meli-sen-home--photo,
.nea-sen-home--photo {
    width: 50vw;
}

.meli-sen-home--photo img {
    width: 47vw;
}


.nea-sen-home--photo img {
    width: 50vw;
    height: auto;
}

.nea-sen-home--text--title {
    font-weight: 100;
    font-size: 180%;
    margin-top: 200px;
    margin-bottom: 20px;
}

.nea-sen-home--text--discription {
    margin-bottom: 12px;
}

.seminaria__home {
    height: 70vh;
    background-image: linear-gradient(to bottom, 
    rgba(34, 107, 150, 0.3), 
    rgba(60, 70, 99, 0.6)), 
    url(../images/nov_update/SMR2056.jpg);
    background-position: 50% 3%;
    background-size: cover;
    color: white;
    display: flex;
    flex-direction: column;
    /* margin-bottom: 90px; */
    justify-content: center;
    align-items: center;
}

.seminaria__home--title{
    font-size: 180%;
    font-weight: 100;
    margin-bottom: 25px;
}
.slide-content a,
.seminaria__home a {
    color: white;
}
.slide-content a,
.seminaria__home p{
    padding-bottom: 3px;
    border-bottom: 1px solid white;
}

.seminaria__home ion-icon{
    transform: translate(-2px, 4px);   
}

/* About Page */

.home-about {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: auto;
    padding: 60px 0;
    background-size: cover;
}

.home-about h3 {
    font-size: 160%;
    font-weight: 100;
    padding: 20px;
}

.home-about h4 {
    text-align: center;
    font-weight: 100;
    padding: 40px 0 40px 0;
    max-width: 1120px;
}
.home-about h5 {
    font-weight: 100;
    padding: 40px 0 40px 0;
}

.home-about ul {
    display: flex;
    padding: 20px;
    max-width: 1400px;
}

.home-about ul li {
    max-width: 50%;
    padding: 2%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ul-4 li{
    width: 21%;
    margin: 0 2.5%;
    text-align: center;
}

.ul-2 li {
    max-width: 40%;
    width: 40%;
    margin: 0 5%;
    text-align: center;
}

.home-about ul li svg {
    height: 55px;
    width: 55px;
    margin-bottom: 22px;

}

/* ******************** */
/* Seminaria Page */
/* ******************** */


/* Responsive. */
@media (max-width: 900px) {
    body {
        font-size: 75%;
    }
}
.seminaria-section {
    height: 95vh;
    display: grid;
    grid-template-columns: 33.3% 33.4% 33.3%;
}
.seminaria-pratirio-description {
    height: 100%;
    background-color: rgb(44, 44, 44);
    z-index: 1;
    background-image: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0.25), 
    rgba(0, 0, 0, 0.55)), 
    url(../images/leftheriotis-kostas-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.seminaria-kentriko-description {
    background-color: rgb(44, 44, 44);
    background-image: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0.18), 
    rgba(0, 0, 0, 0.38)), 
    url(../images/nov_update/SMR2101.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    background-position: 65%;
}

.seminaria-diadiktiaka-description {
    background-color: rgb(44, 44, 44);
    background-image: linear-gradient(to bottom, 
    rgba(0, 0, 0, 0.3), 
    rgba(0, 0, 0, 0.6)), 
    url(../images/nov_update/SMR1999.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    background-position: 55%;
}

.sem-border {
    border-right: 3px solid #943634;
}


.boring-button-no-animation{
    padding:10px 18px;
    background-color: white;
    border:1px solid rgb(0,0,0);
    outline: none;
    text-decoration: none;
    background: linear-gradient(to left, white 50%, rgb(20,20,20) 50%) right;
    background-size: 200%;
}



.sem-description {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.sem-description h1 {
    margin-bottom: 30px;
}

.seminaria__mobile {
    display: none;
}

/* ******************** */
/* Istoriko Page*/
/* ******************** */

.sen-history {
    max-width: 1120px;
    margin: auto;
}

.sen-history p {
    margin: 3px;
}

.sen-history h1 {
    font-size: 160%;
    font-weight: 100;
    margin-bottom: 40px;
}

.sen-history h3 {
    font-size: 118%;
    font-weight: 100;
    text-decoration: underline;
    margin-bottom: 20px;
}

.sen-history-diakriseis,
.sen-history-euergetai-kai-dwrhtai,
.sen-history-prwto-ds{
    margin-top: 40px;
}

.sen-history-euergetai-kai-dwrhtai h3 {
    margin-bottom: 0;
}

/* ******************** */
/* Pratirio */
/* ******************** */

.sen-pratirio {
    max-width: 1120px;
    margin: auto;
    padding-bottom: 30px;
}
.sen-pratirio img {
    width: 100%;
}

.sen-pratirio h1 {
    font-size: 160%;
    font-weight: 100;
    margin-bottom: 40px;
}

.sen-pratirio p {
    margin: 18px 0;
}

.sen-pratirio ul {
    list-style-type: disc;
    margin-left: 18px;
}

/* ******************** */
/* DS & Mele */
/* ******************** */

.sen-members {
    max-width: 1120px;
    margin: auto;
}

.sen-members h1 {
    font-size: 160%;
    font-weight: 100;
    margin-bottom: 40px;
}

.sen-members h3 {
    font-size: 118%;
    font-weight: 100;
    /* text-decoration: underline; */
    margin-bottom: 20px;
}

.sen-members p {
    margin: 18px 0;
}


/* Home Slider */
.owl-carousel {
    display: block !important;
    width: 100%;
    height: 70vh;
}

.slide {
    width: 100%;
    height: 70vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70vh;
    background-color: rgba(0, 0, 0, 0.5);
}

.slide-1 {
    background-image: linear-gradient(to bottom, 
    rgba(34, 107, 150, 0.1), 
    rgba(60, 70, 99, 0.4)), 
    url(../images/nov_update/SMR2070.jpg);
    background-position: 40% 42%;
    background-size: cover;
    color: white;
}

.slide-2 {
    background-image: linear-gradient(to bottom, 
    rgba(34, 107, 150, 0.1), 
    rgba(60, 70, 99, 0.4)), 
    url(../images/leftheriotis-kostas-4-bg-ready.jpg);
    background-position: 40% 42%;
    background-size: cover;
    color: white;
}
.slide-3 {
    background-image: linear-gradient(to bottom, 
    rgba(34, 107, 150, 0.1), 
    rgba(60, 70, 99, 0.4)), 
    url(../images/vlaxakis-giorgos.jpg);
    background-position: 40% 42%;
    background-size: cover;
    color: white;
}

.prat-1 {
    background-image: linear-gradient(to bottom, 
    rgba(34, 107, 150, 0.1), 
    rgba(60, 70, 99, 0.4)), 
    url(../images/nov_update/SMR2002.jpg);
    background-position: 40% 42%;
    background-size: cover;
    /* color: white; */
}

.slide-content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50% );
    color: #fff;
}

.slide-content h1 {
    font-family: "Anton", serif;
    font-size: 200%;
    /* text-transform: uppercase; */
    padding-bottom: 20px;
    max-width: 80vw;
}

.slide-content p {
    font-family: "Lato", serif;
    font-size: 110%;
    padding-bottom: 30px;
    max-width: 1120px;
    /* max-width: 80vw; */
}

.slide-content button {
    /* font-family: "Roboto", serif; */
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bolder;
    padding: 10px 25px;
    border: none;
}

.owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 1%;
    display: none;
}

.owl-dots span {
    width: 20px !important;
    height: 20px !important;
}

.owl-dots button {
    border: none !important;
    outline: none !important;
}

.owl-nav button {
    border: none !important;
    outline: none !important;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-150%);
    color: #fff !important;
    font-size: 65px !important;
    font-weight: 100 !important;
    background:none !important;
    transform: scale(3.5) translateY(-44%);
}

.owl-prev {
    left: 1.5%;
}

.owl-next {
    right: 1.5%;
}

.instructor-link {
    text-decoration: underline;
    font-weight: 700;
}

.instructor-link-more {
    border-bottom: 1px solid black;
    line-height: 0px;
}