@font-face {
    font-family: 'Karla Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Karla Regular'), url('/Karla/Karla-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Karla Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Karla Italic'), url('/Karla/Karla-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Karla Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Karla Bold'), url('/Karla/Karla-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Karla BoldItalic';
    font-style: normal;
    font-weight: normal;
    src: local('Karla BoldItalic'), url('/Karla/Karla-BoldItalic.woff') format('woff');
    }

.container {
    max-width: 1280px;
}

p {
    color: rgb(0, 29, 87);
    //font-size: 13px;
    line-height: 20px;
    font-weight: 300;
    text-align:justify;
}

h1,
h2,
h3 {
    font-family: Karla, Libre Bodoni;
    color: rgb(0, 29, 87);
}

h3 {
    font-weight: 600;
}

h4,
h5 {
    color: rgb(0, 29, 87);
}

a:link {
    color: rgb(0, 29, 87)!important;
}

a:hover {
    color: #C9D1ED !important;
}

.col-xs-12 {
    white-space: nowrap !important;
    max-width: 100%;
    overflow: auto;
}

.col-2,
.col-3,
.col-6,
.col-7,
.col-8,
.col-auto {
    float: none !important;
    display: inline-block !important;
}

.breadcrumbs {
    color: #707070;
    font-size: 12px;
    margin-bottom: 40px;
}

/* ********************* HEADER ********************* */
/* SECONDA RIGA HEADER */
/* **Navbar** */
.nav-link {
    color: rgb(0, 29, 87)!important;
    height: 40px;
    font-family: Karla, Libre Bodoni;
    text-align: left!important;
    font-size: 20px;
    font-weight: 600;
    border-left: 1.0px solid #001D57;
    padding-left: 20px;
}

.navbar-light {
    color: rgb(0, 29, 87)!important;
}

/* -- Navbar dimensionamento -- */
@media (max-width: 764px) {
    .nav-element {
        display: none;
    }

    #search-box {
        display: none!important;
    }

    #lens-icon {
        display: block!important;
    }

    #ico-utente {
        display: inline-flex!important;
    }

    .contenitore-menu {
        margin-left: -40px;
    }
}

@media (max-width: 800px) {
    #btn-accedi {
        display: none!important;
    }
}

@media (min-width: 800px) {
    #ico-utente {
        display: none!important;
    }

    #menu-secondario {
        display: none!important;
    }
}

/* **Hamburger Menu** */
.hamburger {
    background: none;
    top: 0;
    right: 0;
    line-height: 45px;
    padding: 5px 15px 0px 15px;
    border: 0;
    outline: none;
}

.cross {
    background: none;
    top: 10px;
    right: 0;
    padding: 14px 15px 0px 15px;
    border: 0;
    cursor: pointer;
    outline: none;
}

.menu2 {
    z-index: 2;
    width: 100%;
    background: #fff;
    position: absolute;
    text-align: left;
    font-size: 12px;
}

.menu2 ul {
    font-family: Karla;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    padding-left: 80px;
}

.menu2 li {
    display: block;
    padding: 5px 0 5px 0;
}

.menu2 li:hover {
    display: block;
    background: #ffffff;
    padding: 5px 0 5px 0;
}

.menu2 ul li a {
    text-decoration: none;
    margin: 0px;
    color: rgb(0, 29, 87);
}

.menu2 ul li a:hover {
    color: #666;
    text-decoration: none;
}

.menu2 a {
    text-decoration: none;
    color: rgb(0, 29, 87);
}

.menu2 a:hover {
    text-decoration: none;
    color: #666;
}

.glyphicon-home {
    color: white;
    font-size: 1.5em;
    margin-top: 5px;
    margin: 0 auto;
}

/* ------------- fine menu ----------------- */
/* ******************* MAIN BOX ******************* */
/* ** Carousel  Impostazioni principali** */
.carousel-control-prev {
    margin-left: -120px;
}

.carousel-control-next {
    margin-right: -120px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #C9D1ED !important;
    border-radius: 20px!important;
}

.carousel-item.active .box-copertina-slider {
    opacity: 1;
}

.box-copertina-slider {
    margin-top: 30px;
    margin-left: auto;
    margin-right: 40px;
    opacity: 0.2;
    transition: opacity 1.4s ease-in-out;
    -moz-box-shadow: 0px  0px 8px #bbb;
    -webkit-box-shadow: 0px  0px 8px #bbb;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#bbb', Direction=0, Strength=8);
    box-shadow: 0px 0px 8px #bbb;
}
    .btn-white-squared-white { 
        border: 1px solid #ffffff;        
    }
    a:link.btn-white-squared-white {
        color: #fff!important;       
    }

/* ** Carousel  Mobile** */
@media (max-width: 764px) {
    .carousel-item,
    .carousel-inner {
        max-height: 560px;
    }

    .carousel-control-next {
        margin-right: 0px;
        display: none!important;
    }

    .carousel-control-prev {
        margin-right: 0px;
        display: none!important;
    }

    .carousel-caption {
        margin-bottom: 0px!important;
        text-align: center!important;
        right: 6%!important;
        left: 6%!important;
        margin-left: 1px!important;
    }
    .carousel-caption h1 {
        color: rgb(0, 29, 87)!important;
    }
    
    .btn-white-squared {
        color: rgb(0, 29, 87)!important;
    }
    .btn-white-squared-white {
        border: 1px solid rgb(0, 29, 87)!important;
    }
     a:link.btn-white-squared-white {
        color: rgb(0, 29, 87)!important;    
    }
    .text-white {
        color: rgb(0, 29, 87)!important;
    }

    .box-copertina-slider,
    .box-copertina-slider img {
        max-height: 270px;
        max-width: 192px;
    }

    .box-copertina-slider {
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 1000px) {
    .box-copertina-slider,
    .box-copertina-slider img {
        height: 360px!important;
        width: 260px!important;
    }

    .box-copertina-slider {
        margin-top: 50px!important;
    }
}

/* ********************* CONTAINER ********************* */
/* Main */
.riga-stile1 {
    border-bottom-style: solid;
    border-bottom-color: rgb(147, 164, 219);
    border-bottom-width: 1px;
    margin-bottom: 20px;
    padding-bottom: 6px;
}

.riga-stile1 a:link {
    color: rgb(147, 164, 219);
}

.intestazione-titoli {
    border-top-style: solid;
    border-top-color: #001D57;
    border-top-width: 1px;
    display: block;
    width: 100%;
    text-align: right;
}

.btn-titoli {
    background-color: rgb(0, 29, 87)!important;
    padding: 4px 20px;
}

.btn-titoli a:link {
    color: #fff!important;
}

/* Colonne principali */
@media (min-width: 768px) {
    .spaziocolonne {
        padding-right: 20px!important;
    }
}

@media (max-width: 764px) {
    #Colonna3NEWS .row,
    #Colonna1NEWS .row {
        text-align: center;
    }

    .footer-box {
        padding-top: 20px;
        width: 50%;
    }

    .newsbox {
        margin-top: 20px;
    }

    .imgnews {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

.img-cartella {
    margin-right: 6px;
}

/* Pulsanti */
.btn-blu {
    background-color: rgb(0, 29, 87);
    color: #fff;
    padding: 10px 50px;
    text-align: center;
    border-color: #C9D1ED;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
}

.btn-white {
    color: rgb(0, 29, 87);
    background-color: #fff;
    padding: 4px 30px;
    text-align: center;
    border-color: rgb(0, 29, 87);
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 4px;
}

.btn-white-loggato {
    color: rgb(0, 29, 87);
    background-color: #fff;
    padding: 4px 30px;
    text-align: center;
    border-color: rgb(0, 29, 87);
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    font-size: 14px;
    margin-top: 4px;
}

.btn-blu-squared {
    background-color: rgb(0, 29, 87);
    color: #fff;
    padding: 10px 50px;
    text-align: center;
    border-color: #C9D1ED;
    border-style: solid;
    border-width: 1px;
}

.btn-white-squared {
    color: rgb(0, 29, 87);
    background-color: #fff;
    padding: 4px 30px;
    text-align: center;
    border-color: rgb(0, 29, 87);
    border-style: solid;
    border-width: 1px;
    margin-top: 4px;
}

.btn-blu:hover,
.btn-blu-squared:hover {
    background-color: #fff;
    color: rgb(0, 29, 87);
}

.btn-white:hover,
.btn-white-squared:hover {
    background-color: #fff!important;
    color: #006632; 
}

.btn-white-loggato:hover {
    background-color: #fff!important;
    color: #006632; 
}

.btn-white-loggato {
    background-color: #006632!important;
    color: #fff; 
}

#link-accedi:hover {
   color: #006632; 
}

#link-accedi:link {
   color: #fff; 
}

/* Box */
@media (max-width: 1020px) {
    .box-container1 {
        padding: 20px!important;
    }
}

/* Footer */
@media (max-width: 768px) {
    .footer-box {
        padding: 0px 40px!important;
        text-align: center;
        max-width: 100%!important;
        font-size: 16px;
        line-height: 26px;
    }

    #logo-footer {
        text-align: center;
        margin-bottom: 40px;
    }
}

@media (min-width: 769px) {
    .footer-box {
        padding: 0px 20px!important;
        width: 33%;
    }
}

/* ******* Searchbar ******* */
.input-search {
    background-clip: padding-box;
    block-size: 32px;
    border-block: 1px solid rgb(0, 29, 87);
    border: 1px solid rgb(0, 29, 87);
    border-radius: 4px;
    border-end-end-radius: 4px;
    border-end-start-radius: 4px;
    border-inline: 1px solid rgb(0, 29, 87);
    border-start-end-radius: 4px;
    border-start-start-radius: 4px;
    box-sizing: border-box;
    caret-color: rgb(0, 0, 0);
    font-family: Karla, Helvetica, Arial, sans-serif;
    height: 32px;
    min-width: 100%;
    font-size: 12px;
    inline-size: auto;
    inset-inline-start: -300%;
    left: -300%;
    line-height: 22.857143px;
    padding-block: 0px;
    padding: 0px 35px 0px 9px;
    padding-inline: 9px 35px;
    perspective-origin: 371px 16px;
    text-emphasis-color: rgb(0, 0, 0);
    transform-origin: 371px 16px;
    -webkit-background-clip: padding-box;
    -webkit-text-fill-color: rgb(0, 0, 0);
    -webkit-text-stroke-color: rgb(0, 0, 0);
}

@media (max-width: 764px) {
    .input-search {
        min-width: 300px!important;
        margin-bottom: 20px;
    }

    .box1 {
        text-align: center;
        margin: 20px 0px!important;
    }

    .box1-image {
        max-width: 100%!important;
        height: 300px!important;
    }
}

/* ----- fine searchbar -- */
@mixin clearfix() {
    ::after {
        display: block;
        content: "";
        clear: both;
    }
}

/* ----- vari elementi -- */
/* -- box segnalazioni -- */
.wrap-box {
    padding: 20px;
}

.elenco1 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.clearfix {
    clear: both;
    display: block;
    content: "";
}

.elenco-articoli-letti {
    padding-bottom: 10px;
}

.carica-altro {
    padding: 2px 20px;
    background: #ffffff;
}

.list-group-item:hover {
    background-color: #dddddd;
}

.btn-white-squared:hover {
    background-color: #dddddd!important;
}

header {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    max-width: 1280px;
}

.TitoloRivista {
    padding-top: 8px;
    padding-bottom: 0px;
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
    margin-bottom:0px;
    max-width: 1280px;
}

.lineablu {
border-bottom: 3px solid #006632;
padding-bottom:8px;
margin-bottom:0px;
}

.p2 {background:#eee;padding:5px 5px 0 5px;}

#finestratitolo {width:50%;top:100px;padding:20px 0;margin-top:90px;position: relative;}

@media (max-width: 764px) {.lineablu {font-size:0.6em;} 
#finestratitolo {width:100%;margin-top:0px;top:100px;padding:0px;}
.p2 {font-size:0.8em;}}