/* 
Theme Name: CADA 2019
Description: The 2019 University of Illinois at Chicago College of Architecture, Design, and the Arts Theme.
Author: Daniel Miller
Author URI: https://mllr.nyc
Version: 1.0

This theme is property of University of Illinois at Chicago College of Architecture, Design, and the Arts and is not available for public use. 
*/

/* Updates Sept 28 2021 */
a.time-link {display: none;}
.single-schedule .right-column .event-date > span {
	display: block;
    margin-bottom: 20px;
}

/* Updates Tue Oct 21 2019 */

/* Slider set content left if only one item rather than centering */
.slick-track {
	margin-left: unset;
	margin-right: unset;
}

.gallery-image a {text-decoration: none;}
.gallery-image p {text-align: center;}

/* Hour */

/* Border tests */
div.top-section div.big-school {
	top: 50px;
	left: 50%;
	width: calc(50% - 25px);
}

div.top-section img.big-logo {
	right: 48%;
}

@media (min-width: 1280px) {
	div.top-section div.block {
		left: 50.75%;
		padding-bottom: 22%;
	}
}

h1.page-headline {
	border-bottom: 1px solid;
}
button.button, .select-items div, .select-selected {
	border: 2px solid;
	border-top: none;
}
.select-selected {
	border-top: 2px solid;
}
.select-items div:hover, .same-as-selected {
    color: #FFFFFF !important;
    background-color: rgba(0, 0, 0, 1);
	border-color: black;
}
.select-items div.same-as-selected {
	border-color: black;
}
div.flex-table div.flex-row, div.search div.flex-row {
	border-bottom:1px solid #9B9B9B;
}
h3.page-accordion-title {
	border-top: 2px solid #9B9B9B;
}
div.flex-button {
	border: 2px solid #000000;
}
div.footer-top-container .resource {
	border: 2px solid;
}
div.footer-section-container {
	border-top: 1px solid #9B9B9B;
}
nav .inside-search-menu form input[type="text"] {
	border-bottom: 2px solid #9B9B9B;
}

html, body {
    /* font-size: 10px; */
    font-size: 62.5%;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

nav {
    height: 60px;
}

p {
    font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
    line-height: 1.2em;
}

a:hover {
    transition: all .2s;
}

a:hover .post-date {
    color: black;
}

ol li, ul li {
    font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
    line-height: 1.2em;
    margin-bottom: .25em;
}

div.top-section, ul.school-links {
	display: block;
}

ul.school-links li.school-link {
	line-height: .5em;
	overflow: hidden;
    padding-top: .125em;
	display: block;
}

/*
ul.school-links li.school-link.link-4 {
	border-bottom: 1px solid #9B9B9B;
}
*/

/*
ul.school-links li.school-link, div.front h3.home-header {
	border-top: 2px solid #9B9B9B;
}
*/

div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu li a.sub_link {
	font-size: 32px;
    font-size: 3.2rem;
    font-size: calc(1rem + 1.528vw);
    line-height: 1.1em; 
}

.cell ul, div.main-menu.table div.row div.cell ul {
    margin-bottom: 1.2em;
}

ol li > ol li, ol li > ul li, ul li > ul li {
    font-size: 26px;
    font-size: 2.6rem;
    font-size: calc(1rem + 1.111vw);
    line-height: 1.2em;
}

div.nav-cell, button.nav-cell {
    font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
}

nav .inside-search-menu form input[type="text"], nav .inside-search-menu form input::placeholder {
	font-size: 80px;
    font-size: 8rem;
    font-size: calc(1rem + 4.861vw);
    line-height: 1;
    height: 80px;
}

nav .inside-search-menu input[type="submit"] {
	top: 20px;
	padding: 2px 8px;
}

nav .inside-search-menu input[type="submit"]:focus {
    color: white;
    background-color: transparent;
    outline-color: white;
    border-color: white;
    border-radius: 0;
    outline: 5px auto rgba(255, 255, 255,0.8);
    outline-offset: -2px;
    box-shadow: 0 1px 14px rgba(255, 255, 255,0.8);
}

div.container.search input[type="submit"]:focus {
    color: white;
    background-color: black;
    outline-color: #EF3340;
    border-color: black;
    border-radius: 0;
    box-shadow: 0 1px 14px rgba(239, 51, 64,0.8);
}

div.resource-filter-bt {
    color: #000000;
    padding: 0;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 10px;
    width: max-content;
    display: block;
}

.resource-filter-bt #resourcesubmit {
    color: #000000;
    padding: 2px 8px;
    border: 2px solid #000000;
    cursor: pointer;
    text-transform: uppercase;
    margin-top: 10px;
    width: max-content;
    display: block;
}

.resource-form-section #resourcesubmit {
	padding: 2px 8px;
	float: right;
}

div.container.search #resourcesubmit:hover {
    color: #FFFFFF;
    background-color: #000000;
}

#resourcesubmit:focus, div.container.search input[type="submit"]:focus {
	color: white;
    background-color: black;
    outline-color: #EF3340;
    border-color: black;
    border-radius: 0;
    outline: 5px auto rgba(239, 51, 64,0.8);
    outline-offset: -2px;
    box-shadow: none;
}

nav .inside-search-menu #clear_val {
	top: 30px;
	right: 120px;
}

div.container.search.resources #clear_val {
	right: 8%;
}

h1, h1.page-headline, h2.big-school-link, h2.hero-header, div.post-list a {
    font-size: 80px;
    font-size: 8rem;
    font-size: calc(1rem + 4.861vw);
    line-height: .875em;
}

/*  
    updated line-height -- (DM_ Oct 16) 
    https://github.com/danielmllr/cada/issues/76#issuecomment-542673647
*/
div.single.schedule h1, div.single.schedule div.post-title h2, div.single.news h1, div.single.news h1, div.single.news div.post-title h2 {
	font-size: 72px;
    font-size: 7.2rem;
    font-size: calc(1rem + 4.306vw);
    line-height: .95em;
}

ul.school-links li.school-link p {
	font-size: 80px;
    font-size: 8rem;
    font-size: calc(1rem + 4.861vw);
    position: relative;
/*     line-height: .75em; */
}

ul.school-links li.school-link p::after {
	content: '\2192';
    display: block;
    font-size: 70px;
    line-height: 68px;
    margin-left: 10px;
    color: #000000;
    position: absolute;
    top: 2px;
    right: -70px;
}

h2 {
    font-size: 72px;
    font-size: 7.2rem;
    font-size: calc(1rem + 4.306vw);
    line-height: .75em;
}

.news-school {
    font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
    line-height: .8em;
    color: #919191;
    text-transform: uppercase;
    margin: 10px 0;
}

h3, .slide-title {
    font-size: 36px;
    font-size: 3.6rem;
    font-size: calc(1rem + 1.806vw);
    line-height: .8em;
    color: #000000;
    text-transform: uppercase;
}

div.front h3.home-header {
    padding-top: 30px; /* (DM_ 10/21)  Issue #89*/
	font-size: 26px;
    font-size: 2.6rem;
    font-size: calc(1rem + 1.111vw);
}

div.student-work-container h3.home-header, div.inside-home-events h3.home-header {
	margin-top: 20px;
}

div.student-work-container div.uic-school-select {
	top: 40px;
}

@media (max-width: 768px) {
    div.student-work-container div.uic-school-select {
        top: 60px;
    }
}


h4 {
    font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
    line-height:1em;
    text-transform: uppercase;
}

.slideCount {
	font-size: 26px;
    font-size: 2.6rem;
    font-size: calc(1rem + 1.111vw);
}

button.slick-next.slick-arrow {
	font-size: 26px;
    font-size: 2.6rem;
    font-size: calc(1rem + 1.111vw);
    margin-top: 2px;
}

div.main-menu div.menu-section-title, div.main-menu button.menu-section-title {
/*
	font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
    line-height: 1em;
*/
	font-size: 32px;
    font-size: 3.2rem;
    font-size: calc(1rem + 1.528vw);
    line-height: 1.1em;    
}

div.main-menu li a.sub_link {
    
}

ul ul, ul ol, ol ol, ol ul {
    font-size: 100%;
    margin: 1.5rem 0 1.5rem 3rem;
}

div.footer-top-container #top p {
    font-size: 26px;
    font-size: 2.6rem;
    font-size: calc(1rem + 1.111vw);
    line-height: 1;
}

div.footer-top-container .resource a {
    font-size: 26px;
    font-size: 2.6rem;
    font-size: calc(1rem + 1.111vw);
    line-height: 1.2em;
}

button.button {
	font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
    line-height: 1.2em;
	padding: .125em .25em;
}

div.footer-top-container .resource {
    padding: .75em 1em .5em;
}

div.main-menu .inside-main-menu .resource {
    padding: .75em 1em .5em;
}


div.main-menu .resource a {
/*
    font-size: 26px;
    font-size: 2.6rem;
    font-size: calc(1rem + 1.111vw);
*/
	font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
    line-height: 1.2em;
}

.select-items div, .select-selected {
	font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
    line-height: 1em;
    padding: .25em .25em .125em;
}

.select-selected:after {
	top: .15em;
	font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
}

h3.ui-accordion-header-active::after, h3.ui-accordion-header-collapsed::after {
	right: 10px;
	font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
}

.page-template-style-page div.uic-school-select, .page-template-style-page div.uic-school-select.past {
	margin-top: -80px;
}

.select-selected:after {
    position: absolute;
    content: "\2193";
    top: .275em;
    right: 1em;
    width: 0;
}

div.footer-top-container .resource a::after {
    font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
    line-height: 0.875em;
}

div.main-menu .resource a::after {
    font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
    line-height: 0.875em;
}

div.flex-table div.flex-row, div.search div.flex-row {
	padding: .25em 0 .5em;
	font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
    line-height: 1.2em;
}

.flex-table a, div.flex-column, .flex-description, h3.page-accordion-title, .ui-accordion-content, div.flex-button a {
	font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
    line-height: 1.2em;
}

div.flex-button a::after {
    right: 10px;
    top: 0;
    background-color: white;
    padding-left: 10px;
    width: 20px;
    height: 35px;
}

h3.page-accordion-title {
	text-transform: inherit;
	padding: .25em 0;
	margin-bottom: 0;
}

.ui-accordion-content {
	padding: .5em 0 0;
}

div.flex-gallery .slideCount {
	font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
    line-height: 1.2em;
    
    bottom: 28px;
}

div.flex-gallery button.slick-prev.slick-arrow, div.flex-gallery button.slick-next.slick-arrow {
	width: 40px;
}

button.slick-prev.slick-arrow {
	right: 40px;
}

div.flex-gallery button.slick-prev.slick-arrow::before, div.flex-gallery button.slick-next.slick-arrow::before {
	font-size: 30px;
    font-size: 3rem;
    font-size: calc(1rem + 1.389vw);
}

div.footer-top-container #top {
    padding: 1.75em 0 0;
}

div.footer-top-container {
    padding-bottom: 20px;
}

div.main-menu.table {
    padding-top: 90px;
}

/* Resource Center + Search Results */
div.popular {
	font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
}
div.container.resources a.resource-result,
div.container.search div.content div.parent div.child a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #9B9B9B;
    font-size: 28px;
    font-size: 2.8rem;
    font-size: calc(1rem + 1.250vw);
}

/* menu footer  */
.inside-main-menu .footer-section-container {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    margin: 0;
    padding: 6px 0px;
    max-width: 1440px;
    transform: translateX(-50%);
    background: white;
}

nav #logo img {
    width: 50px;
    height: 50px;
}

div.footer-section:not(:first-child) {
    font-size: 18px;
    font-size: 1.8rem;
    font-size: calc(1rem + 0.556vw);
    margin-right: 2%;
}

.wp-caption .wp-caption-text, .wp-caption-dd {
    font-size: 20px;
    font-size: 2rem;
    font-size: calc(1rem + 0.694vw);
}

.social-link-container a.social-link {
    margin-right: .125em;
}

.social-link-container a.social-link span.fa-stack, .fa-stack {
    /* width: 3.5vw; */
    /* height: 3.5vw; */
    font-size: 24px;
    font-size: 2.4em;
    font-size: calc(1rem + 0.972vw);
    line-height: 2em;
}

div.main-menu .circles a, div.top-section .circles a {
/*
    font-size: 22px;
    font-size: 2.2rem;
    font-size: calc(1rem + 0.833vw);
*/
	font-size: 24px;
    font-size: 2.4em;
    font-size: calc(1rem + 0.972vw);
    line-height: 94px;
    width: 90px;
    height: 90px;
}

/* ul.school-links li.school-link a {
    padding-top: 1em;
}

ul.school-links li.school-link p::after {
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
    line-height: 20px !important;
}

ul.school-links li.school-link {
    line-height: .5em;
} */

div.footer-section-container {
	padding: .5em 0;
}

/* slbElement updates */
.slbImageWrap {
	height: 100vh;
	overflow: hidden;
}
.slbImage {
	top: 50%;
    transform: translateY(-50%);
    position: relative;
}
.slbCaption, .slbArrows {
	bottom: 2rem;
}
.slbCaption {
	width: 100%;
	background: white;
	padding: .71429em 15%;
}

/* macbook  */
@media (min-width: 1024px) and (max-height: 700px) {
	div.main-menu.table {
    	padding-top: 85px;
    }
    div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu li a.sub_link {
	    font-size: 30px;
	    font-size: 3rem;
	    font-size: calc(1rem + 1.389vw);
    }
    div.footer-section:not(:first-child) {
	    line-height: 4.5rem;
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    p {
        font-size: 24px;
        font-size: 2.4rem;
        font-size: calc(1rem + 1.367vw);
        line-height: 1.2em;
    }

    ol li, ul li {
        font-size: 24px;
        font-size: 2.4rem;
        font-size: calc(1rem + 1.367vw);
        line-height: 1.2em;
    }
    
    .cell ul, div.main-menu.table div.row div.cell ul {
	    margin-bottom: 4em;
    }

    ol li > ol li, ol li > ul li, ul li > ul li {
        font-size: 24px;
        font-size: 2.4rem;
        font-size: calc(1rem + 1.367vw);
        line-height: 1.2em;
    }
    
    div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu li a.sub_link {
	    font-size: 26px;
	    font-size: 2.6rem;
	    font-size: calc(1rem + 1.111vw);
	    line-height: 1em;
    }

    div.nav-cell, button.nav-cell {
/*
        font-size: 28px;
        font-size: 2.8rem;
        font-size: calc(1rem + 1.758vw);
*/
		font-size: 26px;
        font-size: 2.6rem;
        font-size: calc(1rem + 1.563vw);
    }

    h1, h1.page-headline, h2.big-school-link, h2.hero-header, div.post-list a {
        font-size: 56px;
        font-size: 5.6rem;
        font-size: calc(1rem + 4.492vw);
        line-height: .75em;
    }

    h2 {
        font-size: 56px;
        font-size: 5.6rem;
        font-size: calc(1rem + 4.492vw);
        line-height: .75em;
    }

    .news-school {
        font-size: 20px;
        font-size: 2rem;
        font-size: calc(1rem + 0.977vw);
        line-height: .8em;
    }

    h3, .slide-title {
        font-size: 26px;
        font-size: 2.6rem;
        font-size: calc(1rem + 1.563vw);
        line-height: .8em;
    }

    h4 {
        font-size: 24px;
        font-size: 2.4rem;
        font-size: calc(1rem + 1.367vw);
        line-height:1em;
    }

    div.main-menu div.menu-section-title, div.main-menu button.menu-section-title {
        font-size: 26px;
	    font-size: 2.6rem;
	    font-size: calc(1rem + 1.563vw);
	    line-height: 1em;
    }

    div.main-menu li a.sub_link {
        font-size: 26px;
	    font-size: 2.6rem;
	    font-size: calc(1rem + 1.563vw);
	    line-height: 1em;
    }

    ul ul, ul ol, ol ol, ol ul {
        font-size: 100%;
        margin: 1.5rem 0 1.5rem 3rem;
    }

    div.footer-top-container #top p {
        font-size: 24px;
        font-size: 2.4rem;
        font-size: calc(1rem + 1.367vw);
        line-height: 1;
    }

    div.footer-top-container .resource a {
        font-size: 26px;
        font-size: 2rem;
        font-size: calc(1rem + 1.563vw);
        line-height: 1.2em;
    }

    div.main-menu .resource a {
        font-size: 22px;
        font-size: 2.2rem;
        font-size: calc(1rem + 1.172vw);
        line-height: 1.2em;
    }

    div.footer-top-container .resource a::after {
        font-size: 30px;
        font-size: 1.25rem;
        font-size: calc(1rem + 1.953vw);
        line-height: .75em;
    }

    div.main-menu .resource a::after {
        font-size: 28px;
        font-size: 2.8rem;
        font-size: calc(1rem + 1.758vw);
        line-height: 0.875em;
    }

    div.footer-section:not(:first-child) {
        font-size: 18px;
        font-size: 1.8rem;
        font-size: calc(1rem + 0.781vw);
        margin-right: 0;
    }

    .wp-caption .wp-caption-text, .wp-caption-dd {
        font-size: 16px;
        font-size: 1.6rem;
        font-size: calc(1rem + 0.586vw);
    }

    .social-link-container a.social-link span.fa-stack, .fa-stack {
        width: 4.5vw;
		height: 4.5vw;
        font-size: 24px;
        font-size: 1.85rem;
        font-size: calc(1rem + 1.367vw);
        line-height: 2.1em;
    }

    div.main-menu .circles a, div.top-section .circles a {
        font-size: 20px;
        font-size: 2rem;
        font-size: calc(1rem + 0.977vw);
/*         line-height: 94px; */
		line-height: 82px;
		width: 80px;
		height: 80px;
    }
    button.button {
	    font-size: 26px;
        font-size: 2.6rem;
        font-size: calc(1rem + 1.563vw);
    }
    .select-items div, .select-selected {
	    font-size: 26px;
	    font-size: 2.6rem;
	    font-size: calc(1rem + 1.563vw);
    }
    .flex-table a, div.flex-column, .flex-description, h3.page-accordion-title, .ui-accordion-content, div.flex-button a {
	    font-size: 24px;
	    font-size: 2.4rem;
	    font-size: calc(1rem + 1.367vw);
	    line-height: 1.2em;
    }
    h3.ui-accordion-header-active::after, h3.ui-accordion-header-collapsed::after {
	    font-size: 24px;
	    font-size: 2.4rem;
	    font-size: calc(1rem + 1.367vw);
    }
    div.flex-button a::after {
	    right: 10px;
	    top: 0;
	    background-color: white;
	    padding-left: 8px;
	    width: 20px;
	    height: 30px;
	    padding-top: 2px;
    }
    div.flex-gallery button.slick-prev.slick-arrow::before, div.flex-gallery button.slick-next.slick-arrow::before {
	    font-size: 30px;
	    font-size: 3rem;
	    font-size: calc(1rem + 1.953vw);
	    font-weight: normal;
	}
}

@media (max-width: 768px) {
/*
	body.page-template-front-page .container {
		width: calc(100% - 20px);
	}
*/
	body.page-template-front-page .container {
		margin-top: 60px;
	}
	div.top-section img.big-logo {
		width: 34%;
		top: -20px;
	    right: 46%;
	}
	div.top-section div.big-school {
        top: 0;
        width: calc(50% - 2px);
        padding-bottom: 68%;
/*         should be set specifically to the image :/ */
        background-position: 85% top;
    }
    div.top-section div.block {
	    padding-bottom: 68%;
    }
	.container, div.main-menu div.inside-main-menu {
		width: calc(100% - 25px);
	}
	nav #logo {
/* 		margin-top: -11px; */
		margin-top: 4px;
	}
	nav {
	    height: 40px;
	    padding-top: 0;
	}
	nav #menu, nav button#menu {
		left: 10px;
		padding: 0.65em 0;
	}
	nav #search, nav button#search {
		right: 10px;
		top: 8px;
		line-height: 1em;
	}
	nav #logo img {
	    width: 32px;
	    height: 32px;
	}
    div.nav-cell, button.nav-cell {
        font-size: 18px;
        font-size: 1.8rem;
    }
    div.main-menu.table div.menu-section-title, div.main-menu.table button.menu-section-title {
        font-size: 2.6rem;
    }
    div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu li a.sub_link {
	    font-size: 2.6rem;
    }
    body.page-template-news-page .container, body.page-template-events-page_new .container {
    	margin-top: 50px;
    }
    ul.school-links li.school-link {
	    padding: .25em 0 .25em;
	}
    ul.school-links li.school-link p {
/*            font-size: 2.12rem; */
		font-size: 32px;
		font-size: 3.2rem;
    }
    ul.school-links li.school-link p::after {
	    margin-left: 1px !important;
    }
    ol li, ul li {
        font-size: inherit;
    }
    h1, h1.page-headline, h2.big-school-link, h2.hero-header, div.post-list a {
	    font-size: 34px;
	    font-size: 3.4rem;
	    line-height: .875em;
    }
    div.post-list {
	    margin-top: 20px;
    }
    div.post-list a {
	    padding: 12px 0;
    }
    div.single.schedule h1, div.single.schedule div.post-title h2, div.single.news h1, div.single.news h1, div.single.news div.post-title h2 {
	    font-size: 34px;
		font-size: 3.4rem;
		line-height: .875em;
    }
    h1.page-headline, body.page-template-news-page h1.page-headline, div.single.schedule h1 {
		padding-top: 30px;
		padding-bottom: 20px;
		margin-top: 0;
		margin-bottom: 20px;
    }
    h2.hero-header {
	    margin-bottom: 20px;
    }
    h2 {
	    font-size: 34px;
	    font-size: 3.4rem;
	    line-height: .875em;
    }
    h3, .slide-title {
	    font-size: 20px;
	    font-size: 2rem;
	    line-height: 1em;
    }
    h4 {
	    font-size: 20px;
        font-size: 2rem;
    }
    p {
	    font-size: 20px;
        font-size: 2rem;
    }
    ol li, ul li, ol li > ol li, ol li > ul li, ul li > ul li {
	    font-size: 20px;
        font-size: 2rem;
    }
    section.news-related-posts ul li {
	    margin-bottom: 30px;
	}
	section.news-related-posts ul li:last-child {
	    margin-bottom: 0;
	}
    div.student-work-container {
	    border-top: 1px solid #9B9B9B;
    }
    div.front h3.home-header {
        font-size: 20px;
        font-size: 2rem;
        padding-top: 20px;
    }
    section.news-related-posts h3 {
        font-size: 20px;
        font-size: 2rem;
        padding-top: 0;
    }
    div.front div.student-work-container h3.home-header {
	    border-top: none;
	    margin-top: 0;
    }
    div.flex-button a::after {
	    top: 4px;
	    padding-top: 6px;
    }
    .slideCount {
        font-size: 20px;
        font-size: 2rem;
        top: -65px;
        right: 90px;
    }
    div.home-news div.home-desc, div.home-event div.home-desc {
    	width: calc(50% - 5.5px);
    }
    div.home-news div.home-thumb, div.home-event div.home-thumb {
	    margin-left: 1px;
    }
    div.home-news div.home-thumb.placeholder, div.home-event div.home-thumb.placeholder, div.a-post div.thumbnail.placeholder {
	    background-image: url(https://dev-cada.pantheonsite.io/wp-content/themes/cada2019/images/CADA_ImageNotAvailable_mobile_3.svg) !important;
    }
    div.a-post {
    	padding: 20px 0 15px;
    }
    body.page-template-events-page_new div.a-post:first-child, body.page-template-news-page div.a-post:first-child {
	    padding-top: 20px;
	    border-top: 1px solid #9B9B9B;
    }
    body.page-template-events-page_new h1.page-headline, body.page-template-news-page h1.page-headline {
	    border: none;
	    margin-bottom: 20px;
    }
    body.page-template-events-page_new div.uic-school-select, body.page-template-news-page div.uic-school-select {
	    margin: -22px 0 20px 0;
    }
    .slick-initialized .slick-slide {
	    overflow-x: hidden;
    }
    body.home .slideCount {
    	top: -45px;
    }
    button.slick-prev.slick-arrow, button.slick-next.slick-arrow {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 1em;
        padding: 6px 8px 4px;
        height: 30px;
        top: inherit !important;
    }
    
    body.home button.slick-prev.slick-arrow, body.home button.slick-next.slick-arrow {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1em;
        padding: 6px 8px 4px;
        height: 30px;
        top: -50px !important;
    }
    
    button.slick-prev.slick-arrow {
	    right: 30px;
    }
    button.slick-prev.slick-arrow {
	    left: inherit;
    }
    .slick-slide img {
	    width: 100%;
    }
    .gallery-image p {
	    padding: 0 18%;
    }
    div.flex-gallery button.slick-prev.slick-arrow::before, div.flex-gallery button.slick-next.slick-arrow::before {
	    font-size: 22px;
        font-size: 2.2rem;
    }
    button.button {
	    font-size: 18px;
        font-size: 1.8rem;
        font-weight: normal;
        line-height: 1em;
        padding: .25em .275em .125em;
    }
    .select-items div, .select-selected {
	    font-size: 18px;
        font-size: 1.8rem;
        line-height: 1em;
        padding: .5em .275em .25em;
    }
    .select-selected:after {
/* 	    top: 0.275em; */
		top: 0.45em;
	    font-size: 22px;
        font-size: 2.2rem;
    }
/*
    div.footer-top-container #top p::before {
	    font-size: 20px;
        font-size: 2rem;
    }
*/
    div.home-news a div.news-school, div.home-event a div.news-school {
        font-size: 16px;
        font-size: 1.6rem;
    }
    div.uic-school-select {
        font-size: 20px;
        font-size: 2em;
    }
    div.home-news a div.slide-title, div.home-event a div.slide-title, div.home-news a div.post-date, div.home-event a div.post-date {
        font-size: 20px;
        font-size: 2rem;
    }
    .flex-table a, div.flex-column, .flex-description, h3.page-accordion-title, .ui-accordion-content, div.flex-button a {
	    font-size: 20px;
        font-size: 2rem;
    }
    h3.ui-accordion-header-active::after, h3.ui-accordion-header-collapsed::after {
	    font-size: 20px;
        font-size: 2rem;
        right: 0;
    }
    div.flex-button div.flex-thumb img {
	    width: 100%;
	    float: none;
    }
    div.flex-gallery .slideCount {
	    font-size: 20px;
        font-size: 2rem;
        bottom: 20px;
    }
    div.footer-top-container #top p {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .social-link-container a.social-link span.fa-stack, .fa-stack {
        width: 36px;
        height: 30px;
        font-size: 24px;
        font-size: 1.5em;
        padding-left: 2px;
    }
    div.main-menu .circles a, div.top-section .circles a {
        font-size: 20px;
        font-size: 2rem;
    }
    div.main-menu .resource a {
        font-size: 22px;
        font-size: 2.2rem;
    }
    div.main-menu .resource a::after {
        font-size: 28px;
        font-size: 2.5rem;
    }
    .inside-main-menu .footer-section-container {
        width: calc(100% - 22px);
        position: fixed;
       /*width: 100%;*/
    }
    .inside-footer {
	    width: calc(100% - 22px);
    }
    div.footer-section:not(:first-child), div.footer-section:not(:first-child) a {
        font-size: 1.4rem;
        line-height: 1.4em;
    }
    .slbCaption {
	    width: auto;
	}
	.slbArrow {
		height: 8em;
		width: 4em;
		margin-top: -4em;
	}
	.slbArrows {
		top: 42px;
		bottom: inherit;
	}
	.slbCloseBtn {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.slbArrow.prev:before, .slbArrow.next:before {
		font-size: 24px;
		 font-size: 2.4rem;
	}
	p iframe {
	    max-height: 200px;
	}
	div.flex-button {
		margin: 10px 0 20px 0;
	}
	.post-entry a {
    	word-wrap: break-word;
	}
	ul.school-links li.school-link p::after {
		top: 17px;
		right: -32px;
	}
	div.resource-filter-bt {
		min-height: 40px;
	}
	div.container.search.resources #clear_val {
		right: 32%;
		top: 5px;
	}
	div.container.search div.resource-form-section input[type="submit"] {
		margin-top: 6px;
	}
	nav .inside-search-menu form input[type="text"], nav .inside-search-menu form input::placeholder {
		height: 40px;
	}
	nav .inside-search-menu form {
    	top: unset;
    	bottom: 40px;
    }
    nav .inside-search-menu #clear_val {
    	top: 10px;
    	right: 10px;
    }
    nav .inside-search-menu input[type="submit"], div.container.search input[type="submit"] {
	    font-size: 2rem;
	    font-weight: normal;
	    line-height: 1em;
    }
    div.container.search div.resource-form-section input[type="text"] {
		width: 70%;
	}
	div.container.search input[type="text"], .search-results div.container.search input[type="text"], .search-no-results div.container.search input[type="text"] {
		width: 65%;
	}
	.search-results div.container.search input[type="submit"], .search-no-results div.container.search input[type="submit"] {
		float: right;
	}
	.search-results div.container.search input[type="text"], .search-no-results div.container.search input[type="text"] {
		font-size: 2rem;
	    font-weight: normal;
	    line-height: 1em;
	}
	.search-results div.container.search #clear_val, .search-no-results div.container.search #clear_val {
    	float: right;
    	margin: 10px;
    }
    div.container.search div.inside-search-menu {
    	padding-bottom: 2px;
    	margin-bottom: 30px;
    }
}

/* end (max-width: 768px) */

@media (max-width: 600px) {
	div.container.search div.resource-form-section input[type="text"] {
		width: 70%;
	}
	div.container.search input[type="text"], .search-results div.container.search input[type="text"], .search-no-results div.container.search input[type="text"] {
		width: 65%;
	}
	.search-results div.container.search input[type="submit"], .search-no-results div.container.search input[type="submit"] {
		float: right;
	}
	.search-results div.container.search input[type="text"], .search-no-results div.container.search input[type="text"] {
		font-size: 2rem;
	    font-weight: normal;
	    line-height: 1em;
	}
	.search-results div.container.search #clear_val, .search-no-results div.container.search #clear_val {
    	float: right;
    	margin: 10px;
    }
    div.container.search div.inside-search-menu {
    	padding-bottom: 2px;
    	margin-bottom: 30px;
    }
}

/* end (max-width: 600px) */

@media (min-width: 1440px) {
    .social-link-container a.social-link span.fa-stack, .fa-stack {
        width: 3.5vw;
        height: 3.5vw;
        max-width: 50px;
        max-height: 50px;
		font-size: 1.85em;
    }
    p {
	    font-size: 2.8rem;
	    line-height: 1.2em;
	}
	ol li, ul li {
	    font-size: 2.8rem;
	    line-height: 1.2em;
	}
	div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu li a.sub_link {
	    font-size: 3.2rem;
	    line-height: 1.1em; 
	}
	ol li > ol li, ol li > ul li, ul li > ul li {
	    font-size: 2.6rem;
	    line-height: 1.2em;
	}
	div.front h3.home-header, .slideCount, button.slick-next.slick-arrow {
		font-size: 2.6rem;
	}
	div.nav-cell, button.nav-cell {
	    font-size: 3rem;
	    font-size: 2.6rem;
	}
	nav .inside-search-menu form input[type="text"], nav .inside-search-menu form input::placeholder {
	    font-size: 8rem;
	    line-height: 1;
	}
	h1, h1.page-headline, h2.big-school-link, h2.hero-header, div.post-list a {
	    font-size: 8rem;
	    line-height: .875em;
	}
	
    /* 
        Updated line-height (DM_ Oct 16)    
    */
    div.single.schedule h1, div.single.schedule div.post-title h2, div.single.news h1, div.single.news h1, div.single.news div.post-title h2 {
	    font-size: 7.2rem;
	    line-height: .95em;
	}
	ul.school-links li.school-link p {
	    font-size: 8rem;
	}
	h2 {
	    font-size: 7.2rem;
	    line-height: .75em;
	}
	.news-school {
	    font-size: 2.8rem;
	    line-height: .8em;
	}
	h3, .slide-title {
	    font-size: 3.6rem;
	    line-height: .8em;
	}
	h4 {
	    font-size: 2.8rem;
	    line-height:1em;
	}
	div.main-menu div.menu-section-title, div.main-menu button.menu-section-title {
	    font-size: 3.2rem;
	    line-height: 1.1em;    
	}
	div.footer-top-container #top p {
	    font-size: 2.6rem;
	    line-height: 1;
	}
	div.footer-top-container .resource a {
	    font-size: 2.6rem;
	    line-height: 1.2em;
	}
	button.button {
	    font-size: 3rem;
	    line-height: 1.2em;
	}
	div.main-menu .resource a {
	    font-size: 3rem;
	    font-size: 2.6rem;
	    line-height: 1.2em;
	}
	.select-items div, .select-selected {
	    font-size: 3rem;
	    font-size: 2.6rem;
	    line-height: 1.2em;
	}
	.select-selected:after {
	    font-size: 2.8rem;
	}
	h3.ui-accordion-header-active::after, h3.ui-accordion-header-collapsed::after {
	    font-size: 2.8rem;
	}
	div.footer-top-container .resource a::after {
	    font-size: 3rem;
	    line-height: 0.875em;
	}
	div.main-menu .resource a::after {
	    font-size: 3rem;
	    line-height: 0.875em;
	}
	div.flex-table div.flex-row, div.search div.flex-row {
	    font-size: 2.8rem;
	    line-height: 1.2em;
	}
	.flex-table a, div.flex-column, .flex-description, h3.page-accordion-title, .ui-accordion-content, div.flex-button a {
	    font-size: 2.8rem;
	    line-height: 1.2em;
	}
	div.flex-gallery .slideCount {
	    font-size: 2.8rem;
	    line-height: 1.2em;
	}
	div.flex-gallery button.slick-prev.slick-arrow::before, div.flex-gallery button.slick-next.slick-arrow::before {
	    font-size: 3rem;
	}
	/* Resource Center + Search Results */
	div.popular {
	    font-size: 2.8rem;
	}
	div.container.resources a.resource-result,
	div.container.search div.content div.parent div.child a {
	    font-size: 2.8rem;
	}
	/* menu footer  */
	div.footer-section:not(:first-child) {
	    font-size: 1.8rem;
	}
	.wp-caption .wp-caption-text, .wp-caption-dd {
	    font-size: 2rem;
	}
	.social-link-container a.social-link span.fa-stack, .fa-stack {
	    font-size: 2.4rem;
	    line-height: 2em;
	}
	
	div.main-menu .circles a, div.top-section .circles a {
	    font-size: 2.4rem;
	    line-height: 94px;
	}
}
@media (max-height: 700px) and (min-width: 1440px) {
	div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu div.menu-section-title, div.main-menu button.menu-section-title, div.main-menu li a.sub_link {
	    font-size: 3rem;
    }
    div.main-menu.table div.row {
	    margin-bottom: 5px;
    }
}
@media (min-height: 900px) and (min-width: 1440px) {
	div.main-menu.table div.row {
	    margin-bottom: 40px;
    }
}
/* 5s type could use some work */
@media (min-width: 320px) and (max-width: 568px) { 
	ul.school-links li.school-link p::after {
		font-size: 24px !important;
		top: 17px;
		right: -22px;
	}
}

/* mllr_Oct 28 */
@media (min-width: 768px) and (max-height: 655px) {
    div.main-menu {overflow: scroll}
    .inside-main-menu .footer-section-container {position: relative;}
}

/* mllr_Updates summer 2023 */
.showtimes {
  margin: 4rem 0;
}
.showtimes .flex-row:first-child {
/* 	border-top: 1px solid #9b9b9b; */
}
.flex-row {
    display: inline-block;
    width: 100%;
    padding: 1.4rem 0 1.4rem;
    border-bottom: 1px solid #9b9b9b;
}
.flex-row .cell {
    display: inline-block;
    width: 32%;
}
.flex-row p {
    margin: 0;
}
.flex-row .date.cell {
    padding-left: 10px;
    width: 48%;
}
.flex-row .time.cell {
    width: 25%;
}
.flex-row .price.cell {
    width: 23%;
    text-align: right;
}

.flex-button-arrow {
    margin: 10px 0;
}
.flex-button, .flex-button-arrow {
    font-family: "TheinhardtMedium";
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 10px;
    border: 2px solid #000000;
    margin: 20px 0 40px 0;
}
.flex-button-arrow a {
	font-size: 2.8rem;
	line-height: 1.2em;
	text-decoration: none;
}
.arrow-button .flex-content {
    width: calc(100% - 40px);
}
.flex-button-arrow a::after {
/*     font-family: "TheinhardtRegularOld"; */
    content: "\2192";
    font-size: 35px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    background-color: white;
    padding-left: 10px;
    width: 30px;
    /* height: 30px; */
    text-align: center;
}
.flex-button-arrow:hover, .flex-button-arrow a:hover,
.flex-button-arrow:hover a::after,
.flex-button-arrow a:hover::after {
	background-color: black;
	color: white;
}
@media(min-width:768px){
	.showtimes,
	.flex-button-arrow {
		width: calc(50% - 12.5px);
	}
}