/* CSS Document */

iframe {
    border-width: 0px !important;
    border:0 !important;
}


/*Old Exams*/
.examsTable td, th{
padding: 0 1px;
}
.examsTable th {
border: 1px solid #CCCCCC;
}
/*Adjust the events for the seminars*/
.event-column ul {
    border-bottom: 1px #ccc dashed;
    padding: 1em 0;    
}
ul.event-list.small-block-grid-2:last-child {
    border-bottom: none;
}
div.speakerInfo {
    border-right: 1px solid #ccc;
}
.abstractText div {
    display:none;
    overflow:hidden;
}
.event-column.mathematics-home .event-list > li:first-child{
        width:20% !important;
    }
.mathematics-home .description {
    font-size: 0.9rem;
}
@media only screen and (min-width:40.063em) {
    .event-column .event-list > li:first-child {
        width: 15% !important;
    }
    .main-upcoming .event-column .event-list > li:first-child {
        width:10% !important;
    }
}
@media only screen and (min-width:40.063em) and (max-width:64em) {
    .event-column.mathematics-home .event-list > li:first-child{
        width:15% !important;
    }
}
@media only screen and (min-width:64.063em)  {
    .event-column.mathematics-home .event-list > li:first-child{
        padding-left: 0.5rem;
    }
}

/*NOT FUN IE8*/
#contentWrap #content ul.event-list.small-block-grid-2{
    display: inline-block;
}
#contentWrap #content .abstractText div {
    display:block;
}
#contentWrap #content div.speakerInfo {
    border-right: 0;
}
/*****************************************************/
/* New Page Template */
/*****************************************************/
/* CSS Document */
/* Place any styles unique to your site here */
/*This is the local file for the Sample Template */
 .test-images .slick-list {
	 height: 70px;
}
 .test-images .slick-dots li {
	 width: 15px;
	 height: 15px;
	 margin: 0 2px;
}
 .test-images .slick-slide img{
	 margin: 0 auto;
}
 .slick-dots li button:before {
	 font-size: 25px!important;
	 color: #1e5282!important;
}
/* Consider these styles for app.css */
 .masthead-slider-navigation .slick-slider{
	 margin: 0;
}
 div[class*='panel'] p:last-child, div[class^='admin-'] p:last-child, div.announcements hr:last-child{
	 margin-bottom: 0;
}
/* Faculty layout */
 .faculty-image{
	 text-align: center;
}
 .faculty-image img{
	 max-height: 150px;
	 max-width: 150px;
}
 .facitem {
	 text-align: center;
}
 ul.faculty-list>li {
	 padding-bottom: 0;
}
 ul.faculty-list + ul.faculty-list{
	 margin-top: 1rem;
}
 .facitem, ul.faculty-list{
	 padding: 1.4857rem 0.72rem;
	 background: white;
	 border: 1px solid #ccc;
}
 .facitem p {
	 margin: 0;
}
 .facitem ul.no-bullet{
	 margin-left: 0;
}
 .facitem .faculty-image img{
	 max-height: 150px;
	 max-width: 40%;
}
 .medium-block-grid-6 p, .medium-block-grid-6 li{
	 font-size: 80%;
	 text-indent: 0;
	 text-align: left;
}
 .large-block-grid-6 .emailshort{
	 display: none;
}
/* This expands Mastheads to fill the available width */
 section div.columns.small-12 .slick-track {
	 max-height: 340px;
	 overflow: hidden;
}
 section div.columns.medium-8 .slick-track {
	 max-height: 250px;
	 overflow: hidden;
}
 section.main-section .masthead-slide img {
	 min-width: 100%;
}
 .medium-icon-spot {
	 height: 70px;
	 width: 70px;
	 color: #fff;
	 padding-top: 0 !important;
	 vertical-align:middle;
	 text-align: center;
}
 .white-icon:before {
	 margin-top: 8px;
}
 .footer-links .slick-dots li button:before {
	 color: #fff!important;
}
/* This is for Icon Link Grids */
 .top-apps .appIcons li {
	 text-align: center;
	 vertical-align:middle;
}
 .top-apps .appIcons li img, .top-apps li .svg {
	 display:block;
	 max-height: 59px;
	 max-width: 59px;
	 margin:auto;
}
 .appIcons object svg path{
	 fill: #fff;
}
 .top-apps {
	 width: 96%;
	 margin: auto;
}
/* This is for Image Links Grids */
 .top-apps .appImages figure.effect-sadie {
	 position:relative;
	 display: inline-block;
	 margin:0;
	 margin-bottom: 13px;
	 height: 200px;
	 width: 100%;
	 max-width: 100%;
	 overflow: hidden;
}
 .top-apps .appImages figure.effect-sadie figcaption::before {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 0%;
	 bottom:0;
	 content: '';
	 opacity: 0;
	 transform: translate3d(0,50%,0);
}
 .top-apps .appImages figure.effect-sadie figcaption::before, figure.effect-sadie p {
	 transition: opacity 0.35s, transform 0.35s;
}
 .top-apps .appImages figure.effect-sadie p {
	 position: absolute;
	 bottom: 0;
	 margin-bottom: 0;
	 left: -999rem;
	 width: 100%;
	 color: #fff;
	 opacity: 1;
	 background-color: #1e5282;
	 transform: translate3d(0,0,0);
	 top: 88px;
	 font-size: 16px;
	 padding-top: 10px;
	 padding-right: 16px;
	 padding-bottom:1.2rem;
	 padding-left: 16px;
}
 .top-apps .appImages figure.effect-sadie p a {
	 position:absolute;
	 top:0;
	 bottom:0;
	 left:0;
	 right:0;
}
 .top-apps .appImages figure.effect-sadie figcaption {
	 height:0;
}
 .top-apps .appImages figure.effect-sadie:hover p {
	 left:0;
	 top:auto;
	 font-size: 16px;
}
 .top-apps .appImages figure.effect-sadie h2 {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 margin: 0;
	 padding: 18px 6px;
	 background: rgba(0, 0, 0, 0.76);
	 width: 100%;
	 color: #FFF;
	 text-align: center;
	 text-transform: uppercase;
	 font-size: 17px;
}
 .top-apps .appImages figure.effect-sadie h2 a{
	color:#FFF;
}
 .top-apps .appImages figure.effect-sadie:hover h2 {
	 left:-999rem;
}
 .top-apps .appImages figure.effect-sadie img{
	 position: absolute;
	 top: -100%;
	 right: -100%;
	 bottom: -100%;
	 left: -100%;
	 margin: auto;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
/* EVENTS */
 .row.eventrow {
	 margin-top: 6px;
}
 .row.eventrow .small-3 {
	 font-weight: bold;
}
