/*
Style Name:     main-style.css
Description:    Stili comuni
Author:         NS12 - dream-team - rcs 
Version:        2.8
Date:           16.04.2019
Modified:      	18.12.2020
*/

@import url('components.css');
@import url('buttons.css');
@import url('nav-tabs.css');
@import url('utility.css');
@import url('disclaimer.css');
@import url('page-launcher.css');
@import url('ttab.css');
@import url('time-line.css');
@import url('print.css');
@import url('governance-sostenibilita.css');

/* 
>> 2.0 - TYPOGRAPHY
   since: ver 1.0
==============================================================*/

/* >> 2.1 - Font-family
   since: ver 1.0
--------------------------------------------------------------*/

.trn-txt {
    font-family: Roboto,sans-serif;
    font-size: .875rem;
    line-height: 1.6;
    color: #2f2f2f;    
}

table ul li.trn-txt {
    font-size: 1rem!important;
    line-height: 0.875rem!important;
}

.trn-title {
    font-family: Oswald,sans-serif;
    font-weight: 500;
    color: #295eb9;        
}

.trn-title.h1,
h1.trn-title{
    font-size: 2.25rem;    
    line-height: 1.2;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin: 1rem 0;
}

.trn-title.h2,
h2.trn-title {
    font-size: 1.5rem;    
    line-height: 1.2;
    letter-spacing: .1rem;
    text-transform: uppercase;
    margin: 1rem 0;
}

.trn-title.h3,
h3.trn-title {
    font-family: Roboto,sans-serif;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .03rem;    
    margin: 1rem 0;
}

.trn-title.h4,
h4.trn-title {
    font-family: Roboto,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .05rem;
    margin: 0;
    padding: 0; 
    z-index: 1;
}

@media only screen and (min-width: 48em) {
    .trn-txt {
        font-size: 1rem;
        line-height: 1.8;
    }

    table ul li.trn-txt {
        font-size: 1rem!important;
        line-height: 0.875rem!important;
    }

    .trn-title.h1, h1.trn-title { font-size: 2.25rem; }
    .trn-title.h2, h2.trn-title { font-size: 1.5rem;  }
    .trn-title.h3, h3.trn-title { font-size: 1.25rem; }
}

/* >> 2.2 - Size
   since: ver 1.0
--------------------------------------------------------------*/

.trn-xs  { font-size: 0.75rem   } /* 12px */
.trn-sm  { font-size: 0.875rem; } /* 14px default testo */
.trn-md  { font-size: 1rem;     } /* 16px */
.trn-lg  { font-size: 1.125rem; } /* 18px */
.trn-xl  { font-size: 1.375rem; } /* 22px */
.trn-xxl { font-size: 1.875rem; } /* 30px */


@media only screen and (min-width: 48em) {
    .trn-xs  { font-size: 0.875rem  } /* 14px */
    .trn-sm  { font-size: 1rem;     } /* 16px default testo */
    .trn-md  { font-size: 1.125rem; } /* 18px */
    .trn-lg  { font-size: 1.25rem;  } /* 20px */
    .trn-xl  { font-size: 1.5rem;   } /* 24px */
    .trn-xxl { font-size: 2.25rem;  } /* 36px */
}

/* >> 2.3 - Styles
   since: ver 1.0
--------------------------------------------------------------*/

.trn-upc { text-transform: uppercase; }
.trn-lc { text-transform: lowercase; }
.trn-it  { font-style: italic; }

.trn-left   { text-align: left;   }
.trn-center { text-align: center; }
.trn-right  { text-align: right;  }

/* >> 2.4 - Weight
   since: ver 1.0
--------------------------------------------------------------*/

.trn-light  { font-weight: 100; }
.trn-med    { font-weight: 400; }
.trn-bold   { font-weight: 700; }

/* >> 2.5 - Color
   since: ver 1.0
--------------------------------------------------------------*/

.trn-blue        { color: #295eb9; }
.trn-black       { color: #000000; }
.trn-navy        { color: #0A3C82; }
.trn-green       { color: #1E5A32; }
.trn-red         { color: #8C1432; }
.trn-orange      { color: #C85000; }
.trn-ocra        { color: #D78C00; }
.trn-white       { color: #ffffff; }
.trn-light-green { color: #AFC837; }
.trn-grey        { color: #edeeef; }

/* >> 2.6 - Backgrounds
   since: ver 1.0
--------------------------------------------------------------*/

.bg-blue        { background-color: #295eb9; }
.bg-light-blue  { background-color: #8898ca; }
.bg-black       { background-color: #000000; }
.bg-navy        { background-color: #0A3C82; }
.bg-green       { background-color: #1E5A32; }
.bg-red         { background-color: #8C1432; }
.bg-orange      { background-color: #C85000; }
.bg-ocra        { background-color: #D78C00; }
.bg-white       { background-color: #ffffff; }
.bg-light-green { background-color: #AFC837; }
.bg-grey        { background-color: #edeeef; }

/* >> 2.7 - Links
   since: ver 1.6
--------------------------------------------------------------*/

a.trn-link {
    font-family: Roboto,sans-serif;
    font-size: .875rem;
    line-height: 1.6;
    color: #295eb9;
    text-decoration: underline;  
}

a.trn-link:focus, a.trn-link:hover, a.trn-link:visited {
    color: #2e63af;
}

@media only screen and (min-width: 48em) {
    a.trn-link {
        font-size: 1rem;
        line-height: 1.8;
    }
}

/* >> 2.8 - Links
   since: ver 2.0
--------------------------------------------------------------*/

ul.bullet-list {
    font-family: Roboto,sans-serif;
    line-height: 1.2;
    margin: 1.5rem 0;
    padding: 0;
    list-style-type: none;
    list-style: square outside;
}

ul.bullet-list li {
    color: #2f2f2f;
    margin: 1rem 0;
    padding: 0 0 0 1rem;
    font-size: .875rem;
    position: relative;
    list-style-type: none;
}

ul.bullet-list li:before {
    content: "\25a0";
    font-size: .75rem;
    color: #295eb9;
    vertical-align: middle;
    display: inline-block;
    width: 1rem;
    position: absolute;
    left: 0;
    top: 0;
}

@media only screen and (min-width: 48em){
ul.bullet-list li {
        font-size: 1rem;
    }
}

.trn-mt05   { margin-top: 0.5rem!important; }
.trn-mt1    { margin-top: 1rem!important; }
.trn-mt2    { margin-top: 2rem!important; }
.trn-mb05   { margin-bottom: 0.5rem!important; }
.trn-mb1    { margin-bottom: 1rem!important; }
.trn-mb2    { margin-bottom: 2rem!important; }

.trn-pt05   { padding-top: 0.5rem!important; }
.trn-pt1    { padding-top: 1rem!important; }
.trn-pt2    { padding-top: 2rem!important; }
.trn-pb05   { padding-bottom: 0.5rem!important; }
.trn-pb1    { padding-bottom: 1rem!important; }
.trn-pb2    { padding-bottom: 2rem!important; }

/* 
>> 4.0 - Icons
   since: ver 1.0
==============================================================*/

/*
>> 4.1 - Generali
   since: ver 1.0
--------------------------------------------------------------*/

/*.trn-icon{
    -webkit-transition: all .3s linear;
            transition: all .3s linear;
}*/

/*.trn-icon.icon-link:before {
    content: "\F110";
    font: normal normal normal 1.25rem terna-icons;
}

.trn-icon.icon-download:before {
    content: "\F108";
    font: normal normal normal 1.25rem terna-icons;
}

.trn-icon.icon-arrow-right:before {
    content: "\F104";
    font: normal normal normal 1.25rem terna-icons;
}*/

/*.trn-icon:before {
    font-size: 1.5rem;
    color: #295eb9;
}*/