/*
Theme Name:  BenEssere Cinofilia
Theme URI:  https://www.benesserecinofilia.it
Description:  BenEssere Cinofilia Theme
Author:  BenEssere Cinofilia
Author URI:  https://www.benesserecinofilia.it
Textdomain:  bencin
Template:  petz
Version:  1.1
*/

/*
*   1.0 Header
*   2.0 Content
*       2.1 Homepage
*   3.0 Footer
*   4.0 Single webinar
*   5.0 Webinars list container
*   6.0 Single speaker
*   7.0 Speakers list
*   8.0 Gravity Forms
*/

:root {
    --main-color: #108896;
}

/*
*   1.0 Header
*/
header.petz-header {
    top: 0;
}

header.petz-header .theme-header-box:not(.header-fixed) {
    opacity: 1;
}

header .primary-menu a,
header .primary-menu a:active,
header .primary-menu a:focus,
header .primary-menu a:visited {
    text-decoration: none;
}

header .primary-menu a:hover {
    text-decoration: underline;
    color: #fedd00;
}

header .primary-menu>li.current-menu-ancestor>a,
header .primary-menu>li.current-menu-ancestor>a:hover,
header .primary-menu>li.current-menu-item>a,
header .primary-menu>li.current-menu-item>a:hover,
header .primary-menu>li.current-menu-parent>a,
header .primary-menu>li.current-menu-parent>a:hover,
header .primary-menu>li.current_page_ancestor>a,
header .primary-menu>li.current_page_ancestor>a:hover,
header .primary-menu>li.current_page_parent>a,
header .primary-menu>li.current_page_parent>a:hover,
header .primary-menu li .sub-menu a:hover {
    background-color: #108896;
}

body header.petz-header:not(.header-fixed) .ht-logo {
    padding: 10px 0;
}

@media (min-width: 992px) {
    body header.petz-header .theme-header-box.header-fixed .lg img {
        max-width: 80px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .primary-menu>li>a {
        padding: 25px 15px;
    }
}

@media (max-width: 991px) {
    body .theme-box-menu {
        padding-right: 10px;
        padding-left: 10px;
    }

    body .theme-box-menu #btn-toggle {
        top: 30px;
        right: 10px;
    }

    body .theme-box-menu .primary-menu>li a:hover,
    body .theme-box-menu .primary-menu>li.current-menu-ancestor>a,
    body .theme-box-menu .primary-menu>li.current-menu-item>a,
    body .theme-box-menu .primary-menu>li.current-menu-parent>a,
    body .theme-box-menu .primary-menu>li.current_page_ancestor>a,
    body .theme-box-menu .primary-menu>li.current_page_parent>a {
        background-color: transparent !important;
        color: #fedd00;
    }

    body header.petz-header .theme-header-box.header-fixed .theme-box-menu {
        padding-top: 0;
        padding-bottom: 0;
    }

    body header.petz-header .theme-header-box.header-fixed .lg img {
        max-width: 60px;
    }

    body header.petz-header .theme-header-box.header-fixed .theme-box-menu #btn-toggle {
        top: 11px;
    }
}

/*
*   2.0 Content
*/
body.elementor-kit-275 button,
body.elementor-kit-275 input[type="button"],
body.elementor-kit-275 input[type="submit"],
body.elementor-kit-275 .elementor-button {
    width: auto;
    height: auto;
    box-shadow: none !important;
}

body figure.full-width {
    margin: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
body figure.full-width img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    max-height: -webkit-fill-available;
}

@media (max-width: 991px) {
    body .petz-breadcrumb {
        background-position: center;
        border-radius: 0;
        margin-bottom: 30px;
    }

    body .petz-breadcrumb>.container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        max-width: unset;
    }

    body .petz-breadcrumb>.container .bread {
        height: 400px;
    }

    body .petz-breadcrumb>.container h1.page-title {
        padding: 0;
        border-radius: 0;
        margin: 0;
        width: 100%;
        border: none;
    }

    body .petz-breadcrumb>.container h1.page-title span {
        max-width: 750px;
        padding: 15px 25px;
        display: block;
        margin: 0 auto;
    }
}

/*
*   2.1 Homepage
*/
div.newsletter-home>.elementor-widget-container {
    margin: 0;
    width: 100%;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget {
    width: 100%;
    padding: 30px;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget h4 {
    margin-top: 0;
    margin-bottom: 15px;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget a,
div.newsletter-home>.elementor-widget-container .petz-subcribe-widget a:active,
div.newsletter-home>.elementor-widget-container .petz-subcribe-widget a:focus,
div.newsletter-home>.elementor-widget-container .petz-subcribe-widget a:visited,
div.newsletter-home>.elementor-widget-container .petz-subcribe-widget a:hover {
    color: #fff;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget .mc4wp-form-fields {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-rows: auto;
    gap: 10px 15px;
    margin: 20px auto 0;
    max-width: 600px;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget .mc4wp-form-fields span.field-email {
    grid-column: 1;
    grid-row: 1;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget .mc4wp-form-fields span.field-email input {
    width: 100%;
    border-radius: 10px;
    border: #fff;
    padding: 10px 15px;
    height: 100%;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget .mc4wp-form-fields input[type="submit"] {
    grid-column: 2;
    grid-row: 1;
    border: none;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget .mc4wp-form-fields span.field-privacy {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    gap: 5px;
}

div.newsletter-home>.elementor-widget-container .petz-subcribe-widget .mc4wp-form-fields span.field-privacy a {
    line-height: 20px;
}

@media (max-width: 575px) {
    div.newsletter-home>.elementor-widget-container .petz-subcribe-widget .mc4wp-form-fields {
        display: flex;
        flex-direction: column;
        -ms-flex-direction: column;
        gap: 10px 15px;
    }
}


/*
*   3.0 Footer
*/
footer.petz-footer {
    background-color: #108896;
    padding: 30px 0;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

footer.petz-footer .column {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
}

footer.petz-footer .column img.logo-footer {
    max-width: 300px;
    width: 100%;
    height: auto;
}

footer.petz-footer .column div.other-logo {
    margin-top: 30px;
    display: flex;
    gap: 10px;
}

footer.petz-footer .column div.other-logo a img {
    max-width: 120px;
    height: auto;
}

footer.petz-footer .column h3.title {
    color: #fedd00;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: bold;
}

footer.petz-footer .column>h3.title:first-of-type {
    margin-top: 0;
}

footer.petz-footer .column p {
    margin-top: 0;
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

footer.petz-footer .column a,
footer.petz-footer .column a:active,
footer.petz-footer .column a:focus,
footer.petz-footer .column a:visited {
    color: #fff;
    text-decoration: none;
}

footer.petz-footer .column a:hover {
    text-decoration: underline;
}

footer.petz-footer .column a i {
    font-size: 15px;
}

footer.petz-footer .column ul.socials {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 15px;
}

footer.petz-footer .column ul.socials li a i {
    font-size: 30px;
}

@media (max-width: 575px) {
    footer.petz-footer {
        text-align: center;
    }

    footer.petz-footer .container>div.column {
        margin-bottom: 15px;
    }

    footer.petz-footer .column p {
        text-align: center;
    }

    footer.petz-footer .column ul.socials {
        justify-content: center;
    }
}


/*
*   4.0 Single webinar
*/
body.single-webinars header.flw h2 {
    color: var(--main-color);
}

body.single-webinars header.flw .subtitle-date-time {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 30px;
    align-items: center;
    color: #000000;
    margin-bottom: 40px;
}

body.single-webinars header.flw .subtitle-date-time span {
    display: flex;
    gap: 10px;
    align-items: center;
}

body.single-webinars header.flw .subtitle-date-time span i {
    color: var(--main-color);
}

body.single-webinars div.ht-content {
    color: #000000;
}

body.single-webinars div.ht-content div.ht-content-event-passed {
    border: 2px solid #108896;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 40px;
}

body.single-webinars div.ht-content div.ht-content-event-passed .ht-content-event-passed-title {
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
    font-size: 24px;
}

body.single-webinars div.webinar-speakers {
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    gap: 40px;
}

body.single-webinars div.webinar-speakers div.webinar-speaker {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto;
    gap: 25px;
}

body.single-webinars div.webinar-speakers div.webinar-speaker h2 {
    grid-column: 1 / -1;
    margin-bottom: 0;
}

body.single-webinars div.webinar-speakers div.webinar-speaker .content h3:first-of-type {
    margin-top: 0;
}

/*
*   5.0 Webinars list container
*/
.webinars-list-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 30px;
    margin: 20px 0;
}
.webinars-list-container h2.month-divider {
    grid-column: 1 / -1;
    margin-top: 50px;
    margin-bottom: 0;
}
.webinars-list-container .webinars-list-container-single {
    grid-column: auto;
    grid-row: auto;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    gap: 10px;
}

.webinars-list-container .webinars-list-container-single a.webinars-list-container-single-title,
.webinars-list-container .webinars-list-container-single a.webinars-list-container-single-title:active,
.webinars-list-container .webinars-list-container-single a.webinars-list-container-single-title:focus,
.webinars-list-container .webinars-list-container-single a.webinars-list-container-single-title:visited {
    text-decoration: none !important;
}

.webinars-list-container .webinars-list-container-single h3 {
    margin: 0 !important;
    line-height: 30px;
    display: block;
}

.webinars-list-container .webinars-list-container-single .webinars-list-container-single-img {
    height: 200px;
    position: relative;
    margin: 0;
}

.webinars-list-container .webinars-list-container-single .webinars-list-container-single-img span.label {
    position: absolute;
    background: #FEDD00;
    -webkit-box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    color: var(--text-color);
    padding: 8px 10px;
    font-size: 15px;
    line-height: 7px;
    letter-spacing: normal;
    z-index: 2;
    border-radius: 10px;
    left: -10px;
    top: 10px;
    color: #2A2A2A;
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-weight: 600;
}
.webinars-list-container .webinars-list-container-single .webinars-list-container-single-img span.label > span {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 5px;
}

.webinars-list-container .webinars-list-container-single .webinars-list-container-single-img figure {
    margin: 0;
    height: 100%;
    width: 100%
}

.webinars-list-container .webinars-list-container-single .webinars-list-container-single-img figure img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    max-height: -webkit-fill-available;
}

.webinars-list-container .webinars-list-container-single a.elementor-button {
    margin: auto 0 0;
}

@media (max-width: 575px) {
    .webinars-list-container {
        display: flex;
        flex-direction: column;
        -ms-flex-direction: column;
    }
}

/*
*   6.0 Single speaker
*/
body.single-speakers h2.events-title {
    margin: 40px 0 0px !important;
    display: inline-block;
}

/*
*   7.0 Speakers list
*/
div.speakers-list-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 30px;
    margin: 20px 0;
}

div.speakers-list-container div.speakers-single {
    grid-column: auto;
    grid-row: auto;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    gap: 10px;
}

div.speakers-list-container div.speakers-single a.title,
div.speakers-list-container div.speakers-single a.title h3 {
    text-decoration: none !important;
    margin: 0;
    color: #108896;
}

div.speakers-list-container div.speakers-single figure {
    height: 200px;
    position: relative;
    margin: 0;
}

div.speakers-list-container div.speakers-single a.elementor-button {
    margin: auto 0 0;
}
@media (min-width: 576px) and (max-width: 991px) {
    div.speakers-list-container {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    div.speakers-list-container {
        display: flex;
        flex-direction: column;
        -ms-flex-direction: column;
    }
}

/*
*   8.0 Gravity Forms
*/
.newsletter-form-gravity form.newsletter-form label.gform-field-label,
.newsletter-form-gravity form.newsletter-form span.gfield_required {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

.newsletter-form-gravity form.newsletter-form a,
.newsletter-form-gravity form.newsletter-form a:active,
.newsletter-form-gravity form.newsletter-form a:focus,
.newsletter-form-gravity form.newsletter-form a:visited {
    color: inherit !important;
    text-decoration: underline !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

.newsletter-form-gravity form.newsletter-form input {
    border: 1px solid #fff !important;
    border-radius: 5px !important;
}

.newsletter-form-gravity div.gform_heading p.gform_required_legend,
.newsletter-form-gravity div.gform_heading p.gform_required_legend span.gfield_required {
    font-size: 14px !important;
    color: #fff !important;
    font-style: italic !important;
}

.newsletter-form-gravity div.gform-footer input[type="submit"] {
    background: transparent !important;
    color: #fff !important;
    font-size: 16px !important;
    border: 1px solid #fff !important;
    border-radius: 5px !important;
    padding: 15px 30px !important;
    font-weight: bold !important;
}

.newsletter-form-gravity div.gform-footer input[type="submit"]:hover {
    background: #fff !important;
    color: #108896 !important;
}