/*
Theme Name: LocalScreens
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: localscreens
*/



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

:root {
    --color-blue: #0078ce;
    --color-yellow: #ffae34;

    --color-black: #000;
    --color-almost-black: #232323;
    --color-dark-gray: #2e2e2e;
    --color-gray: #666;
    --color-light-gray: #bbb;
    --color-almost-white: #f0f0f0;
    --color-white: #fff;

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

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

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

    --container-width: 1340px;
    --container-max-width: calc(100vw - 2*var(--space-0));
    --content-wide-width: 1320px;
    --content-width: 1080px;
}

@media (max-width: 870px) {
    :root {
        --font-0: normal 400 3rem/1.553 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        --font-1: normal 400 2.25rem/1.568 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        --font-2: normal 400 1.875rem/1.621 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        --font-3: normal 400 1.5rem/1.652 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        --font-4: normal 400 1.125rem/1.722 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        --font-5: normal 400 1.125rem/1.722 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
        --font-6: normal 400 0.875rem/1.786 'Montserrat',Helvetica,Arial,Lucida,sans-serif;

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

        --container-max-width: calc(100vw - 2*var(--space-1));
    }
}



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

.has-localscreens-blue-color {color: var(--color-blue) !important;}
.has-localscreens-blue-background-color {background-color: var(--color-blue) !important;}

.has-localscreens-yellow-color {color: var(--color-yellow) !important;}
.has-localscreens-yellow-background-color {background-color: var(--color-yellow) !important;}

.has-localscreens-black-color {color: var(--color-black) !important;}
.has-localscreens-black-background-color {background-color: var(--color-black) !important;}

.has-localscreens-almost-black-color {color: var(--color-almost-black) !important;}
.has-localscreens-almost-black-background-color {background-color: var(--color-almost-black) !important;}

.has-localscreens-dark-gray-color {color: var(--color-dark-gray) !important;}
.has-localscreens-dark-gray-background-color {background-color: var(--color-dark-gray) !important;}

.has-localscreens-gray-color {color: var(--color-gray) !important;}
.has-localscreens-gray-background-color {background-color: var(--color-gray) !important;}

.has-localscreens-light-gray-color {color: var(--color-light-gray) !important;}
.has-localscreens-light-gray-background-color {background-color: var(--color-light-gray) !important;}

.has-localscreens-almost-white-color {color: var(--color-almost-white) !important;}
.has-localscreens-almost-white-background-color {background-color: var(--color-almost-white) !important;}

.has-localscreens-white-color {color: var(--color-white) !important;}
.has-localscreens-white-background-color {background-color: var(--color-white) !important;}


/* 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; margin-bottom: var(--space-0);}
.video-container iframe {width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0;}
.video-container .video-thumbnail {position: relative;}
.video-container .video-thumbnail:before,
.video-container .video-thumbnail:after {content: ''; position: absolute; left: 50%; top: 50%;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.video-container .video-thumbnail:before {content:  '\f04b'; z-index: 10; font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; font-weight: bold; font-size: 2.5rem; margin-left: .25rem}
.video-container .video-thumbnail:after {width: 6rem; height: 6rem; border-radius: 100%; background: var(--color-blue); opacity: .25;}
.video-container .video-thumbnail:hover {opacity: 1;}
.video-container .video-thumbnail:hover:before {color:  var(--color-blue);}
.video-container .video-thumbnail:hover:after {width: 8rem; height: 8rem; background: var(--color-white);}


.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: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; background: var(--color-background);}
body {font: var(--font-base); color: var(--color-base-text);}

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

a {color: var(--color-base-text); 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); font-weight: bold;}
h2 {font: var(--font-2); font-weight: bold;}
h3 {font: var(--font-3); font-weight: bold;}
h4 {font: var(--font-4); font-weight: bold;}
h5 {font: var(--font-5); font-weight: bold;}
h6 {font: var(--font-6); font-weight: bold;}
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-gray-lighter);}
table tbody th,
table tbody td {border: 1px solid var(--color-gray-lighter);}

form {}
input,
button,
select,
textarea {font: var(--font-base); padding: .875rem 1rem; max-width: 100%; width: 100%; border: 1px solid var(--color-light-gray); border-radius: 5px;}
input[type="radio"],
input[type="checkbox"] {width: auto;}

form .fields {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: var(--space-0); grid-row-gap: var(--space-1);}
form .field {grid-column: span 2;}
form .field .label {display: block; margin-bottom: var(--space-3); font-weight: bold;}
form .field--short {grid-column: span 1;}
form .field--narrow {padding: 0 25%;}
form .field--acceptance {font: var(--font-6);}
form .field--options .options {list-style: none; margin: 0;}
form .field--options .option {display: block; cursor: pointer; position: relative; margin-bottom: var(--space-base); padding: .875rem 1rem .875rem 3rem; border: 1px solid var(--color-light-gray); border-radius: 5px;}
form .field--options .option .label {font-weight: 300; margin-bottom: 0;}
form .field--options .option input {position: absolute; left: 1rem; top: 50%; margin-top: 0;
    -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);
}
form .field--options-icons .options {display: flex; align-items: stretch; flex-wrap: wrap;}
form .field--options-icons .options li {flex: 1 1 0; display: flex;}
form .field--options-icons .options li + li {margin-left: 1rem;}
form .field--options-icons .option {padding: .875rem 1rem; text-align: center; width: 100%;}
form .field--options-icons .option .label {display: block;}
form .field--options-icons .option input {visibility: hidden;}
form .field--options-icons .option img {opacity: .35; height: 5rem; width: 5rem; max-width: 100%; object-fit: contain;}
form .field--options-icons .option input:checked + img {opacity: 1}

form .anr_captcha_field {padding: var(--space-base) 0;}
form .anr_captcha_field iframe {margin: 0;}

@media (max-width: 800px) {
    form .field--short {grid-column: span 2;}
    form .field--narrow {padding: 0 0;}
}

button,
input[type="submit"],
.button,
/* .as-button > a, */
.wp-block-button .wp-block-button__link {min-width: 0; background: var(--color-blue); color: var(--color-background); cursor: pointer; font: var(--font-base); display: inline-block; padding: var(--space-3) var(--space-0); text-align: center; border: 3px solid var(--color-background); border-radius: 1.5rem; text-decoration: none; overflow: hidden; text-overflow: ellipsis;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .5);
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

.as-button > a {min-width: 0; cursor: pointer; font: var(--font-base); display: inline-block; padding: var(--space-3) var(--space-0); text-align: center; border-radius: 1.5rem; text-decoration: none; overflow: hidden; text-overflow: ellipsis;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;
}

button:hover,
input[type="submit"]:hover,
.button:hover,
/* .as-button > a:hover, */
.wp-block-button .wp-block-button__link:hover {opacity: 1;
    -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);
}

.as-button > a:hover {opacity: 1; background: #CC9108 !important;
}

button.is-style-outline,
input[type="submit"].is-style-outline,
.button.is-style-outline,
.wp-block-button.is-style-outline .wp-block-button__link {background: transparent; color: currentColor; border: 3px solid currentColor;}

button.is-style-outline:hover,
input[type="submit"].is-style-outline:hover,
.button.is-style-outline:hover,
.wp-block-button.is-style-outline .wp-block-button__link:hover {}



.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-gray-light); margin: var(--space-2) 0;}
.meta a {color: var(--color-gray-light); text-decoration: none;}
.meta > * {margin-right: var(--space-3);}



.wpcf7 {position: relative;}
.wpcf7 br {display: none;}
.wpcf7 input[type="checkbox"] {width:unset;}
.wpcf7 form .wpcf7-not-valid-tip {position: absolute; top: -16px; right: -10px; font-size: 80%; color: var(--color-background); background: rgba(114, 17, 33, .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-background); 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-background); cursor: pointer;}

.wpcf7 form.sent .wpcf7-response-output {background: #5FAD56;}
.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: #721121; background: rgba(114, 17, 33, .75);}


.gallery {margin-left: -1rem; margin-right: -1rem; margin-top: -1rem;}
.gallery:after {content: ''; clear: both; display: block;}
.gallery .gallery-item {width: 100%; padding: 1rem; float: left;}
.gallery .gallery-item img {width: 100%;}
.gallery.gallery-columns-2 .gallery-item {width: 50%;}
.gallery.gallery-columns-3 .gallery-item {width: 33.3333333333%;}
.gallery.gallery-columns-4 .gallery-item {width: 25%;}
.gallery.gallery-columns-5 .gallery-item {width: 20%;}
.gallery.gallery-columns-6 .gallery-item {width: 16.6666666667%;}
.gallery.gallery-columns-7 .gallery-item {width: 14.285714286%;}
.gallery.gallery-columns-8 .gallery-item {width: 12.5%;}
.gallery.gallery-columns-9 .gallery-item {width: 11.111111111%;}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: both;}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n+1) {clear: both;}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n+1) {clear: both;}
.gallery.gallery-columns-5 .gallery-item:nth-child(5n+1) {clear: both;}
.gallery.gallery-columns-6 .gallery-item:nth-child(6n+1) {clear: both;}
.gallery.gallery-columns-7 .gallery-item:nth-child(7n+1) {clear: both;}
.gallery.gallery-columns-8 .gallery-item:nth-child(8n+1) {clear: both;}
.gallery.gallery-columns-9 .gallery-item:nth-child(9n+1) {clear: both;}



.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-gray); border: 0;}
.wp-pagenavi a:hover,
.wp-pagenavi .current {color: var(--color-base-text); font-weight: bold;}


.slick-slider {}
.slick-slider .slick-track {display: flex;}
.slick-slider .slick-list .slick-slide {margin: 0 var(--space-base); height: inherit;}
.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: -1.5rem; background: transparent; box-shadow: none;}
.slick-slider .slick-arrow:before {position: absolute; color: var(--color-gray); 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: '\f104';}
.slick-slider .slick-next {right: -2rem;}
.slick-slider .slick-next:before {content: '\f105';}
.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-light-gray); 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.slick-slider {margin-left: 0;}



.list--blog {}
.list--blog .item {width: calc(33.3333333333% - var(--space-0)); position: relative; border: 1px solid var(--color-light-gray); box-shadow: 0 0 2rem -1.25rem var(--color-black);}
.list--blog .item .description {padding: var(--space-3) var(--space-1);}
.list--blog .item .title {font: var(--font-4); margin-top: var(--space-base);}

@media (max-width: 1270px) {
    .list--blog .item {width: calc(50% - var(--space-0));}
}

@media (max-width: 870px) {
    .list--blog .item {width: calc(100% - var(--space-0));}
}



.list--services {justify-content: center;}
.list--services .item {width: calc(33.333333333% - var(--space-0)); position: relative;}
.list--services .item .description {position: absolute; display: flex; justify-content: center; align-items: center; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .6); pointer-events: none; text-align: center; padding: var(--space-3) var(--space-2);
    -webkit-transition: opacity .3s;-moz-transition: opacity .3s;-ms-transition: opacity .3s;-o-transition: opacity .3s;transition: opacity .3s;
}
.list--services .item:hover .description {opacity: 0;}
.list--services .item .title {margin: 0;}
.list--services .item .title a {color: var(--color-white);}

@media (max-width: 960px) {
    .list--services .item {width: calc(50% - var(--space-0));}
    .list--services .item .title {font: var(--font-4);}
}

@media (max-width: 600px) {
    .list--services .item {width: calc(100% - var(--space-0));}
}



.list--branches {margin-left: calc(-1 * var(--space-base));}
.list--branches .item {width: calc(25% - var(--space-base)); padding: 0 var(--space-base); margin-left: var(--space-base); margin-bottom: var(--space-base); position: relative; background: rgb(255,255,255) url('assets/images/bg-branch.jpg') no-repeat left top; background-size: contain;}
.list--branches .item:before {content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.2) 100%);
}
.list--branches .item h3 {font: var(--font-5); margin-top: var(--space-base); font-weight: 600;}
.list--branches.slick-slider .item {margin: 0 calc(var(--space-base)/2);}

@media (max-width: 960px) {
    .list--branches .item {width: calc(50% - var(--space-base));}
}

@media (max-width: 600px) {
    .list--branches .item {width: calc(100% - var(--space-base));}
}



.list--logos {justify-content: center;}
.list--logos .item {width: calc(33.333333333% - var(--space-0)); height: 10vw; display: flex; justify-content: center; align-items: center;}
.list--logos .item img {object-fit: contain; max-height: 100%;}


.list--photo-slider {margin-bottom: var(--space-0);}
.list--photo-slider .item img {object-fit: contain; width: 100%;}
.list--photo-slider.slick-slider {margin-left: 0;}


.list--counters_icons {}
.list--counters_icons .item {text-align: center; width: auto;}
.list--counters_icons i {font-size: 2rem; color: var(--color-blue); line-height: 2;}
.list--counters_icons .counter {font-size: 2rem; color: var(--color-blue); line-height: 2;}


.list--featured-posts {}
.list--featured-posts .item {width: calc(100% - var(--space-0)); position: relative;}
.list--featured-posts .item .thumbnail {width: 100%; height: 1px; padding-bottom: 50%; position: relative; background: var(--color-light-gray) no-repeat 50% 50%; background-size: cover;}
.list--featured-posts .item .description {position: absolute; left: 50%; top: 50%; max-width: 80%; text-align: center;
    -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}
.list--featured-posts .item .description .title {display: block; background: rgba(0, 0, 0, .8); padding: var(--space-3) var(--space-2);}
.list--featured-posts .item .description .title a {color: var(--color-white);}
.list--featured-posts .item .description .more {border: 2px solid var(--color-white); border-radius: 3px; color: var(--color-white); text-decoration: none; padding: var(--space-3) var(--space-2);}


.list--packages {}
.list--packages .item {width: calc(100% - var(--space-0)); display: flex;}
.list--packages .item > * {flex: 0 0 50%;}
.list--packages .item .image {text-align: center;}
.list--packages .item .image img {margin: 0 auto;}
.list--packages .item .price-link > * {vertical-align: middle;}
.list--packages .item .price {color: var(--color-blue); font: var(--font-4); line-height: 50px; margin-right: var(--space-base);}

@media (max-width: 800px) {
    .list--packages .item {display: block;}
    .list--packages .item .description {text-align: center;}
}


/* Blocks */
/* Gutenberg Blocks */

.wp-block-group,
.localscreens-block {width: var(--content-width); max-width: var(--container-max-width); margin-left: auto; margin-right: auto;}
.wp-block-columns .wp-block-group,
.wp-block-columns .localscreens-block {max-width: 100%;}



.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; max-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%);
}

@media (max-width: 870px) {
    .alignwide {width: auto; max-width: none; position: static;
        -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;
    }
}



.wp-block-embed {margin: var(--space-base) 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-buttons > .wp-block-button.wp-block-button {margin-right: var(--space-base);}
.wp-block-button__link {border-radius: 25px;}

.wp-block-buttons.is-content-justification-center {}
.wp-block-buttons.is-content-justification-center > .wp-block-button {margin-left: calc(var(--space-base)/2); margin-right: calc(var(--space-base)/2);}


.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;}

/*@media (max-width: )*/



.has-background {padding: .1px var(--space-base); margin-top: var(--space-base); margin-bottom: var(--space-base);}
.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 > .has-background:last-child,
.section-content > .has-background-dim:last-child {margin-bottom: calc(-1 * var(--space-0));}
.has-background + .has-background {margin-top: calc(-1 * var(--space-base));}



hr.wp-block-separator {padding: 0; color: var(--color-blue); margin: var(--space-1) auto; width: 10%;}



.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);}


.wp-block-columns {margin: var(--space-0) 0 0 calc(-1 * var(--space-0)); flex-wrap: wrap;}
.wp-block-columns .wp-block-column {margin: 0 0 var(--space-0) var(--space-0); flex-basis: 0; flex-grow: 1;}
.wp-block-columns .wp-block-column[style^="flex-basis"] {margin-left: 0; padding-left: var(--space-0);}
.wp-block-columns .wp-block-column > :first-child {margin-top: 0;}
.wp-block-columns .wp-block-column > :last-child {margin-bottom: 0;}

.wp-block-columns .wp-block-column .wp-block-image.size-full img {width: 100%;}
.wp-block-columns .wp-block-column .wp-block-image.size-medium {text-align: center;}
.wp-block-columns .wp-block-column .wp-block-image.size-medium img {max-height: 250px;}

.wp-block-columns.is-style-has-shadow {}
.wp-block-columns.is-style-has-shadow .wp-block-column {box-shadow: 0 0 2rem -1.25rem var(--color-black); padding: var(--space-3) var(--space-2);}

@media (max-width: 860px) {
    .wp-block-columns .wp-block-column {flex: 0 0 calc(100% - var(--space-0));}
    .wp-block-columns .wp-block-image {text-align: center;}
    .wp-block-columns .wp-block-image .alignleft,
    .wp-block-columns .wp-block-image .alignright {float: none; margin-left: auto; margin-right: auto;}
}

@media (max-width: 781px) {
    .wp-block-columns .wp-block-column {flex-basis: calc(100% - var(--space-0)) !important;}
}

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



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

#header {}
#header .container {position: relative;}
#header .site-title {margin: 0; padding: var(--space-1) 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 .nav-toggle {display: none;}

#header .nav {position: absolute; top: 0; right: 0; text-align: right; font: var(--font-6);}
/* #header .nav a {text-decoration: none; display: block; color: var(--color-blue); padding: var(--space-3) var(--space-2); font-weight: 600;} */
#header .nav a {text-decoration: none; display: block; color: var(--color-black); padding: var(--space-3) var(--space-2); font-weight: 600;}
#header .nav a:hover {opacity: 1;}
#header .nav ul {margin: 0;}
#header .nav .as-button a {color: var(--color-background); background: var(--color-yellow);}
#header .nav ul li {display: inline-block; vertical-align: middle; position: relative; line-height: 2.5rem; padding: calc(var(--space-1) - var(--space-3)) 0;}
#header .nav .nav-container > ul > li.menu-item-has-children > a:after {content: '\f107'; margin-left: var(--space-3); font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands";}
#header .nav ul ul {display: none; background: transparent; position: absolute; z-index: 99999; top: 100%; left: 50%; padding: var(--space-3) 0 0 0; text-align: left; min-width: 280px; box-shadow: 0 0 2rem -1.25rem var(--color-black);
    -webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);
}
#header .nav ul li:hover ul {display: block;}
#header .nav ul ul li {display: block; padding: var(--space-3); padding-bottom: 0; background: var(--color-background);}
#header .nav ul ul li+li {padding-top: 0;}
#header .nav ul ul li:last-child {padding-bottom: var(--space-3);}
#header .nav ul ul a {display: block; padding: var(--space-3); line-height: 1.768;}
#header .nav ul ul a:hover {background: var(--color-almost-white);}


@media (max-width: 1400px) {
    #header .nav a {padding-left: var(--space-3); padding-right: var(--space-3);}
}

@media (max-width: 1270px) {
    #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; box-shadow: 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-background); padding: 6rem var(--space-0) var(--space-base) var(--space-0); 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;}
    #header .nav .nav-container ul li:first-child {border-top: 0; padding: 0;}
    #header .nav .nav-container ul li {display: block; border: 0; text-align: center; margin: 0; padding: 0; border-top: 1px solid var(--color-light-gray);}
    #header .nav .nav-container ul li:last-child {padding: 0;}
    #header .nav .nav-container ul li.as-button {padding-top: var(--space-base);}
    #header .nav .nav-container ul ul {border: 0; padding: 0; min-width: 0; position: static; text-align: center; box-shadow: none;
        -webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;transform: none;
    }
    #header .nav .nav-container ul li li {font-size: var(--font-6); display: block; background: var(--color-almost-white);}
    #header .nav .nav-container ul li li a {font-weight: 400; padding: var(--space-3) var(--space-base); border-radius: 2rem;}
    #header .nav .nav-container ul li a {padding: var(--space-3) var(--space-base); border-radius: 2rem; display: block; width: auto;}
    #header .nav ul li:hover>ul {display: block;}
    #header .nav ul li a,
    #header .nav ul li:hover>a {border: 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;}
}


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

#footer {margin-top: var(--space-0); padding-top: .1px; padding-bottom: var(--space-0); background: var(--color-almost-black); color: var(--color-almost-white);}
#footer a {text-decoration: none; color: var(--color-white);}
#footer .nav {text-align: center;}
#footer .nav .nav-container--footer-1 {background: var(--color-gray); padding: var(--space-2) 0;}
#footer .nav .nav-container--footer-2 {background: var(--color-dark-gray); padding: var(--space-2) 0;}
#footer .nav:after {content: ''; clear: both; display: block;}
#footer .nav ul {margin: 0; font: var(--font-6);}
#footer .nav ul li {display: inline-block; margin-left: var(--space-3); margin-right: var(--space-3);}
#footer .copyright {font: var(--font-6); text-align: center; padding: var(--space-3) 0; margin: 0; opacity: .7;}
#footer .copyright .madeby {display: block; opacity: .35;}
#footer .widget-area {justify-content: center; margin-top: var(--space-0)}
#footer .widget-area .widget_media_image {text-align: center;}


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

#main {}


/* RWD
 * ======================================== */


@media (max-width: 600px) {
    .wp-block-media-text .wp-block-media-text__content {padding-left: 0; padding-right: 0;}

    .wp-block-media-text.scaled-media .wp-block-media-text__media {text-align: center;}
}

@media (max-width: 480px) {
}

@media (max-width: 320px) {
    .gallery {}
    .gallery .gallery-item {width: 100%; float: none;}
    .gallery.gallery-columns-2 .gallery-item {width: 100%;}
    .gallery.gallery-columns-3 .gallery-item {width: 100%;}
    .gallery.gallery-columns-4 .gallery-item {width: 100%;}
    .gallery.gallery-columns-5 .gallery-item {width: 100%;}
    .gallery.gallery-columns-6 .gallery-item {width: 100%;}
    .gallery.gallery-columns-7 .gallery-item {width: 100%;}
    .gallery.gallery-columns-8 .gallery-item {width: 100%;}
    .gallery.gallery-columns-9 .gallery-item {width: 100%;}
    .gallery.gallery-columns-2 .gallery-item:nth-child(2n+1) {clear: both;}
}



/* 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;}