﻿

/****
*****
*****
VARIE
*****
*****
****/


h1, h2, h3, h4, h5 {
    color: #003366 !important;
}

.light_title {
    color: #5f6366 !important;
}


.separatore-sezioni hr {
    border-top: 1px solid #003366;
}

.separatore-sezioni.bigger hr {
    border-top: 2px solid #003366;
}

/*****
******
BUTTON
******
*****/

.btn-abi {
    background-color: #003366 !important;
    color: #FFF !important;
}

.text-abi {
    color: #003366 !important;
}

/**********
***********
FINE BUTTON
***********
**********/


/***
****
LINK
****
***/

.link_testuale {
    color: #5f6366 !important;
}

    .link_testuale:hover {
        color: #003366 !important;
    }

.link_testuale_contenuto {
    color: #5f6366 !important;
}

    .link_testuale_contenuto:hover {
        color: #003366 !important;
    }

/********
*********
FINE LINK
*********
********/


/*********
**********
**********
FINE VARIE
**********
**********
*********/





/*************
**************
MODAL GENERALE 
**************
*************/

.modal-content::-webkit-scrollbar-thumb {
    background-color: #003366;
}

/******************
*******************
FINE MODAL GENERALE 
*******************
******************/


/****************
*****************
CAROSELLO GALLERY 
*****************
****************/

.owl-carousel-gallery .owl-controls .owl-dots::-webkit-scrollbar-thumb {
    background-color: #003366;
}

/*********************
**********************
FINE CAROSELLO GALLERY
**********************
*********************/



/**********************************************************************************************************************
***********************************************************************************************************************
***********************************************************************************************************************
                                                         INCLUDE
***********************************************************************************************************************
***********************************************************************************************************************
**********************************************************************************************************************/


/*************
**************
INCLUDE HEADER 
**************
*************/

section .logobg {
    background-image: url(/Themes/Formazione/Content/ABI/imgs/logo-ABIFormazione.png);
}

section .gilfobg {
    background-image: url(/Themes/Formazione/Content/ABI/imgs/gilfo-abiformazione.png);
}


header .TOP_cerca .cerca-contenuto form button {
    background-color: #003366;
}


header .TOP2 {
    background-color: #003366;
}

    header .TOP2 .lista-link a {
        color: #fff;
        border-right: 1px solid #d9d5d6;
    }

    header .TOP2 .lista-link span:first-child a {
        border-left: 1px solid #d9d5d6;
    }

    header .TOP2 .lista-link span:hover,
    header .TOP2 .lista-link span:hover a {
        background-color: #d9d5d6;
        color: #003366 !important;
    }

    header .TOP2 .lista-link span.selected a {
        color: #003366 !important;
    }

.background-jquery-top2, .background-jquery-top2 a {
    background-color: #002F5D;
    color: #003366 !important;
}

header .TOP2 .lista-link .active {
    background-color: #002F5D;
    color: #003366 !important;
}

header .TOP2 .lista-link .selected {
    opacity: 0.5;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #003366 !important;
    color: #FFF !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #002F5D !important;
}

.navbar-nav .open .dropdown-menu {
    background-color: #ffffff !important;
}

/* Versione senza menu */
header.senza_menu .logomenu {
    border-bottom: 5px solid #003366;
}
/* FINE Versione senza menu */



/******************
*******************
FINE INCLUDE HEADER 
*******************
******************/


/****************
*****************
INCLUDE CAROSELLO
*****************
****************/

#CAROUSEL .item button {
    background-color: #FFF;
    color: #003366;
    padding: 5px 50px;
    /*font-family: 'raleway extrabold';*/
    font-weight: 800;
    font-size: 15px;
    margin-top: 25px;
}

/*********************
**********************
FINE INCLUDE CAROSELLO
**********************
*********************/


/**********************************************************************************************************************
***********************************************************************************************************************
***********************************************************************************************************************
                                                       FINE INCLUDE
***********************************************************************************************************************
***********************************************************************************************************************
**********************************************************************************************************************/












/**********************************************************************************************************************
***********************************************************************************************************************
***********************************************************************************************************************
                                                          PAGINE 
***********************************************************************************************************************
***********************************************************************************************************************
**********************************************************************************************************************/



/***
****
HOME
****
***/

.pagina-index {
}

    .pagina-index .news p {
        /*font-family: 'raleway medium' !important; */
        font-weight: 500;
        font-size: 13px;
        color: #5f6366 !important;
        margin-bottom: 10px;
    }

    .pagina-index .news figure img {
        padding-bottom: 5px;
        width: 100%;
    }

    .pagina-index .news article div {
        overflow: hidden;
    }

    .pagina-index .news article b {
        /*font-family: 'raleway bold';	*/
        font-weight: 700;
    }

    .pagina-index .famiglie-progetti-speciali {
        text-align: left;
        /*font-family: 'raleway medium' !important;*/
        font-weight: 500;
        font-size: 13px;
        color: #5f6366 !important;
    }

        .pagina-index .famiglie-progetti-speciali a {
            display: block !important;
        }


    .pagina-index .agenda-prodotti-novita {
        /*font-family: 'raleway regular' !important; */
        font-weight: 400 !important;
        color: #616161 !important;
        margin-bottom: 10px;
        text-align: left;
    }

    .pagina-index #main-my-calendar {
        max-width: 400px;
        margin: -10px auto 0px auto;
    }

    .pagina-index #agenda-imperdibili td,
    #agenda-imperdibili th {
        border: none !important;
    }

    .pagina-index #agenda-imperdibili th {
        font-size: 12px;
        vertical-align: middle;
        text-align: center;
        vertical-align: middle;
    }

    .pagina-index #agenda-imperdibili .fixed-size-square {
        display: table;
        width: 50px;
        height: 50px;
        background: #4679BD;
    }

        .pagina-index #agenda-imperdibili .fixed-size-square span {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            color: white
        }

    .pagina-index #agenda-imperdibili .green {
        background-color: #007f60;
    }

    .pagina-index #agenda-imperdibili .red {
        background-color: #73003a;
    }

    .pagina-index #agenda-imperdibili .blue {
        background-color: #003366;
    }



    .pagina-index .servizi-prodotti {
        margin-bottom: 20px;
    }

        .pagina-index .servizi-prodotti .separatore-sezioni hr {
            border-top: 1px solid black !important;
        }


    .pagina-index .uscite-promozioni-video {
        /*font-family: 'raleway regular' !important; */
        font-weight: 400 !important;
        color: #616161 !important;
        margin-bottom: 10px;
        text-align: left;
    }

    /*--------------------------------------------------------------*/
    .pagina-index .pubblicita-formazione-home {
        padding: 0 20px 0 0;
    }

@media only screen and (max-width : 480px) {
    .pagina-index .pubblicita-formazione-home {
        padding: 0 15px 30px 15px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
    .pagina-index .pubblicita-formazione-home {
        padding: 0 15px 30px 15px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .pagina-index .pubblicita-formazione-home {
        padding: 0 20px 0 0;
    }
}
/*----------------------------FINE------------------------------*/
/*--------------------------------------------------------------*/
.pagina-index .pubblicita-formazione-home img {
    width: 100%;
}

@media only screen and (max-width : 480px) {
    .pagina-index .pubblicita-formazione-home img {
        max-width: 300px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
    .pagina-index .pubblicita-formazione-home img {
        max-width: 300px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
}
/*----------------------------FINE------------------------------*/



#PRE-FOOTER .uscite-promozioni-video .prodotto-boxato {
    text-align: left;
}

/*--------------------------------------------------------------*/
.pagina-index .pubblicita > div > div {
    /*border-bottom: 0;*/
    padding: 25px 0;
}

#PRE-FOOTER .pubblicita {
    margin-bottom: 20px;
    margin-top: 20px;
    border-top: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
}

    #PRE-FOOTER .pubblicita > div > div {
        margin-bottom: 50px;
        margin-top: 50px;
        border: none;
    }

@media only screen and (max-width : 480px) {
    .pagina-index .pubblicita > div > div {
        padding: 25px 0;
    }
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
}
/*----------------------------FINE------------------------------*/


/*--------------------------------------------------------------*/
@media only screen and (max-width : 480px) {
    .pagina-index .twitter {
        margin-top: 25px;
    }
}

@media only screen and (min-width : 480px) and (max-width : 768px) {
    .pagina-index .twitter {
        margin-top: 25px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1024px) {
    .pagina-index .twitter {
        margin-top: 25px;
    }
}
/*----------------------------FINE------------------------------*/
.pagina-index .twitter .titolo-sezioni {
    margin-bottom: 20px;
}

.pagina-index .twitter h4 {
    margin-top: 2px;
}

.pagina-index .twitter input {
    border: 1px solid #003366;
    padding: 8px;
}

.pagina-index .twitter .form-group.has-feedback {
    margin-bottom: 0;
}

.pagina-index .twitter .form-control-feedback {
    top: 2px;
}

/********
*********
FINE HOME
*********
********/




/**********************************************************************************************************************
***********************************************************************************************************************
***********************************************************************************************************************
                                                      FINE PAGINE 
***********************************************************************************************************************
***********************************************************************************************************************
**********************************************************************************************************************/


.info table td {
    min-width: 160px !important;
}

.eventi-dati td {
    padding-bottom: 15px;
}

.lk-mini-sito-eventi {
    background-color: #003366;
    /*background-color:#73003b;*/
    text-transform: initial;
    font-weight: bold;
    /*font-family: "raleway bold" !important;*/
    font-weight: 700 !important;
    margin-left: 5px;
    padding: 7px 20px;
    font-size: 15px;
    color: #fff !important;
}


.partner {
    min-width: 148px;
}

    .partner img {
        max-height: 60px;
    }



/*--------------------------------------------------------------*/
.calendario-prossimi-appuntamenti {
    list-style: none;
    margin: 9.5px -6.5% 0 -3.5%;
}

    .calendario-prossimi-appuntamenti li {
        list-style: none;
        float: left;
        display: inline;
        width: 13.2%;
        margin-right: 0.5%;
    }

        .calendario-prossimi-appuntamenti li a {
            display: inline-block;
            color: #fff;
            background-color: #003366;
            /*font-family:"Raleway Medium"; */
            font-weight: 500;
            padding: 20px;
            min-width: 80px;
            font-size: 18px;
            line-height: 20px;
        }

            .calendario-prossimi-appuntamenti li a.selected {
                background-color: #f6f6f6;
                border: 1px solid #003366;
                color: #003366;
                /*font-family:"Raleway Bold"; */
                font-weight: 700;
                line-height: 19.5px;
            }

@media (max-width : 480px) {
    .calendario-prossimi-appuntamenti li {
        width: 20%;
        margin-right: 0;
    }

        .calendario-prossimi-appuntamenti li a {
            padding: 10px;
            min-width: auto;
        }

    .calendario-prossimi-appuntamenti {
        margin: 0 0 0 -4.5%;
    }
}

@media (min-width : 480px) and (max-width : 768px) {
    .calendario-7-giorni li a {
        padding: 10px;
    }

    .calendario-prossimi-appuntamenti li {
        width: 20%;
        margin-right: 0;
    }

    .calendario-prossimi-appuntamenti {
        margin: 0 -1.5% 0 -4.5%;
    }
}

@media (min-width : 768px) and (max-width : 1024px) {
}
/*----------------------------FINE------------------------------*/



.border {
    border: 1px solid #003366
}

.border-top {
    border-top: 1px solid #003366
}

.border-right {
    border-right: 1px solid #003366
}

.border-bottom {
    border-bottom: 1px solid #003366
}

.border-left {
    border-left: 1px solid #003366
}

.servizi-prodotti .owl-carousel-certificazioni {
    width: 90%;
    margin: 0 auto;
}

    .servizi-prodotti .owl-carousel-brand .owl-next, .servizi-prodotti .owl-carousel-certificazioni .owl-next {
        position: absolute;
        right: -5%;
        top: 30%;
    }

    .servizi-prodotti .owl-carousel-brand .owl-prev, .servizi-prodotti .owl-carousel-certificazioni .owl-prev {
        position: absolute;
        left: -5%;
        top: 30%;
    }


.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: #003366
}


.pagination-abi a.selected {
    color: #003366;
}



/**********************************************************************************************************************
***********************************************************************************************************************
***********************************************************************************************************************
                                                      OLD ABI.CSS
***********************************************************************************************************************
***********************************************************************************************************************
**********************************************************************************************************************/
.item-box .product-box-add-to-cart-button {
    background-color: #007f60;
}

.variant-overview .add-to-cart-button {
    background-color: #007f60;
}

/**********************************************************************************************************************
***********************************************************************************************************************
***********************************************************************************************************************
                                                    FINE OLD ABI.CSS
***********************************************************************************************************************
***********************************************************************************************************************
**********************************************************************************************************************/


/*--------------------------------------------------------------*/
@media (max-width : 480px) {
    .pagina-prodottosingolo .prodotto-singolo-header .strumenti .condividi ul {
        top: 35px;
        right: -104px;
    }

        .pagina-prodottosingolo .prodotto-singolo-header .strumenti .condividi ul li {
            width: 35px;
            height: 35px;
        }

            .pagina-prodottosingolo .prodotto-singolo-header .strumenti .condividi ul li a {
                background-size: 25px !important;
            }
}

@media (min-width : 480px) and (max-width : 768px) {
}

@media (min-width : 768px) and (max-width : 1024px) {
}
/*----------------------------FINE------------------------------*/


.prodotto-boxato figure img {
    width: auto !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span {
    font-family: "Raleway";
    font-weight: 700 !important;
}

p {
    font-family: "Raleway";
}

.breadcrumb-abi a {
    font-weight: 700 !important
}

.campi-visualizzazione label {
    font-weight: 700 !important
}

.link-acquisto img {
    padding-bottom: 5px
}

.acquisto span {
    font-weight: 700
}

.news article a span {
    font-weight: 700 !important;
}


/*************************************************************************************************************/

.inputs label, .login-page .returning-wrapper .inputs.reversed * {
    vertical-align: middle;
}

.pagina-registrazione-registrati {
    padding-bottom: 50px;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 800 !important;
}

.div.coupon-code input {
    font-family: 'raleway';
    font-weight: 400;
}

.shopping-cart-page .common-buttons input, button.checkout-button, div.coupon-code .apply-discount-coupon-code-button {
    font-family: 'raleway' !important;
    /*font-weight: 700 !important;*/
}

header .TOP2 .lista-link a {
    font-weight: 500;
}

.link_testuale {
    font-weight: 700;
}

footer .link_opacity {
    font-weight: 700;
}

.notizie-bancaforte li a {
    font-weight: 700 !important;
}

.breadcrumb-abi a span {
    font-weight: 700 !important;
}

.breadcrumb li {
    font-weight: 700
}

.zabuto_calendar .day, .calendar-month-header span {
    font-weight: 700 !important;
}

.liquid-table .intestazione div {
    font-weight: 700;
}

.form-visualizza span {
    font-weight: 700
}


.breadcrumb a {
    font-weight: 700 !important
}

.box-content article a {
    font-weight: 700;
}

.form-visualizza ul li label {
    font-weight: 700 !important
}

.font-medium {
    font-family: "raleway" !important;
    font-weight: 500;
}

input[type=text] {
    font-family: "raleway";
}

.linkprivacy1 span, .linkCondizioni span {
    font-weight: 700 !important
}

#JS-calendario-prossimi-appuntamenti-lista h3 a {
    font-weight: 700 !important
}

.titolo-sezioni h4 span {
    font-weight: 700 !important
}

.prices div {
    font-weight: 700
}

.secondo a.u-spazioso {
    font-weight: 700
}

.opc input[type="text"], .opc select option {
    font-weight: 400;
}

.contenuto-notizia-singola a {
    text-decoration: underline !important;
    color: #014991;
}

.product-essential a {
    text-decoration: underline !important;
    color: #014991;
}

#js-toggle-social-prodotto,
.product-price a,
.anteprima a, a.scarica-il-programma {
    text-decoration: none !important;
}

#collapse-presentazione a,
#collapse-contenuti a,
#collapse-programma-didattico a,
#collapse-attestazioni a,
#collapse-contatti a {
    text-decoration: underline !important;
    color: #014991;
}

/* sovrascrive quello di layout 2022 */
.logo-promosso {
    margin: 12px 0px;
}
