/*
Theme Name: Divitheme Child
Description: Child theme for the Divi theme - GPIM project
Author: CC and RS
Template: Divi
*/

/*Formattazione font del sito
 *=======================================*/
body {
    font-family: 'Quicksand', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, a, div, span {
    font-family: 'Quicksand', sans-serif;
}

/*Formattazione testo del Tap-to-call link
 *=========================================*/
#et-info-phone {
    font-size: 15px;
}

/*Formattazione menu
 *=========================================*/
/* Per rimuovere l'ombra dal main menu*/
#main-header {
    box-shadow: none;
}

/* Per aggiustare il padding sul menu */
.et_header_style_centered .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 23px;
}

.et_header_style_centered #et-top-navigation {
    padding-top: 20px;
}
 
.et_header_style_centered .et-fixed-header #et-top-navigation {
    padding-top: 10px;
}

#top-menu li li a {
    padding: 6px 15px;
}

/* Stile del Client Login button */
.login-button a {
color: #81bc00 !important;
    line-height: 9px;
    font-weight: 600;
    padding: 13px 16px !important;
    text-transform: uppercase;
    font-size: 12px !important;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    display: block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    border: 2px solid #81bc00;
}
 
.login-button a:hover {
    opacity: 1 !important;
    color: #fff !important;
    background-color: #81bc00;
}
 
.et-fixed-header #top-menu .login-button a:hover {
    background-color: #5b8217;
    border: 2px solid #5b8217;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
.et-fixed-header #top-menu .login-button a {
    color: #fff !important;
    background-color: #81bc00;
    box-shadow: 0px 5px 20px #d6dee4;
    -moz-box-shadow: 0px 5px 20px #d6dee4;
    -webkit-box-shadow: 0px 5px 20px #d6dee4;
    border: 2px solid #81bc00;
}

.et-fixed-header.et_highlight_nav #top-menu .login-button a {
    background-color: #565656;
    border: 2px solid #565656;
    animation: highlight-nav .8s ease;
    -webkit-animation: highlight-nav .8s ease;
}
 
#main-header.et-fixed-header.et_highlight_nav #top-menu .login-button a:hover {
    background-color: #81bc00;
    border: 2px solid #81bc00;
    box-shadow: 0px 5px 20px #aab9c3;
    -moz-box-shadow: 0px 5px 20px #aab9c3;
    -webkit-box-shadow: 0px 5px 20px #aab9c3;
}
 
@-webkit-keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes highlight-nav {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

/*Formattazione sezione Disclaimers
 *=========================================*/
.gpim_disclaimers p {
    padding-bottom: 0em;
} /*** DA CAPIRE SE SERVE A QUALCOSA ***/

/*Formattazione footer info
 *==========================*/
/*#main-footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 99999;
}

#gpim-fixed-container {
    text-align: center;
    color: #ffffff;
}*/

#footer-bottom {
    padding-bottom: 15px;
}

.footer-info {
    color: #ffffff;
    width: 50%;
    float: left;
}

#footer-info-right {
    text-align: right;
}

/*Formattazione pagina RTS 28 Disclosure
 *===========================================*/
.p-last-type-with-padding-bottom {
    padding-bottom: 1em !important;
}

.rts-28-disclosure-text li {
    padding-bottom: 1em;    
}

.rts28-p-green {
    color: #81bc00;
    font-weight: bold;
}

/*.rts28-p-indent {
    padding-left: 20px;
}*/

.rts-28-disclosure-text table, td {
    border: 1px solid #81bc00;
    border-collapse: separate;
}

.italic {
    font-style: italic;
} /* Formatta anche l'ultimo paragrafo del testo delle pagine di ogni singolo membro del Board e del team Investment */

.rts28-align-left {
    text-align: left;
    padding-bottom: 1em;
} 

.rts28-span-green {
    color: #81bc00;
}

/*Formattazione delle pagine The Board, The Investment Team and The Support Team
 *=========================================================================================*/
/* Per aggiungere margine sopra e sotto il link View profile */
.view-profile {
    margin: 30px 0px;
}

/* Per modificare il padding-left del testo contenuto nel box di presentazione dei team member della pagine The Board and The Investment Team */
.the-board-team-member-box .et_pb_team_member_description, .the-investment-team-member-box .et_pb_team_member_description {
    padding-left: 15px;
}

/*=========================================================================================================
 *Media Query per desktop
 *=========================================================================================================*/

@media only screen and (min-width: 1441px) and (max-width: 1920px) {
    /* Per ridurre la larghezza della riga the-investment-team-presentation-row della pagina The Investment Team */
    .the-investment-team-presentation-row {
        width: 56%;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1750px) {
/*** Per formattare i padding del titolo, testo e immagine delle pagine dei profili dei singoli membri del Board e del team Investment ***/
    .gpim-member-profile-title.et_pb_text_0, .gpim-member-profile-text.et_pb_text_1 {
        padding-left: 300px !important;
        padding-right: 0px !important;
    }
    .gpim-member-profile-image {
        padding-left: 50px !important;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1500px) {
/*** Per formattare i padding del titolo, testo e immagine delle pagine dei profili dei singoli membri del Board e del team Investment ***/
    .gpim-member-profile-title.et_pb_text_0, .gpim-member-profile-text.et_pb_text_1 {
        padding-left: 200px !important;
        padding-right: 0px !important;
    }
    .gpim-member-profile-image {
        padding-left: 50px !important;
    }
}

/*=========================================================================================================
 *Media Query per desktop e tablet
 *=========================================================================================================*/

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
/*** Per formattare i padding del titolo, testo e immagine delle pagine dei profili dei singoli membri del Board e del team Investment ***/
    .gpim-member-profile-title.et_pb_text_0, .gpim-member-profile-text.et_pb_text_1 {
        padding-left: 165px !important;
        padding-right: 0px !important;
    }
    .gpim-member-profile-image {
        padding-left: 50px !important;
    }
}

@media only screen and (min-width: 1112px) and (max-width: 1279px) {
/*** Per formattare i padding del titolo, testo e immagine delle pagine dei profili dei singoli membri del Board e del team Investment ***/
    .gpim-member-profile-title.et_pb_text_0, .gpim-member-profile-text.et_pb_text_1 {
        padding-left: 130px !important;
        padding-right: 0px !important;
    }
    .gpim-member-profile-image {
        padding-left: 40px !important;
    }
}

@media only screen and (min-width: 1024px)and (max-width: 1451px) and (orientation: landscape){
    /* Per centrare sui tablet da 1024 a 1451 con orientamento landscape il disclaimer aggiungendo margin-right e margin-left */
    .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.disclaimer-text-for-desktops.et_pb_text_11 {
        margin-left: 10%;
        margin-right: 10%;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1440px) {
    /* Per formattare il padding-left del testo contenuto nel box di presentazione dei team member della pagina The Board */
    .the-board-team-member-box .et_pb_team_member_description {
        padding-left: 0px;
    }
}

@media only screen and (min-width: 981px) and (max-width: 1111px) {
/*** Per formattare i padding del titolo, testo e immagine delle pagine dei profili dei singoli membri del Board e del team Investment ***/
    .gpim-member-profile-title.et_pb_text_0, .gpim-member-profile-text.et_pb_text_1 {
        padding-left: 65px !important;
        padding-right: 0px !important;
    }
    .gpim-member-profile-image {
        padding-left: 60px !important;
    }
}

@media only screen and (min-width: 981px){
   /* Per nascondere tap-to-call button su desktop */ 
    #et-info-phone {
        display: none;
    }
    /* Per aggiungere ombra al fixed header */
    #main-header.et-fixed-header {
        box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
        -webkit-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
        -moz-box-shadow: 0 0 30px rgba(7, 51, 84, 0.17) !important;
    }
/*** Per modificare la sezione Our Team in hompage contenente i link "The Board", "The Investment Team", "The Support Team" ***/
    .our-team-presentation-row {
    /* Per ridurre la larghezza della riga our-team-presentation-row della sezione Our Team in homepage */
        width: 95%;
    }
    .our-team-presentation-row-columns {
    /* Per modificare la larghezza delle colonne della riga della sezione Our Team in homepage e modiricare i margini delle colonne*/
        margin-right: 3% !important;
        width: 31.3333% !important;
    }
    .our-team-presentation-links h2 {
    /* Per modificare il font-size dei link h2 della sezione Our Team in homepage*/
        font-size: 26px !important;
    }
    /* Per uniformare l'altezza dei box contenenti la presentazione dei membri per la pagina The Board */
    .the-board-team-member-box {
        min-height: 415px;
    }
/*** Per modifcare la formattazione della pagina The Support Team ***/
    .the-support-team-presentation-row {
    /* Per modifcare la larghezza della riga contenente i box con la presentazione dei membri per la pagina The Support Team */
        width: 95%;
    }
    .the-support-team-presentation-row-columns {
    /* Per modificare la larghezza delle colonne contenenti i box con la presentazione dei membri per la pagina The Support Team
        margin-right: 3% !important;
        width: 17.6% !important;*/
    }
}

/*=========================================================================================================
 *Media Query per tablet e cellulari
 *=========================================================================================================*/

@media (max-width: 980px) {
/*** Per rendere l'header, settato come Centerd sul desktop, come l'header settato come Default su cellulari (qualsiasi orientamento) e su tablet (solo portrait)***/  
    .et_header_style_centered #main-header .container {
    /* Per allineare il container dell'header a sinistra e massimizzarlo in larghezza */
        text-align: left;
        width: 100%;
    }
    .et_header_style_centered header#main-header .logo_container {
    /* Per spostare il container del logo a sinistra, rimpicciolirne la larghezza al 50% e aggiungere padding */
        padding-left: 40px;
        max-width: 50%;
        float: left;
    }
    .et_header_style_centered #logo {
    /* Per spostare l'immagine del logo a sinistra */
        float: left;
    }
    .et_header_style_centered #main-header div#et-top-navigation {
    /* Per allineare il div et-top-navigation */
        position: absolute;    
    }
    .et_header_style_centered #main-header .mobile_nav {
    /* Per rendere transparente il colore di sfondo del div che contiene "Select page" e modificarne il padding left and right */
        background-color: rgba(0,0,0,0);
        padding: 5px 0px;
    }
    .et_header_style_centered #et_mobile_nav_menu {
    /* Per eliminare il margin-top del div et-mobile-menu*/
        margin-top:  0px;
    }
    .et_header_style_centered #main-header .mobile_nav .select_page {
    /* Per nascondere "Select page" span */
        display: none;
    }
    .et_header_style_centered #main-header .mobile_menu_bar {
    /* Per aggiustare l'allineamento verticalmente e a destra del mobile_menu_bar span (toggle) e aggiungere padding */
        position: relative;
        top: -10px;
        right: 0;
        text-align: right;
        padding-right: 40px;
    }
    .mobile_nav.opened .mobile_menu_bar:before {
    /* Per modificare l'icona di chiusura del dropdown menu */
        content: "\4d";
    }
    .et_header_style_centered #main-header .et_mobile_menu {
    /* Per aggiustare il l'offset del dropdown menu */
        top: 60px;/*63px;*/
    }
    .et_mobile_menu {
    /* Per aggingere padding intorno al menu */
        padding: 40px;
    }
    .et_mobile_menu li {
    /* Per allineare i link del menu a sinistra */
        text-align: left; /*center;*/
        text-transform: uppercase; 
    }
    .et_mobile_menu li a {
    /* Per eliminare il border-bottom ai link del menu */    
        border-bottom: none;
    }
    .et_mobile_menu li a:hover {
    /* Per modificare il background-color sull'a:hover */
        background-color: transparent;
    } 
/*** Stile del Client Login button ***/
    .et_mobile_menu li.login-button a {
        display: inline-block;
    }
    .login-button a {
        border-bottom: 2px solid #81bc00 !important;
    } 
    .et_mobile_menu li.login-button a:hover {
        opacity: 1 !important;
        color: #fff !important;
        background-color: #81bc00;
    }
}

/*** Per togliere margini al box "Client Login" su tablet e cellurari con orientamento portrait ***/
/*@media only screen and (max-width: 980px) and (orientation: portrait) {
    .et_pb_row_inner_0.et_pb_row_inner.client-login-box-for-desktop-and-tablet-row {
        margin-top: 0px !important;
        margin-top: 0px !important;
    }
}*/

@media only screen and (max-width: 980px) and (orientation: landscape) {
/*** Per formattare le footer-info (copyright e credit foto) su tablet e cellulari con orientamento landscape ***/
    .footer-info {
        float: none;
        width: 100%;
    }
    #footer-info-left, #footer-info-right {
        text-align: center;
    }
}

@media only screen and (max-width: 980px) and (orientation: portrait) {
/*** Per formattare le footer-info (copyright e credit foto) su tablet e cellulari con orientamento portrait ***/
    .footer-info {
        float: none;
        width: 100%;
    }
    #footer-info-left, #footer-info-right {
        text-align: center;
    }
    .et_pb_text.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_center.disclaimer-text-for-phones-and-tablets.et_pb_text_12 {
    /* Per modificare i margini del disclaimer su tablet e cellulari con orientamento portrait */
        margin-left: 8% !important;
        margin-right: 8% !important;
    }
}

@media only screen and (min-width: 860px) and (max-width: 980px) and (orientation: landscape) {
    /* Per aggiungere padding-left ai box contenenti la descrizione dei membri team del Board della pagina The Board */
    .the-board-team-member-box .et_pb_team_member_description {
        padding-left: 20px !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
    /* Per aggiuntere padding-top ai box contenenti la descrizione dei membri del Board (pagina The Board) e del team Investment (pagina The Investment Team)  */
    .the-investment-team-member-box .et_pb_team_member_description, .the-board-team-member-box .et_pb_team_member_description {
        padding-top: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 980px) and (orientation: portrait){
    /* Per aggiungere padding-left al box contenente la descrizione dei membri del Board per la pagina The Board */
    .the-board-team-member-box .et_pb_team_member_description, {
        padding-left: 15px;
    }
}

@media (max-width: 768px) and (orientation: portrait) {
/*** Per ridurre il padding al contenitore del logo a al mobile_menu_bar span (toggle) su cellulari con orientamento portrait ***/
    .et_header_style_centered header#main-header .logo_container {
        padding-left: 20px;
    }
    .et_header_style_centered #main-header .mobile_menu_bar {
        padding-right: 20px;
    }
    /* Per allineare il testo della sezione "About us" a sinistra sui cellulari con orientamento portrait */
    .text-align-left-for-phones {
        text-align: left;
    }
}

@media only screen and (min-width: 568px) and (max-width: 767px) {
    /* Per applicare il float all'immagine del box di presentazione dei membri del Board (pagina The Board) e dei membri del team Investment (pagina The Investment Team) */
    .the-investment-team-member-box img, .the-board-team-member-box img {
        float: left;
        margin-right: 70px;
    }
}

@media only screen and (min-width: 504px) and (max-width: 639px) {
    /* Per togliere il padding-left al box contenente la descrizione dei membri del Board per la pagina The Board */
    .the-board-team-member-box .et_pb_team_member_description {  
        padding-left: 0px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 567px) {
    /* Per applicare il float all'immagine del box di presentazione dei membri del team Investment per la pagina The Investment Team */
    .the-investment-team-member-box img {
        float: left;
        margin-right: 30px;
    }
}

@media only screen and (min-width: 415px) and (max-width: 767px) {
    /* Per aggiunger il padding-left al box contenente la descrizione dei membri del team Investment per la pagina The Investment Team */
    .the-investment-team-member-box .et_pb_team_member_description {
    padding-left: 25px;
    }
}

/*@media only screen and (max-width: 360px) {*/
/*** Per ridurre il font-size dei titoli, del testo e dei link delle pagine ***/
    /*.smaller-phones-title h1 {
        font-size: 43px !important;
    }
    .smaller-phones-title h2 {
        font-size: 22px !important;
    }
    .smaller-phones-text, .smaller-phones-text a {
        font-size: 20px !important;
    }
}*/ /*-----------------DA CANCELLARE-----------------------*/

@media only screen and (min-width: 320px) and (max-width: 340px) {
/*** Per formattare i padding del titolo, testo e immagine delle pagine dei profili dei singoli membri del Board e del team Investment ***/
    .gpim-member-profile-title.et_pb_text_0, .gpim-member-profile-text.et_pb_text_1 {
        padding-left: 20px !important;
        padding-right: 50px !important;
    }
    .gpim-member-profile-image {
        padding-left: 10px !important;
    }
}

@media only screen and (max-width: 320px) {
/*** Per ridurre il font-size dei titoli, del testo e dei link delle pagine ***/
    .smaller-phones-title h1 {
        font-size: 37px !important;
    }
    .smaller-phones-title h2 {
        font-size: 22px !important;
    }
    .smaller-phones-text h3 {
        font-size: 20px !important
    }
    .smaller-phones-text, .smaller-phones-text a, .smaller-phones-text li {
        font-size: 18px !important;
    }
    .text-align-left-for-phones {
        text-align: left;
    }
}

@media only screen and (max-width: 319px) {
    /* Per togliere il padding-left al box contenente la descrizione dei membri del Board (pagina The Board) e di membri del team Investment (pagina The Investment Team) */
    .the-board-team-member-box .et_pb_team_member_description, .the-investment-team-member-box .et_pb_team_member_description {
    padding-left: 0px;
    }
}

@media only screen and (min-width: 240px) and (max-width: 319px) {
/*** Per formattare i padding del titolo, testo e immagine delle pagine dei profili dei singoli membri del Board e del team Investment ***/
    .gpim-member-profile-title.et_pb_text_0, .gpim-member-profile-text.et_pb_text_1 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .gpim-member-profile-image {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
/*** Per ridurre i font-size ***/
    .smaller-phones-title h1 {
        font-size: 27px !important;
    }
    .smaller-phones-title h2 {
        font-size: 17px !important;
    }
    .smaller-phones-text h3 {
        font-size: 16px !important
    }
    .smaller-phones-text, .smaller-phones-text a, .smaller-phones-text li {
        font-size: 15px !important;
    }
    .smaller-phones-text span {
        visibility: hidden;
    }
}