/*! Theme Name: Theme Theme URI: http://underscores.me/ Author: SocialUp! Author URI: http://underscores.me/ Description: Description Version: 1.0.0 Tested up to: 5.4 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */
/* Global --------------------------------------------- */
:root {
    --main-font: 'Roboto', sans-serif;
    --main-space: 0.1em;
    --second-font: 'Roboto Slab', sans-serif;
    --second-space: 0.025em;
    --white: rgba(255, 255, 255, 1);
    --dirty-white: rgba(233, 233, 225, 1);
    --dirty-white-transparent: rgba(233, 233, 225, 0.5);
    --black: rgba(0, 0, 0, 1);
    --green: rgba(39, 65, 59, 1);
}

.site-main {
    overflow-x: hidden;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

body {
    font-family: var(--main-font);
    background: var(--white);
    color: var(--dark-blue);
}

b,
strong {
    font-weight: 900;
}

section {
    position: relative;
}

a {
    text-decoration: none;
}

.wpcf7 form.sent .wpcf7-response-output {

    color: var(--dirty-white);
}

h1 {
    color: var(--dirty-white);
    font-weight: 900;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: left;

}

h1 p {
    line-height: 3rem;
}

h2 {
    font-size: 1.86rem;
    font-weight: 400;
    color: var(--green);
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 1rem;
    letter-spacing: var(--main-space);
}

h3 {
    color: var(--dirty-white);
}

h4 {
    font-size: 2rem;
    font-family: var(--second-font);
    letter-spacing: var(--second-space);
    line-height: 3rem;
    font-weight: 400;
    margin-top: 3rem;
    color: var(--green);
}

p {
    line-height: 1.6rem;
    color: var(--green);
    font-weight: 300;
}

p.line {
    width: 100%;
    height: 0.1rem;
    margin-bottom: 2rem;
    background: var(--dirty-white);
}

.container,
.row {
    height: 100%;
    position: relative;
}

blockquote {
    font-family: var(--second-font);
    font-style: italic;
    font-weight: 500;
    border-left: 0.5rem solid var(--light-gray);
    padding-left: 1.2rem;
}

.post,
.page {
    margin-bottom: -1rem;
}

a:visited {
    color: var(--dirty-white);
}

.btn {
    padding: 0.9rem 1.7rem;
    margin: 1rem 0rem;
    background: transparent;
    color: var(--dirty-white);
    border-radius: 0;
    text-transform: uppercase;
    border: 0.1rem solid var(--dirty-white);
    letter-spacing: var(--main-space);
}

.btn:hover {
    background: var(--green);
    color: var(--dirty-white);
}

a.btn:visited {
    color: var(--dirty-white);
}

.slick-next,
.slick-prev {
    background: transparent;
    width: 50px;
    position: absolute;
    top: 9rem;
    border: none;
}

.slick-prev {
    left: 0;
    margin-left: -4rem;
}

.slick-next {
    right: 0;
    margin-right: -4rem;
}

.slick-slide img {
    height: 22rem;
    object-fit: cover;
}

.slick-prev:hover,
.slick-next:hover {
    background-color: transparent;
}

.slick-dots li button:before {
    color: #000;
}

s.slider-about {
    margin-top: 4rem;
}

ul.slick-dots {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    list-style-type: none;
    margin-top: -3rem;
    position: absolute;
}

.slick-dots li button {
    font-size: 0;
    border-radius: 10rem;
    width: 1rem;
    height: 1rem;
    margin: 0.3rem;
    border: 0.13rem solid var(--dirty-white);
    background: transparent;
}

.slick-dots li.slick-active button {
    background: var(--dirty-white);
}

/* Header --------------------------------------------- */
header {
    position: fixed;
    width: 100%;
    z-index: 99999;
    padding: 1.2rem 0;
}

.site-header.sticky {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: 100;
    background-color: var(--green);
    will-change: background-color;
    transition: background-color .3s ease-in-out;
    padding: 0.5rem 0;
}

.site-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-branding {
    width: auto;
    flex: 0 0 auto;
    /* Utrzymuje logo na swoim miejscu, nie pozwala się rozciągać */
}

.site-branding img {
    width: 8rem;
}

.main-navigation {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.main-navigation .menu {
    display: flex;
    gap: 20px;
    /* Odstęp między elementami menu, możesz dostosować */
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-navigation .menu li {
    display: inline-block;
}

.main-navigation .menu li a {
    text-decoration: none;
    color: white;
    /* Dostosuj kolor tekstu */
}

.site-header .main-navigation ul li a {
    color: var(--white);
    font-weight: 400;
    padding: 0.8rem 0.5rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: var(--main-space);
    font-size: 0.8rem;
    font-weight: 300;
    background: linear-gradient(var(--dirty-white) 0 0) no-repeat calc(200% - var(--p, 0%)) 100% / 200% var(--p, .08em);
    transition: .3s var(--t, 0s), background-position .3s calc(.3s - var(--t, 0s));
}

.site-header .main-navigation ul li a:hover {
    --p: 100%;
    --t: .3s;
    color: var(--navy);
}

.site-header .main-navigation ul li.button a {
    color: var(--white);
    font-weight: 900;
}

.site-header .main-navigation ul li.current_page_item a {
    border-bottom: 0.15rem solid var(--dirty-white);
}

.sticky .site-header-row .site-branding img {
    width: 5rem;
}

/* Main Page - Hero --------------------------------------------- */
section#hero {
    height: 100vh;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

section#hero .hero-text {
    display: flex;
    position: relative;
    justify-content: end;
    flex-direction: column;
    color: var(--white);
    align-items: start;
    text-align: left;
    z-index: 2;
}

section#hero .hero-text p.under-header {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 1.7rem;
    color: var(--dirty-white);
}

section#hero .hero-text p.main-header {
    font-size: 4rem;
    font-weight: 500;
    font-family: var(--second-font);
    line-height: 4.5rem;
    letter-spacing: var(--second-space);
    color: var(--dirty-white);
}

section#hero .video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    /* Przyciemnienie overlay */
    z-index: 2;
}

section#hero video {
    position: absolute;
    height: 100%;
    width: 177.77777778vh;
    min-width: 100%;
    min-height: 56.25vw;
}

section#hero a.arrow {
    z-index: 9;
    display: flex;
    align-items: end;
    justify-content: center;
    width: 100%;
    margin-bottom: 3rem;
}

section#hero a.arrow img {
    transform: scale(0.5);
}

.phone {
    display: none;
    background: var(--white);
    position: fixed;
    z-index: 2;
    right: 2rem;
    bottom: 2rem;
    border-radius: 2rem;
    padding: 0.8rem 1.5rem;
}

.phone a {
    display: flex;
    align-items: center;
    justify-content: center;
}

.phone img {
    width: 2rem;
    margin-right: 1rem;
    filter: drop-shadow(0px 1500px 0 var(--green));
    transform: translateY(-1500px);
}

.phone p {
    margin: 0;
    line-height: 1rem;
    color: var(--green);
    font-weight: 900;
    font-size: 0.9rem;
}

/* Main Page - Promo --------------------------------------------- */


section#promo {
    padding: 8rem 0;
    background-image: url('assets/img/tree.png');
    background-size: cover;
    background-repeat: no-repeat;
    border: 1.5rem solid #b31610;
}

section#promo h4,
section#promo p {
    color: var(--white);
    font-weight: 600;
    font-family: var(--main-font);
}

/* Main Page - About --------------------------------------------- */
section#about {
    padding: 4rem 0 4rem 0;
    background: var(--dirty-white);
}

section#about h4 p {
    background: var(--green);
    color: var(--dirty-white);
    text-transform: uppercase;
    padding: 2rem;
    margin: 1rem 0;
    display: inline-block;
    line-height: 3rem;
    font-size: 1.6rem;
}

.big-gallery {
    margin: 7rem 0 4rem;
}

.big-gallery .slick-slide img {
    height: 45rem;
}

.big-gallery .slick-next,
.big-gallery .slick-prev {
    top: 21rem;
}

.video-container {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 2rem 0 0 0;
}


/* Main Page - Offer --------------------------------------------- */
section#offer {
    padding: 8rem 0;
    background-image: url('assets/img/water.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

section#offer h2,
section#offer h4,
section#offer p {
    color: var(--dirty-white);
}

section#offer .offer-left h4 {
    margin-bottom: 2rem;
}

section#offer .offer-right h4 {
    margin: 0;
}

section#offer .offer-right p {
    font-size: 1.4rem;
}

section#offer .offer-right p.stage {
    font-size: 1.8rem;
    margin: 1.4rem 0;
}

section#offer .offer-right p.price {
    font-size: 2.0rem;
    margin: 1.9rem 0;
}


#about-table-subpage a img {
    width: 500px;
    margin: 4rem auto;
    display: flex;
}

/* Main Page - Attractions --------------------------------------------- */
section#attractions {
    padding: 40rem 0 10rem 0;
    background: var(--dirty-white);
}

section#attractions .attractions-text {
    width: 47%;
    margin: 3rem 0 4rem;
    line-height: 7rem;
}

section#attractions .attractions-text p {
    line-height: 2.8rem;
}

section#attractions .attractions-blocks .block {
    margin: 1rem 0rem;
    display: flex;
}

section#attractions .attractions-blocks .block div.element {
    padding: 2rem;
    color: var(--white);
    border: 0.15rem solid var(--green);
    background-image: unset;
    position: relative;
}

section#attractions .attractions-blocks .block div.element div.head {
    position: relative;
    display: flex;
    align-items: center;
}

section#attractions .attractions-blocks div.element .head img {
    height: 3.5rem;
    width: 3.5rem;
    object-fit: contain;
}

section#attractions .attractions-blocks div p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-weight: 300;
    position: relative;
}

section#attractions .attractions-blocks div span.header {
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--green);
    font-weight: 300;
    letter-spacing: var(--main-space);
    margin-left: 1rem;
    position: absolute;
    left: 4rem;
}

section#attractions .attractions-blocks div p.line {
    background: var(--green);
    margin: 2rem 0 2rem 0;
    height: 2px;
}

section#attractions .attractions-blocks .block div.element:hover div,
section#attractions .attractions-blocks .block div.element:hover p {
    filter: drop-shadow(0px 50000px 0 var(--dirty-white));
    transform: translateY(-50000px);
}

section#attractions .attractions-blocks .block div.element img.image-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    width: 100%;
    transition: opacity .2s;
}

section#attractions .attractions-blocks .block div.element:hover img.image-hover {
    opacity: 1;
}

/* Main Page - Localization --------------------------------------------- */
section#localization {
    padding: 6rem 0 6rem 0;
    background: var(--dirty-white);
}

section#localization .loca-list {
    display: flex;
    flex-direction: column;
    margin: 4rem 0 0rem 0;
}

section#localization .loca-list img {
    position: absolute;
    width: 1.8rem;
    left: -3rem;
}

section#localization .loca-list-element {
    position: relative;
    margin: 0.5rem 0;
}

section#localization .loc-right h4 {
    border-left: 0.2rem solid var(--green);
    padding-left: 2rem;
    margin-top: 4.1rem;
}

/* Main Page - Jak dojechać? Map --------------------------------------------- */
section#map {
    background-image: url('assets/img/forrest.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 6rem 0 12rem 0;
}

section#map h2,
section#map h4,
section#map p {
    color: var(--dirty-white);
}

section#map p,
section#map li {
    font-size: 1.3rem;
}

section#map ul {
    color: var(--dirty-white);
    margin: 1.2rem;
    padding: 0;
}

section#map #gmap {
    height: 44rem;
    position: absolute;
    z-index: 9;
    top: 20rem;
}

/* Frontapge Contact --------------------------------------------- */
section#frontpage-contact {
    background-image: url('assets/img/sand.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 0;
}

section#frontpage-contact .btn {
    background: var(--green);
}

section#frontpage-contact h4 {
    margin-bottom: 3rem;
}

section#frontpage-contact span {
    margin: 0 1rem;
}

/* Footer --------------------------------------------- */
footer {
    position: relative;
    background: var(--green);
}

footer#contact {
    padding: 4rem 0;
}

footer h2 {
    text-align: center;
    text-transform: uppercase;
}

footer h2:after {
    display: none;
}

footer p {
    color: var(--dirty-white);
    font-size: 1rem;
    margin: 0.4rem 0;
    text-align: left;
}

footer .copy p {
    text-align: left;
}

footer .col-md-4 img.logo {
    text-align: left;
    margin-left: -0.5rem;
    margin-top: 0.4rem;
    margin-bottom: 2.2rem;
    width: 9.8rem;
}

footer .name {
    font-weight: 900;
    font-size: 1rem;
}

footer .row,
footer .container {
    position: static;
    width: 100%;
}

footer .text-left {
    text-align: left;
}

footer hr {
    width: 75%;
}

footer .contact-content {
    margin: 1rem 0 2rem 0;
    padding: 3rem 1rem;
    text-align: center;
}

footer .contact-content h3 {
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    font-size: 1.2rem;
    font-weight: 900;
    margin-bottom: 3.3rem;
}

footer .copy-image {
    position: absolute;
    bottom: 0;
    left: -3rem;
    width: 21rem;
}

footer .logo-rataj {
    width: 13rem;
    margin-left: -0.7rem;
}

footer .copy {
    padding: 0rem 0 4rem 0;
}

footer .footer-part {
    padding-right: 4rem;
    text-align: left;
}

footer .footer-part span {
    color: var(--navy);
    text-transform: uppercase;
    letter-spacing: 0.2rem;
    font-size: 0.8rem;
}

footer a,
footer a:visited {
    color: inherit;
}

footer .contact-box img {
    width: 1.4rem;
    margin-right: 1rem;
    top: -0.1rem;
    position: relative;
}

footer .contact-box p {
    margin-bottom: 2rem;
}

footer .contact-box p a:hover {
    color: var(--dirty-white);
}

/* Contact Form 7 --------------------------------------------- */
.wpcf7-form label {
    width: 100%;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
    color: var(--dirty-white);
    width: 100%;
    border: 0.15rem solid var(--dirty-white);
    background: transparent;
    margin: 0.2rem;
    padding: 0.5rem 1rem;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
    outline: 0;
    outline-offset: 0;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 2rem;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 2rem;
}

span.wpcf7-not-valid-tip {
    color: #f9443b;
    text-align: left;
    padding: 0.5rem 0;
}

/* ** Button Styles */
.wpcf7-form .submit-btn {
    transition: background .3s ease-in-out;
    padding: 0.7rem 1.7rem;
    margin: 1rem 0rem;
    background: transparent;
    color: var(--white);
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: var(--main-space);
}

.wpcf7-form .submit-btn:hover {
    cursor: pointer;
}

.wpcf7-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--dirty-white);
    font-size: 0.8rem;
}

.wpcf7-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--dirty-white);
    font-size: 0.8rem;
}

.wpcf7-form :-ms-input-placeholder {
    /* IE 10+ */
    color: var(--dirty-white);
    font-size: 0.8rem;
}

.wpcf7-form :-moz-placeholder {
    /* Firefox 18- */
    color: var(--dirty-white);
    font-size: 0.8rem;
}


/* Stylowanie ogólne dla wrappera formularza */
.acceptance-fieldset {
    margin-top: 15px;
    padding-left: 40px;
    position: relative;
}

/* Stylowanie pola zgody */
.acceptance-fieldset .wpcf7-list-item-label {
    font-size: 16px;
    color: var(--dirty-white);
    cursor: pointer;
    position: relative;
    display: inline-block;
    margin: -1rem 0;
}

/* Stylowanie pola wyboru przed zaznaczeniem */
.acceptance-fieldset .wpcf7-list-item-label:before {
    content: '';
    display: inline-block;
    width: 1.4rem;
    height: 1.4rem;
    border: 2px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    top: 49%;
    left: -42px;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

/* Stylowanie dla stanu zaznaczonego */
.acceptance-fieldset input:checked+.wpcf7-list-item-label:before {
    background-color: #4caf50;
    border-color: #4caf50;
    box-shadow: none;
}

/* Dodanie ikony "check" przy zaznaczeniu */
.acceptance-fieldset input:checked+.wpcf7-list-item-label:after {
    content: '\2713';
    /* Unicode dla znaku "check" */
    position: absolute;
    top: 50%;
    left: -36px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 1rem;
    transition: all 0.3s ease;
}

/* Stylowanie hover dla etykiety */
.acceptance-fieldset .wpcf7-list-item-label:hover:before {
    border-color: #4caf50;
}

/* Stylowanie dla tekstu linku */
.acceptance-fieldset a {
    color: var(--dirty-white);
    text-decoration: underline;
    transition: color 0.3s ease;
}

.acceptance-fieldset a:hover {
    color: var(--dirty-white);
}

/* Stylowanie dla tekstu wymaganych pól */
.acceptance-fieldset .field-requried {
    color: red;
    font-weight: bold;
    margin-left: 5px;
}

.acceptance-fieldset .star {
    font-size: 12px;
    color: var(--dirty-white);
    margin-top: 10px;
    display: block;
    margin-left: 1rem;
}


.wpcf7 [type=checkbox],
.wpcf7 [type=radio] {
    visibility: hidden;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    color: var(--dirty-white);
}























/* 404 --------------------------------------------- */
.error-404 {
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: var(--dark-blue);
}

.error-404 .page-content .button {
    margin: 2rem 0 0 0;
    background: var(--white);
    color: var(--dark-blue);
}

.error-404 .page-content p {
    color: var(--white);
    font-size: 4rem;
    text-align: center;
}

/* Page Template Default --------------------------------------------- */
.privacy-policy header {
    background: var(--dark-blue);
    position: static;
}

.privacy-policy .site-main {
    padding: 1rem 0;
}

/* Page Template Offer --------------------------------------------- */
.hero-image {
    position: relative;
    min-height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: end;
    justify-content: center;
    color: var(--dirty-white);
}

.hero-image h1 {
    font-weight: 200;
    font-size: 1.8rem;
    margin-bottom: 1.4rem;
    letter-spacing: var(--main-space);
}

.hero-image p {
    font-weight: 400;
    font-size: 3rem;
    color: var(--dirty-white);
    font-family: var(--second-font);
    margin-bottom: 5rem;
}

#about-subpage,
#about-plan-subpage {
    background: var(--dirty-white);
    padding: 5rem 0 6rem;
}

#about-plan-subpage {
    background: var(--dirty-white);
    padding: 1rem 0 6rem;
}

#about-subpage h4 {
    margin-bottom: 2rem;
    margin-top: 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

#about-subpage ul {
    margin-left: 1rem;
    padding-left: 0;
}

#about-subpage p,
#about-subpage li {
    color: var(--green);
    font-weight: 300;
}

#about-table-subpage .mobile-header {
    display: none;
}

#about-table-subpage {
    background-image: url('assets/img/forrest.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5rem 0;
}

#about-plan-subpage h4 {
    margin: 2.5rem 0;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

#about-plan-subpage h5 {
    font-size: 0.8rem;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: var(--main-space);
}

#about-table-subpage h2,
#about-table-subpage h4 {
    color: var(--dirty-white);
}

#about-table-subpage h4 {
    margin-top: 3rem;
}

#about-table-subpage table {
    color: var(--dirty-white);
    font-size: 0.9rem;
    font-weight: 300;
    width: 80%;
    vertical-align: middle;
}

#about-table-subpage thead th {
    font-family: var(--second-font);
    font-weight: 400;
}

#about-table-subpage thead tr {
    border: none
}

#about-table-subpage td a.btn {
    background-color: var(--dirty-white);
    padding: 0.5rem 1.1rem;
    color: var(--green);
}

#about-table-subpage td:first-child {
    border-left: 3px solid var(--dirty-white);
}

#about-table-subpage td:last-child {
    border-right: 3px solid var(--dirty-white);
}

#about-table-subpage td {
    border-bottom-width: 3px !important;
    box-shadow: none;
    border-top: 3px solid var(--dirty-white);
    border-bottom: 3px solid var(--dirty-white);
}

#about-table-subpage thead th {
    border-bottom-width: 0;
}

#about-table-subpage tbody td:first-child,
#about-table-subpage thead th:first-child {
    text-align: center;
    padding: 2rem 2rem;
}

#about-table-subpage tbody td:last-child,
#about-table-subpage thead th:last-child {
    text-align: center;

}

#about-table-subpage .stage {
    background: var(--dirty-white);
    text-transform: uppercase;
    width: auto;
    padding: 0.2rem 0.8rem;
    font-size: 0.9rem;
    font-weight: 900;
    margin: 2rem 0rem 0rem 0.8rem;
}

#about-table-subpage .sold {
    opacity: 0.5;
    pointer-events: none;

}

#about-table-subpage table {
    border-collapse: separate;
    border-spacing: 0 15px;
}

#about-extra-info {
    background: var(--dirty-white);
    padding: 5rem 0;
}

#about-extra-info .list {
    display: flex;
    flex-direction: column;
    border: 0.2rem solid var(--green);
    padding: 2rem;
    margin: 0.8rem 0;
}

#about-extra-info .list-element {
    position: relative;
}

#about-extra-info .list img {
    width: 1.3rem;
    object-fit: contain;
    position: absolute;
    height: 1rem;
    top: 0.2rem;
}

#about-extra-info .list p {
    margin: 0;
    margin-left: 2rem;
    position: relative;
    display: block;
    font-weight: 300;
    font-size: 1rem;
}

#about-extra-info .list p.line {
    background: var(--green);
    margin: 0 0 1.3rem 0;
    height: 0.2rem;
}

#about-extra-info .list span {
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: var(--main-space);
    font-size: 0.9rem;
}

#about-extra-info h4 {
    margin: 3rem 0 2rem 0;
}

#about-key {
    background: var(--green);
    padding: 5rem 0;
    color: var(--dirty-white);
}

#about-key h2,
#about-key h4,
#about-key p {
    color: var(--dirty-white);
    padding-right: 4rem;
}

#about-key h4 {
    margin: 1.5rem 0;
}

#about-key span {
    text-transform: uppercase;
    padding-right: 10rem;
    position: relative;
    left: 3.5rem;
}

#about-key img {
    width: 2.2rem;
    margin-right: 1rem;
    position: absolute;
}

#about-key .about-key-head {
    margin: 2rem 0;
    position: relative;
}

/* Page Template Rent --------------------------------------------- */
#pre-rent-subpage {
    padding: 5rem 0rem;
    background: var(--dirty-white);
}

#pre-rent-subpage .left p {
    font-weight: 300;
    font-size: 1.8rem;
    line-height: 2rem;
    margin-bottom: 1.4rem;
    font-family: var(--second-font);
}

#pre-rent-subpage .right h5 {
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--green);
    margin-bottom: 2.5rem;
    font-family: var(--main-font);
}

#pre-rent-subpage .rent-list-element {
    position: relative;
    margin: 0.5rem 0;
}

#pre-rent-subpage .rent-list-element img {
    position: absolute;
    width: 1.8rem;
    left: -3rem;
}

#rent-subpage {
    padding: 4rem 0rem;
    background: var(--green);
}

#rent-subpage h2 {
    text-transform: uppercase;
    color: var(--dirty-white);
}

#rent-subpage .flatbook p {
    margin: 2.5rem auto 2.5rem;
    color: var(--dirty-white);
}

#rent-subpage .rent-blocks .block {
    margin: 1rem 0rem;
    display: flex;
}

#rent-subpage .rent-blocks .block div.element {
    padding: 2rem;
    color: var(--white);
    border: 0.15rem solid var(--dirty-white);
    background-image: unset;
    position: relative;
}

#rent-subpage .rent-blocks .block div.element div.head {
    position: relative;
    display: flex;
    align-items: center;
}

#rent-subpage .rent-blocks div.element .head img {
    height: 3.5rem;
    width: 3.5rem;
    object-fit: contain;
}

#rent-subpage .rent-blocks div p {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.2rem;
    font-weight: 300;
    position: relative;
    color: var(--dirty-white);
}

#rent-subpage .rent-blocks div span.header {
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--dirty-white);
    font-weight: 300;
    letter-spacing: var(--main-space);
    margin-left: 1rem;
    position: absolute;
    left: 4rem;
}

#rent-subpage .rent-blocks div p.line {
    background: var(--dirty-white);
    margin: 2rem 0 2rem 0;
    height: 2px;
}

/* Page Template Developer --------------------------------------------- */
#dev-subpage div.element {
    padding: 2rem 0 6rem 0;
    position: relative;
}

#dev-subpage div.element-inside {
    padding: 0 6rem 0 0;
    height: 100%;
}

#dev-subpage div.element-inside:nth-child(3) {
    order: 2;
    margin-top: -6rem;
}

#dev-subpage div.element div.head {
    position: relative;
    display: flex;
    align-items: center;
}

#dev-subpage span {
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--green);
    font-weight: 400;
    margin-bottom: 1rem;
}

#dev-subpage div.element img {
    position: absolute;
    width: 1.8rem;
    left: 0rem;
    top: -0.4rem;
}

#dev-subpage div.head span {
    margin-left: 2.5rem;
}

#dev-subpage {
    padding: 4rem 0rem;
    background: var(--dirty-white);
}

.slider-dev {
    margin-bottom: 3rem;
}

.slider-dev img {
    width: 100%;
    object-fit: cover;
}

.slider-dev .slick-next,
.slider-dev .slick-prev {
    width: 60px;
}

.slider-dev ul.slick-dots {
    margin-top: -3.5rem;
    padding: 0;
}

#dev-subpage h4 {
    font-size: 2rem;
    margin-bottom: 3rem;
}

#dev-subpage .dev-content p {
    margin: 1.5rem 0 4rem 0px;
}

#dev-subpage p.line {
    background: var(--green);
}

#dev-subpage .dev-content-element:last-child p.line {
    display: none;
}

/* Page Template Standard --------------------------------------------- */
#standard-subpage {
    color: var(--black);
    font-size: 1.1rem;
    margin: 4rem 0;
}

#standard-subpage p {
    text-align: justify;
}

#standard-subpage .standard-subpage-left h2 {
    text-align: left;
}

#standard-subpage .standard-subpage-left h2:after {
    display: none;
}

#standard-subpage ul {
    margin: 0;
    padding: 0;
}

#standard-subpage .left {
    padding: 4rem 3rem;
}

#standard-subpage .more-info {
    background: var(--beige);
    margin: 2rem 0;
    padding: 2rem;
}

#standard-subpage .standard-segmnent .more-info {
    padding: 2rem 5rem 2rem 2rem;
}

#standard-subpage .more-info li {
    font-size: 1rem;
    list-style-type: none;
    padding: 1rem 0.9rem;
    position: relative;
    left: 3rem;
}

#standard-subpage .more-info span {
    border-radius: 100%;
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.4rem;
    margin-top: 0.4rem;
    display: inline-flex;
    background: var(--navy);
    position: absolute;
    left: -1rem;
}

#standard-subpage .more-info h3 {
    padding: 1.5rem;
    color: var(--navy);
}

#standard-subpage .photos-list {
    height: 100%;
}

#standard-subpage .photos-list img {
    width: 100%;
    object-fit: cover;
    height: 25%;
}

#standard-subpage .zapp-segmnent {
    margin: 4rem 0;
}

#standard-subpage .standard-gallery img {
    margin: 1rem;
}

#standard-subpage .standard-gallery img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}


/* Page Tempalte Basic */

.page-template-default .entry-content {
    margin: 6rem 0;
}



/* Page Tempalte Landing */

#landing-subpage {
    margin: 6rem 0;
}


#landing-subpage li {
    line-height: 1.6rem;
    color: var(--green);
    font-weight: 300;
}

#landing-subpage ul {
    margin-left: 0px;
    padding-left: 1.2rem;
}

#landing-subpage p.start {
    margin: 0 0 3rem 0;
}


#landing-subpage .wpcf7-form input[type=text],
#landing-subpage .wpcf7-form input[type=email],
#landing-subpage .wpcf7-form input[type=url],
#landing-subpage .wpcf7-form input[type=password],
#landing-subpage .wpcf7-form input[type=search],
#landing-subpage .wpcf7-form input[type=number],
#landing-subpage .wpcf7-form input[type=tel],
#landing-subpage .wpcf7-form textarea {
    border: .15rem solid var(--green);
    color: var(--green);
}

#landing-subpage .acceptance-fieldset a,
#landing-subpage .acceptance-fieldset .wpcf7-list-item-label,
#landing-subpage .acceptance-fieldset .star {
    color: var(--green);
}

#landing-subpage .wpcf7-form .submit-btn {
    background: var(--green);
}

#landing-subpage .form-actions {
    text-align: center;
}

#landing-subpage .wpcf7-spinner {
    display: block;
}


#landing-subpage form {
    max-width: 500px;
    margin: 20px auto;
}

#landing-subpage input::placeholder {
    color: var(--green);
}


body .site-header .main-navigation ul li.christmas a {

    padding: 10px 10px 10px 70px;
    color: #000;
}

body .site-header .main-navigation ul li.christmas a:hover {
    --p: 0%;
}

body .site-header .main-navigation ul li.christmas {
    background-image: url('assets/img/christmas.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #edc769;
}


/* Main Page - FAQ --------------------------------------------- */
section#faq {
    padding: 6rem 0 0 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background: var(--dirty-white);
}

section#faq button.faq-question {
    font-size: 1rem;
    color: var(--green);
    font-weight: 500;
    left: 4rem;
    width: 100%;
    border-color: var(--green);
    margin: 5px 0px;
    background-color: transparent;
    text-align: left;
    padding: 14px 20px;
    display: flex;
    justify-content: space-between;
}

section#faq .faq-accordion {
    margin: 30px 0px;
}

section#faq .faq-answer-inner {
    font-size: 1rem;
    color: var(--green);
    font-weight: 300;
    left: 4rem;
    width: 100%;
    border-color: var(--green);
    padding: 18px;
    background-color: transparent;
    text-align: left;
}