/*
Theme Name: joinweblandingpage
Description: Landing Page theme
Author: Joinweb
Author URI: http://www.joinweb.gr
Template: JoinwebBasic
Version: 1.0.0
*/
:root {
    --mainBlue: #18355d;
    --lightBlue: #67a1b7;;
}

/********************* General *******************
**************************************************/
body,
html
{
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
    scroll-behavior: smooth;
    color: #333333;
    background: #f7f7f7;
}
body {
    font-size: 1.6rem;
}

a
{
    text-decoration: underline;
    color: #EF5000;
}
p {
    font-size: 1.6rem;
}
img {
    max-width: 100%;
    height: auto;
}
.outerWrapper {
    padding: 40px;
}
.wideWrapper {
    width: 1200px;
    margin: 0 auto;
}
.textWrapper {
    width: 900px;
    margin: 0 auto;
}
.narrowWrapper {
    width: 500px;
    margin: 0 auto;
}
.center{
    text-align: center;
}

@media screen and (max-width: 1200px) {
    .wideWrapper {
        width: 100%;
        padding: 0 15px;
    }
}

@media screen and (max-width: 992px){
    .wideWrapper,
    .narrowWrapper,
    .textWrapper {
        width: 100%;
        padding: 15px;
    }
}

/******************** Header **************************
*******************************************************/
.headerGrid
{
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "contact logo buttons";
    align-items: center;
}
.header__info {
    grid-area: contact;
    color: var(--mainBlue);
    padding-top: 22px;
}
.header__logo{
    grid-area: logo;
}
.header__buttons {
    grid-area: buttons;
    padding-top:22px;
    text-align: center;
}
.header__info .blueText {
    font-weight: bold;
    font-size: 1.8rem;
}
.header__info .smallText {
    font-size: 1.4rem;
    color: #000;
}
.button {
    border-radius: 30px;
    border: 2px solid var(--mainBlue);
    color: var(--mainBlue);
    font-weight: normal;
    font-size: 1.8rem;
    text-align: left;
    text-decoration: none;
    padding: 17px 17px 17px 66px;
    display: inline-block;
    white-space: nowrap;
    width: 290px;
    margin-top: 15px;
}
.bookButton {
    background: url("images/calendar.jpg") no-repeat 15px 12px;
}
.phoneButton {
    background: url("images/telephone.jpg") no-repeat 15px 12px;
}
.header {
    width: 100%;
    color: #fff;
    top: 18px;
    left: 0;
    z-index: 3;
    display: block;
    transition: background-color 0.5s, padding 0.5s;
}

.menu .inlineList {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 20px;
}
.menu .inlineList li a {
    text-decoration: none;
    color: #000;
    opacity: 0.8;
    margin: 0 40px;
}
@media screen and (max-width: 768px) {
    .header .grid {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "contact" "logo" "buttons";
    }
    .header__info {
        padding-top: 15px;
        padding-bottom: 20px;
        text-align: center;
    }
    .header__buttons {
        padding-top: 40px;
        text-align: center;
    }
    .menu .inlineList li a {
        margin: 0 5px;
    }
}


/********************** Grid **************************
*******************************************************/

.overview {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "left right";
    grid-gap: 40px;
}

.left
{
    grid-area: left;
}

.right
{
    grid-area: right;
}

.textSection .left,
.textSection .right {
    align-self: center;
}
.textSection p {
    font-size: 1.6rem;
}

@media screen and (max-width: 768px) {

    .overview {
        grid-template-columns: 1fr;
        grid-template-areas: "left" "right";
    }

}

.section {
    padding: 70px 0;
}

.section h2,
.section .sectionTitle {
    font-size: 5rem;
    font-weight: 300;
    text-align: center;
    margin: 100px 0;
}
.section .sectionTitle {
    margin-bottom: 70px;
}

@media screen and (max-width: 768px) {
    .section {
        padding: 30px 0;
    }

    .section h2,
    .section .sectionTitle {
        font-size: 2.4rem;
    }
}

.middleText {
    display: flex;
    align-items: center;
    justify-content: center;
}
/******************* Home Page ************************
*******************************************************/
.section ul {
    list-style: none;
    padding: 0;
}
.section ul li {
    background: url("images/dot.jpg") no-repeat;
    padding-left: 30px;
    background-size: 14px;
    background-position: 0 6px;
}

.notes {
    font-size: 1.4rem;
    line-height: 1.2;
    font-style: italic;
    color: #666;
}
.email {
    width: 70%;
    margin-right: 10px;
}
.submitButton {
    width: 20%;
    cursor: pointer;
}
.textCenter{
    color: #fff;
}

/***************** Contact Form ***********************
*******************************************************/
label {
    text-align: left;
    font-style: italic;
    font-weight: lighter;
}
input,
textarea {
    width: 100%;
    border: 1px solid var(--mainBlue);
    background: #fff;
    padding: 10px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    font-family: 'Roboto', sans-serif;
    font-size: 1.6rem;
    margin-bottom: 15px;
}
input:focus,
textarea:focus {
    background: #fff;
}
input.wpcf7-submit {
    cursor: pointer;
    background: var(--mainBlue);
    display: inline-block;
    color: #fff;
    width: auto;
    float: right;
}
input[type='checkbox'],
input[type='radio']
{
    width: auto;
}
span.wpcf7-list-item {
    margin: 0;
}
.wpcf7-form-control.wpcf7-checkbox label {
    margin: 0 10px 10px 0;
}
.wpcf7-form-control.wpcf7-acceptance .wpcf7-list-item {
    line-height: 1.6;
}
.wpcf7-form-control.wpcf7-submit.heroBtn {
    margin-left: 0;
    margin-right: 0;
    -webkit-appearance: none;
}

@media screen and (max-width: 768px) {
    .wpcf7-checkbox > span {
        margin-bottom: 10px;
    }
}


/******************** Footer **************************
*******************************************************/
.footer {
    background: #fff;
}
.footerLogo {
    padding-top: 35px;
    padding-bottom: 45px;
}
.siteFooter {
    grid-template-areas: "left middle1 right";
    grid-template-columns: 227px minmax(0, 1fr) 227px;
    padding: 15px 30px;
    font-size: 1.2rem;
}
.siteFooter .left {
    grid-area: left;
    font-weight: bold;
}
.siteFooter .middle1 {
    grid-area: middle1;
    text-align: center;
}
.siteFooter .middle2 {
    grid-area: middle2;
    text-align: right;
}
.siteFooter .right {
    grid-area: right;
    text-align: right;
}
.siteFooter .right img {
    vertical-align: text-top;
}
.siteFooter .right a{
    font-weight: bold;
}
.siteFooter a {
    text-decoration: none;
    color: #333333;
}
.siteFooter a:hover {
    color: #054e52;
}
.socialFooter {
    justify-content: flex-end;
}
.socialFooter li {
    margin-right: 15px;
}
.socialFooter svg {
    height: 20px;
    width: 20px;
}
.socialFooter .telephone {
    background: url("images/telephone.svg") no-repeat;
    padding-left: 20px;
}
.footerMenu
{
    display: inline-flex;
}
.footerMenu li
{
    margin:  0 5px;
}

.footerLinks {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "one two";
}
.contactLinks {
    grid-area: one;
}
.socialLinks {
    grid-area: two;
}

@media screen and (max-width: 768px) {
    .siteFooter {
        grid-template-areas: "left" "middle1" "right";
        grid-template-columns: 1fr;
    }
    .siteFooter .left,
    .siteFooter .middle1,
    .siteFooter .middle2,
    .siteFooter .right {
        text-align: center;
        margin-bottom: 10px;
    }
    .footerLinks {
        grid-template-columns: 1fr;
        grid-template-areas: "one" "two";
    }
    .socialFooter {
        justify-content: center;
        margin-bottom: 15px;
    }
    p {
        line-height: 1.2;
    }
}

/* quickfixes */
.page-template-default .hero {
    height: calc( 100vh - 180px);
}
.grecaptcha-badge {
    bottom: 50px !important;
}


/* case studies */
.caseStudies {
    list-style: none;
    padding: 0;
    margin: 0;
}
.section ul.caseStudies li,
ul.caseStudies li {
    background: #f6f6f6;
    margin-bottom: 30px;
}
.caseStudies li:nth-child(odd) .caseStudy {
    grid-template-columns: 400px minmax(0, 1fr) ;
    grid-template-areas: "image text";
}
.caseStudies li:nth-child(even) .caseStudy {
    grid-template-columns: minmax(0, 1fr) 400px;
    grid-template-areas: "text image";
    text-align: right;
}
.caseStudies a {
    text-decoration: none;
    color: #101010;
}
.caseStudy {
    grid-column-gap: 60px;
}
.caseStudy header {
    grid-area: image;
}
.caseStudy header figure {
    height: 400px;
    overflow: hidden;
}
.caseStudy footer {
    grid-area: text;
}
.caseStudy .projectTitle,
.caseStudy .projectName {
    color: #00383c;
}
.caseStudy .projectTitle {
    font-size: 22px;
    font-weight: bold;
}
.caseStudy .projectName {
    font-size: 20px;
    font-weight: normal;
}

@media screen and (max-width: 900px) {
    .caseStudies li:nth-child(odd) .caseStudy,
    .caseStudies li:nth-child(even) .caseStudy {
        grid-template-columns: minmax(0, 1fr) ;
        grid-template-areas: "image" "text";
    }

}

/* partners */

.partner {
    margin-bottom: 20px;
    text-align: center;
}
.partner a {
    text-decoration: none;
    color: #333;
    text-align: center;
}
.partnersCarousel .partner {
    margin-left: 5px;
    margin-right: 5px;
}
.partner__logo {
    margin: 0 auto 10px;
}
.partner__name {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.partner__title {
    font-size: 20px;
    color: var(--lightBlue);
}

/* full width map */

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* special cases */
#text_block_6177c4dac483b {
    color: var(--mainBlue);
}
#block_616977a1928c8 figure {
    border-radius: 50%;
    overflow: hidden;
}
#block_616977a1928c8 h2 {
    font-size: 5.5rem;
    color: var(--mainBlue);
    margin: 0 0 75px;
}
.accordion,
.accordion a,
.accordion .sectionTitle {
    color: #fff;
}
.servicesContent .examTitle {
    font-size: 34px;
    font-weight: lighter;
}
.servicesContent .clock {
    padding-left: 35px;
    background: url("images/clock.jpg") no-repeat;
    display: block;
    height: 28px;
    padding-top: 3px;
}
.fileButton {
    border: 2px solid #fff;
    color: #fff;
    margin: 48px auto 0;
    font-size: 1.4rem;
    display: block;
    font-weight: normal;
    background: url("images/download.jpg") no-repeat 15px 5px;
    padding-left: 70px;
    width: 310px;
}
.contact .split {
    grid-gap: 100px;
}
.contact h4 {
    font-weight: normal;
    margin: 0;
    line-height: 1.1;
    font-size: 2rem;
    color: #000;
}
.contact .iatreia h4,
.iatreia .mailInfo
{
    font-weight: bold;
    margin: 0 0 2px 0;
    line-height: 1.1;
    font-size: 1.6rem;
    color: var(--mainBlue);
}

.iatreia .infoRow {
    margin: 8px 0;
}
.iatreia a{
    color: #000;
    text-decoration: none;
    font-weight: normal;
}

.primaryInfo {
    font-size: 3rem;
    color: var(--mainBlue);
    line-height: 1;
}
.secondaryInfo {
    font-size: 2.3rem;
    color: #000;
    line-height: 1.2;
}
.time, .address, .tel,.iatreia {
    border-bottom: 2px solid var(--mainBlue);
    margin-top: 30px;
    padding-bottom: 22px;
}
.iatreia:first-child{
    margin-top: 0;
}
.time {
    margin-top: 0;
}
.tel a {
    color: var(--mainBlue);
    text-decoration: none;
}
.iatreia h3.primaryInfo {
    font-size: 20px;
}
@media screen and (max-width: 768px){
    #block_616977a1928c8 h2 {
        font-size: 4.2rem;
    }
    .section h2,
    .section .sectionTitle {
        font-size: 4.4rem;
        margin: 50px 0;
    }
}

.notice {
    text-align: center;
    background: #ccc;
    color: #000;
    padding: 37px 0;
    font-size: 2.8rem;
}
body .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets,
body .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
    justify-content: center;
}