/*
Theme Name: tempify
Text Domain: tempify
Version: 1
*/

.wpcf7-spinner {
    display: none;
}

.btn-thirdy .wpcf7-submit {
    line-height: 1.2em;
}

.btn-secondary input,
.btn-secondary:hover input {
    color: #fff;
}

.btn-secondary:hover input {
    color: #32353F;
}

.form-block,
.popup-form {
    position: relative;
}

.wpcf7-response-output {
    position: absolute;
    top: 80px;
}

.popup-form .wpcf7-response-output {
    /* font-size: 16px;
    bottom: -30px;
    top: auto;
    width: 100%;
    text-align: center; */
    display: none;
}

/* @media(max-width: 768px) {
    .popup-form .wpcf7-response-output {
        font-size: 16px;
        bottom: -50px;
        top: auto;
    }
} */

.wpcf7-not-valid-tip {
    position: absolute;
    top: 20px;
    font-size: 14px;
}

.form-block .wpcf7-not-valid-tip {
    position: absolute;
    top: 55px;
    font-size: 14px;
}

.popup-form .input.first {
    margin-bottom: 30px;
}

/*fixes 04.07.2022*/
form.popup-form .btn {
    margin-bottom: 0;
}

form.popup-form .btn input.wpcf7-submit {
    cursor: pointer;
    transition: var(--transition);
}

input.wpcf7-not-valid {
    color: var(--clr-error);
    border-color: var(--clr-error);
}

input.wpcf7-not-valid::-webkit-input-placeholder,
textarea.wpcf7-not-valid::-webkit-input-placeholder {
    color: var(--clr-error);
}

input.wpcf7-not-valid:-moz-placeholder,
textarea.wpcf7-not-valid:-moz-placeholder {
    color: var(--clr-error);
}

input.wpcf7-not-valid::-moz-placeholder,
textarea.wpcf7-not-valid::-moz-placeholder {
    color: var(--clr-error);
}

input.wpcf7-not-valid:-ms-input-placeholder,
textarea.wpcf7-not-valid:-ms-input-placeholder {
    color: var(--clr-error);
}

@media (min-width: 1200px) {
    form.popup-form .btn:hover input.wpcf7-submit {
        color: var(--clr-white);
    }
}

.yikes-easy-mc-form input[type=text],
.yikes-easy-mc-form input[type=email] {
    background: rgba(255, 255, 255, 0.5) !important;
}

/* .btn-thirdy {
    border: none;
} */

.yikes-easy-mc-error-message {
    color: red;
    font-size: 16px;
    background: transparent;
}

.popup-info .yikes-easy-mc-success-message {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

.popup-info .yikes-easy-mc-form .yikes-easy-mc-submit-button {
    display: inline-block;
    width: auto;
    padding: 18px 30px;
}

@media(max-width: 767px) {
    .popup-info .yikes-easy-mc-form .yikes-easy-mc-submit-button {
        width: 100%;
    }

}

.yikes-mailchimp-container {
    position: relative;
}

.yikes-easy-mc-error-message {
    position: absolute;
    top: -40px;
    left: -10px;
}

.input {
    padding: 16px !important;
    /* border: 1px solid #BCB5AA !important; */
}

#contact .caption.fw-500 {
    display: block;
}

.yikes-easy-mc-error-message {
    top: 0;
    left: 0;
    padding: 0 12px;
    display: block !important;
}

.popup-info .yikes-easy-mc-error-message {
    top: auto;
    bottom: -50px;
    height: 50px;
    left: 0;
    padding: 0 12px;
}

.yikes-easy-mc-form input[type=text],
.yikes-easy-mc-form input[type=email] {
    margin-bottom: 0;
}

.popup-content .yikes-mailchimp-container {
    margin-bottom: 60px;
}

.popup-content[data-rel="pre-register"] .popup-align {
    padding: 45px 45px 0 45px;
}

.contact-info .yikes-easy-mc-form .field-no-label,
.contact-info .yikes-easy-mc-form label {
    margin-bottom: 20px;
}

.contact-info .yikes-easy-mc-form .field-no-label.margin-bottom-0 {
    margin-bottom: 0px;
}

.contact-info .yikes-easy-mc-form .field-no-label>span,
.contact-info .yikes-easy-mc-form label>span {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    color: var(--clr-black);
}

.contact-info .yikes-easy-mc-form input[type=text],
.contact-info .yikes-easy-mc-form input[type=email] {
    margin-top: 5px;
}

.yikes-easy-mc-form .yikes-easy-mc-submit-button.custom-submit {
    padding: 18px 30px;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .yikes-easy-mc-form .yikes-easy-mc-submit-button.custom-submit {
        display: inline-block;
        width: auto;
        min-width: 200px;
        margin-left: 0;
        margin-bottom: 30px;
    }

    .contact-info .yikes-easy-mc-form .yikes-easy-mc-submit-button.custom-submit:hover {
        border-color: var(--clr-thirdy);
    }

    #contact .yikes-easy-mc-form label {
        width: calc(100% - 20px);
    }
}

@media (min-width: 768px) {
    .contact-info .yikes-easy-mc-form .yikes-easy-mc-submit-button.custom-submit {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

@media (max-width: 1199px) {

    .contact-info .yikes-easy-mc-form .field-no-label,
    .contact-info .yikes-easy-mc-form label {
        margin-bottom: 15px;
    }
}

.yikes-easy-mc-success-message {
    background: transparent !important;
    padding: 12px 0;
    display: none !important;
    opacity: 0;
}

#yikes-mailchimp-container-1 .yikes-easy-mc-error-message,
#yikes-mailchimp-container-3 .yikes-easy-mc-error-message {
    top: auto;
    left: -15px;
}

#yikes-mailchimp-container-1 .yikes-easy-mc-error-message,
#yikes-mailchimp-container-1 .yikes-easy-mc-success-message,
#yikes-mailchimp-container-3 .yikes-easy-mc-error-message {
    font-size: 12px;
    line-height: 1.4em;
}

@media (min-width: 1900px) {

    #yikes-mailchimp-container-1 .yikes-easy-mc-error-message,
    #yikes-mailchimp-container-3 .yikes-easy-mc-error-message {
        bottom: -55px;
    }
}

@media (min-width: 1441px) {

    #yikes-mailchimp-container-1 .yikes-easy-mc-error-message,
    #yikes-mailchimp-container-3 .yikes-easy-mc-error-message {
        bottom: -65px;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {

    #yikes-mailchimp-container-1 .yikes-easy-mc-error-message,
    #yikes-mailchimp-container-3 .yikes-easy-mc-error-message {
        bottom: -70px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {

    #yikes-mailchimp-container-1 .yikes-easy-mc-error-message,
    #yikes-mailchimp-container-3 .yikes-easy-mc-error-message {
        bottom: -105px;
    }
}

@media (max-width: 991px) {

    #yikes-mailchimp-container-1 .yikes-easy-mc-error-message,
    #yikes-mailchimp-container-3 .yikes-easy-mc-error-message {
        position: relative;
        left: 0;
    }
}

@media (max-width: 767px) {
    .popup-info .yikes-easy-mc-error-message {
        position: relative;
        top: auto;
        left: 0;
        bottom: 0;
        height: auto;
        font-size: 14px;
        padding: 0;
        margin-bottom: 10px;
    }

    .popup-content .yikes-mailchimp-container {
        margin-bottom: 0;
    }

    .popup-content[data-rel="pre-register"] .popup-align {
        padding: 40px 30px 50px 30px;
    }

    .popup-info .yikes-easy-mc-form .yikes-easy-mc-submit-button {
        margin-top: 0;
    }

    .mobile #yikes-mailchimp-container-1 .yikes-easy-mc-error-message {
        padding: 0;
    }
}

.page-template-privacy-policy #yikes-mailchimp-container-1 {
    display: none;
}

/*tabs for contacts and popups*/
.contact-wrapper .tab-nav {
    margin-bottom: 30px;
}

.popup-info .tab-nav {
    margin-bottom: 40px;
}

.contact-wrapper .tab-toggle div,
.popup-info .tab-toggle div {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 0 0 15px 0;
}

.contact-wrapper .tab-toggle div+div,
.popup-info .tab-toggle div+div {
    margin-left: 35px;
}

.contact-wrapper .tabs.mobile {
    display: none;
}

@media (max-width: 1440px) {

    .contact-wrapper .tab-toggle,
    .popup-info .tab-toggle {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .contact-wrapper .tab-toggle div+div,
    .popup-info .tab-toggle div+div {
        margin-left: 20px;
    }
}

@media (max-width: 991px) {
    .contact-wrapper .tabs {
        margin-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .contact-wrapper .tabs.mobile {
        display: block;
        margin-top: 50px;
        margin-bottom: 0;
    }

    .contact-wrapper .tabs {
        display: none;
    }
}

.pagination li.active {
    pointer-events: none;
}

.feedback-sec .wpcf7-form .wpcf7-response-output {
    display: none;
}

.feedback-sec .form-block .wpcf7-not-valid-tip {
    position: relative;
    top: 0;
}

.feedback-sec .form-block .input.wpcf7-not-valid,
.feedback-sec .form-block input.wpcf7-not-valid {
    color: var(--clr-error);
    border-color: var(--clr-error);
}

.feedback-sec .form-block.invalid .input-wrapp:not(.textarea-wrapp) .text {
    color: var(--clr-error);
}

.wpcf7-not-valid-tip {
    color: var(--clr-error);
}

/*Buttons to Header*/
.icon-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 2px solid var(--clr-black);
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.icon-link svg {
    max-width: 48px;
    max-height: 48px;
}

.icon-link svg path {
    -webkit-transition: var(--transition);
    transition: var(--transition);
}

.icon-link:hover {
    border-color: var(--clr-primary);
}

.icon-link:hover svg path {
    stroke: var(--clr-primary);
}

@media (max-width: 1199px) {
    header .menu-toggle .btn-wrapper {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: start;
        margin-bottom: 30px;
    }

    header .menu-toggle .btn-wrapper>*:not(:last-child) {
        margin-right: 0;
        margin-bottom: 25px;
    }
}
.text > ul + h1{
    margin-top: 30px;
}

@media (min-width: 1200px){
.page-template-default .text a:hover {
    color: var(--clr-primary);
}}
.text a:hover {
    color: var(--clr-primary);
}
.text a::before {
    content: none;    
}
/* .contact-list a {position: relative;}

.contact-list a::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 2px; background-color: var(--clr-primary); -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }
@media (hover: hover) and (min-width: 1200px), (-ms-high-contrast: none) {
.contact-list a:hover::before { width: 100%; } }  */

/* .page-template-default .text p a { position: relative; z-index: 2; display:inline-block }

.page-template-default .text p a::before { 
    content: ""; 
    position: absolute; 
    z-index: 1; 
    top: auto; 
    bottom: -1px; 
    left: 0; 
    width: 0;
    height: 2px; 
    background-color: var(--clr-black); 
    -webkit-transition: var(--transition); 
    transition: var(--transition); 
    -webkit-transition-delay: 0.5s; 
    transition-delay: 0.5s; 
}
@media (hover: hover) and (min-width: 1200px), (-ms-high-contrast: none) {
.page-template-default .text p a:hover::before { width: 100%; } } */
.icon-link{
    overflow: hidden;
}
.icon-link svg{
    margin-left: -8px;
}