/**
 * Theme Name:     Hi5clive Child
 * Author:         MWTemplates
 * Template:       hi5clive
 * Text Domain:	   hi5clive-child
 * Description:    Hi5clive - Digital Entrepreneur WordPress Theme
 */
.marginCustomHome {
    box-sizing        : border-box;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    margin            : 0px;
    border            : 10px solid #e3e3e3;
}

.ds.page_header {
    background-color: white;
}

.ds .sf-menu>li>a {
    color: #4A4A49;
}

.toggle_menu span:after,
.toggle_menu span,
.toggle_menu span:before {
    background-color: #4A4A49 !important;
}

.section_padding_bottom_100>[class*="footer_1"] {
    padding-bottom: 0px;
}

.section_padding_top_100>[class*="footer_1"] {
    padding-top: 0px;
}

.form-nl-c>.container {
    width: 100% !important;
}

.cf-newsletter>input[type="text"] {
    height: 150px;
}

.pulsante-cta:hover {
    color: #ffffff !important;
}

input.wpcf7-form-control.wpcf7-submit {
    display: block !important;
    margin : 0 auto !important;
}

.page_footer .row {
    margin-top   : -30px !important;
    margin-bottom: -30px !important;
}

.radio label {
    color: #ffffff !important;
}

.darkgrey {
    color: #4A4A49 !important;
}

.video-shortcode {
    color: #e52727 !important;
}

.open-nl:hover {
    color           : #ffffff !important;
    background-color: #e52727 !important;
}

.form-wrapper.text-left .wrap-forms .theme_button {
    color: #ffffff !important;
}

.cookie-bar-block #catapult-cookie-bar h3 {
    font-size: 25px !important;
}

#catapult-cookie-bar .ctcc-left-side {
    font-size  : 17px !important;
    line-height: 30px !important;
}

button#catapultCookie {
    padding      : 9px 12px;
    border-radius: 0px;
}

.pulsante-servizi {
    color: #ffffff !important;
}

.page-id-4799 .theme_button.inverse.color2 {
    color: #ffffff !important;
}

/* Modifiche 2023 */
/* CookieYes */
.cky-switch input[type="checkbox"] {
    height: 24px !important;
}

.cky-switch input[aria-label~="Disattivare"] {
    background-color: #0056a7 !important;
}

.section-presentazione-mobile {
    display: none;
}

.section-presentazione {
    width : 100vw;
    height: 100vh;
}

.section-presentazione .container-fluid {
    padding: 0;
}

.section-presentazione .container-fluid .row .img-climatizzazione-desktop,
.section-presentazione .container-fluid .row .img-sicurezza-desktop {
    width : 100vw;
    height: 100vh;
}

.section-presentazione .container-fluid .row .img-climatizzazione-desktop {
    background-position: right;
}

.section-presentazione .container-fluid .row .img-climatizzazione-desktop,
.section-presentazione .container-fluid .row .img-sicurezza-desktop {
    background-size: cover;
}

.btn-sicurezza {
    border-color: #5eb26d !important;
}

.btn-sicurezza:hover {
    background-color: #5eb26d !important;
}

.btn-sicurezza:visited {
    background-color: #5eb26d !important;
}

/* SIC.TEL 2025 */
/* Generali */
:root {
    --dark-blue : #2b313e;
    --sicurezza : #5db26d;
    --bright-red: #ee3433;
    --green     : #5ab778;
}

:root,
body {
    line-height: 1.5 !important;
}

#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input {
    height: 24px !important;
}

.header_left_logo .logo img {
    width: 100px !important;
}

.text-dark-blue,
.text-dark-blue span {
    color: var(--dark-blue) !important;
}

.text-green,
.text-green span,
.bg-green {
    color: var(--sicurezza) !important;
}

.pulsante-cta {
    color : var(--dark-blue) !important;
    border: solid 2px var(--bright-red) !important;
}

.pulsante-cta-green {
    color : var(--dark-blue) !important;
    border: solid 2px var(--green) !important;
}

.pulsante-cta-green:hover {
    background-color: var(--green) !important;
    border          : solid 2px var(--green) !important;
}

.breadcrumb {
    font-size  : 19px !important;
    font-weight: 600;
}

.breadcrumb-tecnologia-dell-informazione .breadcrumb_last {
    color: var(--green) !important;
}

.pl-15-pr-15 {
    padding: 0 15px;
}


/* .pl-150-pr-150 {
    padding: 0 150px;
} */

.font20 {
    font-size: 20px !important;
}

.font22 {
    font-size: 22px !important;
}

.font24 {
    font-size: 24px !important;
}

.font25 {
    font-size: 25px !important;
}

.font26 {
    font-size: 26px !important;
}

.font28,
.font28 p {
    font-size: 28px !important;
}

.font32 {
    font-size: 32px !important;
}

.font40 {
    font-size: 40px !important;
}

.font43 {
    font-size: 43px !important;
}

.font48 {
    font-size: 48px !important;
}

.font-50 {
    font-size: 50px !important;
}

.opacity80 {
    opacity: 0.8 !important;
}

.display-none {
    display: none !important;
}

/* Contatti */
#section-6be664a .teaser[class*="bg_color"],
#section-6be664a .teaser[class*="with_"] {
    min-height: 350px !important;
    padding   : 50px 0 50px !important;
}

#section-6be664a .teaser .teaser_image img {
    height: 54px !important;
}

#section-6be664a .teaser div p,
#section-6be664a .teaser div a {
    font-size: 16px !important;
}

#section-6be664a .teaser div a {
    color: #ffffff !important;
}

/* Header */
#header {
    background-color: #ffffff !important;
}

/* Navigazione */
.ds .sf-menu>li>a {
    color: #2b313e !important;
}

.ds .sf-menu>li>a:hover,
.ds .sf-menu>li>a:active {
    color: #ee3433 !important;
}

.btn-presentazione {
    font-size: 34px !important;
}

.marginCustomHome {
    min-height: 400px !important;
}

.teaser_image img {
    width : 80px !important;
    height: 80px !important;
}


.img-presentazione {
    background-size: cover !important;
}

/* Azienda */
#column-47157dc .step-text p {
    font-size  : 17px !important;
    margin     : 0 !important;
    line-height: 26px !important;
}


/* Pagina Singolo Servizio Sicurezza */
.list-singolo-servizio {
    text-align  : left;
    padding-left: 50px !important;
}

.custom-list-item {
    text-align  : left !important;
    padding-left: 15px !important;
}

.custom-list-item li {
    padding-left: 25px !important;
}

.custom-list-item li::marker {
    font-size: 18px !important;
}

.list-singolo-servizio li {
    list-style-type: lower-alpha !important;
}

.list-singolo-servizio li::marker {
    font-weight: bold !important;
}

/* Pagina: Tecnologia dell'informazione */
.page_breadcrumbs {
    display: none;
}

.box-intro-servizi {
    background-color: var(--sicurezza);
    padding         : 10px 30px;
}

.banner-sezione-componenti-principali {
    height: 800px;
}

/* Pagina Progettazione, Installazione e Manutenzione */
#section-f009813 .container .row {
    display: flex !important;
    /* Centra i 3 box iniziali */
}

#section-f009813 .box-intro-servizi {
    margin-bottom: 25px !important;
}

.custom-width .container-fluid {
    max-width: 1440px !important;
}

.position-top-200px {
    position: relative;
    top     : -200px;
}

/* News */
.archive-list-view #content .post-thumbnail img {
    width     : 100% !important;
    height    : 450px !important;
    object-fit: cover;
}

.archive-list-view #content .entry-content p {
    font-size: 24px;
}

.archive-list-view #content .entry-title {
    font-size: 31px;
}

.archive-list-view #content .entry-date {
    color    : var(--bright-red) !important;
    font-size: 16px;
}

.btn-leggi-tutto {
    font-size : 21px;
    display   : inline-block;
    margin-top: 70px;
    border    : solid 1px var(--bright-red) !important;
    padding   : 15px 30px;
}

.btn-leggi-tutto:hover {
    color           : #ffffff;
    border          : solid 1px var(--bright-red) !important;
    background-color: var(--bright-red);
}

.archive-list-view #content .pagination .active {
    background-color: var(--bright-red) !important;
}

.archive-list-view #content .pagination .page-numbers {
    font-size: 18px !important;
}

.archive-list-view #content .pagination .prev .page-numbers,
.archive-list-view #content .pagination .next .page-numbers {
    font-size: 0 !important;
}

/* Singolo Post */
.single-post article .entry-title {
    font-size: 36px !important;
}

.single-post article .entry-date {
    color    : var(--bright-red) !important;
    font-size: 19px !important;
}

/* Footer */
#footer .widget-3,
#custom_html-4 {
    margin-bottom: 0 !important;
}

/* Form Contatti */
.wpforms-form .wpforms-field-container .wpforms-field input,
.wpforms-form .wpforms-field-container .wpforms-field textarea {
    background-color: #ffffff !important;
}

.mobile-active .mainmenu_wrapper {
    background-color: #2b313e;
}

.toggle_menu.mobile-active {
    background-color: #2b313e;
}


@media screen and (min-width: 1200px) {
    .page_footer.footer_1 [class*="col-"] {
        margin-top   : 0 !important;
        margin-bottom: 0 !important;
    }
}

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

    .font25 p {
        font-size: 21px !important;
    }


    .header_left_logo .logo img {
        width  : 50% !important;
        padding: 10px !important;
    }

    .reperibilita-desktop {
        display: none !important;
    }

    .intro-desktop {
        display: none !important;
    }

    .intro-mobile {
        height: 100vh !important;
    }

    .colonne-intro {
        height         : 50vh;
        width          : 100% !important;
        display        : flex !important;
        justify-content: center !important;
        align-items    : center !important;
    }

    .btn-presentazione {
        font-size: 18px !important;
    }

    .img-presentazione-mobile {
        background-size    : cover !important;
        background-position: center !important;
        background-repeat  : no-repeat;
    }

    /* Singolo Servizio */
    .section-page-title .container-fluid .row {
        display       : flex;
        flex-direction: column;
    }

    .section-page-title .special-heading h1 {
        font-size: 40px !important;
    }

    .testo-introduttivo {
        padding: 0 30px !important;
    }

    .punti-chiave .container .row {
        flex-direction: column;
    }

    .banner-sezione-componenti-principali {
        height             : 420px;
        background-position: center;
    }

    section[class*="custom-width"]:not(.testo-introduttivo) .container-fluid .row div[class*="col-"]:not(.position-top-200px, .item-servizio) {
        display                                                                                 : none;
        /* Si applica ai div con classe ".col-" ma non ai div con classe ".position-top-200" Rif: https://www.w3schools.com/cssref/css_selectors.php */
    }

}

@media screen and (min-device-width: 768px) {
    .reperibilita-mobile {
        display: none !important;
    }

    .intro-mobile {
        display: none !important;
    }

}


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

    .toggle_menu.mobile-active,
    .mobile-active .mainmenu_wrapper {
        background-color: var(--dark-blue) !important;
    }

    .mobile-active .sf-menu {
        display        : flex;
        flex-direction : column;
        justify-content: center;
    }

    .ds .sf-menu>li>a {
        color     : #ffffff !important;
        font-size : 22px;
        text-align: center;
        padding   : 15px 0;
    }

    .page_header_wrapper {
        height: none !important;
    }

}

.section-presentazione-mobile .container-fluid .row .img-climatizzazione-mobile {
    background-position: right;
    background-size    : cover;
}

.section-presentazione-mobile .container-fluid .row .img-sicurezza-mobile {
    background-size: cover;
}

.sf-arrows .sf-with-ul+.sf-menu-item-mobile-toggler {
    background-color: #14232d;
}

@media screen and (max-device-width: 767px) {
    .slider-desktop {
        display: none !important;
    }
}

@media screen and (min-device-width: 768px) {
    .slider-mobile {
        display: none !important;
    }
}

.topmargin_40 {
    margin-top: 0px !important;
}

.field-radio {
    font-size: 17px !important;
}

input[type="text"],
input[type="email"],
textarea {
    background-color: #e3e3e3 !important;
}

.pulsante-cta-servizi {
    background-color: #ffffff !important;
    color           : #5db26d !important;
    border-color    : #ffffff !important;
}

.pulsante-cta-servizi:hover {
    background-color: #5db26d !important;
    color           : #ffffff !important;
    border-color    : #ffffff !important;
}

.pulsante-cta-servizi-2 {
    color: #4A4A49 !important;
}

.pulsante-cta-servizi-2:hover {
    color: #ffffff !important;
}

.pulsante-cta-servizi-3 {
    background-color: #ffffff !important;
    color           : #2089a3 !important;
    border-color    : #ffffff !important;
}

.pulsante-cta-servizi-3:hover {
    background-color: #2089a3 !important;
    color           : #ffffff !important;
    border-color    : #ffffff !important;
}

.pulsante-cta-servizi-4 {
    background-color: #ffffff !important;
    color           : #c1a98b !important;
    border-color    : #ffffff !important;
}

.pulsante-cta-servizi-4:hover {
    background-color: #c1a98b !important;
    color           : #ffffff !important;
    border-color    : #ffffff !important;
}

@media screen and (min-device-width: 768px) {
    #column-cfee306.fw-column {
        margin-bottom: 0px !important;
    }
}

.pp_content_container .pp_details {
    display: none !important;
}

@media screen and (max-device-width: 767px) {
    .evolve-desktop {
        display: none !important;
    }
}

@media screen and (min-device-width: 768px) {
    .evolve-mobile {
        display: none !important;
    }
}

.links-wrap {
    display: none !important;
}

.gallery-title-item+.item-title h3 {
    font-size    : 23px !important;
    padding-left : 10px !important;
    padding-right: 10px !important;
    line-height  : 30px !important;
}

.small_buttons a,
.small_button {
    display: none !important;
}


.blog article.post .item-content {
    padding: 0 30px 0px 30px !important;
}

.blog .entry-title {
    font-size  : 28px !important;
    line-height: 30px !important;
}

.entry-author {
    display: none !important;
}

.separator {
    display: none !important;
}

.navigation.post-navigation a .media .nav-middle .nav {
    display: none !important;
}

.navigation.post-navigation {
    display: none !important;
}

hr {
    background-color: #ffffff1a !important;
}

.breadcrumb li {
    display: none !important;
}

.page-id-4734 .page_breadcrumbs {
    display: none !important;
}

.page-id-4799 .page_breadcrumbs {
    display: none !important;
}

.page-id-4868 .page_breadcrumbs {
    display: none !important;
}

.page-id-4838 .page_breadcrumbs {
    display: none !important;
}

.page-id-4885 .page_breadcrumbs {
    display: none !important;
}

a.more-link {
    position     : relative;
    z-index      : 3;
    margin-top   : 45px;
    margin-bottom: 0;
    font-size    : 0px;
}

a.more-link:before {
    position : relative;
    font-size: 16px;
    content  : " Leggi tutto"
}

.blog .page_breadcrumbs {
    background-image: url(https://sictel.it/wp-content/uploads/2020/03/news.jpg) !important;
}

.blog .page_breadcrumbs .breadcrumbs-title {
    position     : relative;
    z-index      : 3;
    margin-top   : 45px;
    margin-bottom: 0;
    font-size    : 0px;
}

.blog .page_breadcrumbs .breadcrumbs-title:before {
    content  : "News" !important;
    position : relative;
    font-size: 40px;
}

.fw-flash-message {
    color       : #000 !important;
    text-align  : center !important;
    padding-left: 0px !important;
}

.fw-flash-type-success {
    color       : #000 !important;
    text-align  : center !important;
    padding-left: 0px !important;
}

.video-popup {
    width: 70% !important;
}

#html5-close {
    width : 32px !important;
    height: 32px !important;
    top   : 10px !important;
    right : 10px !important;
}

.wpve-playbutton {
    background-size: 85px !important;
}

#html5-close-fullscreen .mh-icon-close {
    font-size       : 24px;
    padding         : 10px;
    color           : #fff;
    background-color: transparent !important;
}

.video-mobile-lightbox {
    margin-left  : -20px !important;
    margin-right : -20px !important;
    margin-bottom: -30px !important;
    margin-top   : -20px !important;
}

input {
    background-color: #e3e3e3 !important;
    height          : 80px !important;
}

input#wpforms-5899-field_1,
#wpforms-5899-field_2,
#wpforms-5899-field_3 {
    border        : 0;
    border-radius : 0;
    font-weight   : 600;
    font-style    : italic;
    box-shadow    : none;
    color         : #242d3c;
    padding-left  : 30px;
    padding-right : 30px;
    padding-top   : 11px;
    padding-bottom: 11px;
    font-size     : 14px;
    line-height   : 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;

}

textarea#wpforms-5899-field_4 {
    border        : 0;
    border-radius : 0;
    font-weight   : 600;
    font-style    : italic;
    box-shadow    : none;
    color         : #242d3c;
    padding-left  : 30px;
    padding-right : 30px;
    padding-top   : 30px;
    padding-bottom: 11px;
    font-size     : 14px;
    line-height   : 20px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

button#wpforms-submit-5899 {
    background-color: transparent;
    border-color    : #e52727;
    color           : white;
    text-transform  : uppercase;
    font-size       : 14px;
    font-weight     : bold;
    text-transform  : uppercase;
    letter-spacing  : 0.2em;
    text-indent     : 0.2em;
    padding         : 16px 24px 16px;
    margin-bottom   : 8px;
    line-height     : 1;
    display         : inline-block;
    border          : 2px solid #e52727;
}

button#wpforms-submit-5899:hover {
    background-color: #e52727;
    border-color    : #e52727;
    color           : white;
}

input#wpforms-5899-field_5_1 {

    float: left;
}

.page-id-4357 input,
.page-id-4357 textarea {
    text-align: center;
}

.wpforms-field-description {
    margin-top: -15px !important;
}

input#wpforms-5899-field_5_1 {
    margin-top: -20px !Important;
}

.page-id-4357 h5 {
    font-size: 13px !important;
}

.numeri {
    width      : 25%;
    font-size  : 14px;
    line-height: 22px;
    float      : left;
}

@media screen and (max-width:768px) {
    .numeri {
        width     : 50% !important;
        margin-top: 20px;
    }
}

@media screen and (max-width:480px) {
    .numeri {
        width     : 100% !important;
        margin-top: 20px;
    }
}

div#column-f27a076,
div#column-4a880f5,
div#column-7e1964e,
div#column-48d1820,
div#column-ce0daaf,
div#column-9edc00d {
    width: 50%;
}

/* edit alberto */

/* section news */
@media screen and (min-width:768px) {
    .section-news {
        margin-left: 10% !important;
    }
}

@media (max-width: 479px) {

    .fw-theme-steps-outer .first-icon,
    .fw-theme-steps-outer .last-icon {
        display: block !important;
    }
}


@media (max-width: 767px) {

    h1,
    h2,
    h3 {
        text-align: center !important;
    }


    .fw-column:not(.news-carousel, .col-info-contatti) {
        display        : flex;
        flex-direction : column;
        align-items    : center;
        justify-content: center;
    }

    .archive-list-view #content article.post .item-content, .archive-list-view #content article.post .item-content .entry-content  {
        display       : flex;
        flex-direction: column;
        align-items   : center;
    }

    /* Per i paragrafi all'interno del contenuto di qualsiasi post nell'archivio */
    article.post .entry-content p,
    .font28 p {
        font-size: 21px !important;
    }

    .font26 {
        font-size: 24px !important;
    }

    /* allineamento giustificazione a sinistra paragarfi mobile */
    /* p:not(.media-heading) {
       text-align: left !important;
    } */
    p {
        text-align   : center !important;
        word-break   : keep-all !important;
        overflow-wrap: normal !important;
        hyphens      : none !important;
    }

    h4.entry-title {
        text-align: center !important;
    }

    h4.section_header {
        text-align: center !important;
    }

    h5.media-heading a p {
        text-align: center !important;
    }

    h5.media-heading p {
        text-align: center !important;
    }

    .text-dark-blue p {
        text-justify : unset !important;
        width        : 100% !important;
        /* word-break: break-all !important; */
    }

    .position-top-200px {
        top: unset !important;
    }


    .custom-list-item li {
        padding-left: 0px !important;
    }


    .single-post .entry-header {
        justify-content: center !important;
    }

}