/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
--------------------------------------------------------------*/
:root {
    --sky-blue: #05AFDD;
    --deep-violet: #362C96;
    --onyx-black: #121414;
}
/* start nascondere barra wp-admin */
#wpadminbar { display:none; }

html {
    margin-top: 0 !important;

    /* elimina l’effetto “elastico” (rubber-band) che su iOS e alcuni browser mostra il bianco sopra quando si scrolla verso l’alto */
    overscroll-behavior-y: none;
}
/* end nascondere barra wp-admin */
body {
    line-height: normal;
}

h1 { font-size: var(--wp--preset--font-size--xx-large); }
h2 { font-size: var(--wp--preset--font-size--x-large); }
h3 { font-size: var(--wp--preset--font-size--large); }
h4 { font-size: var(--wp--preset--font-size--medium-large); }
h5 { font-size: var(--wp--preset--font-size--medium); }
h6 { font-size: var(--wp--preset--font-size--small); }
p  { font-size: var(--wp--preset--font-size--medium); }


.site-title img {
    padding: 5px 0;
}

.header-search-wrap .search-field-top, .header-search-wrap input.search-field {
    background-color: var(--deep-violet);
}
.bb-template-v2 .header-search-wrap .search-field-top:focus, .bb-template-v2 .header-search-wrap input.search-field:focus {
    border-color: var(--deep-violet);
}

body.home-page  h1.entry-title { display:none; }
body.activity  h1.entry-title { display:none; }

body.home-page  section h2 {
    font-weight: bold;
}

.bb-signup-field label::after, .required-field label::after,  .required-field legend::after {
    content: " *";
    color: red;
    font-weight: bold;
}   

/* Disabilito il menu Photo nei gruppi */
#photos-groups-li.bp-groups-tab { display:none; }

.bb-template-v2 .site-header .user-wrap.menu-item-has-children>.user-link:hover:before {
    background-color: var(--bb-header-alternate-background);
}

/* Bottoni viola */
.buttons-violet {
    margin: 40px 0;
}
.buttons-violet .wp-block-button__link {
    background-color: var(--deep-violet);
    font-size: var(--wp--preset--font-size--large);
}
/*.buttons-violet .wp-block-button__link:hover {*/
/*    background-color: var(--bb-secondary-button-background-hover);*/
/*}*/

/* Bottoni azzurri */
.buttons-sky .wp-block-button__link {
    background-color: var(--sky-blue);
}
.buttons-sky .wp-block-button__link:hover {
    color: var(--deep-violet);
}

.page-template-page-fullwidth-content section {
    padding-top: 80px;
    padding-bottom: 60px;
}

.wp-container-core-group-is-layout-baef362d {
    /*display: grid;*/
    grid-template-columns: 1fr !important;; /* mobile: 1 per riga */
    gap: 20px; /* spazio tra le card */
}

section#hero {

}
section#whyoncommunity div.wp-block-columns {
    margin-top: 20px;
}
section#whyoncommunity div.join-onco-subbox div.wp-block-boldblocks-svg-block {
    max-height: 140px;
}

section#therapeuticalareas div.therapeuticalarea-grid .wp-block-group {
    padding: 50px 100px;
}
section#therapeuticalareas div.therapeuticalarea-grid .wp-block-group p {
    margin-bottom: 0;
}
section#therapeuticalareas div.therapeuticalarea-grid .wp-block-group p.has-large-font-size {
    text-transform: uppercase;
}


section.our-objective div.container {
    /*max-width: 1024px;*/

}
section.our-objective h2 {
    min-height: 350px;
    background: url("../images/7.OC_simbolo_objective.svg") no-repeat right center / contain;

}
section.our-objective h2, section.our-objective p {
    display: flex;
    align-items: center;
}

blockquote.home-citazione {
    background-color: var(--sky-blue) !important;
    text-align: center;
}
blockquote.home-citazione.container {
    max-width: 1024px;
}
blockquote.home-citazione p {
    display: none;
}
blockquote.home-citazione.wp-block-quote:before {
    background-color: transparent !important;
  	margin-bottom: 0;
  	line-height: 52px;
    /*width: 45px;*/
    /*height: 45px;*/
    /*line-height: 45px;*/
    /*margin: 10px 0 0 0;*/
}

blockquote.home-citazione cite {
    color: var(--deep-violet) !important;
    display: inline;
}

.wp-block-column .bubble {
    background-color: var(--deep-violet);
    width: 25vw;      /* 20% della larghezza viewport */
    height: 25vw;
    max-width: 130px; /* dimensione massima */
    max-height: 130px;
    border-radius: 50%;        /* rende il div circolare */

    display: flex;             /* per centrare il contenuto */
    align-items: center;       /* centra verticalmente */
    justify-content: center;   /* centra orizzontalmente */

    margin: 0 auto 20px auto;            /* centra il cerchio nella colonna */
}
.wp-block-column .bubble p {
    margin: 0;                 /* rimuove margini di default */
}

.info-box > p {
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
    background: url("../images/parallelepipedo.svg") no-repeat center center;
    background-size: contain;

}

section.data-info {
    padding-bottom: 0px;
}

.mt-15 {
    margin-top: 15px;
}

body.home-page .bb-template-v2 .widget, body.page-id-403 .bb-template-v2 .widget {
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
}
.footer-menu-container {
    margin-right: auto;
    margin-left: auto;
}
.mobile-menu a.active {
    background-color: var(--sky-blue);
}

.copyright {
    text-align: center;
}

footer .footer-info {
    margin: 50px 20px;
}
footer .footer-info.custom-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 100px; /* spazio tra colonne */
    width: fit-content;
}

/* Colonne normali */
footer .footer-info .custom-col {
    flex: 0 1 auto; /* 1 unità */
}

/* Colonna centrale che fa "colspan 2" */
footer .footer-info .col-span-2 {
    flex: 0 2 auto; /* 2 unità → occupa il doppio */
}

footer img.logo {
    display: inline-block;
    height: 50px;
    margin-left: 10px;
}
footer img.logo-edra {
    height: 37px;
    margin-top: -13px;
}
footer img.logo-pfizer {
    margin-left: 20px;
}
footer img.logo-fmp, footer img.logo-pfizer {
    margin-top: 10px;
}
footer .footer-info p {
    text-align: center;
    line-height:50px;
}

/* Da tablet/desktop in su → 2 colonne */
@media (min-width: 768px) {

    .wp-container-core-group-is-layout-baef362d {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    section.our-objective h2, section.our-objective p {
        text-align: left !important;
    }

    blockquote.home-citazione.wp-block-quote:after {
        background-color: transparent;
        width: 38px;
        height: 38px;
        line-height: 10px;
        /*width: 45px;*/
        /*height: 45px;*/
        /*line-height: 45px;*/
        margin: 10px 0 0 10px;
        content: "\ef03";
        font-family: bb-icons;
        font-style: normal;
        font-weight: 300;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        color: #fff;
        border-radius: 100%;
        -webkit-font-smoothing: antialiased;
    }

    .footer-menu {
        display: flex;              /* se non lo è già */
        justify-content: center;    /* centra orizzontalmente */
        align-items: center;        /* opzionale, centra verticalmente */
        gap: 20px;                  /* spaziatura tra le voci */
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .bb-footer .footer-menu a {
        margin-right: 0;
    }
    .footer-menu li {
        position: relative;
    }

    .footer-menu li.menu-item:not(:last-child)::after {
        content: "|";
        margin-left: 20px;
        color: #999;
    }

    footer .footer-info {
        margin: 50px auto;
    }
    footer img.logo-fmp, footer img.logo-pfizer {
        margin-top: 0;
    }
}

/* Responsive (mobile tutte a 100%) */
@media (max-width: 768px) {
    footer .footer-info .custom-col {
        flex: 1 1 100%;
    }
}

@media (min-width: 1024px) {
    #site-navigation #primary-navbar .primary-menu {
        margin-left: auto;
        margin-right: auto;
    }

    /* Inizio menu guest con link interni nell header  */
    /*
    body.home-page #site-navigation .primary-menu.internal-menu li:hover>a:before {
        background: transparent;
    }
    body.home-page #site-navigation .primary-menu.internal-menu a {
        text-transform: uppercase;
    }
    body.home-page #site-navigation .primary-menu.internal-menu a.active {
        background: url("../images/parallelepipedo-sky.svg") no-repeat;
        background-size: 20px 20px;
        background-position: right 3px bottom 13px;
        color: var(--sky-blue);
    }
    body.home-page #site-navigation .primary-menu.internal-menu a:hover {
        color: var(--sky-blue);
        background: url("../images/parallelepipedo-sky.svg") no-repeat;
        background-position: right 3px bottom 13px;
        background-size: 20px 20px;
    }
    */
    /* Fine menu guest con link interni nell header  */
    #site-navigation .primary-menu li:hover>a:before {
        background: transparent;
    }
    #site-navigation .primary-menu a {
        text-transform: uppercase;
    }
    #site-navigation .primary-menu a.active,
    #site-navigation .primary-menu>li.current-menu-ancestor>a,
    #site-navigation .primary-menu>li.current-menu-item>a,
    #site-navigation .primary-menu>li.current-menu-parent>a,
    #site-navigation .primary-menu>li.current_page_item>a {
        background: url("../images/parallelepipedo-sky.svg") no-repeat;
        background-size: 20px 20px;
        background-position: right 3px bottom 13px;
        color: var(--sky-blue);
    }
    #site-navigation .primary-menu a:hover {
        color: var(--sky-blue);
        background: url("../images/parallelepipedo-sky.svg") no-repeat;
        background-position: right 3px bottom 13px;
        background-size: 20px 20px;
    }
    #site-navigation .primary-menu>li.current-menu-ancestor>a,
    #site-navigation .primary-menu>li.current-menu-item>a,
    #site-navigation .primary-menu>li.current-menu-parent>a,
    #site-navigation .primary-menu>li.current_page_item>a {
        border: 0;
    }

    .buttons-violet {
        gap: 60px;
    }

    footer .footer-info .custom-col {
        height: 50px;
    }
    footer .footer-info p {
        text-align: left;
    }

}