/*
Theme Name: Understrap
Theme URI: https://understrap.com
Author: Howard Development & Consulting
Author URI: https://howarddc.com
GitHub Theme URI: https://github.com/understrap/understrap
Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites.
Version: 1.2.4
Requires at least: 5.0
Tested up to: 6.1
Requires PHP: 5.2
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: understrap
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready

Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC
Understrap is distributed under the terms of the GNU GPL.

Resource Licenses:
Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc.
Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT)
Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT)
WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3)
*/

/*
Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme.
Full developer documentation: https://docs.understrap.com
*/

@font-face {
    font-family: 'Unbounded';
    src: url('fonts/Unbounded-Bold.woff2') format('woff2'),
        url('fonts/Unbounded-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Regular.woff2') format('woff2'),
        url('fonts/Poppins-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('fonts/Poppins-Bold.woff2') format('woff2'),
    url('fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body{ font-size:16px; font-family: 'Poppins'; font-weight: normal; font-style: normal; color:#1C1C1C }

.container-fluid{ padding-left:30px; padding-right:30px }
.no-padding{ padding-left:0px!important; padding-right:0px!important }

.title{ font-family: 'Unbounded'; font-weight: bold; font-style: normal; }
.title-home{ line-height:1.2; text-shadow: 0px 6px 9px #00000029; padding:100px 30px 0px 30px; top:0; }
h1,.h1{ font-size:100px }
h2,.h2{ font-size:40px }
h3,.h3{ font-size:24px }
h4,.h4{ font-size:20px }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:0px }


main ul {
  list-style: none;
  padding-left:0px;
  position: relative;
}

main ul li {
  position: relative;
  padding-left: 1em;
}

main ul li::before {
  content: "-";
  position: absolute;
  left: 0;
}

.green{ color:#14551A }
.bg-green{ background-color:#14551A }
.bg-light-green{ background-color:#8DAF8E }
.bg-light-green-10{ background-color: rgba(141,175,142,0.1); }

.bg-magenta{ background-color: #87274D }
.bg-magenta-60{ background-color: rgba(135,39,77,0.60); }
.bg-magenta-75{ background-color: rgba(135,39,77,0.75); }
.bg-magenta-10{ background-color: rgba(135,39,77,0.1); }
.bg-green-60{ background-color: rgba(20,85,26,0.60); }
.bg-green-75{ background-color: rgba(20,85,26,0.75); }
.bg-ciano{ background-color: #3C7096 }
.bg-ciano-60{ background-color:rgba(60,112,150,0.6); }
.bg-ciano-75{ background-color:rgba(60,112,150,0.75); }
.bg-grey{ background-color: }
.white{ color:white }

.btn{ font-weight:bold }
.btn-magenta, .card .btn-magenta{ background-color: #87274D; color: white; }
.btn-magenta:hover, .btn-magenta:focus, .card .btn-magenta:hover, .card .btn-magenta:focus{ background-color: rgba(135,39,77,0.6); color: #1C1C1C; box-shadow:unset }

.btn-light-green, .card .btn-light-green{ background-color: #14551A; color: white; }
.btn-light-green:hover, .btn-light-green:focus, .card .btn-light-green:hover, .card .btn-light-green:focus{ background-color: rgba(20,85,26,0.6); color: #1C1C1C; box-shadow:unset }

.btn-ciano{ background-color:#3C7096; color: white; }
.btn-ciano:hover, .btn-ciano:focus{ background-color:rgba(60,112,150,0.6); color: #1C1C1C; }

a, a:focus, a:hover{ color:#447AA7 }
a:focus, .btn:focus{ outline: 3px solid #447AA7; outline-offset: 1px; } 
footer a, footer a:focus,footer a:hover,
.nav-links a, .nav-links a:hover, .nav-links a:focus,
.card a, .card a:hover, .card a:focus,
.navbar-nav a, .navbar-nav a:hover, .navbar-nav a:focus{ color:#1C1C1C }
a{ text-decoration:underline; }
a.btn, .navbar-nav a{ text-decoration:none }
.navbar-nav{ width: 100%; justify-content: space-around; }
.navbar-brand{ margin-right:0px }
.navbar-nav a{ font-weight:bold; }
footer{ position:relative; z-index:1; }

.intro-text-shadow{ text-shadow: 0px 6px 9px #00000029; }
.intro-image{ max-height:calc(100dvh - 200px); }
.intro-image-full{ height:calc(100dvh - 190px); }
.responsive--full{ max-width:unset; width: 100%}
 
.m-t-100{ margin-top: 100px }
.m-b-100{ margin-bottom: 100px }
.m-b-80{ margin-bottom: 80px }
.m-b-50{ margin-bottom:50px }
.m-b-35{ margin-bottom:35px }
.m-t-30{ margin-top:30px }
.m-b-30{ margin-bottom:30px }
.m-t-25{ margin-top:25px }
.m-b-25{ margin-bottom:25px }
.m-t-15{ margin-top:15px }
.m-b-15{ margin-bottom:15px }
.m-t-10{ margin-top:10px }
.m-b-10{ margin-bottom:10px }

.thumb-activity{ padding:60px 100px 40px 50px }
.p-t-100{ padding-top:100px }
.p-b-100{ padding-bottom:100px }

.p-t-50{ padding-top:50px }
.p-50{ padding:50px }
.p-20{ padding:20px }
.p-t-20{ padding-top:20px }
.p-b-20{ padding-bottom:20px }

.br-15, .btn{ border-radius:15px }
.btn{ text-transform:uppercase }
.z-i-1{ z-index:1 }
.z-i-2{ z-index:2 }
.back-to-top{ position: sticky; bottom: 0; float: right; padding:14px; opacity:0; pointer-events:none; transition: opacity 0.3s linear }
.back-to-top.visible{ opacity:1; pointer-events:auto  }

.object-fit-cover{ object-fit:cover; max-width: unset; max-height: unset; height: 100%!important; width: 100%; }
.top-0{ top:0 }
.start-0{ left:0 }
.bottom-0{ bottom:0 }
.end-0{ right:0 }

.top-50 { top: 50%;}
.start-50 { left: 50%; }
.translate-middle { transform: translate(-50%, -50%); }

.ratio { position: relative; width: 100%; }
.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ratio-1x1 { --bs-aspect-ratio: 100%; }
.ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); }
.ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); }
.ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; }

.big-divider{ height:5px; width:100% }

.card{ border-radius:15px; box-shadow: 3px 3px 6px #00000029; padding: 50px 25px }

.navbar{ padding:20px 15px }
.navbar-brand{ padding-top:0px; padding-bottom:0px }

/*MAP*/
#map { width:100%; height:calc(90dvh - 200px); }
#map.leaflet-container{ font-family: 'Poppins'; z-index:0 }
.leaflet-popup-content-wrapper{ max-height:40dvh; overflow-y:auto; }
#map ul{ padding-left:15px }
.custom-numbered-icon { background-color: transparent;}
.marker-number {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: white /* rgb(255,260,50) */ ;
    text-align: center;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    border:1px solid black;
    box-shadow: 0 0 2px black;
    color: black;
    background-color: #8DAF8E;
}
.marker-number.storico{
    color: white;
    background-color: #87274D;
}
#map button{ background:black; color:white; border-radius: 4px; cursor: pointer; border: unset; padding:5px }
.leaflet-container .leaflet-control-attribution a{ text-decoration:underline; }
.leaflet-container a:focus {
  outline: 3px solid #e48b27;
  outline-offset: 1px;
}

/*FORM*/
.wpcf7 { max-width: unset;}
.btn-outline-primary, .wpcf7 input[type=submit]{ color: #3C7096; border-color: #3C7096; }
.btn-outline-primary.focus, .btn-outline-primary:focus, .wpcf7 input.focus[type=submit], .wpcf7 input[type=submit]:focus {
    box-shadow: 0 0 0 .2rem rgba(60,112,150,.5);
}
.wpcf7-form .wpcf7-list-item{ margin-left: 0px; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled, .wpcf7 input.disabled[type=submit], .wpcf7 input[type=submit]:disabled{
    color: #3C7096;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 textarea{
    margin-top: 10px;
    margin-bottom: 10px;
}
.wpcf7 .wpcf7-not-valid-tip{ margin-bottom:10px }

.form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea {
    color:#1C1C1C;
    border-color: rgba(51,51,51,0.1);
}

.form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=week]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus{
    color:#1C1C1C;
    border-color: #447AA7;
    box-shadow: 0 0 0 .2rem rgba(68, 122, 122, .25);
}


.wpcf7 input.disabled[type=submit], .wpcf7 input[type=submit]:disabled {
    color: white;
    background-color: #3C7096;
    opacity: 0.6;
}

.wpcf7 input[type=submit]{ color: white; background-color: #3C7096; border:none; width:auto; font-weight:bold; border-radius:15px; padding:10px 17px }
.wpcf7 input[type=submit]:hover, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=submit]:not(:disabled):not(.disabled).active, .wpcf7 input[type=submit]:not(:disabled):not(.disabled):active{ background-color:rgba(60,112,150,0.6); color: #1C1C1C; }
.wpcf7 input[type=submit]:not(:disabled):not(.disabled).active:focus, .wpcf7 input[type=submit]:not(:disabled):not(.disabled):active:focus{ box-shadow: 0 0 0 .2rem rgba(60,112,150,.5) }

.captcha-image{ width:100%; border-color: rgba(51,51,51,0.1) }

/*WPML*/
.navbar-nav > .wpml-ls-item{ display:flex }
.wpml-ls-item .dropdown-menu{ min-width:unset; padding:10px; border:none; margin-top:0px }
.wpml-ls-item .dropdown-item{ padding:0px }

/*DROPDOWN*/
#main-menu > .menu-item > a{ text-align:center }
.dropdown-menu{ margin-top:0px }
.menu-item-has-children.dropdown{ display:flex; align-items:center; flex-wrap: wrap; }
.menu-item-has-children.dropdown:hover .dropdown-menu{ display:block; } 
.dropdown-toggle-split{ width:16px; height:16px; padding:0; text-align:center; display: flex; align-items: center; justify-content: center; }
.dropdown-item:active{ background-color:#1C1C1C; color:white!important }

/*BURGER*/
.burger-menu {
    height: 32px;
    width: 40px;
    position:relative; 
}
.burger-menu span{ margin-top:13px }
.burger-menu span,
.burger-menu span::before,
.burger-menu span::after {
    background: #1C1C1C;
    border-radius: 4px;
    content: '';
    position: absolute;
    width: 40px;
    height: 4px;         
    left: 0;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.burger-menu span {
    background: transparent;
}
.collapsed .burger-menu span{
    background: #1C1C1C;
}

.collapsed .burger-menu span::before, .collapsed .burger-menu span::after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.collapsed .burger-menu span::after{
    margin-top: 12px; 
}
.collapsed .burger-menu span::before{
    margin-top: -12px; 
}
.burger-menu span::before {
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.burger-menu span::after {
    margin-top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
} 

/*IFRAME PAGE*/
.page-template-no-title .entry-content{ min-height:100vh }

@media (max-width: 1199.98px) {
    .menu-item-has-children.dropdown{ flex-wrap:wrap; }
    .navbar-nav .dropdown-menu{ width:100%; border: none; padding-top:2px; padding-bottom:2px; }
    .dropdown-item{ padding-left:15px; padding-right:15px }
    .navbar-nav{ padding-top:20px }
}
@media (min-width: 1400px) and (max-width: 1699.98px) {
    h1, .h1{ font-size:90px }
}
@media (min-width: 1199.98px) and (max-width: 1399.98px) {
    h1, .h1{ font-size:80px }
    .m-t-100{ margin-top: 90px }
    .m-b-100{ margin-bottom: 90px }

    .title-home{ padding-top:90px }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .container-fluid{ padding-left:15px; padding-right:15px }
    h1, .h1{ font-size:60px }
    h2, .h2{ font-size:36px }

    .m-t-100{ margin-top: 80px }
    .m-b-100{ margin-bottom: 80px }
    .m-b-80{ margin-bottom: 70px }

    .title-home{ padding-top:80px }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .container-fluid{ padding-left:15px; padding-right:15px }
    h1, .h1{ font-size:50px }
    h2, .h2{ font-size:34px }

    .m-t-100{ margin-top: 70px }
    .m-b-100{ margin-bottom: 70px }
    .m-b-80{ margin-bottom: 60px }
    .m-b-50{ margin-bottom:45px }

    .p-t-100{ padding-top:70px }
    .p-b-100{ padding-bottom:70px }
    .p-t-50{ padding-top:45px }
    .p-50{ padding:45px }

    .title-home{ padding-top:60px }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .container-fluid{ padding-left:15px; padding-right:15px }
    h1, .h1{ font-size:46px }
    h2, .h2{ font-size:32px }

    .m-t-100{ margin-top: 60px }
    .m-b-100{ margin-bottom: 60px }
    .m-b-80{ margin-bottom: 50px }
    .m-b-50{ margin-bottom:40px }

    .p-t-100{ padding-top:60px }
    .p-b-100{ padding-bottom:60px }
    .p-t-50{ padding-top:40px }
    .p-50{ padding:40px }

    .title-home{ padding:50px 20px 0px 20px }
}

@media (max-width: 575.98px) {
    .container-fluid{ padding-left:15px; padding-right:15px }
    h1, .h1{ font-size:40px }
    h2, .h2{ font-size:28px }
    .title-home{ padding:30px 15px 0px 15px }

    .m-t-100{ margin-top: 50px }
    .m-b-100{ margin-bottom: 50px }
    .m-b-80{ margin-bottom: 40px }
    .m-b-50{ margin-bottom:35px }
    .m-b-35{ margin-bottom:30px }

    .p-t-100{ padding-top:50px }
    .p-b-100{ padding-bottom:50px }
    .p-t-50{ padding-top:35px }
    .p-50{ padding:35px }

    .thumb-activity{ padding: 30px 50px 30px 30px; }
}

@media (min-width: 576px) {
    .container {
        min-width: unset;
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        min-width: unset;
        max-width: 720px;
    }
}
@media (min-width: 1024px) {
    .container {
        min-width: unset;
        max-width: 960px;
    }
}
@media (min-width: 1260px) {
    .container {
        min-width: unset;
        max-width: 1200px;
    }
}

@media (min-width: 1680px) {
    .container {
        min-width: unset;
        max-width: 1560px;
    }
}