/*
Theme Name: BlankSlate Child
Theme URI: https://opencollective.com/blankslate
Template: blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2025.1759135374
Updated: 2025-09-29 08:42:54

*/


@import url("css/footer.css");
@import url("css/header.css");
@import url("css/menu.css");
@import url("css/home.css");
@import url("css/iatrikos_exoplismos.css");
@import url("css/iatroi.css");
@import url("css/category.css");
@import url("css/pathisi.css");
@import url("css/robotiki_xeirourgiki.css");
@import url("css/deuterh_gnwmh.css");
@import url("css/bio.css");
@import url("css/aquablation.css");
@import url("css/ourologia.css");
@import url("css/child.css");
@import url("css/contact.css");
@import url("css/single.css");
@import url("css/iatriki_tech_child.css");

/* GENERAL HERE */
body {
    font-family: 'Sansation', 'sans-serif';
    position: relative;
    /* background-color: #2C374B; */
}
body.stop {
    overflow: hidden;
}

/* body::after {
    content: "";
    background-image: url("/wp-content/uploads/2025/10/Ellipse-381.svg");
    width: 100%;
    display: block;
    min-width: 400px;
    height: 600px;
    position: absolute;
    left: -100px;
    top: -200px;
    background-repeat: no-repeat;
    background-size: cover;
} */


.zp_row {
    padding: 1rem 115px;
}
@media (max-width: 1100px) {
    .zp_row {
        padding: 1rem 20px;
    }
}
.zp_row_page {
    /*padding: 1rem 250px;*/
    padding: 1rem 115px;
}
@media (max-width: 1100px) {
    .zp_row_page {
        padding: 1rem 20px;
    }
}
.zp_row_pathisi {
    /*padding: 1rem 110px 1rem 250px;*/
    padding: 1rem 115px;
}
@media (min-width: 1101px) and (max-width: 1500px) {
    .zp_row_pathisi {
        padding: 1rem 115px;
    }
}
@media (max-width: 1100px) {
    .zp_row_pathisi {
        padding: 1rem 20px;
    }
}
.zp_row_aquablation {
    /*padding: 1rem 250px;*/
    padding: 1rem 115px;
}
@media (min-width: 1101px) and (max-width: 1500px) {
    .zp_row_aquablation {
        padding: 1rem 115px;
    }
}
@media (max-width: 1100px) {
    .zp_row_aquablation {
        padding: 1rem 20px;
    }
}
.page_hero {
    /* background: #2C374B; */
    background-image: url("/wp-content/uploads/2025/10/Property-1Default1.svg");
    color: #FFF;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 92px; 
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -8rem;
    padding-top: 13rem;
}

@media (max-width: 1000px) {
.page_hero {
    font-size: 42px;
    line-height: 43px; 
    /* padding-top: 35px; */
}
}


/* FORM HERE */
#form {
    background: #2C374B;
}
#form .formHere {
    display: flex;
    gap: 5rem;
    max-width: 1400px;
    margin: 170px auto 100px auto;
    justify-content: space-between;
}
#form .formHere .left {
    width: 100%;
    max-width: 500px;
}
#form .formHere .left .title {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 56px;
    margin-bottom: 2rem;
}
#form .formHere .left .text {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; 
}
#form .formHere .right {
    width: 100%;
    max-width: 690px;
}
#form .formHere .right label {
    width: 100%;
}
#form .formHere .right input {
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    width: 100%;    
    height: 80px;
    padding-left: 2rem;
}
#form .formHere .right input::placeholder, #form .formHere .right textarea::placeholder {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    margin: 1rem;
}
#form .formHere .right textarea {
    border-radius: 50px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    width: 100%;
    height: 150px;
    padding: 2rem 0 0 2rem;
}
#form .formHere .right .second_row {
    display: flex;
    gap: 30px;
}
#form .formHere .right .last_row {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
}
#form .formHere .right .wpcf7-submit {
    border-radius: 96px;
    border: none;
    width: 280px;
    color: #2C374B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px; 
    padding-left: 0;
}
#form .formHere .right .wpcf7-acceptance {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; 
    width: 100%;
    display: flex;
    gap: 1.5rem;
}
#form .formHere .right .wpcf7-acceptance a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px; 
    text-decoration: none;
}
#form .formHere .right .wpcf7-acceptance input {
    width: 18px;
    height: 18px;
}
 .right form input:focus, #form .right form textarea:focus {
    outline: none !important;
}

#form .btn.white input.real-submit {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#form .formHere .last_row p:last-of-type {
    display: none;
}
#form .formHere .last_row .btn p {
    display: block !important;
}
@media (max-width: 1300px) {
    #form .formHere .right .second_row {
        flex-direction: column;
        gap: 0;
    }
    #form .formHere .right .last_row {
        flex-direction: column;
        gap: 2rem;
        text-align: center;
    }
    #form .formHere .right .wpcf7-acceptance {
        width: fit-content;
        margin: auto;
    }
    #form .btn.white  {
        /* width: fit-content; */
        margin: auto;
    }
}
@media (max-width: 1000px) {
    #form .formHere {
        flex-direction: column;
        margin: 65px auto 45px auto;
        width: fit-content;
        gap: 3rem;
    }
    #form .formHere .left .title {
    font-size: 40px;
    line-height: 50px;
    }
    #form .formHere .left .text {
        font-size: 18px;
        line-height: 32px; 
    }
    #form .formHere .right input::placeholder, #form .formHere .right textarea::placeholder {
        font-size: 15px;
        line-height: 19px; 
    }
    #form .formHere .right .wpcf7-submit {
        max-width: 180px;
        width: 100%;
        font-size: 16px;
        line-height: 44px;
        height: 65px;
    }
}


/* STICKY CTAS HERE */
#stickyCTAs {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 1000;
}
#stickyCTAs .stickyCTAOne {
    border-radius: 50px;
    background: #1F1961;
    padding: 0.5rem 1rem;
    border: 1px solid #FFF;
    margin-bottom: 1.5rem;
    max-width: 150px;
    transition: .3s all ease-in-out;
}
#stickyCTAs .stickyCTATwo {
    border-radius: 25px;
    background: #1F1961;
    padding: 0.5rem 1rem;
    border: 1px solid #FFF;
    max-width: 150px;
    transition: .3s all ease-in-out;
}
#stickyCTAs a {
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; 
    text-transform: capitalize;
    text-decoration: none;
}

#stickyCTAs .stickyCTAOne:hover, #stickyCTAs .stickyCTATwo:hover {
    border: 1px solid #2C374B;
    background: #CDDDFF;
    transition: .3s all ease-in-out;
    color: #2C374B;
}
#stickyCTAs .stickyCTAMobile {
    display: none;
}
@media (max-width: 1000px) {
#stickyCTAs {
    display: flex;
 
    justify-content: space-between;
    align-items: center;
    left: 30px;
    right: 30px;
}
#stickyCTAs .stickyCTAMobile {
    display: block;   
    border-radius: 100px;
    background: #1F1961;
    padding: 1rem;
    border: 1px solid #FFF;
    width: 70px;
    height: 70px;
}
#stickyCTAs .stickyCTAMobile:hover {
    border: 1px solid #2C374B;
    background: #CDDDFF;
    transition: .3s all ease-in-out;
}
#stickyCTAs .stickyCTAMobile:hover svg {
    fill: #2C374B;
    transition: .3s all ease-in-out;
}
#stickyCTAs a:nth-child(1) {
    display: none;
}
#stickyCTAs .stickyCTAOne {
    display: none;
}
#stickyCTAs .stickyCTATwo {
    max-width: 100%;

}
}

/* BUTTONS HERE */
a.button {
    text-decoration: none;
}
.btn {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}
.btn p {
    transform: translateX(0px);
    transition: .3s all ease-in-out;
    margin: auto;
}
.btn svg {
    opacity: 0;
    transform: translateX(70%);
    transition: .3s all ease-in-out;
    position: absolute;
}
.btn.white {
    border-radius: 96px;
    background: #FFF;
    color: #2C374B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px; 
    max-width: 320px;
    width: 100%;
    height: 82px;
    transition: .3s all ease-in-out;
}
.btn.purple {
    border-radius: 96px;
    background: #9FBAF1;
    color: #2C374B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px; 
    max-width: 320px;
    width: 100%;
    height: 82px;
    transition: .3s all ease-in-out;
}

@media (min-width: 1001px) {
.btn:hover p {
    transform: translateX(-30px);
    transition: .3s all ease-in-out;
}
.btn:hover svg {
    opacity: 1;
    transform: translateX(190%);
    transition: .3s all ease-in-out;
    
}
.btn.white:hover {
    background: #3D568F;
    color: #FFF;
    transition: .3s all ease-in-out;
}
.btn.purple:hover {
    background: #1F1961;
    color: #FFF;
    transition: .3s all ease-in-out;
}
}
@media (max-width: 1000px) {
    .btn.white {
        max-width: 250px;
        height: 60px;
        font-size: 16px;
        line-height: 36px;
    }
    .btn.purple {
        max-width: 250px;
        height: 60px;
        font-size: 16px;
        line-height: 36px;
    }
}


/* BIO BOXES HERE */
.bio_boxes_inner {
    display: flex;
    gap: 3rem;
    justify-content: space-evenly;
}
#bio_boxes a {
    text-decoration: none;
}
#bio_boxes .bio_box {
    width: calc(100% - 56%);
    display: flex;
    flex-direction: column;
}
.bio_box a:first-of-type {
    margin-bottom: 65px;
}
.bio_box_here {
    display: flex;
    align-items: center;
    border-radius: 34px 34px 0 0;
    background: rgba(248, 248, 248, 0.60);
    height: 250px;
    position: relative;
}
.bio_box_here img {
    width: calc(100% - 55%);
    position: absolute;
    right: 0;
    bottom: 0;
}
.bio_box_main {
    margin-left: 2.5rem;
    width: calc(100% - 55%);
}
.bio_box_main .title {
    color: #2C374B;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px;
    text-align: left !important;
}
.bio_box_main .sub {
    color: #2C374B;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 53px; 
}
.bio_box .text {
    color: #2C374B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
    border-radius: 0 0 33.917px 33.917px;
    background: #F8F8F8;
    padding: 1.5rem;
}
@media (min-width: 1001px) and (max-width: 1200px) {
    .bio_box_here img {
        width: calc(100% - 65%);
    }
}
@media (max-width: 1000px) {
    .bio_boxes_inner {
        flex-direction: column;
    }
    #bio_boxes .bio_box {
        width: 100%;
    }
    .bio_box_main .title {
        font-size: 26px;
        line-height: 30px; 
    }
    .bio_box_main .sub {
        font-size: 14px;
        line-height: 28px; 
    }
    .bio_box .text {
        font-size: 16px;
        line-height: 26px; 
    }
    .bio_box_here {
        height: 125px;
    }
    .bio_box_main {
        margin-left: 1.5rem;
    }
}


/* POP UP HERE FOR INFOGRAPHIC */
#popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

#popup.active {
    display: flex;
}

.popup-content {
    position: relative;
    width: 90%;
    height: 90%;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

#popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 2rem;
    color: #006C9F;
    cursor: pointer;
    background-color: #FFF;
    border: none;
    border-radius: 100px;
    width: 50px;
    height: 50px;
}

#mainContainer .toolbar {
    display: none !important;
}


/* 404 PAGE HERE */
#page_404 {
    background: linear-gradient(180deg, #F8F8F8 0%, #9FBAF1 100%);
}
.page_404_here {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    margin: auto;
    text-align: center;
    margin: 3rem 0;
}
.page_404_here .btn {
    margin: auto;
}
.page_404_here img {
    width: 100%;
    height: 100%;
    max-width: 540px;
    margin: auto;
}
.page_404_here .text {
    color: #2C374B;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; 
}
@media (max-width: 1000px) {
.page_404_here .text {
    font-size: 26px;
    line-height: 32px; 
}
}

div#menu .right {
    visibility: hidden;
	display: none;
}