/*
Theme Name:     Hook Child
Description:    Child theme for Hook
Version:        3.1
Author:         Pirenko
Author URI:     https://www.pirenko.com/
Template:       hook
*/

:root {
    --primary: #A5B08F;
    --primarydark: #7e866c;
    --primarylight: #CFEDE8;
    --dark: #232323;
    --light: #cccccc;
}


@media screen and (max-width: 900px){
    .hook_collapsed_menu #hook_logos_wrapper, .hook_collapsed_menu.hook_forced_menu #hook_logos_wrapper, .menu_at_top #hook_logos_wrapper {
        margin-top: 0;
    }
}


.iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right] {
    left: 0 !important;
    width: 34px !important;
    opacity: 0.5
}

#newAppointmentForm > div:first-of-type { 
    display: none;
}


/* SERVICE */

.prk_service.prk_service_right.hook_bigger_service.service h4.big,
.prk_service.prk_service_left.hook_bigger_service.service h4.big {
    font-size: 1.55em;
    margin: 30px 10px 30px;
}

.prk_service.prk_service_right.hook_bigger_service.service, .prk_service.prk_service_left.hook_bigger_service.service {
    margin-bottom: 15px;
}

.prk_service.prk_service_right.hook_bigger_service.agenda svg,
.prk_service.prk_service_right.hook_bigger_service.agenda img,
.prk_service.prk_service_left.hook_bigger_service.agenda svg,
.prk_service.prk_service_left.hook_bigger_service.agenda img .prk_service.prk_service_right.hook_bigger_service.agenda i,
.prk_service.prk_service_left.hook_bigger_service.agenda i {
    max-width: 94px;
    width: 94px;
    height: 94px;
    font-size: 94px;
    top: 38px;
}

.prk_service.prk_service_right.hook_bigger_service.service svg, .prk_service.prk_service_right.hook_bigger_service.service img, .prk_service.prk_service_left.hook_bigger_service.service svg, .prk_service.prk_service_left.hook_bigger_service.service img {
    max-width: 100%;
}

.prk_service.prk_service_right.hook_bigger_service.service .hook_svg, .prk_service.prk_service_left.hook_bigger_service.service svg {
    width: 75px;
    height: 75px
}

@media only screen and (max-width: 767px){
    .vc_row.vc_row-o-equal-height .vc_column_container {
        min-height: 0;
    }
    .hook_responsive .vertical_forced_row>div:not(.hook_first_row>div) {
        height: 100%!important;
        min-height: 300px;
    }
}

.theme_button.full,
.theme_button.full a,
.ghost_theme_button.full,
.ghost_theme_button.full a{
    width:100%
}


/*  WP FORM  */

.pirenko_highlighted {
    color: var(--dark) !important;
    background: transparent;
    border: 0;
    border-bottom: 2px solid var(--primary);
    margin-bottom: 20px;
    font-size: 0.9em;
}

.pirenko_highlighted:focus {
    background-color: transparent !important;
    color: var(--dark)
}

.pirenko_highlighted:focus::placeholder {
    color: var(--light) !important
}

input[type="checkbox"] {
    appearance: none !important;
    position: relative;
    display: inline-block !important;
    background-color: transparent !important;
    margin: 5px !important;
    font: inherit;
    color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 50% !important;
    transform: translateY(-0.075em);
    width: 25px !important;
    height: 25px !important;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 4px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background: var(--primary)
}

input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.wpcf7-list-item {
    margin: 0
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
    content: "";
}

.wpcf7-submit {
    margin-top: 20px;
}

@media screen and (min-width: 767px) {
    .wpform2col p{
        display: flex;
        justify-content: space-between;
    }
    .wpform2col .wpcf7-form-control-wrap {
        width: 48% !important
    }
}

.wpcf7-form input[type="button"] {
    border-radius: 100px !important;
    border-width: 0;
    padding: 11px 30px;
    margin-top: 20px
}

.fullwidth video {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

.prk_service.hours a.zero_color.hook_anchor, .prk_service.hours .service_inner_desc.hook_service_desc.wpb_text_column {
    color: #fff !important;
}

ul.unstyled ul, ul.unstyled, ol.unstyled ol, ol.unstyled {
    display: flex;
    flex-wrap: wrap;
}

.team-inline{
    max-width: calc(100% / 6);
    transition: all 0.6s;
}

@media screen and (max-width: 1040px) {
    .team-inline{
        max-width: calc(100% / 3)
    }
}

@media screen and (max-width: 550px) {
    .team-inline{
        max-width: 100%
    }
}


span.wpcf7-form-control.wpcf7-smshconsent {
    display: flex;
}

span.wpcf7-form-control.wpcf7-smshconsent input {
    width:45px !important
}

.hook_forced_menu #hook_ajax_container{
    margin-top:82px
}

@media screen and (max-width: 480px) {
    rs-fullwidth-wrap {
        margin-top:65px !important
    }
}