@charset "utf-8";
/* CSS Document */
#page-1687 #breadcrumb a {color: #666;}
.no-events-display{top: 0 !important; left: 0 !important; display: block !important;}


.event-page #content .content{background-color: #eee; }
.event-page #content .side-nav {width: 25%; margin-left: 0; font-family: 'DinPRO-Medium'; background-color:white;}
.event-page #content .content{width:75%;margin: 0;padding: 0px 10px;}

/*filter menu*/

.event-page #content input[type=radio]{margin-left: 10px;clear: both;}
    .event-page #content input:first-child{clear:both; }
.event-page #content label{cursor: pointer; display:inline-block; margin: 10px 0 0 0}
    .event-page #content label:hover{color: #008542}
    .event-page #content label.current-selection{color: #e98300;}
    .event-page #content label.narrow{font-size:12px}
#events-filter{overflow-x: hidden;}
#content .side-nav .filter-title{color: #c95100;font-size: 20px;font-weight: bold;width: 90%;margin-left: 10px;border-bottom: 1px solid #ccc;overflow: auto;margin-top: 20px;}    
    .filter-title .clear{clear:both; }
    .filter-title img{display:inline-block; width: 30px; height: 30px; margin-right: 5px; float: left; margin-left: -5px}
    .filter-title span{display:inline-block;margin-top: 3px;float: left;}
#content .side-nav #upcoming-events-title{background-color: #c75b12;color: white;padding: 10px 20px 5px 10px;width: 100%;margin: 0px;border-bottom-width:0px;}

.localist_minicalendar_events, 
	.localist_minicalendar_nav, 
	.localist_minicalendar select, 
	.localist_minicalendar_minicalendar caption, 
	.localist-widget #comet-calendar br,
	#events-filter-mobile{display:none;}
	

#content .events-title{font-family: "DinPRO-Medium", arial; font-weight: bold;}

#mini_calendar_widget_container{background-size: cover; padding-bottom: 50px;}

#content .localist_minicalendar_page_heading h1{text-align: center; color: white; font-family: "DinPRO-Medium", arial;}
#content .localist_minicalendar_pager .right{float:none;}
#content .events-title{text-transform: uppercase; color: #154734 ;}

.localist_minicalendar{position: relative; padding-top: 20px; font-family: "DinPRO-Medium", arial;}
#content .localist_minicalendar .localist_minicalendar_pager a{height: 100px;position: absolute;float: none;left: 20%;width: 90px;background-color: transparent;color: white;font-size: 100px;top: 50%;text-indent: -999999px;background-image: url('https://www.utdallas.edu/websvcs/shared/svg/chevron-white.svg');background-repeat: no-repeat;background-size: 100%;background-position: 100%;}
#content .localist_minicalendar .localist_minicalendar_pager a:first-child{ left:15%; transform: rotate(180deg)}
#content .localist_minicalendar .localist_minicalendar_pager a.right{right: 20%; left: auto; right:15%}

.localist_minicalendar_minicalendar .localist_minicalendar_today a {background-color: #e87500; border-radius: 50px; color: white !important }
#content .localist_minicalendar_minicalendar{width:45%;margin-top: 20px;background-color: white;border-radius: 10px;}
    .localist_minicalendar_minicalendar td{background-color: transparent;text-align: center;height: 40px;}
    .localist_minicalendar_minicalendar td a{background-color: transparent;height: 30px;width: 30px;color: #333 !important;margin: auto;font-size: 18px;font-weight: bold;}
    .localist_minicalendar_minicalendar .localist_minicalendar_today{border-bottom: 0px solid white;}
    #content .localist_minicalendar_minicalendar th{background-color: transparent;padding: 20px 10px;color: #e98300;}
    .localist_minicalendar_minicalendar .localist_minicalendar_dimday a{  color: #aaa !important;}
    .localist_minicalendar_minicalendar td a:hover{background-color: #008542; border-radius: 50px; color:white !important;}

#content .calendar-card-title{font-size: 1.2em;}
#content .calendar-card-time, #content .calendar-card-location{margin: auto 0 0 0}
    #content .calendar-card-location{margin-top:0;}
/*
#content .calendar-card-time, #content .calendar-card-location{margin-left: 0;}
#content .calendar-card-location{margin-top: 0}
.calendar-card-time span, .location-name{text-transform: capitalize;display: inline-block;height: 30px;float: left;margin-top: 5px; }
.calendar-card-time img, .calendar-card-location img{width:30px; height: 30px; float:left; clear:both;}
.calendar-card-time, .calendar-card-location{margin-top: auto; margin-bottom: 0px;}
.calendar-card-location{text-align:left;}
*/
.calendar-card-time span, .location-name{text-transform: capitalize;display: inline-block;height: 30px;float: left;margin-top: 5px;}
.calendar-card-time span{text-transform: lowercase;}
.calendar-card-time img, .calendar-card-location img{width:30px; height: 30px; float:left; clear:both;}
.calendar-card-time{margin-top: auto; margin-bottom: 0px;}
#create-new-event{display:block; width: 20%; margin: auto; color: white; text-transform: uppercase; background-color: #154734; text-align: center; padding: 10px 20px; border-radius: 3px; border: 3px solid white;}

#calendar-card-grid, #comet-calendar{
	/*display: grid;
	grid-template-columns: repeat(3, auto);
	grid-gap: 20px;
	padding:20px;*/

}

.container-elements{position: relative;}
.grid{padding-left: 1%; opacity: 0;} /*.grid{padding-left: 1%; opacity: 0; padding-top: 10px;}*/
.calendar-card{
	background-color: #FFF;
	border-radius: 5px;
	width: 31%;
	margin: 10px 0.5% 20px;
	font-family: 'DinPRO-Medium'; 
	font-weight: bold;
	padding-bottom:10px;
	display:inline-flex; 
	flex-direction: column;}
#content .calendar-card-title a{color: #008542; font-weight: bold; }
	.calendar-card:nth-child(3n-1){margin-right: 0;  }

.calendar-card > img{
	padding:10px 10px 0 10px;
	width:calc(100% - 20px);
}
.calendar-card > div{
	padding:0 10px;
}
.calendar-card > h2{
	padding:0 10px;
}
.calendar-card > p{
	padding: 0 10px;
}

.calendar-card > .calendar-card-date{
	background-color:#e87500;
	width:40px;
	color:white;
}
.calendar-card-img-date{
	padding:0!important;
	position: relative;
}
.calendar-card-img-date > img{
	margin:10px;
	padding:0;
	width:calc(100% - 20px);
	object-fit: cover;
	object-position: 50% 50%;
}
#content .calendar-card-img-date > p{
		text-align: center;
    margin: 0;
    padding: 10px 5px 10px 10px;
    width: 73px;
    font-size: 1.3em;
    position: absolute;
    top: 160px;
    color: white;
    background-color: #e87500;

}

.no-events{display:none;
    background-color: white;
    width:  25%;
    padding:  10px;
    border-radius:  5px;
    margin-left: 2%;
    margin-top: 10px;
    top: 0px;
    position: absolute;
}
.today{
	border:2px solid #e85500;
	margin-bottom: 20px;
}
.today:before{
	display: block;
	text-align: center;
	color:white;
	font-size:1.3em;
	padding:5px 0;
	content:"Today";
	background-color: #e87500;
	width:100%;
}

@media screen and (max-width: 1023px) {
	.side-nav{display:none;}
	.event-page #content .content{width: 100%;}
	#events-filter-mobile{display:block;}
	#content{background-color: #eee;}
	.calendar-card{    width: 45%; margin-right: 10px;}
    #content .localist_minicalendar .localist_minicalendar_pager a:first-child{left:2%}
    #content .localist_minicalendar .localist_minicalendar_pager a.right{right:2%}

    .no-events{top: 165px; margin-left: 5%; width: 50%;}
    /*#events-filter-mobile div{display:flex; flex-direction: row; margin-top: 30px;}
        #events-filter-mobile select{display: inline-block; margin: auto; width: auto;}*/
        #events-filter-mobile select{display:block; width:90%; margin: 15px auto; height: 40px; padding-left: 20px;}
	}

	@media screen and (max-width: 767px) {
		.calendar-card{ width: 94%; margin-right: 0; margin-left: 10px; margin-bottom: 20px;}
	}
	@media screen and (max-width: 640px) {
		.calendar-card{ width: 90%; margin: 15px; margin-bottom: 20px;}
	}