/* These styles are used only in the backend editor */

/* Here you can override any CSS which causes layout or visibility problems in the editor, */
/* and duplicate any Theme-CSS to make the editor display look more like the real frontend */

@font-face {
    font-family: 'VAG Rounded Std Light';
    src: url('/wp-content/uploads/et-fonts/vagroundedstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/et-fonts/VAGRoundedStd-Bold.otf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VAG Rounded Std Light';
    src: url('/wp-content/uploads/et-fonts/vagroundedstd-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/et-fonts/VAGRoundedStd-Light.otf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VAG Rounded Std';
    src: url('/wp-content/uploads/et-fonts/vagroundedstd-black-webfont.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/uploads/et-fonts/VAGRoundedStd-Black.otf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/***** titoli ******/
.titGrigio {
    font-family: 'VAG Rounded Std Light',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 40px;
    line-height: 105%;
    font-weight: 400;
    color: #707173;
}

.titGrigioChiaro {
    font-family: 'VAG Rounded Std Light',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 40px;
    line-height: 105%;
    font-weight: 400;
    color: #97989a;
}

.titBianco {
    font-family: 'VAG Rounded Std Light',Helvetica,Arial,Lucida,sans-serif!important;
    color: #fff;
    font-size: 40px;
    line-height: 105%;
    font-weight: 400;
}

.titCyano {
    font-family: 'VAG Rounded Std Light',Helvetica,Arial,Lucida,sans-serif!important;
    font-size: 40px;
    line-height: 105%;
    font-weight: 400;
    color: #1bbbe9;
}

.introTitleBlue {
    font-family: 'VAG Rounded Std Light',Helvetica,Arial,Lucida,sans-serif!important;
    line-height: 105%;
    color: #00568e!important;
    font-size: 30px!important;
}
@media only screen and (max-width: 780px) {
    .introTitleBlue  {
        font-size:22px!important;
    }
}
/* titoletto normale */

.titolettoGrigio {
    color: #707173!important;
    font-size: 30px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}
.titolettoGrigioChiaro  {
    color: #97989a!important;
    font-size: 30px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}

.titolettoCyano {
    color: #1bbbe9;
    font-size: 30px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}

.titolettoBianco {
    color: #ffffff;
    font-size: 30px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}

/* titoletto uppercase */

.titolettoUpGrigio {
    color: #707173!important;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 100%
}
.titolettoUpGrigioChiaro {
    color: #97989a!important;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 100%
}

.titolettoUpCyano {
    color: #1bbbe9;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 100%
}

.titolettoUpBianco {
    color: #ffffff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 100%
}

/* sottotitoletto normale */

.sottotitGrigio {
    color: #707173!important;
    font-size: 26px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}

.sottotitGrigioChiaro {
    color: #97989a!important;
    font-size: 26px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}

.sottotitCyano {
    color: #1bbbe9;
    font-size: 26px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}

.sottotitBianco {
    color: #ffffff;
    font-size: 26px;
    text-transform: none;
    font-weight: 400;
    line-height: 100%
}


/* tabelle */
.tabellaHeaderGrigio {
    color: #707173;
    font-size: 16px;
    line-height: 120%;
    font-weight: 700;
}
.tabellaHeaderGrigioChiaro {
    color: #97989a;
    font-size: 16px;
    line-height: 120%;
    font-weight: 700;
}

.tabellaHeaderCyano {
    color: #1bbbe9;
    font-size: 16px;
    font-weight: 700;
}

.tabellaHeaderBianco  {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}


.tabellaTestoGrigio {
    color: #707173;
    font-size: 16px;
    line-height: 120%;
    font-weight: 400
}
.tabellaTestoGrigioChiaro {
    color: #97989a;
    font-size: 16px;
    line-height: 120%;
    font-weight: 400
}

.tabellaTestoCyano {
    color: #1bbbe9;
    font-size: 16px;
    font-weight: 400
}

.tabellaTestoBianco  {
    color: #fff;
    font-size: 16px;
    font-weight: 400
}
/* note */
.notaUpGrigia {
    color: #707173;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400
}
.notaUpGrigiaChiara {
    color: #97989a;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400
}

.notaUpCyano {
    color: #1bbbe9;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400
}
.notaUpBianca {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400
}

.notaGrigia {
    color: #97989a;
    font-size: 12px;
    text-transform: none;
    font-weight: 400
}
.notaGrigiaChiara {
    color: #707173;
    font-size: 12px;
    text-transform: none;
    font-weight: 400
}

.notaCyano {
    color: #1bbbe9;
    font-size: 12px;
    text-transform: none;
    font-weight: 400
}
.notaBianca {
    color: #fff;
    font-size: 12px;
    text-transform: none;
    font-weight: 400
}

.colorCyano {
    color:#1bbbe9!important;
}
.colorBianco {
    color:#fff!important;
}
.colorGrigioScuro {
    color:#707173!important;
}
.colorGrigioTesto {
    color:#97989a!important;
}
.colorGrigio2 {
    color:#004c68!important;
}
.colorGrigio3{
    color:#ccc!important;
}
.colorGrigio4 {
    color:#666!important;
}
.colorBlu {
    color:#004c68!important;
}
.colorBlu3 {
    color:#1d3e51!important;
}
.colorRosso{
    color:red!important;
}
.colorVerde {
    color:#00b996!important;
}
.colorLync {
    color:#007ad2!important;
}
.colorCross {
    color:#e85236!important;
}
.colorCisco {
    color:#00568e!important;
}