/**
 * Gel 5.3
 * Main Gel Stylesheet
 * File Version 5.3.0 - T r20
 * Last Modified 2016-12-29 by Kelly Chisum
 */

/*
font-family: "Futura PT", "futura-pt", Futura, Arial, sans-serif
Dark Blue: #143255 rgb(20, 50, 85)
Medium Blue: #005695 rgb(0, 86, 149)
Light Blue: #6E91BF rgb(110, 145, 191)
Dark Green: #5E9321 rgb(94, 147, 33)
Medium Green: #74B535 rgb(116, 181, 53)
Light Green: #86C54F rgb(134, 197, 79)
Black: #222 rgb(34, 34, 34)
*/

/************** CALENDAR **************/
/* PAGE HEADER */
.events #content-o:after, .events .content-i {
    background: none;
}
.events h1 {
	position: relative;
	top: .5em;
    left: -50vw;
	display: inline-block;
	width: 100vw;
	max-width: none;
	margin: -1em 0 0 600px;
	padding: .55em 5vw 2.25em;
	background-color: #FFF;
	background: rgba(255, 255, 255, .9);
}
.events h1:after {
    bottom: 1.84em;
}

/* NAVIGATION */
.calendar-nav-bar {
    position: relative;
    z-index: 2;
    margin: -3.5em auto 7em;
    text-align: center;
}
.list-filters,
.list-filters ul,
.list-filters li {
    z-index: 1;
    list-style: none;
    margin: 0;
    padding: 0;
}
.list-filters ul {
    display: none;
    position: absolute;
    width: 100%;
    margin: .5em 0 -.5em;
    padding: 0;
    font-size: .9em;
    background: #143255;
}
.event-filter-show ul {
    display: block;
}
.list-filters li {
    width: 100%;
    margin: 0;
    border-top: 1px solid #FFF;
}
.list-filters ul li:hover {
    background: #005695;
}
.list-filters li:first-child {
    border: none;
}
.list-filters .filter-divider {
    padding: 0;
    border-top: 2px dashed #FFF;
}
.filter-divider + li {
    border-top: none;
}
.list-filters a {
    display: block;
    width: 100%;
    padding: .5em 0;
    color: #FFF;
    font-style: normal;
}
.list-filters .button {
    position: relative;
    float: none;
    display: inline-block;
    width: 14em;
    margin: 0 1em 0 0;
    padding: .5em 0;
    border: none;
}
.calendar_events_list {
    display: none;
}
.calendar_events_list:last-child {
    display: block;
}

/* MONTH BOXES */
.event-month {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    margin-bottom: 3em;
}
.event-main {
	-webkit-box-flex: 1 60%;
	-moz-box-flex: 1 60%;
	-webkit-flex: 1 60%;
	-ms-flex: 1 60%;
	flex: 1 60%;
    width: 60%;
    margin: 0;
    padding: 1em 5% 3em 5%;
	background-color: #FFF;
    background: rgba(255, 255, 255, .9);
}
.event-header {
    position: relative;
    padding: .4em 0 0;
    color: #74B535;
    text-align: center;
}
.event-header:after {
	content: "";
	position: absolute;
	bottom: -.2em;
	left: 50%;
	width: 1.2em;
	height: 0;
    margin-left: -.6em;
	border-bottom: 1px solid #222;
}
.cal-event-box {
    margin-top: 2.25em;
}
.cal-event-box h3 {
    color: #005695;
    line-height: 1.2em;
}
.cal-event-box h4 {
    position: relative;
    padding-bottom: .3em;
    margin-left: 2.4em;
    color: #74B535;
}
.cal-event-box p:not(.align-center) {
    margin-left: 3.6em;
    margin-bottom: .75em;
}
.cal-event-box .date-time + .date-time {
    margin-top: -.75em;
}
.event-svg {
    clear: both;
    float: left;
}
.event-date {
    width: 1.125em;
    height: 1.14em;	
    margin: .25em 1em 0 1.5em;
}
.event-location {
    width: .86em;
    height: 1.25em;	
    margin: .25em .9em 0 1.6em;
}
.event-register {
    width: 1.2em;
    height: 1.25em;
    margin: .25em 1em 0 1.35em;
}
#event-register * {
    fill: #005695;
}
.cal-event-box a {
    font-style: normal;
}

/* MONTH SIDEBAR */
.event-sidebar {
    position: relative;
    width: 21em;
    padding: 2em 1.75em;
    color: #FFF;
}
.event-sidebar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
	background-color: #143255;
    background: rgba(20, 50, 85, .9);
    mix-blend-mode: multiply;
}
.event-calendar p {
    float: left;
    width: 2em;
    height: 2em;
    margin: 0 .375em .6em;
    padding: 0;
    font-size: .9em;
    text-align: center;
}
.event-calendar p span {
    float: left;
    width: 100%;
    height: 100%;
    padding: .1em .3em .1em;
    border-radius: 50%;
}
.event-calendar-categories {
    margin-top: 1em;
    margin-left: 2.5em;
    color: #FFF;
}
.event-calendar + .cal-event-box + .event-calendar-categories {
    display: none;
}
.event-calendar-categories p {
    position: relative;
    margin: 0 0 .75em;
    font-size: .9em;
}

/* CATEGORY COLORS */
.cal-event-box h4:before {
    content: "";
    position: absolute;
    top: .3em;
    left: -1.325em;
    width: .7em;
    height: .7em;
    border-radius: 50%;
}
.event-calendar-categories p:before {
    content: "";
    position: absolute;
    top: .35em;
    left: -2em;
    width: 1.2em;
    height: 1.2em;
    border-radius: 50%;
}
.event-labs h4:before,
.event-calendar-categories .event-labs:before, 
.event-calendar .event-labs {
	background-color: #5E9321;
    background: rgba(94, 147, 33, .9);
}
.event-program h4:before,
.event-calendar-categories .event-program:before, 
.event-calendar .event-program {
	background-color: #005695;
    background: rgba(0, 86, 149, .9);
}
.event-law h4:before,
.event-calendar-categories .event-law:before, 
.event-calendar .event-law {
	background-color: #B0D887;
    background: rgba(176, 216, 135, .9);
}
.event-board h4:before,
.event-calendar-categories .event-board:before, 
.event-calendar .event-board {
	background-color: #A0C1ED;
    background: rgba(160, 193, 224, .9);
}
.event-hr h4:before,
.event-calendar-categories .event-hr:before, 
.event-calendar .event-hr {
	background-color: #04A79F ;
    background: rgba(4, 167, 159, .9);
}
.event-seminar h4:before,
.event-calendar-categories .event-seminar:before, 
.event-calendar .event-seminar {
	background-color: #18E0D6;
    background: rgba(24, 224, 214, .9);
}

/* RESPONSIVE STYLES */
@media screen and (max-width: 1325px) {
    .events h1 {
        left: 0;
        margin: -1em 0 0 -5vw;
        padding: .55em 5vw 2.25em;
    }
    .event-sidebar {
        width: 18em;
    }
    .event-calendar p {
        width: 1.8em;
        height: 1.8em;
        margin: 0 .25em .6em;
    }
}
@media screen and (max-width: 1000px) {
    .events h1 {
        margin: -1.1em 0 0 -10vw;
        padding: .55em 10vw 2.4em;
    }
    .events h1:after {
        bottom: 2.15em;
    }
    .calendar-nav-bar {
        margin: -4em 0 5em;
    }
    .calendar-nav-bar .button {
        width: 13em;
    }
    .event-calendar p {
        width: 2em;
        height: 2em;
        margin: 0 .725em .6em;
    }
    .event-month {
        position: relative;
        flex-wrap: wrap;
        width: 100%;
    }
    .event-main {
        padding: 0em 2.5em 3em;
    }
    .event-main:only-child .event-header {
        position: relative;
    }
    .event-header {
        position: absolute;
        z-index: 1;
        top: .25em;
        width: 100%;
        left: 0;
    }
    .event-main:only-child .event-header:after {
        border-bottom-color: #222;
    }
    .event-header:after {
        border-bottom-color: #FFF;
    }
    .event-sidebar {
        order: -1;
        width: 100%;
    }
    .event-calendar {
        max-width: 22em;
        margin: 5em auto;
    }
    .event-calendar-categories {
        display: none;
    }
}
@media screen and (max-width: 750px) {
    .events #content-o .content-i {
        padding-top: 0;
    }
    .events h1 {
        margin-top: -.475em;
        padding-bottom: 2.75em;
    }
    .events h1:after {
        bottom: 2.4em;
    }
    .calendar-nav-bar {
        margin: -3em 0 5em;
    } 
    .cal-event-box {
        padding-bottom: 1em;
        border-bottom: 1px solid #BEC0C2;
    }
    .cal-event-box:last-of-type {
        padding-bottom: 0;
        border-bottom: none;
    }
    .cal-event-box h4 {
        margin-left: 2em;
        margin-bottom: .7em;
        font-size: 1.1em;
    }
    .cal-event-box h4:before {
        top: .2em;
        left: -2em;
        width: 1em;
        height: 1em;
    }
    svg.event-svg {
        margin-left: 0;
    }
    svg.event-location {
        margin-left: .1em;
    }
    .cal-event-box p:not(.align-center) {
        margin-left: 2.3em;
    }
    .event-calendar {
        margin-top: 3.5em;
    }
    .event-main {
        background-color: rgb(225, 225, 225)
    }
}
@media screen and (max-width: 700px) {
    .events h1 {
        padding-bottom: 5em;
    }
    .events h1:after {
        bottom: 4.5em;
    }
    .calendar-nav-bar {
        margin: -7.75em 0 4em;
    }
    .calendar-nav-bar li.button {
        z-index: 2;
        width: 100%;
        margin-bottom: 1em;
    }
    .calendar-nav-bar li.button:nth-of-type(2) {
        z-index: 1;
    }
}
@media screen and (max-width: 575px) {
    .event-calendar {
        width: 100%;
    }
    .event-calendar p {
        width: 14%;
        font-size: .7em;
        margin-left: 0;
        margin-right: 0;
    }
    .event-calendar p:nth-of-type(7n) {
        margin-right: 0;
    }
}

/* PROGRAMS & LABS */
.labs #content-o:after {
    background: none;
}
.labs h1 {
	position: relative;
	top: .5em;
    left: -50vw;
	display: inline-block;
	width: 100vw;
	max-width: none;
	margin: -1em 0 0 600px;
	padding: .55em 0 .75em;
	background-color: #FFF;
	background: rgba(255, 255, 255, .9);
}
.labs h1:after {
    bottom: .4em;
}
.events-top {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 2em auto 0;
    padding: 0 0 2.5em;
}
.events-top:after {
    content: "";
    position: absolute;
    top: 0;
    left: -50vw;
    z-index: -1;
    width: 100vw;
    height: 100%;
    margin-left: 450px;
    margin-right: -450px;
    background-color: #FFF;
	background: rgba(255, 255, 255, .9);
}
.labs .narrow {
    display: block;
    position: relative;
    left: -50vw;
    width: 100vw;
    max-width: none;
    margin: 2em 0 0 600px;
    padding: 0 0 3em;
    background: rgba(255, 255, 255, .9);
}
.program-lab-list {
    margin-top: 3em;
}
.program-lab-flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-moz-box-wrap: wrap;
	-webkit-box-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flexbox-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.program-lab {
	-webkit-box-flex: 1 0 40%;
	-moz-box-flex: 1 0 40%;
	-webkit-flex: 1 0 40%;
	-ms-flex: 1 0 40%;
	flex: 1 0 40%;
}
.program-lab:nth-of-type(odd) {
    padding-right: 2.5em;
}
.program-lab:nth-of-type(even) {
    padding-left: 2.5em;
}
.program-lab h4 {
    margin-left: 0;
}
.program-lab h4:before {
    display: none;
}

@media screen and (min-width: 1351px) {
    .cal-event-box.program-lab p {
        margin-left: 2em;
    }
    .program-lab svg {
        margin-left: 0;
    }
}
@media screen and (max-width: 1350px) {
    .labs h1 {
        left: -5vw;
        margin-left: 0
    }
    .program-lab:nth-of-type(n) {
        -webkit-box-flex: 1 0 100%;
        -moz-box-flex: 1 0 100%;
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
    }
    .program-lab h4 {
        margin-left: 1em;
    }
}
@media screen and (max-width: 1000px) {
    .labs h1 {
        left: -10vw;
        margin: -1.1em 0 -.06em;
    }
    .events-top:after {
        left: -10vw;
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 750px) {
    .labs .content-i {
        margin-top: -.8em;
    }
    .labs h1 {
        margin-top: -7em;
    }
    .events-top {
        width: 100%;
        max-width: 100%;
    }
    .program-lab-list {
        width: 100vw;
        margin: 0 0 0 -10vw;
    }
    .labs h4 {
        margin-left: 0;
    }
    .event-month {
        margin-bottom: 0;
    }
}
@media screen and (max-width: 570px) {
    .labs h1 {
        margin-top: -.75em;
    }
}