/*
Theme Name: Avena
Text Domain: avena
Version: 1.0
Requires at least: 5.5
Requires PHP: 7.3
Description: Custom theme created for villa avena
Tags: custom
Author: Quailnet
Author URI: https://quailnet.eu/
*/

*{
    font-family: 'Montserrat', sans-serif;
}

a.navigation-element {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0;
}

.wrapper{
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    perspective: 2px;
}

.main-paralax-picture{
    position: relative;
    height: 40rem;
}

.main-paralax-picture img {
    height: 40rem;
    object-fit: cover;
}

.main-paralax-picture::after{
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateZ(-1px) translateY(-70px) scale(1.6);
    background-size: cover;
    filter:brightness(.93);
    z-index: -1;
}

a.navigation-element.navigation-logo, .avena-button a{
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
a.navigation-element.navigation-logo:hover, .avena-button a:hover {
    opacity: .7;
}

.top-navigation {
    background-color: #ef7f3c;
}

.top-navigation a {
    font-size: .9rem;
    font-weight: 400;
    font-style: normal;
    font-family: 'Montserrat', sans-serif;
}

footer.down-menu,footer.copyright{
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    background-color: #ef7f3c;
}

footer.down-menu{
    padding: 1.5rem 0;
}

footer.down-menu span,footer.down-menu a{
    line-height: 2rem;
    font-weight: 300;
    color:#fff;
    text-decoration: none;
    margin-bottom: .9rem;
}

footer.down-menu a img {
    height: 1.2rem;
    margin-right: .4rem;
}

footer.copyright {
    font-size: .8rem;
    text-align: center;
    font-style: italic;
}

footer.copyright a, footer.down-menu a, .top-navigation a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
footer.copyright a:hover, footer.down-menu a:hover,.top-navigation a:hover {
    opacity: .7;
    color:#fff;
}

button{
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

button:hover{
    opacity: .75;
}

.footer-submenu-title{
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: .7rem;
}

.main-page-title{
    color:#fff;
    text-shadow: 0 3px 38px rgba(0, 0, 0, 0.75);
    font-family: 'Montserrat', sans-serif;
    font-size: 3rem;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

@media screen and (max-width:756px) {
    .main-paralax-picture.form-active {
        height: 65rem;
    }

}

@media screen and (max-width:480px) {
    .main-page-title{
        font-size: 2rem;
        transform: translateY(-7rem);
    }
    .datepicker.datepicker-dropdown {
        left:0!important;
    }
}

.under-main-page-icon {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1rem 0;
}

.under-main-page-icon p {
    text-align: center;
    color: #080d2e;
    font-family: Montserrat;
    font-size: .9rem;
    font-weight: 300;
    margin:0;
}

.under-main-page-icon img {
    margin-bottom: 1rem;
}

.avena-top-navigation a{
    font-family: 'Montserrat';
    font-size: .9rem;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
}

.avena-top-navigation a img, .avena-booking-com {
    height: 1rem;
    margin-right: .4rem;
    filter: grayscale(1) brightness(5);
}

.footer-gallery{
    max-width: 100vw;
    display: flex;
}

.icon-90{
    min-height:90px;
}


/* .avena-form-bottom{

} */

.avena-form-bottom-input{
    border: 1px solid #d8d8d8;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px;
    font-size:.9rem;
}

.avena-form{
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

.avena-form > *, .avena-buttons > button {
    border: 1px solid #d8d8d8;
    font-family: 'Montserrat';
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size:.9rem;
    cursor: pointer;
}


.avena-form-check, .avena-buttons > button {
    background-color: #fff;
    border: 1px solid #ef7f3c !important;
    color: #ef7f3c;
    justify-content: center;
}

.avena-form-check, .avena-buttons > button.active {
    background-color: #ef7f3c;
    color: #fff;
    justify-content: center;
    border:0;
}

.avena-form-booking {
    background-color: #375671;
    color: #fff;
    justify-content: center;
    border:0;
}

.avena-button a, .avena-form-check,.avena-form-booking{
    position: relative;
}

.avena-buttons > button::after {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #ef7f3c;
    margin: 4px;
    content: "";
}

.avena-button a::after,.avena-form-check::after,.avena-form-booking::after, .avena-buttons > button.active::after{
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 1px solid #fff;
    margin: 4px;
    content: "";
}

.avena-min-icon-height .elementor-widget-container .elementor-image-box-wrapper{
    display: flex;
    align-items: center !important;
    justify-content: space-between;
    min-height: 70px;
}

/* .avena-under-title{
    position: relative;
}
.avena-under-title::after{
    content: " ";
    position: absolute;
    left: 0;
} */

*[data-lightbox]{
    position: relative;
    display:flex;
}

*[data-lightbox]::after{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition: opacity 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
    content:"";

    background-color:rgba(0, 0, 0, 0.75);
    background-image: url('/wp-content/themes/avena/assets/icons/max.png');
    background-repeat: no-repeat;
    background-position: center;

}

*[data-lightbox]:hover::after{
    opacity: 1;
}



.avena-maps-banner, .avena-maps-banner-sm{
    background-color: #ef7f3c;
    top:8px;
    left: -8px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.avena-maps-banner::after, .avena-maps-banner-sm::after{
    position: absolute;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    top: 0;
    left: 0;
    margin: 4px;
    border:1px solid #fff;
    content:"";
}

.avena-maps-banner-sm {
    transform: scale(.7);
    top: -62px;
    left: -58px;
}

.avena-map{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.75);

    height: 500px;
}


.avena-title-gallery-element{
    border: 2px solid #375671;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #375671;
    font-size: 2rem;
    font-family: 'Montserrat';
    text-transform: uppercase;
    height: 400px;
}

.avena-gallery-element {
    background-size: cover;
    height: 400px;
}

button:focus{
    outline: none !important;
}



/* Style dla tabeli Tablepress */

.tablepress {
    font-family: 'Montserrat';
}

.tablepress thead tr:first-child th {
    background-color: #ef7f3c;
    color: #fff;
    padding: 1rem 2rem;
}

.tablepress thead tr:first-child th:hover {
    background-color: #f37a34;
}

.tablepress tbody tr {
    border: 1px solid #dcdcdc;
}

.tablepress tbody tr td{
    padding: 1rem 2rem;
}


button.avena-dropdown-button {
    background-color: #f37a34;
    color: #fff;
    padding: .25rem 1rem;
}

button.avena-dropdown-button:hover {
    color: #fff;
}































.datepicker{border-radius:0;padding:0}.datepicker-days table tbody,.datepicker-days table tfoot,.datepicker-days table thead{padding:10px;display:list-item}.datepicker-centuries table thead,.datepicker-days table thead,.datepicker-decades table thead,.datepicker-months table thead,.datepicker-years table thead{background:#ef7f3c;color:#fff;border-radius:0}.datepicker-days table thead tr:nth-child(2n+0) td,.datepicker-days table thead tr:nth-child(2n+0) th{border-radius:3px}.datepicker-days table thead tr:nth-child(3n+0){text-transform:uppercase;font-weight:300!important;font-size:12px;color:rgba(255,255,255,.7)}.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th{padding:11px 13px}.datepicker-centuries table thead td,.datepicker-centuries table thead th,.datepicker-decades table thead td,.datepicker-decades table thead th,.datepicker-months table thead td,.datepicker-months table thead th,.datepicker-years table thead td,.datepicker-years table thead th{border-radius:0}.datepicker td,.datepicker th{border-radius:50%;padding:0 12px}.datepicker-centuries table thead,.datepicker-days table thead,.datepicker-decades table thead,.datepicker-months table thead,.datepicker-years table thead{background:#ef7f3c;color:#fff;border-radius:0}.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{background-image:none}.datepicker .next,.datepicker .prev{color:rgba(255,255,255,.5);transition:.3s;width:37px;height:37px}.datepicker .next:hover,.datepicker .prev:hover{background:0 0;color:rgba(255,255,255,.99);font-size:21px}.datepicker .datepicker-switch{font-size:24px;font-weight:400;transition:.3s}.datepicker .datepicker-switch:hover{color:rgba(255,255,255,.7);background:0 0}.datepicker table tr td span{border-radius:2px;margin:3%;width:27%}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{background-color:#ef7f3c;background-image:none}.dropdown-menu{border:1px solid rgba(0,0,0,.1);box-shadow:0 6px 12px rgba(0,0,0,.175)}.datepicker-dropdown.datepicker-orient-top:before{border-top:7px solid rgba(0,0,0,.1)}.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled]{background-color:#ef7f3c;}
td.active.day{background: #f37a34!important}
.avena-simple-input{
    border: none;
    display: inline;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    width: auto;
    -webkit-appearance: none;
    appearance: none;
}

select.avena-simple-input::-ms-expand {
    display: none;
}