@charset "utf-8";
/* CSS Document */

:root {
    --rosso: #9b1e1d;
    --grigioblu: #444953;
    --grigiochiaro: #cecdd2;
    --grigioscuro: #939393;

    --global--font: 'lora';
    --heading--font: 'arvo';
    --subtitle--font: 'arial';

    --wp--preset--color--primary: var(--rosso);
}

body {
    font-family: var(--global--font);
    font-size: 20px;
}
main h1, main h2, main h3 {
    font-family: var(--global--font);
    font-weight: 400;
}

h1.wp-block-post-title {
    color: var(--rosso);
    font-family: var(--heading--font);
}
body.home h1.wp-block-post-title {
    display: none;
}

button {
    font-family: var(--heading--font) !important;
}
.cky-notice .cky-title {
    margin:0 !important;
}
button.cky-show-desc-btn:not(:hover):not(:active),
.cky-preference-content-wrapper .cky-show-desc-btn {
    color: #fff !important;
}
.cky-footer-shadow {display: none !important;}

nav.wp-block-navigation {
    border-top: 5px solid var(--grigiochiaro);
    border-bottom: 5px solid var(--grigiochiaro);
    padding-bottom: 2px;
}
nav.wp-block-navigation ul {
    gap: 40px;
}
nav.wp-block-navigation li.current-menu-item:before,
nav.wp-block-navigation li:hover:before,
nav.wp-block-navigation li.current-menu-item:after,
nav.wp-block-navigation li:hover:after,
body.single nav.wp-block-navigation li:nth-child(2):before,
body.single nav.wp-block-navigation li:nth-child(2):after {
    content: '';
    height: 5px;
    width: 100%;
    display: block;
    margin-top: -58px;
    background-color: var(--rosso);
    position: absolute;
}
nav.wp-block-navigation li.current-menu-item:after,
nav.wp-block-navigation li:hover:after,
body.single nav.wp-block-navigation li:nth-child(2):after {
    margin-top: 60px;
}
nav.wp-block-navigation li a {
    font-family: var(--heading--font);
}
nav.wp-block-navigation li a,
nav.wp-block-navigation li a span, 
nav.wp-block-navigation li a:hover,
nav.wp-block-navigation li a:focus,
nav.wp-block-navigation li a:active {
    text-decoration: none !important;
}

nav.wp-block-navigation:hover li.current-menu-item:before,
nav.wp-block-navigation:hover li.current-menu-item:after,
body.single nav.wp-block-navigation:hover li:nth-child(2):before,
body.single nav.wp-block-navigation:hover li:nth-child(2):after {
    display: none;
}
nav.wp-block-navigation:hover li.current-menu-item:hover:before,
nav.wp-block-navigation:hover li.current-menu-item:hover:after,
body.single nav.wp-block-navigation:hover li:nth-child(2):hover:before,
body.single nav.wp-block-navigation:hover li:nth-child(2):hover:after {
    display: block;
}


.greycorner {
    padding: 2.375em !important;
    position: relative;
}
.greycorner:before, .greycorner:after {
    content: '';
    width: 0;
    height: 0;
    border: 36px solid transparent;
    border-top: 0;
    border-bottom: 36px solid #fff;
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: -18px;
    left: -18px;
}
.greycorner:after {
    border-bottom: 0;
    border-top: 50px solid #fff;
    top: initial;
    left: initial;
    bottom:-25px;
    right: -25px;
    z-index: 99;
}
.redblock {
    margin-top: 0 !important;
}
.redblock .biotech-home {
    background-image: url(https://alumnibfs.bca.unipd.it/wp-content/uploads/2022/10/biotech-home.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #fff !important;
}
.highlights {
    z-index: 99;
}
.highlights h1 {
    font-size: 80px;
    transform: rotate(-90deg) translateX(-300px);
    word-break: keep-all;
    font-family: var(--heading--font);
    overflow-wrap: normal;
    margin-top: -18px;
}

div.whitecorner, div.bluecorner {
    position: relative;
}
div.bluecorner:before, div.bluecorner:after {
    content: '';
    width: 0;
    height: 0;
    border: 36px solid transparent;
    border-top: 0;
    border-bottom: 36px solid var(--grigioblu);
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: -18px;
    left: -18px;
}
div.bluecorner:after {
    transform: rotate(-90deg);
    top: initial;
    left: initial;
    bottom: -18px;
    right: -18px;
}


.community .wp-block-post-featured-image img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    object-position: center;
    min-height: 200px;
    border: 30px solid #fff;
    background-image: url(https://alumnibfs.bca.unipd.it/wp-content/uploads/2022/10/sagoma.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    background-color: var(--grigioblu);
}
.community li.wp-block-post:nth-child(even) .wp-block-post-featured-image img {
    background-color: var(--rosso);
}
.community li.wp-block-post {
    position: relative;
}
.community li.wp-block-post h2 {
    position: absolute;
    background: var(--grigioscuro);
    top: 77%;
    padding: 5px 10px 7px 10px;
    width: 200px;
    text-align: center;
    left: 60px;
}
.community li.wp-block-post h2 a {
    color:#fff;
    text-decoration: none;
    font-family: var(--heading--font);
}
.community li.wp-block-post:hover h2 {
    background-color: var(--rosso);
}
.community li.wp-block-post:nth-child(even):hover h2 {
    background-color: var(--grigioblu);
}
body.home .community li.wp-block-post {
    display: none;
}
body.home .community li.wp-block-post:nth-child(1),
body.home .community li.wp-block-post:nth-child(2),
body.home .community li.wp-block-post:nth-child(3) {
    display: block;
}
.community li.wp-block-post img {
    transition: all 0.3s ease-in-out;
}
.community li.wp-block-post:hover img {
    height: 210px !important;
    width: 210px !important;
    border: 25px solid #fff;
}
.community li.wp-block-post img:not([width="300"]) {
    background-color: #fff !important;
}

/* sctoll up */
#scrollTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: rgba(68,73,83,0.7);
	color: white;
	cursor: pointer;
	padding: 6px 10px;
	border-radius: 100px;
	font-size: 18px;
}
#scrollTop:hover {background-color: var(--grigioblu);}
#scrollTop:before {
	content: "\f343";
	font-family: dashicons;
	font-size: 30px;
}
.sticky #scrollTop {display:block;}

/* CLOSE X */
#closex {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;
	border: none;
	outline: none;
	background-color: rgba(68,73,83,0.7);
	color: white;
	cursor: pointer;
	padding: 6px 10px;
	border-radius: 100px;
	font-size: 18px;
    transition: all 0.5s ease-in-out;
}
#closex:hover {background-color: var(--grigioblu);}
#closex:before {
	content: "\f335";
	font-family: dashicons;
	font-size: 30px;
}
.sticky #closex {bottom: 80px;}
.single #closex {display: block;}


.sticky header .wp-container-4.wp-block-group {
    position: fixed;
    width: 100%;
    z-index: 999;
    background: #fff;
    left: 0;
    top: 0;
    box-shadow: 0px 8px 8px rgb(0 0 0 / 5%);
}
header .logosticky {visibility:hidden;}
.sticky header .logosticky {visibility:visible;}
.sticky header .logonosticky, .sticky header .wp-block-spacer,
.logomobile {display:none;}


.sticky header .wp-container-3.is-content-justification-space-between {
    padding: 0 !important;
    margin: 10px;
}
.sticky header nav {
    transform: scale(0.8) translateX(54px);;
}
.sticky main {
    padding-top: 200px;
}


.viewmore a {
    font-family: var(--heading--font);
    text-decoration: none;
    background: var(--grigioscuro);
    color:#fff;
    font-size: 16px;
    padding: 10px 20px;
}
.viewmore a:hover, .viewmore a:focus {
    background-color: #fff;
    color: var(--grigioscuro);
    text-decoration: none;
}


/* FORM ALUMNI */
#nf-field-13-wrap, #nf-field-15-wrap, #nf-field-19-wrap, #nf-field-16-wrap {display:block;}
.nf-field-description {font-size: 13px;margin: 5px 0 10px 0 !important;line-height: 1.2em;}
.nf-form-fields-required {font-size: 12px;text-align: right;}

.submit-container {text-align: center;}
.submit-container input {
    background: var(--rosso) !important;
    text-transform:uppercase;
    padding: 0 40px !important;
}
.submit-container input:hover, .submit-container input:active {
    background: var(--grigioblu) !important;
    color:#fff !important;
    cursor: pointer;
}
.nf-error-msg {
    font-size: 16px;
}
.nf-fu-fileinput-button {
    font-family: Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
    font-size: 14px !important;
}
.nf-response-msg {
    background: var(--grigiochiaro);
    padding: 40px;
    margin-top: 50px;
    position: relative;
}
.nf-response-msg:before, .nf-response-msg:after {
    content: '';
    width: 0;
    height: 0;
    border: 36px solid transparent;
    border-top: 0;
    border-bottom: 36px solid #fff;
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: -18px;
    left: -18px;
}
.nf-response-msg:after {
    border-bottom: 0;
    border-top: 50px solid #fff;
    top: initial;
    left: initial;
    bottom: -25px;
    right: -25px;
}



/* SCHEDA ALUMNI */
.single .wp-block-post-title {
    margin-bottom: 40px !important;
    letter-spacing: -1px;
    font-size: 40px;
}
.schedalumni {
    background: linear-gradient(to right, #cecdd2 0%,#cecdd2 50%,#cecdd2 50%,#ffffff 50%);
}
.schedalumni .wp-block-columns.alignfull {
    max-width: 1000px;
    margin: auto !important;
}
.schedalumni .foto figure {
    margin:0 !important;
}
.schedalumni .foto img {
    width: 450px;
    height: 450px;
    object-fit: cover;
    object-position: center;
    border: 50px solid var(--grigiochiaro);
    border-left: 0;
    background-color: var(--grigioblu);
}
.schedalumni .dati {
    padding: 40px 0 0 50px;
}
.schedalumni .dati ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.schedalumni .dati ul li.city {order:1;}
.schedalumni .dati ul li.country {order:2;}
.schedalumni .dati ul li.master_degree {order:3;}
.schedalumni .dati ul li.year_of_degree {order:4;}
.schedalumni .dati ul li.current_job_position {order:5;}
.schedalumni .dati ul li.organization {order:6;}
.schedalumni .dati ul li.fields_of_interest {order:7;}
.schedalumni .dati ul li.linkedin {order:8;margin-top: 20px;}
.schedalumni .dati ul li.contactrequest {order:9;margin-top: 20px;}
.schedalumni .dati ul li.linkedin span {
    background: var(--grigioscuro);
    color: #fff;
    padding: 2px;
    text-decoration: none;
    width: 30px;
    border-radius: 4px;
    height: 30px;
    font-size: 30px;
}
.schedalumni .dati ul li.linkedin span:hover {
    background: var(--rosso);
}
.schedalumni .dati ul li.contactrequest a {
    background-image: url(https://alumnibfs.bca.unipd.it/wp-content/uploads/2022/10/bustab.svg);
    background-color: var(--grigioscuro);
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
    padding: 2px;
    text-decoration: none;
    width: 30px;
    border-radius: 4px;
    height: 30px;
    display: block;
}
.schedalumni .dati ul li.contactrequest a:hover {
    background-color: var(--rosso);
}

/* FILTRI */
.filtri {
    margin-bottom: 50px;
    background: var(--grigioscuro);
    color: #fff;
    text-align: right;
    position: relative;
    background-image: url(https://alumnibfs.bca.unipd.it/wp-content/uploads/2022/10/triangoloRossoGrigio.svg);
    background-repeat: no-repeat;
    background-position: left;
    max-width: 650px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
.filtriX:before {
    content: '';
    width: 0;
    height: 0;
    border: 19px solid transparent;
    border-top: 0;
    border-bottom: 19px solid var(--grigioblu);
    transform: rotate(90deg);
    display: block;
    position: absolute;
    top: 10px;
    left: -9px;
}
.filtri label {
    margin-right: 30px;
    font-family: var(--heading--font);
}
.filtri select {
    border: none;
    padding: 10px;
    font-size: 16px;
    color: var(--grigioscuro);
}

/* INFOGRAFICA */
.infografica * {
    font-family: var(--heading--font);
}
.infografica figure {
    opacity: 0;
    transform: scale(0.5);
    transition: all 1s ease-in-out;
}
.infografica.gL figure {
    transform: scale(1.5);
}
.infografica p {
    line-height: 1.2em;
    opacity: 0;
    transform: translateX(-30px);
    transition: all 1s ease-in-out;
}
.infografica.gL p {
    transform: translateX(30px);
}
.infografica h2 {
    margin-right: -15px;
    opacity: 0;
    transform: translateY(-20px);
    transition: all 1s ease-in-out;
}
.infografica.gL h2 {
    transform: translateY(-20px);
}
.infografica.satisfaction h2 {
    margin-top: 2px;
}
.infografica.about h2 {
    margin-bottom: 15px;
}
.infografica.about h2 em {
    font-style: normal;
    font-size: 20px;
    color:#000;
    display: block;
    margin-bottom: -5px;
}
.manifest.infografica figure,
.manifest.infografica h2,
.manifest.infografica p {
    opacity: 1;
    transform: translateX(0) scale(1) ;
    transition: all 1s ease-in-out;
}
.infocorner {
    margin-top:0 !important;
    position: relative !important;
    padding: 25px 0 !important;
}
.infocorner.open:before, .infocorner.close:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://alumnibfs.bca.unipd.it/wp-content/uploads/2022/10/triangolus.svg);
    background-repeat: no-repeat;
    transition: all 1s ease-in-out;
}
.infocorner.close:after {
    background: url(https://alumnibfs.bca.unipd.it/wp-content/uploads/2022/10/triangolus2.svg);
    top:initial;
    bottom:130px;
    left:initial;
    right:0;
}
.manifest.infocorner.open:before, .manifest.infocorner.close:after {
    width: 25vw;
    height: 25vw;
}
body footer>.wp-block-group {padding-top:30px !important;}
.manifest.infocorner.close:before {
    content: '';
    width: 0;
    height: 0;
    border: 36px solid transparent;
    border-top: 0;
    border-bottom: 36px solid var(--grigioblu);
    transform: rotate(90deg);
    display: block;
    position: absolute;
    left: -18px;
    bottom: -18px;
}





@media (max-width: 1300px) {
}

@media (min-width: 782px) {
    /* MANIFEST */
    figure.logonosticky  {opacity:0;transform: translateY(-20px);transition: all 0.7s ease-in-out;}
    figure.logonosticky.manifest {opacity:1;transform: translateY(0);}

    nav {opacity:0;transform: translateX(-20px);transition: all 0.7s ease-in-out;}
    nav.manifest {opacity:1;transform: translateX(0);}

    .highlights {opacity:0;transform: translateY(-40px);transition: all 1s ease-in-out;}
    .manifest .highlights {opacity:1;transform: translateY(0);}
    .biotech-home {opacity:0;transform: translateX(-20px);transition: all 1s ease-in-out;}
    .manifest .biotech-home {opacity:1;transform: translateX(0);}
    .manR {opacity:0;transform: translateX(20px);transition: all 1s ease-in-out;}
    .manifest .manR {opacity:1;transform: translateX(0);}

    body.home .community li {opacity:0;transition: all 0.5s ease-in-out;}
    body.home .manifest .community li:nth-child(1) {opacity:1;transition-delay: 250ms;}
    body.home .manifest .community li:nth-child(2) {opacity:1;transition-delay: 750ms;}
    body.home .manifest .community li:nth-child(3) {opacity:1;transition-delay: 1250ms;}
}

@media (max-width: 781px) {
    header .logonosticky, .sticky header .logomobile {display:none;}
    header .logomobile {display:block;}
    .sticky header nav {transform: none;}

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block;
    }
    .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
        display: none;
    }
    .sticky header .wp-container-3.is-content-justification-space-between {
        padding: 0 20px !important;
    }

    nav.wp-block-navigation {padding:0;border:none;}
    nav.wp-block-navigation li.current-menu-item:before, nav.wp-block-navigation li:hover:before {
        margin-top:0;
        background-color: var(--grigiochiaro);
    }
    nav.wp-block-navigation li.current-menu-item:after, nav.wp-block-navigation li:hover:after {
        margin-top:30px;
        background-color: var(--grigiochiaro);
    }
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--rosso);
        color: #fff;
        height: 250px;
        overflow: initial;
    }
    html.has-modal-open {
        overflow: initial;
    }
    .fasciamenu {
        padding:0 !important;
    }
    .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
        margin-top: -7px;
    }    
    .greycorner {
        padding: 2.375em 1.25em !important;
    }
    .redblock p.has-background {
        padding: 0;
    }
    .nomobile {
        /*display: none;*/
    }
    .highlights h1 {
        font-size:60px;
        margin-top: 25px;
        transform: none;
    }

    .community li.wp-block-post {
        text-align: center;
    }
    .community li.wp-block-post h2 {
        left: 120px;
    }

    nf-field {
        margin: 0 0 20px;
        display: flex;
    }
    .two-col-list ul li {
        width: 100%;
    }

    .schedalumni {background: none;}
    .schedalumni .dati {padding: 0;}
    .schedalumni .foto img {
        max-width: 300px;
        max-height: 300px;
        border: 30px solid var(--grigiochiaro);
    }

    .filtri {
        text-align: left;
        padding-left: 40px;
        margin-top: -60px !important;
        background-image: none;
    }
    .filtri select {
        width: 90%;
    }

    .infografica figure {max-width:120px;}
    .infografica p, .infografica.about h2 em {font-size:16px;}
}

@media (max-width: 480px) {
    .schedalumni .foto img {
        max-width: 250px;
        max-height: 250px;
    }

    .filtri {padding-top: 10px;}
    .filtri label {line-height: 1.2em;display: block;margin-bottom: 10px;}
}