
/* --------------- EXTRA BORDERS --------------- */
/* internal borders to separate cells */
body:not(.front-page) .view-events .views-row .sections,
body:not(.front-page) .view-events .views-row .targets,

body:not(.front-page) .view-events .views-row.seminars .event-topic,
body:not(.front-page) .view-events .views-row.ceremonies .event-location,
body:not(.front-page) .view-events .views-row.prizes .event-location,
body:not(.front-page) .view-events .views-row.colloquia .event-location,

body:not(.front-page) .view-events .views-row.hosted .grid-four .organizers,
body:not(.front-page) .view-events .views-row.hosted .grid-three,

body:not(.front-page) .view-events .views-row:not(.abdus-salam-distinguished-lectures) .grid-one,
body:not(.front-page) .view-events .views-row.abdus-salam-distinguished-lectures .grid-two .row-dates,
body:not(.front-page) .view-events .views-row.abdus-salam-distinguished-lectures .grid-three .event-location,
body:not(.front-page) .view-events .views-row.abdus-salam-distinguished-lectures .grid-three .summary {
    border-top: 1px solid var(--border_gray);
}

body:not(.front-page) .view-events .views-row.abdus-salam-distinguished-lectures .grid-three .summary.no-summary {
    border-top: none;
}

@media (min-width: 1024px) {
    body:not(.front-page) .view-events .views-row.scientific-activity .grid-four,
    body:not(.front-page) .view-events .views-row.workshop .grid-four,
    body:not(.front-page) .view-events .views-row.school .grid-four,
    body:not(.front-page) .view-events .views-row.conference .grid-four,

    body:not(.front-page) .view-events .views-row.hosted .grid-four,

    body:not(.front-page) .view-events .views-row.abdus-salam-distinguished-lectures .grid-three {
        border-left: 1px solid var(--border_gray);
    }

    body:not(.front-page) .view-events .views-row.hosted .grid-three,
    body:not(.front-page) .view-events .views-row:not(.abdus-salam-distinguished-lectures) .grid-one { 
        border-top: none; 
    }
}


/* --------------- SECTIONS BAR --------------- */
/* only seminars show section bar when ONE or NONE section in assigned */
body:not(.front-page) .view-events .views-row:not(.multiple-color):not(.seminars) .sections-bar { display: none; }

/* section bar mobile style */
body:not(.front-page) .view-events .views-row .sections-bar {
    height: 10px;
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--border_gray);
}

/* sections bar is full or divided in 6 to represent sections */
body:not(.front-page) .view-events .views-row.seminars:not(.multiple-color) .sections-bar .section { width: 100%; }
body:not(.front-page) .view-events .views-row .sections-bar .section { 
    height: 100%;
    width: calc(100% / 6);
    font-size: 0;
}

/* small bars colored by sections */
body:not(.front-page) .view-events .views-row .sections-bar .hecap { background-color: var(--hecap); }
body:not(.front-page) .view-events .views-row .sections-bar .cmsp { background-color: var(--cmsp); }
body:not(.front-page) .view-events .views-row .sections-bar .math { background-color: var(--math); }
body:not(.front-page) .view-events .views-row .sections-bar .esp { background-color: var(--esp); }
body:not(.front-page) .view-events .views-row .sections-bar .qls { background-color: var(--qls); }
body:not(.front-page) .view-events .views-row .sections-bar .sti { background-color: var(--sti); }

/* section bar width based on tile category */
/* in mobile occupy all the top border of tile */
body:not(.front-page) .view-events .views-row .sections-bar { width: 100%; }

/* in desktop width based on layout */
@media (min-width: 1024px) {
    body:not(.front-page) .view-events .views-row .sections-bar { height: 6px; }

    body:not(.front-page) .view-events .views-row.workshop .sections-bar,
    body:not(.front-page) .view-events .views-row.school .sections-bar,
    body:not(.front-page) .view-events .views-row.conference .sections-bar,
    body:not(.front-page) .view-events .views-row.scientific-activity .sections-bar { width: 42.3%; }
    body:not(.front-page) .view-events .views-row.seminars .sections-bar { width: 52%; }
    body:not(.front-page) .view-events .views-row.ceremonies .sections-bar,
    body:not(.front-page) .view-events .views-row.prizes .sections-bar { width: 50%; }
    body:not(.front-page) .view-events .views-row.colloquia .sections-bar { width: 33.33%; }
    body:not(.front-page) .view-events .views-row.abdus-salam-distinguished-lectures .sections-bar { width: 25.6%; }
}


/* --------------- TILE COLORS background areas --------------- */
/* texts colors based on assigned background */
body:not(.front-page) .view-events .views-row.single-color .background .event-type *,
body:not(.front-page) .view-events .views-row.home-color .background .event-type * { color: #FFF; }
body:not(.front-page) .view-events .views-row.multiple-color .background .event-type * { color: var(--text_color); }

/* in mobile only event type field is colored */
body:not(.front-page) .view-events .views-row.multiple-color .background .event-type { background-color: var(--light_gray); }
body:not(.front-page) .view-events .views-row.home-color .background .event-type { background-color: var(--main_blue); }
body:not(.front-page) .view-events .views-row.hecap .background .event-type{ background-color: var(--hecap); }
body:not(.front-page) .view-events .views-row.cmsp .background .event-type { background-color: var(--cmsp); }
body:not(.front-page) .view-events .views-row.math .background .event-type { background-color: var(--math); }
body:not(.front-page) .view-events .views-row.sti .background .event-type { background-color: var(--sti); }
body:not(.front-page) .view-events .views-row.qls .background .event-type { background-color: var(--qls); }
body:not(.front-page) .view-events .views-row.esp .background .event-type { background-color: var(--esp); }

@media (min-width: 1024px) {
    body:not(.front-page) .view-events .views-row.single-color .background *,
    body:not(.front-page) .view-events .views-row.home-color .background * {  color: #FFF; }
    body:not(.front-page) .view-events .views-row.multiple-color .background * {  color: var(--text_color); }

    /* background areas colored by sections */
    body:not(.front-page) .view-events .views-row.multiple-color .background { background-color: var(--light_gray); }
    body:not(.front-page) .view-events .views-row.home-color .background { background-color: var(--main_blue); }
    body:not(.front-page) .view-events .views-row.hecap .background { background-color: var(--hecap); }
    body:not(.front-page) .view-events .views-row.cmsp .background { background-color: var(--cmsp); }
    body:not(.front-page) .view-events .views-row.math .background { background-color: var(--math); }
    body:not(.front-page) .view-events .views-row.sti .background { background-color: var(--sti); }
    body:not(.front-page) .view-events .views-row.qls .background { background-color: var(--qls); }
    body:not(.front-page) .view-events .views-row.esp .background { background-color: var(--esp); }
}


/* --------------- EVENT TYPE FIELD (watermark based on type) --------------- */
body:not(.front-page) .view-events .views-row .event-type {
    height: 100%;
    width: 100%;
    padding: 1rem;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

/* when sections bar is showed, add padding to top */
body:not(.front-page) .view-events .views-row.seminars .event-type,
body:not(.front-page) .view-events .views-row.multiple-color:not(.seminars) .event-type {
    padding-top: calc(1rem + 10px);
}

/* only seminar have colored text for event type */
body:not(.front-page) .view-events .views-row.seminars.hecap .event-type { color: var(--hecap); }
body:not(.front-page) .view-events .views-row.seminars.math .event-type { color: var(--math); }
body:not(.front-page) .view-events .views-row.seminars.cmsp .event-type { color: var(--cmsp); }
body:not(.front-page) .view-events .views-row.seminars.sti .event-type { color: var(--sti); }
body:not(.front-page) .view-events .views-row.seminars.esp .event-type { color: var(--esp); }
body:not(.front-page) .view-events .views-row.seminars.qls .event-type { color: var(--qls); }

@media (min-width: 1024px) {
    body:not(.front-page) .view-events .views-row .event-type {
        min-height: 200px;
        padding: 1.75rem 1.5rem;
        border-top: 1px solid var(--border_gray);
        /* background-position: center center; */
        background-position: center calc(100% - 1rem);
        background-size: auto 80%;
        background-repeat: no-repeat;
    }
    body:not(.front-page) .view-events .views-row.seminars.single-color .event-type { color: var(--text_color); }

    /* body:not(.front-page) .view-events .views-row.scientific-activity .event-type,
    body:not(.front-page) .view-events .views-row.school .event-type { 
        background-position: center calc(100% + 1rem);
    }
    body:not(.front-page) .view-events .views-row.ceremonies .event-type,
    body:not(.front-page) .view-events .views-row.prizes .event-type {
        background-size: 100% auto;
    } */

    /* dark watermarks - multiple sections */
    body:not(.front-page) .view-events .views-row.multiple-color.scientific-activity .event-type { 
        background-image: url(../../assets/filigrane/filigrana-scientific-activity-grey.svg); }
    body:not(.front-page) .view-events .views-row.multiple-color.school .event-type { 
        background-image: url(../../assets/filigrane/filigrana-school-grey.svg); }
    body:not(.front-page) .view-events .views-row.multiple-color.conference .event-type { 
        background-image: url(../../assets/filigrane/filigrana-conference-grey.svg); }
    body:not(.front-page) .view-events .views-row.multiple-color.workshop .event-type { 
        background-image: url(../../assets/filigrane/filigrana-workshop-grey.svg); }
    body:not(.front-page) .view-events .views-row.multiple-color.ceremonies .event-type,
    body:not(.front-page) .view-events .views-row.multiple-color.prizes .event-type { 
        background-image: url(../../assets/filigrane/filigrana-ceremony-grey.svg); }
    body:not(.front-page) .view-events .views-row.multiple-color.colloquia .event-type { 
        background-image: url(../../assets/filigrane/filigrana-colloquia-grey.svg); }
    body:not(.front-page) .view-events .views-row.multiple-color.abdus-salam-distinguished-lectures .event-type { 
        background-image: url(../../assets/filigrane/filigrana-lectures-grey.svg); }

    /* SEMINARS events universal watermark */
    body:not(.front-page) .view-events .views-row.seminars .event-type { 
        background-image: url(../../assets/filigrane/filigrana-seminar-grey.svg); }

    /* HOSTED events universal watermark */
    body:not(.front-page) .view-events .views-row.hosted .event-type { 
        background-image: url(../../assets/filigrane/filigrana-hosted-activity-grey.svg);
        /* background-position: center calc(100% + 1rem); */
    }

    /* light watermarks - ONE or NONE section assigned */
    body:not(.front-page) .view-events .views-row:not(.multiple-color).scientific-activity .event-type {
        background-image: url(../../assets/filigrane/filigrana-scientific-activity-w.svg); }
    body:not(.front-page) .view-events .views-row:not(.multiple-color).school .event-type { 
        background-image: url(../../assets/filigrane/filigrana-school-w.svg); }
    body:not(.front-page) .view-events .views-row:not(.multiple-color).conference .event-type {
         background-image: url(../../assets/filigrane/filigrana-conference-w.svg); }
    body:not(.front-page) .view-events .views-row:not(.multiple-color).ceremonies .event-type,
    body:not(.front-page) .view-events .views-row:not(.multiple-color).prizes .event-type { 
        background-image: url(../../assets/filigrane/filigrana-ceremony-w.svg); }
    body:not(.front-page) .view-events .views-row:not(.multiple-color).workshop .event-type { 
        background-image: url(../../assets/filigrane/filigrana-workshop-w.svg); }
    body:not(.front-page) .view-events .views-row:not(.multiple-color).colloquia .event-type { 
        background-image: url(../../assets/filigrane/filigrana-colloquia-w.svg); }
    body:not(.front-page) .view-events .views-row:not(.multiple-color).abdus-salam-distinguished-lectures .event-type { 
        background-image: url(../../assets/filigrane/filigrana-lectures-w.svg); }
}

/* adjust watermaks based on viewport */
@media (min-width: 1024px) {
    body:not(.front-page) .view-events .views-row .event-type {
        border-left: 1px solid var(--border_gray);
        border-right: 1px solid var(--border_gray);
        border-top: none;
        min-height: unset;
        /* background-size: 85%; */
        background-size: 90%;
        background-origin: content-box;
        background-position: center 75%;
    }

    body:not(.front-page) .view-events .views-row.single-color:not(.seminars) .event-type,
    body:not(.front-page) .view-events .views-row.home-color:not(.seminars) .event-type {
        border-left: 1px solid #FFFFFF55;
    }

    /* body:not(.front-page) .view-events .views-row.seminars .event-type {
        background-size: 65%;
        background-position: center calc(100% - 1rem);
    }

    body:not(.front-page) .view-events .views-row.hosted .event-type {
        background-position: center calc(100% - 1rem);
    } */
}


/* --------------- SPEAKERS INFO fonts and typography --------------- */
/* "prof" label */
body:not(.front-page) .view-events .views-row .speaker-info div:first-child {
    font-size: 16px;
    font-weight: 300;
}
/* name and surname */
body:not(.front-page) .view-events .views-row .speaker-info h4 {
    margin: 0;
    color: var(--text_color);
    font-size: 22px;
    font-weight: 500;
}
body:not(.front-page) .view-events .views-row.hecap .speaker-info h4 { color: var(--hecap); }
body:not(.front-page) .view-events .views-row.cmsp .speaker-info h4 { color: var(--cmsp); }
body:not(.front-page) .view-events .views-row.math .speaker-info h4 { color: var(--math); }
body:not(.front-page) .view-events .views-row.sti .speaker-info h4 { color: var(--sti); }
body:not(.front-page) .view-events .views-row.qls .speaker-info h4 { color: var(--qls); }
body:not(.front-page) .view-events .views-row.esp .speaker-info h4 { color: var(--esp); }

body:not(.front-page) .view-events .views-row .speaker-info h4.speaker-text {
    font-size: 20px;
}

body:not(.front-page) .view-events .views-row .speaker-role {
    color: var(--medium_gray);
    font-size: 14px;
    font-weight: 300;
}

@media (min-width: 1024px) {
    body:not(.front-page) .view-events .views-row .speaker-info h4 { margin: 0 0 .5rem 0; }
    body:not(.front-page) .view-events .views-row.single-color .speaker-info h4 { color: var(--text_color); }

    /* special cases */
    body:not(.front-page) .view-events .views-row.abdus-salam-distinguished-lectures .speaker-info h4 {
        font-size: 36px;
        font-weight: 400;
    } 
}
