/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/
body { font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight: 400; line-height: normal; }
.top-button { background-color: #4187C2; }
.top-button:hover { opacity: 0.7; background-color: #4187C2; }
#title { text-indent: -9999px; height: 0; }
/*#masthead { background-color: transparent !important;  background-image: url("/wp-content/themes/bootscore-child/assets/img/header.webp"); background-repeat: no-repeat; background-size: cover;}*/
#masthead { background-color: transparent !important;  background-image: url("/wp-content/uploads/assistenza-tecnica-scaled.webp"); background-repeat: no-repeat; background-size: cover;}
#nav-main { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
#nav-main .container { padding-top: 60px; padding-bottom: 30px; justify-content: flex-start; }
.navbar-nav { margin-left: 30px;}
.nav-link { background-color: #ffffff; border: 2px solid #4187C2; padding: 8px; border-radius: 50%; width: 44px; height: 44px}
.nav-link span { padding-left: 3px; }
.wpml-ls-slot-11.wpml-ls-current-language, .wpml-ls-slot-11.wpml-ls-current-language a, .wpml-ls-slot-11.wpml-ls-current-language a:visited {
    font-weight: 700; font-size: 1.1em;
}
.wpml-ls-slot-11, .wpml-ls-slot-11 a, .wpml-ls-slot-11 a:visited { font-size: 1.1em; }
.navbar-brand { width: 400px; }
.header { position: relative; padding-right: 0; padding-left: 0; /*min-height: 700px;*/ min-height: 450px; }
.header-int { position: relative; padding-right: 0; padding-left: 0; min-height: 450px; }
.header-text { position: absolute; top: 50%; transform: translateY(-50%); margin-left: auto; margin-right: auto; left: 0; }
.header-text h2 { font-size: 2em; font-weight: 700; color: #4187C2; text-transform: uppercase; margin-bottom: 20px; }
.header .intro-text { font-size: 1.2em; font-weight: 500; color: #555555; margin-bottom: 20px; }
.header .header-cta, .header-int .header-cta { padding-top: 30px;}
.header .header-cta i, .header-int .header-cta i { color: #ffffff;  }
.header .header-cta .btn-cta, .btn-form-invia, .header-int .header-cta .btn-cta, .btn-404 { background-color: #4187C2;  font-size: 1em; font-weight: 500; color: #ffffff; border-radius: 30px; padding: 10px 25px; transition: all 0.3s; }
.btn-404 { background-color: #4187C2 !important; color: #ffffff !important; }
.header .header-cta .btn-cta:hover, .btn-form-invia:hover, .header-int .header-cta .btn-cta:hover, .btn-404:hover { opacity: .8; }

#main iframe { border-radius: 10px; }
.box-chatbot {
    background: #80CADC;
    background: -webkit-linear-gradient(90deg,rgba(128, 202, 220, 1) 0%, rgba(98, 133, 189, 1) 63%, rgba(120, 98, 165, 1) 100%);
    background: -moz-linear-gradient(90deg,rgba(128, 202, 220, 1) 0%, rgba(98, 133, 189, 1) 63%, rgba(120, 98, 165, 1) 100%);
    background: linear-gradient(90deg,rgba(128, 202, 220, 1) 0%, rgba(98, 133, 189, 1) 63%, rgba(120, 98, 165, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr="#80CADC",
            endColorstr="#7862A5",
            GradientType=1
    );
    /*clip-path: polygon(0 0, 100% 100px, 100% 100%, 0% 100%);*/
    /*margin-top: -120px;*/
    padding-top: 120px;
    padding-bottom: 100px;
}
footer { padding: 40px; }
.footer-logo img { width: 200px; margin-bottom: 20px; }
.footer-text { font-size: .9em; font-weight: 400; color: #555555; margin-bottom: 20px; }
.footer-legal a, .credits a { font-size: .9em; font-weight: 400; color: #555555; text-decoration: underline }
.credits {font-size: .9em; font-weight: 400; color: #555555; padding: 10px 0; text-align: center; }

/* Manuali */
.header-int .header-text { padding-top: 50px;}

    /*Schede RDO*/
.titolo-page { margin-top: 50px; margin-bottom: 30px; color: #ffffff;}
.schede-rdo { margin-top: 50px; margin-bottom: 50px;}
.titoli-form { color: #555555; font-size: 1.5em; margin-bottom: 30px; margin-top: 30px; padding-bottom: 8px; border-bottom: 1px solid #4187C2; }
.scheda-rdo { background: #ffffff; border-radius: 20px; padding: 30px; }
.scheda-rdo label { color: #555555; font-size: 1em; margin-bottom: 10px; }
input[type=text].wpcf7-form-control, input[type=email].wpcf7-form-control, input[type=tel].wpcf7-form-control, textarea.wpcf7-form-control, select.wpcf7-form-control
{ padding: 10px 15px; font-size: 1em; font-weight: 400; color: #555555; background-color: #ffffff; border-radius: 20px; border-width: 1px; border-style: solid; border-color: #4187C2; width: 95%; margin-bottom: 10px;  }
select.wpcf7-form-control { padding: 8px 15px; }
textarea.wpcf7-form-control { width: 98%; }
.privacy a { color: #ffffff; text-decoration: underline; }
.btn-form-invia { padding: 10px 20px; font-size: 1.5em; border-style: none; }
input[type="submit" i]:disabled { border-style: none; opacity: .8; cursor: not-allowed; }
.wpcf7-not-valid-tip {
    width: 90%;
    background-color: #ffffff;
    text-align: center;
    border-radius: 20px;
    padding: 5px 0;
}
input[type=checkbox] { width: 20px; height: 20px; }

/* Manuali */
.manuali, .manuali-generico { background-color: #f1f1f1; padding-bottom: 50px; }
.manuali h1, .manuali-generico h1 { color: #486BB1; font-size: 2.2em; line-height: normal; text-decoration: none; cursor: default; }
.manuali h1 a { color: #486BB1; font-size: 1em; line-height: normal; text-decoration: none; cursor: default; }
.manuali h2 { color: #486BB1; font-size: 1.6em; line-height: normal; margin-top: 40px; margin-bottom: 25px; text-decoration: none; cursor: default; }
.manuali h2 a  { color: #486BB1; font-size: 1em; line-height: normal; margin-top: 40px; margin-bottom: 25px; text-decoration: none; cursor: default; }
.manuali h3 { color: #555555; font-size: 1.35em; line-height: normal; margin-top: 40px; margin-bottom: 25px; text-decoration: none; cursor: default; }
.manuali h3 a { color: #555555; font-size: 1em; line-height: normal; margin-top: 40px; margin-bottom: 25px; text-decoration: none; cursor: default; }
.manuali p, .manuali p a, .manuali ul li, .manuali ol li { font-size: 1.1em; color: #555555; line-height: 1.4em; }
.manuali ul li { margin-bottom: 8px; }
.manuali ol li { margin-top: 25px; }
.manuali ol li ul li { margin-top: 8px; font-size: 1em; }
.manuali img { margin-top: 24px; margin-bottom: 40px; }
.manuali p a, .manuali ul li a { font-size: 1.1em; color: #486BB1; transition: all .3s ease; }
.manuali p a:hover, .manuali ul li a { font-size: 1.1em; color: #486BB1; opacity: .8; }
.manuali .box-img-manuali { padding-top: 24px; padding-bottom: 40px; background-color: #ffffff; text-align: center; }
.manuali .box-img-manuali {
    background-color: #ffffff;
    border: 1px solid #ccc;
    margin: 40px 0;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 28px rgba(0, 0, 0, 0.2);
}
.box-img-manuali img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.child-pages-list { list-style: none; padding-top: 80px; padding-left: 0; }
.child-pages-list li { margin-bottom: 30px; }
.child-pages-list li a {
    font-size: 1.25em; color: #ffffff !important; background-color: #4187C2; padding: 10px 25px; border-radius: 30px;
    display: block; text-decoration: none; transition: all .3s ease;
}
.child-pages-list li a:hover { opacity: .8 !important;}

/* 404 */
.text1-404 { margin-top: 100px; font-size: 2em !important; color: #486BB1 !important;; margin-bottom: 40px; text-align: center; }
.text2-404 { font-size: 1.5em !important; text-align: center; margin-bottom: 50px; }
.cta-404 { margin-top: 20px; text-align: center}

/* Chatbot */
.material-symbols-rounded {
    font-family: 'Material Symbols Rounded';
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    font-variation-settings:
            'FILL' 0,
            'wght' 300,
            'GRAD' 0,
            'opsz' 30;
}

.ai-chat-widget .chat-button {
    width: 80px; height: 80px; border-radius: 40px; border: 2px solid #ffffff;
    bottom: 40px; top:calc(100% - 140px); right: 50px !important;
}
/*.ai-chat-widget .header-chat {
    background: rgb(72, 107, 177);
    background: -moz-linear-gradient(left, rgba(113,198,217,0.9) 0%, rgba(72,107,177,0.9) 73%, rgba(106,76,153,0.9) 100%);
    background: -webkit-linear-gradient(left, rgba(113, 198, 217, 0.9) 0%, rgba(72, 107, 177, 0.9) 73%, rgba(106, 76, 153, 0.9) 100%);
    background: linear-gradient(to right, rgba(113, 198, 217, 0.9) 0%, rgba(72, 107, 177, 0.9) 73%, rgba(106, 76, 153, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#71c6d9', endColorstr='#6a4c99',GradientType=1 );
}
.ai-chat-widget .chat { bottom: 160px; right: 50px !important; width: 40%; }
.ai-chat-widget .logo-header { width: 40px; height: 40px; margin: 0 10px 0 0;  }
*/
.ai-chat-widget .header-button { transition: all .3s ease; }
.ai-chat-widget .header-button:hover { transform: scale(1.2); }
/*.ai-chat-widget .chat-message-container, .ai-chat-widget .chat-message-user-container { background-color: #cccccc !important; }*/
.footer-accordion-toggle {
    display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 10px 15px;
    background-color: white; border-top: 1px solid #486bb1; border-bottom: 1px solid #486bb1; margin-bottom: 15px; transition: all .3s ease;
}
.footer-accordion-toggle:hover { background-color: #486bb1; }
.footer-accordion-toggle:hover span.footer-accordion-title { color: #ffffff; }
.footer-accordion-toggle:hover span.footer-accordion-arrow { color: #ffffff; }
.footer-accordion-title { font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 16px; font-weight:600; color:#486bb1; }
.footer-accordion-arrow { color: #486bb1; /*font-size: 24px; line-height: 30px;*/ }
.ai-chat-widget .footer-zona-domande {
    padding: 15px 10px 9px 10px; margin: 0 12px 15px 12px !important; background-color: #f0f0f0 !important; border-radius: 8px !important;
}
.footer-accordion-toggle .arrow { display: inline-block; transition: transform 0.3s ease; }
.ai-chat-widget .domanda-footer { font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 16px; color:#486bb1 !important; transition: all .3s ease; }
.ai-chat-widget .domanda-footer:hover { font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 16px; color:#ffffff !important;  }
.ai-chat-widget .footer-zona-input {
    height: 45px !important;
    max-height: 45px !important;
    min-height: 45px !important;
    border: 1px solid #486bb1 !important;
}
.ai-chat-widget .footer-text-input {
    font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 16px !important;
    height: 45px !important;
    max-height: 45px !important;
    min-height: 45px !important;
    color: #486bb1 !important;
}
.ai-chat-widget .nome-chatbot { font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 16px; color:#486bb1 !important; }
.ai-chat-widget .chat-message { font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 16px !important; }
.ai-chat-widget .footer-btn-invia { color: #486bb1;  transition: all .3s ease; }
.ai-chat-widget .footer-btn-invia:hover { transform: scale(1.2); }
.ai-chat-widget .footer-powered-by { font-family: 'Montserrat', Helvetica, Arial, sans-serif !important; font-size: 13px !important; }

@media screen and (min-width: 601px) and (max-width: 1100px) {
    .ai-chat-widget .chat { bottom: 160px; right: 50px !important; width: 70%; }
}

/* Accesibilità */
.text-acc { background-color: #ffffff; border-radius: 20px; padding: 30px; color: #555555; font-size: 1em; line-height: 24px; }
.text-acc h2 { font-size: 2em; font-weight: 700; color: #555555; margin-top: 20px; }
.text-acc h3 { font-size: 1.5em; font-weight: 500; color: #555555; margin-top: 20px; }
.text-acc a { font-size: 1em; font-weight: 600; color: #486BB1; }

h2:focus-visible, h3:focus-visible, a:focus-visible { outline: 1px; outline-color: #486BB1; outline-style: solid; outline-offset: 2px; }
h1:focus-visible { outline: 1px; outline-color: #ffffff; outline-style: solid; outline-offset: 2px; }

.nav-link:focus-visible { outline: 2px; outline-color: #ffffff; outline-style: solid; outline-offset: 3px; }
.header .header-cta .btn-cta:focus-visible, .header-int .header-cta .btn-cta:focus-visible, .btn-404:focus-visible {
    outline: 1px; outline-color: #486BB1; outline-style: solid; outline-offset: 3px;
}
.manuali h1:focus-visible, .manuali h2:focus-visible, .manuali h3:focus-visible {
    outline: 1px; outline-color: #486BB1; outline-style: solid; outline-offset: 2px;
}

@media (max-width: 575px) {
    .navbar-brand img { width: 80%; }
    .header-text { padding-left: 20px; padding-right: 20px; }
    #nav-main .container { justify-content: space-between; }
    .navbar-brand { width: 300px; }
    .navbar-brand img { width: 100%; }
}

@media (max-width: 991px) {
    #nav-main .container { padding-top: 20px; }
    .header-cta { text-align: center; padding-top: 30px; }
    .header { min-height: 750px; }
    .header-int .header-text h2 { text-align: center; }
}
@media (min-width: 992px) {
    #masthead { background-position-x: center; }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .header .header-cta { padding-top: 20px;}
}