/*
Theme Name: dlucik
Theme URI: 
Author: Krzysiek Dróżdż (WPmagus.pl)
Author URI: http://wpmagus.pl/
Description: 
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: dlucik
*/



/* Style guide
 * ======================================== */

:root {
    --color-turquoise: #77C9B3;
    --color-dark-turquoise: #4A9499;
    --color-darker-turquoise: #1b6d8d;
    --color-blue: #4370B6;
    --color-red: #CD7A4D;
    --color-red-rgb: 205, 122, 77;
    --color-green: #24B56C;
    --color-green-rgb: 36, 181, 108;
    --color-grey: #A0ACBD;
    --color-dark-grey: #647790;
    --color-light-grey: #edeff2;
    --color-almost-white: #E8F3F1;
    --color-white: #fff;
    --color-black: #000;

    --color-base-text: var(--color-black);
    --color-bg: var(--color-white);
    --color-bg-alt: var(--color-almost-white);

    --font-base: normal 300 1.125rem/1.538 'Ubuntu', sans-serif;
    --font-0: normal 300 3.75rem/1.553 'Ubuntu', sans-serif;
    --font-1: normal 300 3rem/1.553 'Ubuntu', sans-serif;
    --font-2: normal 300 2.25rem/1.568 'Ubuntu', sans-serif;
    --font-3: normal 300 1.875rem/1.621 'Ubuntu', sans-serif;
    --font-4: normal 300 1.5rem/1.652 'Ubuntu', sans-serif;
    --font-5: normal 300 1.125rem/1.722 'Ubuntu', sans-serif;
    --font-6: normal 300 0.875rem/1.786 'Ubuntu', sans-serif;

    --space-base: 1.875rem;
    --space-0: 3.125rem;
    --space-1: 1.875rem;
    --space-2: 1.125rem;
    --space-3: 0.75rem;

    --container-width: 1180px;
    --container-max-width: calc(100vw - 2*var(--space-0));
    --content-wide-width: 1180px;
    --content-width: 770px;

    --wp--style--gallery-gap-default: var(--space-base);
    --wp--style--block-gap: var(--space-base);
}



/* Theme Color Palette
* ======================================== */

.has-dlucik-turquoise-color {color: #77C9B3;}
.has-dlucik-turquoise-background-color {background-color: #77C9B3;}

.has-dlucik-dark-turquoise-color {color: #4A9499;}
.has-dlucik-dark-turquoise-background-color {background-color: #4A9499;}

.has-dlucik-darker-turquoise-color {color: #1b6d8d;}
.has-dlucik-darker-turquoise-background-color {background-color: #1b6d8d;}

.has-dlucik-blue-color {color: #4370B6;}
.has-dlucik-blue-background-color {background-color: #4370B6;}

.has-dlucik-red-color {color: #CD7A4D;}
.has-dlucik-red-background-color {background-color: #CD7A4D;}

.has-dlucik-green-color {color: #24B56C;}
.has-dlucik-green-background-color {background-color: #24B56C;}

.has-dlucik-grey-color {color: #A0ACBD;}
.has-dlucik-grey-background-color {background-color: #A0ACBD;}

.has-dlucik-dark-grey-color {color: #647790;}
.has-dlucik-dark-grey-background-color {background-color: #647790;}

.has-dlucik-light-grey-color {color: #E8F3F1;}
.has-dlucik-light-grey-background-color {background-color: #E8F3F1;}

.has-dlucik-almost-white-color {color: #FFFFFF;}
.has-dlucik-almost-white-background-color {background-color: #FFFFFF;}

.has-dlucik-white-color {color: #fff;}
.has-dlucik-white-background-color {background-color: #fff;}

.has-dlucik-white-color {color: #000;}
.has-dlucik-white-background-color {background-color: #000;}


/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1rem 0;padding:0}input,select{vertical-align:middle}

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

a {text-decoration: underline;}
a:hover {text-decoration: none;}

p, ul, ol, table, blockquote, address, dl {margin: var(--space-base) 0;}
h1, h2, h3, h4, h5, h6 {margin: var(--space-0) 0 var(--space-base) 0;}

::-webkit-input-placeholder {color: #939393;}
:-moz-placeholder {color: #939393;}
::-moz-placeholder {color: #939393; opacity: 1;}
:-ms-input-placeholder {color: #939393;}

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

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {height: auto;}

embed,
iframe,
object,
video {margin: var(--space-base) 0; max-width: 100%;}

.grecaptcha-logo iframe {margin: 0;}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {margin-bottom: 0;}

input[type="submit"],
button,
select {-webkit-appearance: none;}

address {font-style: normal;}

main, article, section, header, footer, nav, aside {display: block;}



/* Tools
 * ======================================== */

#page-wrap {overflow-x: hidden; width: 100%; position: relative;}

.container {width: var(--container-width); max-width: var(--container-max-width); margin: 0 auto;}
.container:after {content: ''; display: block; clear: both;}

.screen-reader-text {position: absolute; width: 0; height: 0; overflow: hidden;}

.video-container {width: 100%; height: 0; padding-bottom: 56.25%; position: relative;}
.video-container iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.video-container .video-thumbnail {position: relative;}
.video-container .video-thumbnail:after {content: ''; width: 7.375rem; height: 7.375rem; border-radius: 100%; position: absolute; left: 50%; top: 50%; background: rgba(0, 0, 0, .25) url('assets/images/button-play.png') no-repeat 50% 50%; background-size: contain;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

.icon a {text-decoration: none;}
.icon a span {display: none;}
.icon a:before {content: ''; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";}
.icon--facebook a:before {content: '\f39e';}
.icon--youtube a:before {content: '\f167';}
.icon--twitter a:before {content: '\f099';}
.icon--tumblr a:before {content: '\f174';}
.icon--linkedin a:before {content: '\f0e1';}
.icon--google-plus a:before {content: '\f0d4';}
.icon--vimeo a:before {content: '\f194';}
.icon--pinterest a:before {content: '\f0d3';}
.icon--instagram a:before {content: '\f16d';}
.icon--rss a:before {content: '\f143';}
.icon--search a:before {content: '\f002'; font-weight: 600;}
.icon--phone a:before {content: '\f879'; font-weight: bold;}
.icon--mail a:before {content: '\f0e0';}



/* Global
 * ======================================== */

html {font-size: 16px; font-family: 'Ubuntu', sans-serif; background: var(--color-bg);}
body {font: var(--font-base); color: var(--color-base-text);}

ul,
ol {margin-left: var(--space-base);}

a {color: var(--color-blue); text-decoration: underline;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}
a:hover {text-decoration: none; opacity: .75;}

h1,
h2,
h3,
h4,
h5,
h6,
h1.has-text-color,
h2.has-text-color,
h3.has-text-color,
h4.has-text-color,
h5.has-text-color,
h6.has-text-color {}
h1 {font: var(--font-1);}
h2 {font: var(--font-2);}
h3 {font: var(--font-3);}
h4 {font: var(--font-4);}
h5 {font: var(--font-5);}
h6 {font: var(--font-6);}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {text-decoration: none; color: var(--color-base-text);}

blockquote {font-style: italic; position: relative;}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {font: var(--font-3);}

table {border-collapse: collapse; min-width: 655px;}
table th,
table td {padding: var(--space-2); text-align: left;}
table thead th,
table thead td {background: rgba(var(--color-highlight-1-rgb), .2); border: 1px solid var(--color-grey);}
table tbody th,
table tbody td {border: 1px solid var(--color-grey);}

form {margin: var(--space-base) 0;}
input,
button,
select,
textarea {font: var(--font-base); padding: .875rem 1rem; max-width: 100%; width: 100%; border: 1px solid var(--color-grey); border-radius: 5px;}

textarea {height: 7rem;}

form .fields {display: grid; grid-template-columns: 1fr; grid-column-gap: var(--space-0); grid-row-gap: var(--space-1);}
form .field {}
form .field .label {display: block;}

button,
input[type="submit"],
.button,
.wp-block-button__link {min-width: 0; background: var(--color-dark-turquoise); color: var(--color-bg); cursor: pointer; font: var(--font-base); display: inline-block; padding: var(--space-3) var(--space-0); text-align: center; border: 0; border-radius: 0; text-decoration: none; overflow: hidden; text-overflow: ellipsis;
    -webkit-transition: opacity .3s, color .3s; -moz-transition: opacity .3s, color .3s; -ms-transition: opacity .3s, color .3s; -o-transition: opacity .3s, color .3s; transition: opacity .3s, color .3s;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {opacity: .75;}


.thumbnail,
.video-thumbnail {display: block; background: transparent no-repeat 50% 50%; background-size: cover; overflow: hidden;}
.thumbnail img,
.video-thumbnail img {display: block; width: 100%;
    -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;
}
.thumbnail:hover {opacity: 1;}
.thumbnail:hover img {opacity: .75;}



.meta {font: var(--font-6); line-height: var(--line-height-6); color: var(--color-grey); margin: var(--space-2) 0;}
.meta a {color: var(--color-grey); text-decoration: none;}
.meta > * {margin-right: var(--space-3);}



.wpcf7 {position: relative;}
.wpcf7 br {display: none;}
.wpcf7 form .wpcf7-not-valid-tip {position: absolute; top: -16px; right: -10px; font-size: 80%; color: var(--color-bg); background: rgba(var(--color-red-rgb), .75); display: block; padding: 4px 6px;}
.wpcf7 form .wpcf7-response-output {display: block; position: absolute; top: 100px; left: 10%; right: 10%; padding: 2rem; border: 0; text-align: center; font-size: 18px; color: var(--color-bg); font-weight: bold; box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .2); z-index: 101;}
.wpcf7 form .wpcf7-response-output.wpcf7-display-none {display: none;}
.wpcf7 form .wpcf7-response-output:after {content: 'x'; position: absolute; top: 10px; right: 12px; color: var(--color-bg); cursor: pointer;}

.wpcf7 form.sent .wpcf7-response-output {background: var(--color-green);}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output {border-color: var(--color-red); background: rgba(var(--color-red-rgb), .75);}






.wp-pagenavi {text-align: center; display: block; width: 100%; margin: var(--space-0) 0;}
.wp-pagenavi .pages {display: none;}
.wp-pagenavi a,
.wp-pagenavi span {display: inline-block; min-width: 2rem; padding: .25rem 0.25rem; color: var(--color-grey); border: 0;}
.wp-pagenavi a:hover,
.wp-pagenavi .current {color: var(--color-base-text); font-weight: bold;}


.slick-slider {}
.slick-slider .slick-arrow {position: absolute; top: 50%; z-index: 99; border: 0; text-indent: -9999px; width: 3rem; height: 3rem; line-height: 3rem; margin-top: -4.5rem; background: transparent;}
.slick-slider .slick-arrow:before {position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: bold; font-size: 2rem; text-indent: 0; opacity: .5;
    -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s;
}
.slick-slider:hover .slick-arrow:before {opacity: 1;}
.slick-slider .slick-prev {left: -2rem;}
.slick-slider .slick-prev:before {content: '\f0a8';}
.slick-slider .slick-next {right: -2rem;}
.slick-slider .slick-next:before {content: '\f0a9';}
.slick-dots {list-style: none; margin-left: 0; text-align: center; width: 100%;}
.slick-dots li {margin-right: .5rem; display: inline-block; vertical-align: middle;}
.slick-dots button {display: block; width: 12px; height: 12px; border: 2px solid var(--color-grey); text-indent: -9999px; border-radius: 100%; padding: 0; background: transparent;}
.slick-dots .slick-active {}
.slick-dots button:hover,
.slick-dots .slick-active button {border-width: 4px; width: 12px; height: 12px;}



/* Articles */


/* Lists */
.list {list-style: none; margin: 0 0 0 calc(-1 * var(--space-0)); display: flex; flex-wrap: wrap;}
.list .item {margin: 0 0 var(--space-0) var(--space-0); width: calc(50% - var(--space-0));}
.list .wp-pagenavi {margin-left: var(--space-0);}


.list--blog {}
.list--blog .item {width: calc(100% - var(--space-0));}
.list--blog .title {margin-top: var(--space-base); font: var(--font-3); font-weight: bold;}


.list--subpages {display: block; margin: var(--space-base) 0;}
.list--subpages .item {display: list-item; margin: calc(.125 * var(--space-base)) 0; width: auto; }
.list--subpages .item:before {content: '\203a'; margin-right: var(--space-3);}


.list--services {}
.list--services h3 {margin-top: var(--space-3);}
@media (max-width: 700px) {
    .list--services .item {width: calc(100% - var(--space-0));}
}


.list--service_prices {list-style: none; display: block; border: 1px solid var(--color-turquoise); margin: var(--space-base) 0;}
.list--service_prices .item {display: grid; width: 100%; margin: 0; grid-template-columns: 2fr 1fr; padding: var(--space-3) var(--space-3); border-top: 1px solid var(--color-turquoise);}
.list--service_prices .item:nth-child(2n+1) {background: var(--color-almost-white);}
.list--service_prices .item:first-child {border-top: 0;}
.list--service_prices .item .price {text-align: right;}



.list--staff {}
.list--staff .item {width: calc(100% - var(--space-0)); display: grid; grid-template-columns: 10rem 1fr; grid-gap: var(--space-base);}
.list--staff .item img {display: block; width: 10rem; height: 10rem; object-fit: cover; border-radius: 50%;}
.list--staff .item .title {color: var(--color-dark-turquoise); font: var(--font-3); margin-top: var(--space-base);}
.list--staff .item .title span {font: var(--font-6); display: block;}



.list--staff_with-hours {}
.list--staff_with-hours .item {position: relative; width: calc(50% - var(--space-0)); min-width: 30rem; overflow: hidden;}
.list--staff_with-hours .item a {display: grid; grid-template-columns: 10rem 1fr; grid-gap: var(--space-base); background: var(--color-light-grey); padding: var(--space-base); text-decoration: none; color: var(--color-base-text);}
.list--staff_with-hours .item img {display: block; width: 10rem; height: 10rem; object-fit: cover; border-radius: 50%;}
.list--staff_with-hours .item .name {color: var(--color-dark-turquoise); font: var(--font-3); margin-top: var(--space-base);}
.list--staff_with-hours .item .name span {font: var(--font-6); display: block;}
.list--staff_with-hours .item .description {font: var(--font-6); grid-column: 1 / span 2;}
.list--staff_with-hours .item .description > :first-child {margin-top: 0;}
.list--staff_with-hours .item .description > :last-child {margin-bottom: 0;}
.list--staff_with-hours .item .hours {position: absolute; background: var(--color-turquoise); color: var(--color-white); padding: var(--space-base); top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center;
    -webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);
    -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.list--staff_with-hours .item:hover .hours {
    -webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);
}
.list--staff_with-hours .item .hours > div {position: relative; padding-left: 3rem;}
.list--staff_with-hours .item .hours > div:before {content: '\f017'; font-family: 'Font Awesome 5 Free'; font-size: 2rem; position: absolute; left: 0; top: 0;}
.list--staff_with-hours .item .hours h3 {margin-top: 0;}
@media (max-width: 1110px) {
    .list--staff_with-hours .item {width: calc(100% - var(--space-0)); max-width: none;}
}
@media (max-width: 580px) {
    .list--staff_with-hours .item a {display: block;}
    .list--staff_with-hours .item img {margin: 0 auto;}
    .list--staff_with-hours .item .name {text-align: center;}
}


.list--slides {list-style: none; margin: var(--space-base) 0; margin-bottom: var(--space-0);}
.list--slides .slick-dots {bottom: 0; position: absolute;}
.list--slides .item {margin: 0; position: relative;}
.list--slides .item img {object-fit: cover; min-height: 360px;}
.list--slides .item h2,
.list--slides .item h2 a {font: var(--font-1); color: var(--color-dark-turquoise);}
.list--slides .item .content {position: absolute; left: 60%; top: 50%; width: calc(0.4 * min( var(--content-width), var(--container-max-width) ) );
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
.list--slides img {display: block;}

@media (max-width: 700px) {
    .list--slides .item h2,
    .list--slides .item h2 a {font: var(--font-3);}
    .list--slides .item h2 a {font: var(--font-3);}
    .list--slides .item .content {left: 45%; top: 40%; width: calc(0.55 * min( var(--content-width), var(--container-max-width) ) );}
}



/* Blocks */
/* Gutenberg Blocks */

.wp-block-embed,
.wp-block-columns {margin: var(--space-2) 0;}


.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {padding-left: calc(2 * var(--space-0));}


.wp-block-buttons {text-align: center; justify-content: center;}


.wp-block-columns .wp-block-group,
.wp-block-columns .dlucik-block {max-width: 100%;}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding-left: 0;}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {padding-right: 0;}

.wp-block-media-text.scaled-media {}
.wp-block-media-text.scaled-media .wp-block-media-text__media img {max-width: 70%;}



.alignwide {width: var(--content-wide-width); max-width: var(--container-max-width); position: relative; left: 50%; margin-left: 0; margin-right: 0;
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
}
.alignfull {width: 100vw; position: relative; left: 50%;
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
}

.has-background {padding: var(--space-1); margin-top: var(--space-0); margin-bottom: var(--space-0);}
.wp-block-group.has-background.alignfull {width: 100vw; max-width: 100vw; padding-left: 0; padding-right: 0; z-index: 50;}
.wp-block-group.has-background.alignfull > .wp-block-group__inner-container {width: var(--container-width); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}
.section-content .container > .has-background:first-child {margin-top: calc(-1 * var(--space-0));}
.section-content .container > .has-background:last-child {margin-bottom: calc(-1 * var(--space-0));}
.has-background + .has-background {margin-top: calc(-1 * var(--space-0));}


.wp-block-cover:first-child,
.has-background:first-child {margin-top: calc(-1 * var(--space-0));}

.wp-block-cover:last-child,
.has-background:last-child {margin-bottom: calc(-1 * var(--space-0));}


.wp-block-cover.alignfull {width: 100vw; max-width: 100vw;}
.wp-block-cover.alignfull .wp-block-cover__inner-container {width: var(--content-wide-width); max-width: var(--container-max-width);}

.wp-block-table .has-fixed-layout {width: calc(100% - 1px);}




/* Sections */
.section {width: var(--content-width); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}
.section-header {}
.section-header .section-title {}


.section--staff {}
.section--staff .job-title {font: var(--font-base); display: block;}
.section--staff .attachment-full {width: 100%;}


/* Header
 * ======================================== */

#header {}
#header .container {position: relative;}
#header .site-title {margin: 0; padding: 1.25rem 0; max-width: calc(100% - 5rem);}
#header .site-title a {width: 18.75rem; max-width: 100%; height: 5rem; line-height: 5rem; display: block; font: var(--font-1); text-decoration: none; background: transparent no-repeat left 50%; background-size: contain;}

#header .breadcrumbs-container {background: var(--color-bg-alt); font: var(--font-6); padding: .1px 0; color: var(--color-darker-turquoise);}
#header .breadcrumbs-container a {color: var(--color-darker-turquoise); text-decoration: none;}
#header .breadcrumbs-container .container {display: flex; justify-content: space-between;}
#header .breadcrumbs-container .container:after {content: none;}
#header .breadcrumbs-container .breadcrumbs {}
#header .breadcrumbs-container .menu {text-align: right; list-style: none;}

#header .nav-toggle {display: none;}

#header .nav {position: absolute; top: 0; right: 0; text-align: right; display: flex;}
#header .nav a {text-decoration: none; display: block; color: var(--color-base-text);}
#header .nav .current-menu-item > a,
#header .nav .current-menu-parent > a,
#header .nav a:hover {opacity: 1; color: var(--color-darker-turquoise);}
#header .nav ul {margin-bottom: 0;}
#header .nav ul li {display: inline-block; margin-left: var(--space-1); position: relative;}
#header .nav .menu > li > a {line-height: 3.75rem; padding-bottom: var(--space-base);}
#header .nav ul ul {position: absolute; z-index: 10000; display: none; text-align: left; top: 100%; min-width: 20rem; font: var(--font-6); left: calc(-1 * var(--space-base)); background: var(--color-bg); margin: 0; box-shadow: 0 0.5rem 1rem -0.5rem rgb(0 0 0 / 25%);}
#header .nav ul ul li {margin-left: 0; display: list-item;}
#header .nav ul ul li a {padding: calc(.125 * var(--space-base)) var(--space-base); display: block;}
#header .nav ul li:hover ul {display: block;}

#header .nav .menu--languages {position: relative;}
#header .nav .menu--languages:before {content: ''; position: absolute; left: 0; top: 0.75rem; height: 2.5rem; border-left: 1px solid var(--color-grey);}

@media (max-width: 1040px) {
    /* No need for changes */
    #header .nav .nav-toggle {cursor: pointer; z-index: 10001; background: transparent; padding: 0; display: block; overflow: hidden; font-size: 0; text-indent: -9999px; border-radius: 0; border: none;}
    #header .nav .nav-toggle span {top: 50%; display: block; position: absolute; left: 0; right: 0;
        -webkit-transition: background 0 0.3s; -moz-transition: background 0 0.3s; -ms-transition: background 0 0.3s; -o-transition: background 0 0.3s; transition: background 0 0.3s;
    }
    #header .nav .nav-toggle span:before,
    #header .nav .nav-toggle span:after {position: absolute; display: block; left: 0; width: 100%; content: '';
        -webkit-transition-duration: 0.3s, 0.3s; -moz-transition-duration: 0.3s, 0.3s; -ms-transition-duration: 0.3s, 0.3s; -o-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0; -moz-transition-delay: 0.3s, 0; -ms-transition-delay: 0.3s, 0; -o-transition-delay: 0.3s, 0; transition-delay: 0.3s, 0;
    }
    #header .nav .nav-toggle span:before {
        -webkit-transition-property: top, -webkit-transform; -moz-transition-property: top, -moz-transform; -ms-transition-property: top, -ms-transform; -o-transition-property: top, -o-transform; transition-property: top, transform;
    }
    #header .nav .nav-toggle span:after {
        -webkit-transition-property: bottom, -webkit-transform; -moz-transition-property: bottom, -moz-transform; -ms-transition-property: bottom, -ms-transform; -o-transition-property: bottom, -o-transform; transition-property: bottom, transform;
    }
    #header .nav.on .nav-toggle {}
    #header .nav.on .nav-toggle span {background: none;}
    #header .nav.on .nav-toggle span:before {top: 0;
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);
    }
    #header .nav.on .nav-toggle span:after {bottom: 0;
        -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);
    }
    #header .nav.on .nav-toggle span:before,
    #header .nav.on .nav-toggle span:after {
        -webkit-transition-delay: 0, 0.3s; -moz-transition-delay: 0, 0.3s; -ms-transition-delay: 0, 0.3s; -o-transition-delay: 0, 0.3s; transition-delay: 0, 0.3s;
    }
    #header .nav .nav-container {
        -webkit-transform: translateX(150%); -moz-transform: translateX(150%); -ms-transform: translateX(150%); -o-transform: translateX(150%); transform: translateX(150%);
        -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;
    }
    #header .nav.on .nav-container {
        -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);
    }

    /* Customize nav */
    #header .nav {padding: 0; right: 0; position: static;}
    #header .nav .nav-toggle {position: absolute; width: 2rem; height: 1.5rem; top: 2.75rem; right: 0;}
    #header .nav .nav-toggle span {height: 2px; background: var(--color-base-text); left: .25rem;}
    #header .nav .nav-toggle span:before,
    #header .nav .nav-toggle span:after {background: var(--color-base-text); height: 2px; left: -.25rem}
    #header .nav .nav-toggle span:before {top: -.55rem;}
    #header .nav .nav-toggle span:after {bottom: -.55rem;}
    #header .nav.on .nav-toggle span:before,
    #header .nav.on .nav-toggle span:after {background-color: var(--color-base-text);}
    #header .nav .nav-container {background: var(--color-bg); padding: 6rem 2rem 1rem 2rem; position: absolute; top: -2rem; min-height: 100vh; right: calc(-1 * var(--space-0)); z-index: 10000; width: 100vw;}
    #header .nav .nav-container ul {display: block; float: none; width: 100%; line-height: 2rem; margin: 0;}
    #header .nav .nav-container ul li:first-child {border-top: 0;}
    #header .nav .nav-container ul li {display: block; border-top: 1px solid var(--color-turquoise); text-align: center; margin: 0 1rem;}
    #header .nav .nav-container ul li a {padding: 1rem 0; display: inline-block; width: auto; min-width: 50%; background: transparent; color: var(--color-dark-turquoise);}
    #header .nav .nav-container ul ul {border: 0; max-height: 0; overflow: hidden; min-width: 0; position: static; text-align: center; box-shadow: none;
        -webkit-transition: max-height .3s;-moz-transition: max-height .3s;-ms-transition: max-height .3s;-o-transition: max-height .3s;transition: max-height .3s;
    }
    #header .nav .nav-container ul li li {border: 0; font-size: .875rem; display: block; margin: 0 .5rem 0 .5rem;}
    #header .nav .nav-container ul li li a {padding: .5rem 1rem; color: var(--color-base-text);}
    #header .nav .nav-container ul li.menu-item-has-children:after {content: '\25BC'; position: absolute; right: 0; top: 1.75rem; color: var(--color-grey);}
    #header .nav .nav-container ul li.menu-item-has-children.on:after {content: '\25B2';}
    #header .nav .nav-container ul li.menu-item-has-children.on ul {max-height: 10000px;}
    #header .nav ul li:hover>ul {display: block;}
    #header .nav ul li a,
    #header .nav ul li:hover>a {border: 0;}
    #header .nav .top-bar {position: static; display: block;}
    #header .nav .top-bar ul {margin-left: 0;}

    body #main,
    body #footer {-webkit-transition: opacity .3s;-moz-transition: opacity .3s;-ms-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;}
    body.nav-menu-on #main,
    body.nav-menu-on #footer {opacity: .15;}

    #header .nav .menu--languages {top: -.25rem; right: 5rem; position: absolute;}
    #header .nav .menu--languages:before {left: auto; right: -1rem;}
}


/* Footer
 * ======================================== */

#footer {margin-top: var(--space-0); font: var(--font-6); color: var(--color-dark-grey);}
#footer a {text-decoration: none; color: var(--color-darker-turquoise);}
#footer .nav {display: flex; justify-content: space-between;}
#footer .nav ul {margin-left: 0; list-style: none;}
#footer .nav ul li {display: inline-block;}
#footer .copyright {text-align: center;}

#footer .secondary {background: var(--color-bg-alt); text-align: center; padding: var(--space-base) 0; color: var(--color-base-text);}


/* Main
 * ======================================== */

#main {}

#main.with_sidebar .container {display: grid; grid-template-columns: 2fr 1fr; grid-column-gap: var(--space-0);}
#main.with_sidebar .primary {}
#main.with_sidebar .secondary {}
#main.with_sidebar .secondary .widget {background: var(--color-light-grey); padding: var(--space-base); margin-top: var(--space-0)}
#main.with_sidebar .secondary ul {list-style: none; margin: 0;}
#main.with_sidebar .secondary ul li {margin: var(--space-3) 0;}
#main.with_sidebar .secondary ul ul {margin-left: var(--space-base); font: var(--font-6); display: none;}
#main.with_sidebar .secondary ul a {text-decoration: none;}
#main.with_sidebar .secondary a {color: var(--color-darker-turquoise);}
#main.with_sidebar .secondary .current_page_ancestor > a,
#main.with_sidebar .secondary .current_page_item > a {color: var(--color-dark-turquoise);}
#main.with_sidebar .secondary .current_page_ancestor ul,
#main.with_sidebar .secondary .current_page_item ul {display: block;}

@media (max-width: 1180px) {
    #main.with_sidebar .container {display: block;}
    #main.with_sidebar .primary {width: 100%;}

}




/* Print
 * ======================================== */

@media print {
    body {background: none !important; color: #2b2b2b; font-size: 12pt; width: 100%;}
    #header {background: none; min-height: 100px;}
    #header .site-title a {height: 100px;}
    #header .site-title:after {position: absolute; right: 0; top: 0;}
    #header nav {display: none;}
    #footer {display: none;}
    h2, h3 {page-break-after: avoid;}
    article a {font-weight: bolder; text-decoration: none;}
    article a[href^=http]:after {content:" <" attr(href) "> ";}
}



/* WP Styles
 * ======================================== */

.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center;}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {margin: .5em 1rem .5em 0;}
.wp-caption.alignleft {margin: .5em 1rem .5em 0;}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {margin: .5em 0 .5em 1rem;}
.wp-caption.alignright {margin: .5em 0 .5em 1rem;}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {margin-top: .5em; margin-bottom: .5em;}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {padding-top: .5em; width: 50%;}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {margin-bottom: .5em;}

.wp-caption {margin-bottom: 1rem; color: #767676;}
.wp-caption img[class*="wp-image-"] {display: block; margin: 0;}
.wp-caption-text {font-style: italic; line-height: 1.4; margin: .5em 0;}
div.wp-caption .wp-caption-text {padding-right: 1rem}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {padding-left: 1rem; padding-right: 0;}

.wp-smiley {border: 0; margin-bottom: 0; margin-top: 0; padding: 0;}