/*
Theme Name: Vriskodiagnostiko
Description: Vrisko Diagnostiko theme
Author: Joinweb
Author URI: http://www.joinweb.gr
Template: joinwebBasic
Version: 1.0.0
*/

/* Webfont */
@font-face {
    font-family: 'Whitney';
    src:  url('fonts/Whitney-Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Whitney';
    src:  url('fonts/Whitney-BookItal.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Whitney';
    src:  url('fonts/Whitney-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Whitney';
    src:  url('fonts/Whitney-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}


/* Global variables */
:root {
    --fontFamily: 'Whitney', sans-serif;
    --colorAqua: #34b5b6;
    --colorAquaLight: #d1eded;
    --colorBlue: #1c5293;
    --colorBlueDark: #11325a;
    --colorOrange: #f06d00;
    --colorGrayDark: #2a2a2a;
    --colorGray: #4a4a4a;
    --colorGrayLight: #f5f5f5;
    --colorWhite: #fff;
    --colorBlack: #000;
}

body {
    font: 1.6rem var(--fontFamily);
    color: var(--colorGrayDark);
    background: var(--colorWhite);
}

/* Special page styling */
.pageBlob {
    background: url("images/blob.svg") no-repeat 100% 4rem;
}

.pageBlob .section--hero,
.pageCovid .section--hero {
    background: none;
    padding: 3.5rem 0;
}

.pageCovid .section {
    padding: 3rem 0;
}

/* Typography */
p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

a {
    color: var(--colorBlue);
    text-decoration: none;
}

a:hover { text-decoration: underline; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: 900; }

h1, .h1, .p1 { font-size: 4.2rem !important; }
h2, .h2, .p2 { font-size: 3.6rem !important; }
h3, .h3, .p3 { font-size: 2.8rem !important; }
h4, .h4, .p4 { font-size: 2.4rem !important; }
h5, .h5, .p5 { font-size: 1.8rem !important; }
h6, .h6, .p6 { font-size: 1.6rem !important; }

/* Modifiers */
.bold { font-weight: bold; }
.gray { color: var(--colorGray); }

/* Article typographic styles */
.freeText h1,
.freeText h2,
.freeText h3,
.freeText h4,
.freeText h5,
.freeText h6 {
    font-weight: bold;
}

.freeText h1 {
    font-size: 3rem !important;
}

.freeText h2 {
    font-size: 2.4rem !important;
}

.freeText h4 {
    margin-bottom: 1rem;
}

.freeText h6 {
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.freeText p,
.freeText li {
    font-size: 1.8rem;
    line-height: 1.5;
}

.freeText a {
    text-decoration: underline;
}

.freeText .subHeading {
    font-size: 2.4rem;
    line-height: 1.5;
}

.freeText p + p,
.freeText p + ul,
.freeText p + ol,
.freeText ul + p,
.freeText ol + p,
.freeText .subHeading + p,
.freeText h2 + p,
.freeText h2 + ul,
.freeText h2 + ol {
    margin-top: 2rem;
}

.freeText p + h2,
.freeText p + h4,
.freeText p + h6,
.freeText ul + h6 {
    margin-top: 3rem;
}

.freeText ul,
.freeText ol {
    margin: 0;
    padding: 0;
}

.freeText li {
    padding-left: 1rem;
    margin-left: -1rem;
}

.freeText li + li {
    margin-top: 1rem;
}

.freeText .dottedList li {
    padding-left: 3rem;
}

.freeText blockquote {
    margin: 6rem 0 3rem;
    padding: 0;
    font-size: 3.6rem;
    font-style: italic;
    color: #777;
    position: relative;
}

.freeText blockquote:before {
    content: "\201C";
    font-size: 10rem;
    position: absolute;
    top: -4rem;
    left: -4rem;
    color: var(--colorAqua);
}

.freeText figure {
    margin: 3rem 0;
}

.freeText figcaption {
    background-color: var(--colorGrayLight);
    padding: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
}

.freeText .figure--left {
    float: left;
    margin: 0 3rem 3rem 0;
}

.freeText .figure--right {
    float: right;
    margin: 0 0 3rem 3rem;
}

/* Responsive table */
.rTable {
    display: flex;
    flex-wrap: wrap;
}

.rTable__cell {
    flex-grow: 1;
    width: 100%;
    overflow: hidden;
    padding: 0.8rem 2rem;
    font-size: 1.6rem;
    width: 25%;
    background-color: var(--colorGrayLight);
    border: 0.5px solid var(--colorWhite);
}

.rTable__cell--head {
    background-color: var(--colorOrange);
    color: var(--colorWhite);
}

.rTable__cell--filter { 
    background-color: #a1d5cf;
    width: 100%;
}

.rTable__cell--odd {
    background-color: #e9e9e9;
}

/* Sections */
.section {
    padding: 7.5rem 0;
}

.section--top {
    padding-top: 0;
}

.section--aqua {
    background-color: var(--colorAquaLight);
    padding: 6rem 0 3rem;
    text-align: center;
}

.section--gray {
    background-color: var(--colorGrayLight);
    padding: 7.5rem 0;
}

.section--gray h2 {
    color: var(--colorGray);
}

.section--map {
    background: #c6e5fe url("images/map.png") no-repeat center center;
    background-size: cover;
    margin-top: 7.5rem;
    padding: 5rem 0;
}

.section--map .grid {
    align-items: center;
}

.section--map .grid > div:last-child {
    text-align: right;
}

.section--photoBg {
    background: url("https://dummyimage.com/1920x500/666/999.png") top center;
    background-size: cover;
}

.section--photoBg .wrapper {
    display: flex;
    min-height: 50vh;
    align-items: center;
}

.section--photoBg h1 {
    color: var(--colorWhite);
    font-size: 3.6rem;
    font-weight: bold;
    width: 40%;
}

/* Postthumb object */
.postThumb {
    display: grid;
    grid-template-columns: fit-content(50%) 1fr;
    grid-template-areas: "image content";
    grid-gap: 6rem;
}

.postThumb--reverse {
    grid-template-columns: 1fr fit-content(50%);
    grid-template-areas: "content image";
}

.postThumb__image   { grid-area: image; }
.postThumb__content { grid-area: content; }

/* Pedestal */
.pedestal {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas: "title title title" "left center right";
    grid-gap: 6rem;
}

.pedestal__title {
    grid-area: title;
    text-align: center;
    width: 40%;
    margin: 0 auto;
}

.pedestal__step:first-child {
    grid-area: left;
}

.pedestal__step:last-child {
    grid-area: right;
}

.pedestal__step--center {
    grid-area: center;
}

/* TODO video in content? */
.pedestal__step--center .promoCard {
    margin-top: 8rem;
}

/* Lab */
.lab {
    display: grid;
    grid-template-columns: minmax(0, 0.66fr) minmax(0, 0.33fr);
    grid-gap: 6rem;
}

.lab__side {
    position: relative;
}

.lab__side .card {
    position: -webkit-sticky;
    position: sticky;
    top: 3rem;
}

.lab__side p + p {
    margin-top: 2rem;
}

.lab__side a:not(.button) {
    font-weight: bold;
    text-decoration: underline;
}

/* Search results */
.results {
    margin: 0;
    padding: 0;
    list-style: none;
}

.results li + li {
    margin-top: 3rem;
}

.results .card {
    border-radius: 0;
    padding: 1.5rem;
    background-color: #f1f1f1;
    color: var(--colorGray);
}

.results .postThumb {
    grid-gap: 1.5rem;
    grid-template-columns: 350px 1fr;
}

.results .postThumb__image {
    margin: -1.5rem 0 -1.5rem -1.5rem;
}

.results .grid {
    grid-template-columns: minmax(0, 1fr) 20rem;
    align-items: end;
}

/* News */
.news {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 6rem;
}

.news > li a {
    display: block;
    text-decoration: none;
    text-align: center;
    position: relative;
    color: var(--colorWhite);
    box-shadow: 0 2px 4px #aaa;
}

.news > li a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent;
    background-image: linear-gradient(rgba(84, 84, 84, 0), var(--colorGrayDark));
    border-radius: 3px;
}

.news > li img {
    max-width: 100%;
    border-radius: 3px;
}

.news__meta {
    position: absolute;
    bottom: 4rem;
    left: 2rem;
    right: 2rem;
}

.news__date {
    font-size: 1.3rem;
    font-weight: bold;
    display: block;
    margin-bottom: 1rem;
}

/* Checkups */
.checkups {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    grid-gap: 4rem 6rem;
}

.checkups > li > a {
    display: flex;
    align-items: center;
    height: 100%;
    background-color: var(--colorGrayLight);
    background-image: url("images/icon-lab-white.svg");
    background-repeat: no-repeat;
    background-position: 98% 85%;
    font-weight: bold;
    font-size: 1.5rem;
    color: var(--colorGrayDark);
    padding: 2rem 4rem 2rem 2rem;
    border-radius: 3px;
    border: 1px solid var(--colorAqua);
}

.checkups > li > a:hover {
    text-decoration: none;
    background-color: var(--colorOrange);
    color: var(--colorWhite);
    border-color: var(--colorOrange);
}

.col2thirds__side .checkups li + li {
    margin-top: 2rem;
}

/* Exams */
.exams {
    list-style: none;
    padding: 0;
    margin: 0;
    column-count: 3;
    column-gap: 50px;
}
.exams li {
    margin: 0 0 10px 0;
    line-height: 1.5;
}
.exams li:before {
    content: "»";
    font-size: 15px;
    margin: 0 5px 30px 0;
    color: #f27800;
    line-height: 1;
}

/* Index */
.index {
    margin: 0;
    padding: 0;
    list-style: none;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-width: 25%;
    -moz-column-width: 25%;
    column-width: 25%;
}

.index > li + li {
    margin-top: 1rem;
}

.index > li > a {
    color: var(--colorGrayDark);
}

.index__letter strong {
    font-size: 2.4rem;
    text-transform: uppercase;
    color: var(--colorWhite);
    background-color: var(--colorAqua);
    display: inline-block;
    margin: 1rem 0;
    padding: 0.6rem 1.2rem;
    border-radius: 3px;
}

/* Web TV */
.videos {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 6rem;
}

.videos > li figure {
    position: relative;
}

.videos > li figure:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
}

.videos > li figure:after {
    content: "";
    display: block;
    width: 5.4rem;
    height: 5.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url("images/icon-play.svg") no-repeat;
}

.videos strong {
    background-color: var(--colorGrayLight);
    color: var(--colorGrayDark);
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1rem;
    display: block;
}

.videos > li a:hover {
    text-decoration: none;
}

.videos > li a:hover figure:before,
.videos > li a:hover figure:after {
    display: none;
}

/* FAQ */
.faq {
    margin: 0;
    padding: 0;
    list-style: none;
}

.faq li {
    overflow: hidden; 
}

.faq li + li {
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #ddd;
}

.faq__question {
    font-size: 2.4rem;
    font-weight: bold;
    display: block;
    position: relative;
    cursor: pointer;
    padding-right: 4rem;
}

.faq__question:after {
    content: "+";
    font-size: 2.4rem;
    width: 3rem;
    text-align: center;
    transition: all .35s;
    background: var(--colorOrange);
    color: var(--colorWhite);
    border-radius: 3px;
    position: absolute;
    top: 0;
    right: 0;
}

.faq li input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.faq li input:checked + .faq__question:after {
    content: "-";
}

.faq li input:checked + .faq__question ~ .faq__answer {
    max-height: 100vh;
    margin-top: 1rem;
}

.faq__answer {
    font-size: 1.8rem;
    line-height: 1.5;
    max-height: 0;
    transition: all .35s;
}

.faq__answer p + p {
    margin-top: 1rem;
}

/* Sidebar */
.sideSection {
    margin: 3rem 0;
}

.sideSection > h5 {
    margin-bottom: 1rem;
}

.sideSection li {
    color: #777;
}

.sideSection li + li {
    margin-top: 1rem;
}

.sideSection li a {
    font-weight: bold;
    text-decoration: underline;
}

/* Credits */
.credits {
    background-color: var(--colorBlack);
    color: var(--colorWhite);
    font-size: 1.4rem;
    padding: 1rem;
}

/* Disclaimer */
.disclaimer {
    font-size: 1.4rem;
}

.credits a {
    color: var(--colorWhite);
    text-decoration: underline;
}

/* Cards */
.card {
    padding: 3rem;
    background-color: var(--colorGrayLight);
    border-radius: 10px;
}

.card__header {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.card__stretchContent {
    margin: 1rem -3rem 0 -3rem;
}

.card__stretchContent--top {
    margin-top: -3rem;
}

.card__stretchContent--top img {
    border-radius: 10px 10px 0 0;
}

.card--blue {
    background: transparent;
    background: linear-gradient(#0061ab, #000d17) ;
    color: #fff;
    border-radius: 0;
    grid-template-columns: 390px 1fr;
}

.card--blue .postThumb__image {
    margin: -3rem 0 -3rem -3rem;
}

.card--medisyn {
    position: relative;
}

.card--medisyn__link {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
}

.card--badge {
    position: relative;
}

.card--badge:after {
    content: "";
    display: block;
    width: 91px;
    height: 95px;
   /* background: url("images/badge.svg") no-repeat;*/
    background: url("images/new.svg") no-repeat;
    position: absolute;
    top: -5rem;
    right: 2rem;
}

.promoCard {
    background: linear-gradient(var(--colorAqua), var(--colorBlue));
    border: 1px solid var(--colorAqua);
    color: var(--colorWhite);
    padding: 6rem 3rem;
    text-align: center;
}

.promoCard img {
    display: block;
    margin: -13rem auto 3rem;
    border-radius: 140px;
    max-width: 140px;
}

/* Forms */
.form {
    margin: 0;
    padding: 0;
}

.formGrid {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 4rem;
}

.formGrid + .formFooter { 
    margin: 3rem auto 0;
}

.formGrid .field {
    border-color: #a1d5cf;
}

.formFooter em {
    font-size: 1.4rem;
    color: #777;
}

.formFooter .fieldContainer {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #ddd;
}

.formFooter .disclaimer {
    text-align: right;
}

.fieldContainer + .fieldContainer {
    margin-top: 2.4rem;
}

.fieldContainer label {
    cursor: pointer;
}

.fieldContainer label:not(.checkbox) strong {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
}

.fieldContainer.checkboxContainer label strong {
    display: inline;
}

.field {
    display: block;
    width: 100%;
    height: 4.2rem;
    padding: 1.2rem 1.5rem;
    border: 1px solid #aaa;
    border-radius: 4px;
    background: #fff;
    color: var(--colorGrayDark);
    font-family: var(--fontFamily);
    font-size: 1.4rem;
    -webkit-appearance: none;
}

.field:focus {
    border-color: var(--colorOrange);
    outline: none;
}

.field--auto {
    width: auto;
}

.field--icon {
    padding-left: 5rem;
    border-color: var(--colorBlue);
    height: 5.2rem;
}

.field--location { 
    background: #fff url("images/icon-pin.svg") no-repeat 1.5rem 50%; 
    background-size: 21px 28px;
}

.field--provider {
    background: #fff url("images/icon-clipboard.svg") no-repeat 1.5rem 50%;
    background-size: 20px 28px;
}

.field--private {
    background: #fff url("images/icon-umbrella.svg") no-repeat 1.5rem 50%;
    background-size: 22px 28px;        
}

.field--search {
    padding-right: 5rem;
    background: #fff url("images/icon-search.svg") no-repeat 98% 50%;
}

textarea.field {
    font-family: var(--fontFamily);
    font-size: 1.4rem;
    min-height: 10rem;
}

select.field {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTcgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+VHJpYW5nbGU8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlNlYXJjaC1SZXN1bHRzLU1hcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEzODEuMDAwMDAwLCAtMzg4LjAwMDAwMCkiIGZpbGw9IiNGMDZEMDAiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMwLjAwMDAwMCwgMzc0LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlNlbGVjdCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTA3OC4wMDAwMDAsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlRyaWFuZ2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyODEuNTAwMDAwLCAyMC41MDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC0yODEuNTAwMDAwLCAtMjAuNTAwMDAwKSAiIHBvaW50cz0iMjgxLjUgMTQgMjkwIDI3IDI3MyAyNyI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=');
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%;
    background-size: 1em auto;
    padding-right: 4rem;
}

.searchForm {
    background: var(--colorWhite);
    border: 1px solid var(--colorBlue);
    padding: 2rem;
    margin: 3rem 0;
}

.searchForm .grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) 25rem;
    grid-gap: 0;
}

.searchForm .field {
    font-size: 1.6rem;
    font-weight: bold;
    border: none;
    padding-left: 5rem;
}

.searchForm .field + .field {
    border-left: 1px solid #ddd;
}

.searchForm__location { background: url("images/icon-pin.svg") no-repeat 1.5rem 50%; }
.searchForm__provider { background: url("images/icon-clipboard.svg") no-repeat 1.5rem 50%; }
.searchForm__private { background: url("images/icon-umbrella.svg") no-repeat 1.5rem 50%; }

/* Pagination */
.navigation {
    text-align: center;
    margin-top: 3rem;
}

.wp-paginate li a,
.wp-paginate li .current {
    font-weight: bold;
    color: var(--colorWhite);
    border: none;
    border-radius: 3px;
    padding: 0.6rem 1.2rem;
}

.wp-paginate li a {
    background: var(--colorBlue);
}

.wp-paginate li .current,
.wp-paginate li a:hover {
    background: var(--colorAqua);
    color: var(--colorWhite);
}

.wp-paginate li + li {
    margin-left: 2rem;
}

/* Breadcrumbs */
.breadcrumbs {
    margin-top: 3rem;
    font-size: 1.4rem;
}

.breadcrumbs a {
    text-decoration: underline;
}

.breadcrumbs li + li:before {
    content: "\0203A";
    margin: 0 0.5rem;
}

/* Divider */
.beakerDivider {
    border: none;
    border-top: 1px solid var(--colorAqua);
    text-align: center;
    margin: 4rem 0 1rem;
    overflow: visible;
}

.beakerDivider:after {
    content: "";
    background: var(--colorWhite) url("images/icon-lab.svg") no-repeat center center;
    display: inline-block;
    width: 24px;
    height: 34px;
    position: relative;
    top: -18px;
    padding: 0 3rem;
}

.card .beakerDivider:after { background-color: var(--colorGrayLight); }

/* Maps */
.map {
    height: 100%;
}

.map iframe {
    width: 100%;
    height: 100%;
}

/* List styles */
.unstyledList,
.dottedList,
.tagList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tagList > li {
    display: inline-block;
    margin-bottom: 3rem;
}

.tagList > li + li {
    margin-left: 3rem;
}

.dottedList li:before {
    content: "•";
    font-size: 3rem;
    line-height: 1;
    display: inline-block;
    width: 3rem;
    margin-left: -3rem;
    position: relative;
    top: 4px;
}

.dottedList li + li {
    margin-top: 1rem;
}

/* Layout helpers */
.col2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.col3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.col4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.col2thirds {
    grid-template-columns: minmax(0, 0.66fr) minmax(0, 0.33fr);
    grid-template-rows: auto;
    grid-gap: 3rem;
}   

.col2thirds--flipped .col2thirds__main { grid-area: main; }
.col2thirds--flipped .col2thirds__side { grid-area: side; }
.col2thirds--flipped {
    grid-template-columns: minmax(0, 0.33fr) minmax(0, 0.66fr);
    grid-template-areas: "side main";
}

.columns2 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-width: 50%;
    -moz-column-width: 50%;
    column-width: 50%;
}

.mt-s { margin-top: 0.5rem !important; }
.mt-m { margin-top: 1rem !important; }
.mt-l { margin-top: 2rem !important; }
.mt-xl { margin-top: 3rem !important; }
.mt-xxl { margin-top: 4rem !important; }

.mr-s { margin-right: 0.5rem !important; }
.mr-m { margin-right: 1rem !important; }
.mr-l { margin-right: 2rem !important; }
.mr-xl { margin-right: 3rem !important; }
.mr-xxl { margin-right: 4rem !important; }

.mb-s { margin-bottom: 0.5rem !important; }
.mb-m { margin-bottom: 1rem !important; }
.mb-l { margin-bottom: 2rem !important; }
.mb-xl { margin-bottom: 3rem !important; }
.mb-xxl { margin-bottom: 4rem !important; }

.ml-s { margin-left: 0.5rem !important; }
.ml-m { margin-left: 1rem !important; }
.ml-l { margin-left: 2rem !important; }
.ml-xl { margin-left: 3rem !important; }
.ml-xxl { margin-left: 4rem !important; }

.one-half { width: 50%; }
.one-third { width: 33.333333%; }
.one-quarter { width: 25%; }
.three-quarters { width: 75%; }

.block-center { margin: 0 auto; }
.float-left   { float: left; }
.float-right  { float: right; }

/* Popup */ 
#popupOverlay{
    display: none;
}

.mfp-bg {
    background: #1c5293;
    opacity: 0.9;
}

button.mfp-close {
    background: var(--colorOrange);
    color: var(--colorWhite) !important;
    border-radius: 50%;
    margin: -1.7rem -1.7rem 0 0;
    opacity: 1;
    font-size: 3.4rem;
    width: 3.4rem;
    height: 3.4rem;
    line-height: 3.4rem;
}

.white-popup {
    position: relative;
    background: var(--colorWhite);
    padding: 3rem;
    width: auto;
    max-width: 72rem;
    margin: 2rem auto;
    grid-gap: 3rem;
}

.white-popup .postThumb__image {
    margin: -3rem 0 -3rem -3rem;
    overflow: hidden;
    max-height: 30rem;
}

.white-popup .postThumb__image img {
    height: 100%;
    width: auto;
    max-width: inherit;
}

/* Form overrides */
.ui-widget.ui-widget-content {
    margin-top: 6rem;
    border: 1px solid #1e5c9d;
}

.ui-menu-item:nth-of-type(2n) {
    background: var(--colorGrayLight)
}

.ui-menu .ui-menu-item {
    padding: 0.5rem 1rem;
}

.checkboxContainer .wpcf7-list-item {
    margin-left: 0;
}

/* Calendar overrides */
.xdsoft_calendar {
    border: 1px solid #a1d5cf !important;
    border-radius: 3px !important;
}

.xdsoft_datetimepicker {
    border: none !important;
    padding: 0 !important;
    background: none !important;
    font: 1.5rem var(--fontFamily) !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 100% !important;
    margin-left: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_label {
    background: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td>div {
    padding-right: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td, 
.xdsoft_datetimepicker .xdsoft_calendar th {
    border: none !important;
    font-size: 1.5rem !important;
    text-align: center !important;
    padding: 0.6rem !important;
    background: var(--colorWhite) !important;
    color: var(--colorGrayDark) !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #a1d5cf !important;
    color: var(--colorGrayDark) !important;
    text-shadow: 0 1px var(--colorWhite);
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, 
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, 
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: var(--colorOrange) !important;
    color: var(--colorWhite) !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: var(--colorWhite) !important;
    color: var(--colorGrayDark) !important;
    font-size: 1.5rem !important;
    height: auto !important;
    padding: 0.6rem !important;
}

/* svelon */
.results .postThumb__content {
    position: relative;
}
.relative a {
    position: absolute;
    right: 0;
    bottom: 0;
}
.featuredImage img {
    width: 100%;
}
.menuOpener {
    display: none;
}

body .ui-widget{
    font-family: var(--fontFamily);
}
.ui-widget-content.ui-autocomplete{
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Bubble on Map */
/* .gm-style-iw-d{overflow: hidden!important;}*/
.gm-style-iw-d {
    max-height: 400px !important;
    overflow: hidden !important;
}

.gm-style-iw.gm-style-iw-c {
    max-width: 270px !important;
    max-height: 375px !important;
}

.gm-style .gm-style-iw-c {
    padding: 0;
}

.gm-style a.main-photo img {
    width: 100%;
    height: auto;
}

.infoWindowResult .doctor-info {
    float: left;
    width: 100%;
    padding: 5px 10px;
}

.infoWindowResult .doctor-info .rating {
    float: left;
    width: 100%;
    text-align: left;
}

.infoWindowResult .doctor-info .rating img {
    max-width: 12px;
}

.infoWindowResult .doctor-info h2 {
    float: left;
    text-align: left;
    margin: 0 0 5px 0;
    font-size: 2.2rem !important;
}

.infoWindowResult .doctor-info h2:first-letter {
    text-transform: uppercase;
}

.infoWindowResult .doctor-info p.address {
    clear: both;
    float: left;
    width: 100%;
    text-align: left;
    color: #aaa;
    margin: 0 0 5px 0;
}

button.gm-ui-hover-effect {
    display: none !important;
}

.gm-style-pbt {
    text-align: center !important;
}

.gm-style .gm-style-iw-t::after {
    top: -1px;
}

/* svelon */
.searchResults {
    grid-template-areas: "list map";
}
.searchResults .col2thirds__main {
    grid-area: list;
}
.searchResults .col2thirds__side {
    grid-area: map;
}
.single-lab .map {
    height: 200px;
}
.single-lab .map .acf-map {
    height: 100%;
}
.promoCard iframe {
    width: 358px;
    height: 200px;
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: -30px;
}
.single-checkup h1 {
    margin-bottom: 15px;
}


.page-template-covid .section--photoBg h1,
.page-template-meta-covid h1
{
    background: rgba(0,0,0,0.4);
    padding: 20px;
}

.page-template-contact .wpcf7 label {
    text-shadow: 0 1px 0 #fff;
    font-weight: bold;
}
.page-template-contact .wpcf7 .wpcf7-form-control-wrap {
    display: block;
}
.page-template-contact .wpcf7 .wpcf7-text,
.page-template-contact .wpcf7 .wpcf7-textarea {
    width: 100%;
    border: 1px solid #a1d5cf;
    border-radius: 3px;
    padding: 12px 15px;
    margin-top: 5px;
}
.page-template-contact .wpcf7 .wpcf7-textarea {
    margin-bottom: 40px;
}
.page-template-contact .wpcf7 .wpcf7-list-item {
    margin-left: 0;
}
.page-template-contact .wpcf7 .buttonContainer {
    text-align: left;
    margin-top: 40px;
}
.page-template-contact .wpcf7 .footnote {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.hidden {
    display: none;
}

.page-id-8080 .section--photoBg
{
    background: url("https://dummyimage.com/1920x500/666/999.png") center center;

}
@media screen and (min-width: 769px) {

    .card .wp-video,
    video
    {
        margin: -3rem 0 -3rem -3rem;
    }
}

.grecaptcha-badge { 
    visibility: hidden;
}

.page-id-8609 .section {
	padding: 3rem 0;
}