:root {
    --colore-nero: #000000;
    --colore-grigio: #ccc;
    --colore-grigioscuro: #5c5c5c;
    --colore-bianco: #fff;
    --colore-logo: #0b72b5;
     --swiper-theme-color: #fae016;
}



/* generali */

em {
    color: var(--colore-logo);
}

joomla-alert {
    --jui-alert-min-width: 250px;
    --jui-alert-padding: 50px 25px;
    --jui-alert-margin: 125px auto 50px auto;
    --jui-alert-border: 4px solid;
    --jui-alert-border-radius: 0;
    --jui-alert-animation-duration: .5s;
    --jui-alert-animation-timing-function: ease-in-out;
    --jui-alert-button-color-dark: #000;
    --jui-alert-button-color-light: #fff;
    --jui-alert-success-color: #fff;
    --jui-alert-success-background-color: none;
    --jui-alert-success-border-color: var(--colore-logo);
    --jui-alert-success-link-color: #122212;
    --jui-alert-info-color: var(--colore-bianco);
    --jui-alert-info-background-color: var(--colore-grigio);
    --jui-alert-info-border-color:var(--colore-logo);
    --jui-alert-info-link-color: #062c33;
    --jui-alert-warning-color: var(--colore-nero);
    --jui-alert-warning-background-color: var(--colore-grigio);
    --jui-alert-warning-border-color: var(--colore-logo);
    --jui-alert-warning-link-color: #573e1c;
    --jui-alert-danger-color: var(--colore-nero);
    --jui-alert-danger-background-color: var(--colore-grigio);
    --jui-alert-danger-border-color: var(--colore-logo);
    --jui-alert-danger-link-color: #4c1d1b;
    -webkit-animation-duration: var(--jui-alert-animation-duration,.5s);
    animation-duration: var(--jui-alert-animation-duration,.5s);
    -webkit-animation-timing-function: var(--jui-alert-animation-timing-function,ease-in-out);
    animation-timing-function: var(--jui-alert-animation-timing-function,ease-in-out);
    border: var(--jui-alert-border,1px solid transparent);
    border-radius: var(--jui-alert-border-radius,0);
    display: block;
    margin: var(--jui-alert-margin,50px 100px);
    min-width: var(--jui-alert-min-width,250px);
    padding: var(--jui-alert-padding,100px 200px);
  text-align:center;
  font-size: 24px;
    font-weight: 500;
  max-width: 60%;
}


#g-mainbar .outline {
    color: var(--colore-nero);
}


h1:not(.tm-title) {
    text-transform: uppercase;
}

h1:not(.tm-title):before {
    content: "";
    display: inline-block;
  background-color: var(--colore-logo);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    width: 50px;
    height: 50px;
    margin: 10px;
    vertical-align: middle;
}



#g-header [jl-cover] {
    top: 0;
    --jl-position-translate-y: 0;
}


/* elenchi */


.elenchi ul {
    list-style-type: circle;

}

.elenchi li {
    list-style: none;
}


.elenchi li:before {
    font-family: "FontAwesome";
    color: var(--colore-logo);
    content:"\f02e";
    font-size:16px;
    vertical-align:middle;
    line-height:20px;
    padding-right: 10px;
}

.tuttoadestra {
    text-align: right;
}

/* menu */


#g-header {
    margin-top: -105px !important;
    padding: 0;
}


.jl-sticky {
    background-color: #00000000 !important;
            transition: 1s ease-in-out;
    transition-property: background-color;
}

.jl-sticky-below {
    background-color: var(--colore-nero) !important;
            transition: 1s ease-in-out;
    transition-property: background-color;
}




#g-navigation {
    background: rgb(0 0 0 / 0%);
 }
   
    

#g-navigation  .jl-navbar-nav>li>a  {
        font-family: "Poppins";
    font-weight: 600;
        text-align: center;
    line-height: 1.2;
}


#g-navigation .jl-navbar-nav > li {
width: 100px;
}


#g-navigation .jl-navbar-nav li: {
    background-color: var(--colore-nero);
        transition: 0.5s ease-in-out;
    transition-property: color,background-color;
}

#g-navigation .jl-navbar-nav li.jl-active  {
    background-color: var(--colore-logo);
}

#g-navigation .jl-navbar-nav li.jl-active:hover  {
        transition: 0.5s ease-in-out;
}


#g-navigation .jl-navbar-nav > li > a {
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

#g-navigation .jl-navbar-nav > li a::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    height: 0;
    top: 0;
    bottom: auto;
    clip-path: polygon(100% 0, 100% 100%, 0 calc(100% - 15px), 0 0);
    background-color: transparent;
    transition: height 0.5s;
    --jl-navbar-nav-item-line-margin-horizontal: 0;
    left: var(--jl-navbar-nav-item-line-margin-horizontal);
    right: var(--jl-navbar-nav-item-line-margin-horizontal);
}

#g-navigation .jl-navbar-nav > li:hover > a::before, #g-navigation .jl-navbar-nav > li > a:focus::before, #g-navigation .jl-navbar-nav > li > a[aria-expanded="true"]::before {
    background-color: var(--colore-grigioscuro);
    height: calc(100% + 15px);
}

#g-navigation .jl-navbar-nav > li.jl-active > a::before {
    background-color: var(--colore-logo);
    height: calc(100% + 15px);
    transition: height 0.5s;
}


.jl-position-bottom-right {
    margin-bottom: 110px !important;
}



/* submenu */

.float-menu {
    position: fixed;
    z-index: 1000;
    bottom: 40px;
    right: 10px;
    background-color: var(--colore-nero);
    padding: 0 5px 0 10px;
        margin-bottom: 50px !important;
        text-align: right;
        border-left: solid 1px var(--colore-bianco);
}


.float-menu a {
text-transform: uppercase;
    font-size: 15px;
        font-family: "Poppins";
    line-height: 1.4;
    font-weight: 600;

}


.float-menu li {
    list-style: none;
}


.float-menu ul {
    margin: 5px;
}



/* bottoni */

.jl-button-secondary {
    border: 1px solid var(--colore-logo);
font-family: "Poppins";
    text-transform: uppercase;
}

div.jx-label {
    font-size: 2em !important;
    font-family: "Poppins";
    text-transform: uppercase;
     transform: rotate(-90deg);
     background-color: var(--colore-nero) !important;
  }  
    

div.jx-image.jx-left div.jx-label {
      left: -56px !important;
    border-radius: 0 0 10px 10px;
}


div.jx-image.jx-right div.jx-label {
    right: -56px !important;
    border-radius: 10px 10px 0 0;
}


.bordato {
    padding: 10px;
    margin: 50px 10px;
    border-left: solid 5px var(--colore-logo);
}


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

/* footer */


#g-subfooter .jl-overlay-primary {
border: solid 2px;
}

#g-subfooter .tm-title {
    text-align: center;
}

#g-footer a {
font-family: "Poppins";

}

#g-footer .mod-menu li {
padding: 0 20px;
}


element.style {
}
#g-footer .mod-list {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

/* classi responsive */

@media only all and (max-width:  639px) {

    .jl-visible\@s {
    display: inherit !important;
}
    
    .jl-hidden\@s {
    display: none!important;
}
    }


@media only all and (max-width:  768px) {
    
    
    
h1 {
    font-size: 2rem;
}
    
    
#g-navigation   .g-content {
    margin: 0;
    padding: 0;
}
    
 #g-navigation .jl-navbar-nav > li {
    width: 24vw;
}
    
#g-navigation .jl-container {
    padding-left: 5px;
    padding-right: 5px;
}
    
 #g-navigation .jl-navbar-nav {
    gap: 5px;
        }
    
#g-navigation .jl-navbar-nav > li > a {
    padding: 0 5px;
         }    
    
#g-header .tm-title {
    font-size: 10vw;
    height: 35vh;
}
    
#g-intro .tm-content {
    font-size: 0.9rem;
}
    
#g-intro .jl-overlay {
    padding: 15px;
    height: 100%;
}
    
#g-intro .jl-button {
    display: none!important;    
    }
    
#g-footer .nav {
    display: inherit;
            }
    
    
    
       }