/*
	Table of contents for cms
	-----------------
	0	- Global
		0a - Colors
	1	- Header
	2	- Front page
	3	- Calendar
	4	- Footer
	5	- Landing pages
		5a - About
		5b - Academics
		5c - Research
	6	- Research third level
	7	- Directory sidebar
	8	- News sidebar
	9	- Events
	10	- Content
	11	- Mobile Compatibility
*/

/* (0 - Global) GLOBAL FIXES ***************************************************************************************************************/

body {font-size:110%; background-color: #f7f7f7;}
body, h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans Pro', sans-serif; color: #333;}
h1, h2, h3, h4, h5, h6 {font-weight: 800; margin: 1.5rem 0; text-transform: uppercase;}
strong, b {font-weight: 600;}

ul > li > ul > li, ul > ul > li {list-style-type: circle;}
.menu > li, .sub-menu > li {list-style-type: none;}

/* added to support wordpress image alignment */
img.alignright, figure.alignright {float: right; margin: 1.5rem 0 1.5rem 2rem;}
img.alignleft, figure.alignleft {float: left; margin: 1.5rem 2rem 1.5rem 0;}
img.aligncenter, figure.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignright {float: right;}
.alignleft, .wp-post-image {float: left;}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
figcaption {font-size:.9em; margin:.5rem 0 0 0;}

/*set page content max-width */
.row, hr, #footer div.row, .spotlight-container, .breadcrumbs, .map-dir, .open-container, .research-landing-panel-box .content-layout, #current-graduate-panel .content-layout, #prospective-graduate-panel .content-layout, .current-undergrad-panel-box .content-layout, .prospective-undergrad-panel-box .content-layout, .research-at-phys-panel-box .content-layout, .news-panel .row, .calendar-content, .department-panel .row, .news-content, .calendar-panel .row {
	max-width: 75rem;
}

.row.wider {max-width: 85rem;}

.pagination {margin-top:2rem;}
.card img {width:100% !important; height: auto !important;}
.entry-content > h1:first-of-type, .entry-content > h2:first-of-type, .entry-content > h3:first-of-type, .entry-content > h4:first-of-type {margin-top:0;}

.panel.callout.warning:before, .panel.callout.alert:before {
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding: 0 1rem 0 0.5rem;
	vertical-align: middle;
	font-weight: 600 !important;
}
.panel.callout.warning:before {
	content: "\f05a";
	color: #A37400;
}
.panel.callout.alert:before {
	content: "\f071";
	color: #860000;
}

/* (0a - Colors) GLOBAL COLORS ***************************************************************************************************************/

/* TAMU MAROON */
.text-maroon, a, a:visited, .text-primary, .text.primary {color: #850000;}
.bg-maroon, .bg-primary, .button, .button.primary, aside.sidebar > article > .tagcloud > a:hover, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus, .slider-handle, input:checked ~ .switch-paddle, .pagination .current, .tabs.primary, .badge, .label, .progress.primary .progress-meter, .progress-meter {background-color: #850000;}
.border-maroon, .button.hollow, .border-primary, .button.hollow.primary {border-color: #850000 !important;}
/* TAMU BLUE */
.bg-blue, .bg-tertiary {background-color: #0056a2;}
.text-blue, .text-tertiary {color: #0056a2;}
.border-blue, .border-tertiary {border-color: #0056a2 !important;}
/* TAMU GOLD */
.bg-gold, .bg-quaternary {background-color: #998542;}
.text-gold, a:hover, a:active, .text-quaternary {color: #998542;}
.border-gold, .border-quaternary, .sidebar article h4 {border-color: #998542 !important;}
/* TAMU OTHER */
bdi, .text-muted {color: #999;}
.text-white, aside.sidebar > article > .tagcloud > a:hover, .button.hollow.primary, ul.horizontal.menu > li > a, #mobile-menu > div > ul > li > a, #mobile-menu > div > ul > li > ul > li > a {color:#fff;}
/**/

#page-complete-full-width, #single-post {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0rem;
}

.ellipsis {
	position: relative;
	height: 6.5em; /* exactly 4 lines */
	overflow: hidden;
}
.ellipsis:after {
	content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 4.8em;
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

/* END GLOBAL */
/* (1 - Header) HEADER STYLING ***************************************************************************************************************/

.tamu-logo {text-align: left;}
.tamu-logo img {max-width: 600px; width:100%; height:auto; margin: 0 0 2rem 0;}

.menu-bg-light, .row.top-light, .block-light {width: 100%; background-color: #fff; z-index: 2;}

/*drop-down menu fix*/
nav {position: relative; z-index: 1; width:100%;}

/*.top-bar .menu a:not(.button) {background-color: #500000;}*/
.primary-nav .menu a, .primary-nav .menu .active > a, .primary-nav .title-bar {color:#333;}
.primary-nav .menu a {height: auto; background-color: #fff;}
.primary-nav .menu > li:not(.menu-text) > a {padding: 1rem 1.7rem 1rem 1.7rem; text-transform: uppercase; font-weight: bold; line-height:1.4em;}
.primary-nav .menu .active > a {background: #eee;}

.primary-nav .submenu > li:not(.menu-text) > a {padding: 1rem 1.5rem; background-color: #333; text-transform:none; font-weight: normal; color: #fff;}
.primary-nav .submenu > li:not(.menu-text) > a:hover {background-color: #111;}
/*.primary-nav .menu a:not(.button) {border-bottom: 1px solid #fff;}*/
/*.primary-nav .submenu a:not(.button) {border-bottom: none;}*/
/*.primary-nav .menu a:hover:not(.button) {background-color: #500000;}*/

.is-dropdown-submenu {min-width: 270px; background: none;}

.dropdown.menu.vertical > li.opens-right > a::after {border-color: transparent transparent transparent #aaaaaa;}

.is-accordion-submenu-parent > a::after {border-color: #aaaaaa transparent transparent transparent;}

/*.title-bar {background: #500000 none repeat scroll 0 0;}*/

.site-header {background: #500000 none repeat scroll 0 0; border-bottom: 1px solid #ccc;}

.main-navigation.row.top-bar/*, .top-bar ul*/ {padding: 0; background-color: #fff;}

/*.top-bar-right ul {background-color: #500000;}*/
ul.horizontal.menu > li > a, ul.horizontal.menu > li > a:active, .top-bar, .top-bar ul, .is-drilldown-submenu {background-color: #500000;}
.top-bar {padding-bottom: 2rem;}
.is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #aaaaaa;}
.js-drilldown-back > a::before {border-color: transparent #aaaaaa transparent transparent;}

/*.primary-nav .top-bar ul {background-color: transparent;}*/

/*.top-bar-right a {color: #ffffff;}
.top-bar-right a:hover {color: #cccccc;}*/

.menu-white {background-color: #ffffff;}
.menu-gray {background-color: #eeeeee; color: #333333;}

.nav-center {padding: 0; position: relative;}

.is-drilldown {max-width: inherit !important;}

.is-visually-hidden {
    border: 0 none !important;
    color: transparent;
    height: 1px !important;
    left: -999999px !important;
    position: absolute !important;
    width: 1px !important;
}

/*.maroon a {color: #ffffff; text-transform: uppercase;}*/

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-style: none; border-width: 0;}
.primary-nav li.parent-nav-left {text-transform: uppercase;}
.primary-nav li.parent-nav-right {text-transform: uppercase;}
ul.dropdown {text-transform: none;}
.is-dropdown-submenu {border: 0;}
/*
.dropdown.menu > li.is-dropdown-submenu-parent > a::after{border-style: none !important; border-width: 0 !important;}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {border-style: none !important; border-width: 0 !important;}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {border-style: none !important; border-width: 0 !important;}
*/

/*
.parent-nav-left {padding: 0 0.9vw;}
.parent-nav-right {padding: 0 0.9vw;}
@media screen and (min-width: 70em) {
	.parent-nav-left {padding: 0 1.2vw;}
	.parent-nav-right {padding: 0 1.2vw;}
}
*/

.top-bar .menu li:not(:last-child) {border-right: none;}

#menu-header-top-right {
	font-size:.8em;
	padding: 1em 0 .5em 0;
	justify-content: flex-end;
}
#menu-header-top-right > li {
	border-right: 1px solid #fff;
	padding: .1rem .8rem;
}
#menu-header-top-right > li:last-child {border: none; padding-right: 0;}
#menu-header-top-right > li >a {padding: 0; margin: 0;}

#search-bar {margin: 0;}
.search-input {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.search.button {height: 2.7em; border-top-left-radius: 0; border-bottom-left-radius: 0; background-color: #8c4343; color: #fff;}
[type='search'] {border: 1px solid #8c4343;	background-color: #500000; color: #fff;}
[type='search']:focus {color:#333;}

/* humburger mobile menu */
.title-bar {margin: 0; padding: 0;}
.title-bar .menu-icon {float: right; margin:42px 5% 0 0; right: 0; top: 0; position: absolute;}

@media only screen and (max-width: 1259px) {
	.tamu-logo.row, #menu-header-top-right {padding-left: 1rem; padding-right: 1rem;}
}

@media only screen and (max-width: 1023px) {
	.tamu-logo img {width:76%; margin: 1em;}
	.tamu-logo.row {padding: 0;}
}

@media only screen and (max-width: 600px) {
	.title-bar .menu-icon {margin: 7% 7% 0 0;}
	ul.vertical.menu > li > a, ul.vertical.menu > li.active > a, .title-bar {color:#fff;}
	ul.vertical.menu > li > a {background-color:#500000;}
	ul.vertical.menu > li.active > a {background-color:#850000;}
}

/* END HEADER */
/* (2 - Front page) FRONT PAGE STYLE ***************************************************************************************************************/

.divider {
	padding: 1px 0;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	background-color: #000;	
}

.small-show {display: none;}
.small-hide {display: inherit;}
.small-desc {padding: 10px;}

a.cust-btn:hover, a.cust-btn:focus {background: rgba(255, 255, 255, .2) none repeat scroll 0 0;	color: #fff;}

.cust-btn {
	color: #fff;
	border: 1px solid white;
	text-transform: uppercase;
	padding: 5px 15px;
	font-size: 1.4em;
	/*border-radius: 5px;*/
	transition: background 0.2s ease 0s;
}

.outreach-panel, .about-panel, .academics-panel, .directory-panel, .services-panel, .research-panel {
	background-attachment: scroll;
	background-image: url("http://cmsm.physics.tamu.edu/images/soft-back.png");
	background-position: left top;
	background-repeat: repeat;
}

.calendar-panel .calendar-panel-box {
	padding-left: 0rem;
	padding-right: 0rem;
}
.calendar-panel .calendar-content {
	padding-left: 10px;
	padding-right: 10px;
}
div.calendar-panel div.cal-wrapper a:hover,
div.calendar-panel div.cal-wrapper a:focus,
div.news-panel div.news-segment a:hover,
div.news-panel div.news-segment a:focus {
	color: #333333;
	text-decoration: underline;
}

div.calendar-panel a.cust-btn {
	border: none;
}

div.calendar-panel a.cust-btn:hover,
div.calendar-panel a.cust-btn:focus {
	background-color: #500000;
	text-decoration: underline;
	color: #F8F8FF;
}

div.calendar-panel div.cal-wrapper {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.news-panel .news-panel-box {
	padding-left: 0rem;
	padding-right: 0rem;
}

.news-panel .news-content {
	padding-left: 10px;
	padding-right: 10px;
}
div.news-panel div.news-segment {
	margin-bottom: 10px;
}

div.news-content div.row.small-up-1 {
	padding-left: 10px;
	padding-right: 10px;
}

div.news-content div.columns {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div.news-content div.news-img img {
	border: 1px solid black;
	display: block;
	height: 225px;
	margin: 0 auto;
}

div.news-panel div.news-content div.news-desc {
	display: block;
	width: 225px;
	margin: 0 auto;
}
div.news-panel div.news-content div.news-desc a:hover,
div.news-panel div.news-content div.news-desc a:focus {
	color: #333333;
	text-decoration: underline;
}

/*VIDEO*/
.video-holder {
	background-color: #000;
	/*position: absolute; */
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;

}
.video-test {width: 100%;}

/* END VIDEO */

.row.top-light {
	margin: 0;
	max-width: 100%;
	margin-bottom: 2rem;
	padding: 0.5rem 0;
}

.block-light {
	padding: 1rem;
    margin-bottom: 1rem;
}

.row.top-light, .block-light {
    -webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
}

.row.wider {margin-left: auto; margin-right: auto; width:100%;}

.wp-post-image {margin: 2.5rem 2.5rem 2.5rem 0; max-width: 400px; max-height: 240px;}

/* END FRONT PAGE */
/* (3 - Calendar) CALENDAR ***************************************************************************************************************/

/*.planner h2.font-color-black, .planner h3.font-color-black {color: #000;}*/
.month {width: 100%; font-size: 0.75rem;}
.week .column, .week .columns {padding-left: 0.1rem; padding-right: 0.1rem;}
.week {min-height: 8rem; position: relative;}
.days-header {background-color: #333; color: #fff;}
.dayofweek {
  background-color: #333;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  color: #fff;
  padding: 1rem;
  text-align: center;
  text-transform: uppercase;
}
.days-header .dayofweek:last-child {border-right: 2px solid #333;}
.week .day:first-child {border-left: 2px solid #dfdfdf;}
.day {
  min-height: 7rem;
  background-color: #f1f1f1;
  background-color: #fff;
  border-bottom: 2px solid #dfdfdf;
  border-right: 2px solid #dfdfdf;
}
.day a {color:#000000;}
.today{background-color: #dfdfdf;}
.today .date {font-weight: bold; text-decoration: underline;}
/*.date {padding: .5rem; margin-bottom: 0.25em; width: 25%; font-size: 1rem; color: #666666;}*/
.last {background-color: #f1f1f1;}
.last .date {color: #aaaaaa; background-color: #f1f1f1;}
.next {background-color: #f1f1f1; border-right: 2px solid #dfdfdf;}
.next .date {color: #aaaaaa; background-color: #f1f1f1;}
.eventTitle {padding: 0.125em 0.125em 0.125em 0.25em; margin-bottom: 0.25em;}
.reveal {font-size: 1rem;}
.event-specs {}
.astronomy-seminar, .cs-astronomy-seminar {background-color: #abe1fd; border: 1px solid #aaa;}
.het-seminar, .cs-het-seminar {background-color: #B6DCE1; border: 1px solid #aaa;}
.hepec-seminar, .cs-hepec-seminar {background-color: #F4F0EC; border: 1px solid #aaa;}
.star-party, .cs-star-party {background-color: #f0e0a2; border: 1px solid #aaa;}
.colloquium, .cs-colloquium {background-color: #fed1be; border: 1px solid #aaa;}
.upcoming {height: 100%; font-size: 0.85rem;}

.cal-square {
	border: 1px solid #aaa;
	border-radius: 1px;
	height: 14px;
	margin-right: 4px;
	position: relative;
	top: 2px;
	width: 14px;
	display: inline-block;
}
.legend ul {list-style-type: none; margin-left: 0;}
.legend li {display: inline; margin-right: 1em;}

.button, .button:hover {text-decoration:none !important;}

.button.nextarrow::after {
	content: '';
	width: 0;
	height: 0;
	border: .45em inset;
	border-color: transparent transparent transparent #fff;
	border-left-style: solid;
	top: .4em;
	float: right;
	margin-left: 1em;
	display: inline-block
}
.button.nextarrow:hover::after, .button.nextarrow:focus::after {border-color: transparent transparent transparent #333333;}
.button.prevarrow:hover::after, .button.prevarrow:focus::after {border-color: transparent #333333 transparent transparent;}
.button.prevarrow::after {
	content: '';
	width: 0;
	height: 0;
	border: .45em inset;
	border-color: transparent #fff transparent transparent;
	border-right-style: solid;
	top: .4em;
	float: left;
	margin-right: 1em;
	display: inline-block
}

/*.button.hollow.primary {border: 1px solid #850000; color: #fff;}*/
.button.hollow.primary:hover, .button.hollow.primary:focus {border: 1px solid #333333; color: #333333;}

/* END CALENDAR */
/* (4 - Footer) FOOTER ***************************************************************************************************************/

#footer-container {
	background: #414141 none repeat scroll 0 0;
	margin: 0px;
	color: #fff;
	text-align: center;

}
#footer-container a {color: #fff;}
#footer-container a:focus, #footer-container a:hover {color: #78a7c8; text-decoration: underline;}
#footer-container #footer {padding-top: 0px; max-width: 100%;}

.footer-section-1 {background: #500000 none repeat scroll 0 0; padding: 1em 0em;}
.footer-section-2 {padding: .75em .75em;}

#footer ul {
	list-style: none;
	margin-left: 0px;
	margin-bottom: 0px;
}
#footer li {padding-bottom: 7px;}
#footer div.columns {}

/* END FOOTER */
/* (5 - Landing pages) LANDING PAGES ***************************************************************************************************************/

.landing-big {
	height: auto;
	width: 100%;
	color: #fff;
}

.landing-big .row {
	height: auto;
	width: 100%;
	max-width: 100%;
}

.landing-holder {
	width: 100%;
}

.landing-holder .row {
	margin-left: 0px;
	margin-right: 0px;
}

.landing-holder .small-landing-img {
	width: 100%;
}	

.spotlight-container {
	margin: 0 auto;
	width: 100%;
	height: 100%;

}

.spotlight-content, .spotlight-content-large{
	float: left;
	width: 40%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	padding: 15px;
}

.spotlight-content-med {
	float: left;
	width: 60%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	padding: 15px;
}

.spotlight-content-small {
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	padding: 0px 20px;
}

.spotlight-title {text-align: center; font-weight:700;}

.spotlight-desc {
	font-size: 0.9rem;
	color: #4d4d4d;
    text-align: left;
    padding: .5rem 1.5rem 0 1.5rem;
}

.spotlight-nav {
	padding-top: 15px;
	text-align: center;
}

.spotlight-nav a {
	color: #500000;
	display: block;
}
.spotlight-nav a:hover,
.spotlight-nav a:focus {
	background: rgba(0, 0, 0, 0.024) none repeat scroll 0 0;
	color: #1d0000;
	text-decoration: underline;
}

.spotlight-list {
	list-style-type: none;
	margin: 0px;
}

.spotlight-list-item:not(:first-child){
	background-image: linear-gradient(to right, rgba(193, 193, 193, 0) 0%, rgba(193, 193, 193, 0.49) 21%, rgba(193, 193, 193, 0.74) 51%, rgba(193, 193, 193, 0.49) 80%, rgba(193, 193, 193, 0) 100%);
	background-position: 0 0px 0 0;
	background-repeat: no-repeat;
	background-size: 100% 2px;
	margin-bottom: 0px;
	height: 26px;
	/*font-size: 1.1em;*/
}

.breadcrumbs {
	/*height: 100%;*/
	margin: 0 auto;
	width: 100%;
}

/* (5a - About) ABOUT LANDING PAGE ***************************************************************************************************************/

.landing-big .about-background {
	background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3) ), url("/images/front-about-med.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 600px;
	width: 100%;
	display: block;
	position: relative;
}	

.map-dir {padding: 35px 0px;}
.map-dir p {margin: 10px 0;	padding: 0px 15px;}
.map-dir h2 {line-height: 1.0;}

#open-pos .open-background {
	background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url("http://cmsm.physics.tamu.edu/images/front-about.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	width: 100%;
	display: block;
	position: relative;
	background-position: center center;
}	

#open-pos .row {max-width: 100%;}

.open-container {
	margin: 0 auto;
	width: 100%;
	height: 100%;

}

.open-content {
	float: left;
	width: 40%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
	padding: 15px;
}

#open-pos .landing-title {
	font-size: 35px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	color: #500000;
}

.open-nav {padding-top: 15px; text-align: left;}

.news-button-holder .cust-btn {color: #500000; border: 0px;}
.news-button-holder .cust-btn:hover,
.news-button-holder .cust-btn:focus {border: 0px; background: 0; text-decoration: underline;}

.news-panel {
	height: auto;
	width: 100%;
	color: #414141;
	background: #edede8 none repeat scroll 0 0
}	

.news-panel .landing-title {
	text-align: center;
	font-size: 40px;
	color: #500000;
}

.news-panel .row {padding: 1.25em .75em;}

.news-panel-box .row:first-of-type {padding: 0em .75em;}
.news-panel-box {padding: 2.0em 2em 3.0em 2em; height: auto;}

.news-content {
	margin: 0 auto;
	/*height: 100%;*/
	padding: 1.25em;
	position: relative;
}

.news-day-holder {
	font-size: 5em;
	text-align: center;
	border-bottom: 1px solid #414141;
}

.news-textual-month {
	font-size: .25em;
	text-align: left;
	padding-left: 10px;
}

.news-numerical-day {
	line-height: 1em;
	margin-bottom: 20px;
}

.news-title-holder {
	font-size: 1.1em;
	padding: 0px 5px 5px 5px;
	/*text-decoration: underline;*/
}

.news-desc-holder {
	padding: 5px;
}

.news-button-holder {
	display: table;
	/*margin-top: 10px;*/
	margin: 10px auto;
}

.news-button-holder span {

}

.news-panel-box .cust-btn {
		color: #500000;
		border: 0px;
}

.news-panel-box .cust-btn:hover,
.news-panel-box .cust-btn:focus {
	color: #500000;
	border: 0px;
	text-decoration: underline;
}

.news-panel .shift-size {
	/*width: auto;*/
	display: inline-block;
	margin: 0px auto;
	/*padding: 0 auto;*/
	vertical-align: top;
	background-color: #500000 none repeat scroll 0 0;
	color: #fff;
}

.news-content .row {
	height: auto;
}

.news-panel .shift-size .row {
	width: 250px;
	/*height: 150px;*/
	padding: 0px;
	margin: 0px;
}

.news-img img {
	width: 225px;
	border: 1px solid black;
	display: block;
	margin: 0 auto;

}

/* END ABOUT LANDING PAGE */
/* (5b - Academics) ACADEMICS LANDING PAGE ***************************************************************************************************************/

.landing-big .academics-background {
	background: url("/images/front-academics-med.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 75%;
	height: 600px;
	width: 100%;
	display: block;
	position: relative;
}	

.research-at-phys-panel {
	height: auto;
	width: 100%;
	color: #414141;
	background: #edede8 none repeat scroll 0 0
}	

.research-at-phys-panel-box {
	padding: 2.0em 2em 1.5em 2em;
	height: auto;
}

.research-at-phys-panel-box img {
	padding-top: 10px;
}

.research-at-phys-panel-box .content-layout {
	height: 100%;
	margin: 0 auto;
	width: 100%;
	padding-bottom: 1em;
}

.research-at-phys-button-holder {
	display: table;
	/*margin-top: 10px;*/
	margin: 10px auto;
}

.research-at-phys-panel-box .cust-btn {
	color: #500000;
	border: 0px;
}

.research-at-phys-panel-box .cust-btn:hover,
.research-at-phys-panel-box .cust-btn:focus {
	background-color: #edede8;
	color: #500000;
	border: 0px;
	text-decoration: underline;
}

.prospective-undergrad-panel {
	height: auto;
	width: 100%;
	background: #fff none repeat scroll 0 0 !important;
}

.prospective-undergrad-panel-box {
	padding: 2.5em 2em 1.5em;
	height: auto;
}

.prospective-undergrad-panel-box .content-layout {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 1em;
}

.prospective-undergrad-button-holder {
	display: table;
	/*margin-top: 10px;*/
	margin: 10px auto;
}

.prospective-undergrad-panel-box .cust-btn {
		color: #500000;
		border: 0px;
}

.prospective-undergrad-panel-box .cust-btn:hover,
.prospective-undergrad-panel-box .cust-btn:focus {
	background-color: #fff;
	color: #500000;
	border: 0px;
	text-decoration: underline;
}

.current-undergrad-panel {
	height: auto;
	width: 100%;
	background: #fff none repeat scroll 0 0;
}

.current-undergrad-panel-box {
	padding: 2.5em 1.5em 2.5em 1.5em;
	height: auto;
}

.current-undergrad-panel-box .content-layout {
	margin: 0 auto;
	width: 100%;
}

.current-undergrad-img {
	border-radius: 50%;
	height: 250px;
	width: 250px;
	display: block;
	margin: 0 auto;
}


.landing-title {
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	line-height: 3rem !important;
	font-size: 2rem !important;
	margin: 1rem 0 1.5rem 0!important;
	text-rendering: optimizeLegibility;
}

/*.content-layout p {
	color: #000;
	font-size: 15px;
}*/

.two-col li {
	float: left;
	text-align: left;
	width: 49%;
	height: auto;
}
.two-col {
	list-style-type: none;
	display: inline-block;
	margin-left: 0px;
	width: 100%;
}

.two-col > li:before {
	content: "-";
}

ul.two-col {margin-bottom:0;}

ul.two-col li a {
	margin-left: 5px;
	color: #2b5d7d;
	font-size: 15px;
}


ul.two-col li,
ul.two-col a {
	color: #2b5d7d;
}

.two-col a:hover,
.two-col a:focus {
	color: #333333;
	text-decoration: underline;
}

.prospective-graduate-panel-box {
	background: linear-gradient(rgba(80, 0, 0, 0.8), rgba(80, 0, 0, 0.8)), url("/images/grad-study.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height: auto;
	width: 100%;
	display: block;
	position: relative;
}

#prospective-graduate-panel .content-layout {
	/*height: 100%;*/
	margin: 0 auto;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}

#prospective-graduate-panel .landing-title {
	color: #fff;
	display: block;
	margin: .5em auto;
}

.current-graduate-panel-box {
	background: linear-gradient(rgba(80, 0, 0, 0.8), rgba(80, 0, 0, 0.8)), url("/images/cur-grad.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 50%;
	height: auto;
	width: 100%;
	display: block;
	position: relative;
}

#current-graduate-panel .content-layout {
	/*height: 100%;*/
	margin: 0 auto;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}

#current-graduate-panel .landing-title {
	color: #fff;
	display: block;
	margin: .5em auto;
}

.box-holder {
	color: #fff;
	text-align: center;
	height: 100%;
	width: 100%;
	margin-top: .5em;
}

.content-box {
	float: left;
	margin-bottom: 30px;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
	width: 50%;
}

.content-box h2.content-title {
	line-height: 30px;
	font-size: 1.45rem;
}

.content-area {
	background: #fff none repeat scroll 0 0;
	color: #500000;
	margin-bottom: 1.25rem;
	padding: 15px 30px 30px;
	text-align: center;
	height: auto;
	width: auto;
}

.content-linkout {
	display: block;
	font-weight: 800;
	border: 2px solid #500000;
	background: transparent none repeat scroll 0 0;
	text-transform: uppercase;
	width: auto;
	height: auto;
	padding: 10px;
}

.content-linkout:hover,
.content-linkout:focus {
	background-color: #edede8;
	text-decoration: underline;
}

#prospective-undergrad-panel {
	background-color: #edede8;
}

.prospective-undergrad-img {
	border-radius: 50%;
	height: auto;
	width: 100%;
	display: block;
	margin: 0 auto;
}


/* END ACADEMICS LANDING */
/* (5c - Research) RESEARCH LANDING PAGE ***************************************************************************************************************/

.landing-holder div.research-background {
	background: url("/images/front-research-med.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 75%;
	height: 600px;
	width: 100%;
	display: block;
	position: relative;
}

.research-landing-panel {
	height: auto;
	width: 100%;
	background: #fff none repeat scroll 0 0;
}

.research-landing-panel:nth-child(odd) {
	background: #edede8 none repeat scroll 0 0;
}

.research-landing-panel-box {
	padding: 2.5em 2em 1.5em;
	height: auto;
}

.research-landing-panel-box .content-layout {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 1em;
}

.research-landing-img {
	border-radius: 50%;
	height: 250px;
	width: 250px;
}


.text-align-center {text-align: center;}
.helper {display: inline-block; height: 100%; vertical-align: middle;}

/* END RESEARCH LANDING */
/* END LANDING PAGES */
/* (6 - Research third level) RESEARCH THIRD LEVEL ***************************************************************************************************************/

.people-txt {
background-color: #dadada;
color: #5c0025;
font-weight: 600;
margin-bottom: 1.5rem;
margin-top: 0;
padding: 6px 0;
text-align: center;
text-transform: uppercase;
}


/* END RESEARCH THIRD LEVEL*/
/* (7 - Directory sidebar) DIRECTORY SIDEBAR ***************************************************************************************************************/

aside.sidebar {width: 100%;}

/* fix width */
aside.sidebar ul.menu {
	display: block !important;
	display: -webkit-box !important;
	flex-wrap: wrap !important;
	-webkit-flex-wrap: wrap !important;
}
aside.sidebar ul.menu > li {
	width:100%;
}

.sidebar ul.sub-menu .active > a {
	background: #edede8 none repeat scroll 0 0;
	color: #333;
	margin: 2px 0px;
	padding: 0.5rem .3rem;
	line-height: 16px;
}

.sidebar ul.sub-menu a {
	display: block;
	color: #850000;
	/*background-color: #fff;*/	
}

.sidebar ul.sub-menu a:hover,
.sidebar ul.sub-menu a:focus {
	text-decoration: underline;
	color: #333333;

}

.sidebar ul.sub-menu {
	list-style-type: none;
}

aside.sidebar ul.menu li.active > a {
	background: #edede8 none repeat scroll 0 0;
	color: #333;
	margin: 2px 0px;
	padding: 0.5rem .3rem;

}

/*END DIRECTORY SIDEBAR*/
/* (8 - Posts sidebar) NEWS SIDEBAR ***************************************************************************************************************/

aside.sidebar > article {margin-bottom:2rem;}
aside.sidebar > article > h4 {border-bottom: 5px solid; padding-bottom: 0.75rem; margin: 0 0 1rem 0;}
aside.sidebar > article > .tagcloud {margin-bottom: 1rem;}
aside.sidebar > article > .tagcloud > a {margin: 0 0.2rem 0.3rem 0; padding: 0.4rem 0.6rem; background-color:#eee; color:#222;}

/*(9 - Events) EVENTS ***************************************************************************************************************/

.colloquium-list div.colloquium-title,
.condensed-list div.condensed-title {
	/*color: #000;*/
	font-size: 1.3375rem;
	position: relative;
	display: inline-block;
}

.colloquium-list p, .condensed-list p {color: #3d3d3d;}

.img-holder span {display: none;}

div.img-holder {display: inline; position: relative;}
div.img-holder:hover > span {
	border: #c0c0c0 1px; 
	/*box-shadow: 8px 8px 5px #988;*/
	padding: 5px 20px 5px 5px;
	display: block;
	z-index: 100;
	left: 35px;
	white-space:pre-wrap;
	background-color: rgba(0,0,0,.9); 
	color: white;
	margin: 10px;
	width: 450px;
	position: absolute;
	top: -25px;
	text-decoration: none;
	font-size: 10pt;
}

div.img-holder:hover > span:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 20px 15px 0;
	border-color: transparent rgba(0,0,0,.9) transparent transparent;
	display: block;
	/*border: 15px solid blue;*/
	/*border-color: transparent blue transparent transparent;*/
	z-index: 101;
	position: absolute;
	content: "";
	top: 18px;
	left: -20px;
}

img.i-icon {height: 20px; margin-bottom: 5px; margin-left: 5px;}

/* END EVENTS */
/* (10 - Content) CONTENT BLOCKS STYLE ***************************************************************************************************************/

/*.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 {
    font-style: normal;
    font-weight: normal;
    margin-top: 0;
}*/
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6, p {margin-bottom: 1.5rem;}
.main-content hr {margin: 2rem auto;}
/*.main-content a {color: #850000;}*/

.accordion-title h3 {margin: 1rem 1rem;}

/*.container a {color: #850000;}*/
.entry-content a:hover, .entry-content a:focus {color: #333; text-decoration: underline;}

.crumbs {font-size: 0.75rem; text-transform: uppercase; padding: 3.2rem 0 0 0.2rem;}
p.crumbs {margin-bottom: 0px;}
.time {margin-top:-0.35rem;}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {font-size: 60%; line-height: 0;}

.side-panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    /*background: #fff none repeat scroll 0 0;*/
    border-color: #500000 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 4px medium medium;
    padding: 20px 0;
}
/*.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {color: #000000;}*/
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {line-height: 1; margin-bottom: 0.625rem;}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {line-height: 1.4;}

.side-panel ul.light-list {list-style-type: none; margin-left: 0px;}
.side-panel ul.light-list > li:before {content: '-';}
.side-panel ul.light-list > li a {margin-left: 5px;}

.light-list li, .light-list a {color: #25506b;}
.light-list a:hover, .light-list a:focus {color: #333333; text-decoration: underline;}

.menu-directory-child-container ul {margin-left: 0;}
.menu-directory-child-container li {padding-right: 1rem;}
.menu-directory-child-container li {display: inline-block;}
.menu-directory-child-container li:not(:first-child) {padding-left: 1rem;}
.menu-directory-child-container li:not(:last-child) {border-right: 1px solid #ccc;}

h3.acad-line-height {line-height: 1.0;}

/* Latest Posts Extended 
/* thumb: http://placehold.it/45x45/f0f0f0/ccc */
article.category-news {
	padding: 1rem;
	margin-bottom: 1rem;
	list-style-type: none;
	background-color: #fff;
	-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.1);
}
article.category-news:last-of-type {margin: 0;}

article.category-news h2 {clear: both; font-size: 1.5em; font-weight: 600; margin: 0.5rem 0 0.5rem 0; text-transform: none;}
.rpwe-thumb {margin-bottom:0.95rem; margin-right:1rem; float:left;}
.rpwe-summary {font-size: 0.9em; margin-top: 0.5rem;}
.rpwe-time {color: #888; font-size: 0.8em;}
.rpwe-comment {color: #bbb;font-size: 11px;}

@media only screen and (max-width: 639px) {
	.crumbs {padding: 2rem 0 0 0;}
}

/* (11 - Mobile) Mobile Compatibility ***************************************************************************************************************/

/*mobile friendly */
@media only screen and (max-width: 1023px) {
	.crumbs {padding: 2.8rem 0 0 0.2rem;}
	.spotlight-content, .spotlight-content-large{width: 100%;}
	.wp-post-image {display: none;}
	.row.top-light {padding: 0;}
}

@media screen and (max-width: 885px) {
	.two-col {display: auto;}
	.two-col li {float: auto; width: 100%;}
}

@media screen and (max-width: 700px) {
	.academics-background div.spotlight-title {font-size: 40px;}
}

@media screen and (max-width: 639px) {
	.time, .author {font-size:0.95rem; margin-top:0;}
}