/*
Theme Name:   Excursii Bucegi
Theme URI:    https://excursiibabelesfinx.ro/
Description:  Child Theme for Hello Elementor - Specialized for Excursii Bucegi. 
Author:       Excursii Bucegi
Author URI:   https://excursiibabelesfinx.ro/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  excursii-bucegi-child
*/

.hide-before-preload{
    visibility: hidden;
}

strong {
    color: #001D40;
    font-weight: 500 !important;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #001D40;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

#preloader img {
    width: 60px;
    height: 60px;
}

#cookiePopup {
    position: fixed;
    bottom: 20px;
    right: 20px;
    max-width: 325px;
    background-color: #001D40;
    color: white;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 999;
}

#cookiePopup p {
    margin: 0;
    padding-right: 10px;
    font-size: 14px;
    line-height: 18px;
}

#cookiePopup a {
    color: #ffffff;
    font-style: italic;
}

#cookiePopup button {
    background-color: #FFFFFF;
    color: #001D40;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 3px;
}

.elementor-button .elementor-button-icon{
    margin-top: 2px;
}

.image-slider-left-corner {
    clip-path: polygon(100% 0, 100% 100%, 20% 100%, 0 85%, 0 0);
}

.image-slider-right-corner{
    clip-path: polygon(80% 0, 100% 15%, 100% 100%, 0 100%, 0 0);
}

.image-slider .swiper-pagination{
    margin-bottom: 12.5px;
}

.container-slider img[src*='dino-park'] {
    object-position: top !important;
}
.container-slider img[src*='grota-vulpilor']{
    object-position: bottom !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full{
    border-color: #001D40 !important;
    background: #001D40 !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full p{
    color: #FFFFFF  !important;
}

.wpforms-form .wpforms-field-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wpforms-form .wpforms-field-container .wpforms-field{
    width: 100%;
}

.wpforms-form .wpforms-field-container .wpforms-field.form-name,
.wpforms-form .wpforms-field-container .wpforms-field.form-email,
.wpforms-form .wpforms-field-container .wpforms-field.form-phone,
.wpforms-form .wpforms-field-container .wpforms-field.form-subject{
    width: calc(50% - 20px);
}

@media screen and (min-width: 1025px) and (max-width: 1199px){
    .container-slider * {
        max-height: 575px;
    }

    .container-slider,
    .container-slider.md-slider{
        height: 585px;
        max-height: 585px;
    }

    .container-slider img{
        object-fit: cover;
    }

    .self-end {
        align-self: flex-end !important;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px){
    .container-slider * {
        max-height: 420px;
    }

    .container-slider,
    .container-slider.md-slider{
        height: 430px;
        max-height: 430px;
    }

    .container-slider img{
        object-fit: cover;
    }

}

@media screen and (max-width: 1024px){
    .wpforms-form .wpforms-field-container .wpforms-field.form-name,
    .wpforms-form .wpforms-field-container .wpforms-field.form-email,
    .wpforms-form .wpforms-field-container .wpforms-field.form-phone,
    .wpforms-form .wpforms-field-container .wpforms-field.form-subject{
        width: 100%;
    }
}

@media screen and (max-width: 767px){

    .reverse-mobile>.e-con-inner {
        flex-direction: column-reverse !important;
    }
}

@media screen and (min-width: 525px) and (max-width: 767px){

    .container-slider * {
        max-height: 480px;
    }

    .container-slider,
    .container-slider.md-slider {
        height: 490px;
        max-height: 490px;
    }

    .container-slider img {
        object-fit: cover;
    }

    .container-impar{
        border-bottom: 5px solid #001D40 !important;
    }
}

@media screen and (max-width: 375px) {

    #cookiePopup {
        left: 20px;
        max-width: 100%;
    }
}