@import url('reset.css');
html, body {height: 100%;}
body {
  background:  url('../images/Windows-bkgrd.png') #ebf0f4;
  font-family: "Scada", arial, sans-serif;
  /*word-wrap: break-word;*/
  color:#222;
}
body.toolbar
{
  padding-top: 0 !important;
}
/*TESTING FOR JS COOKIES vs. PHP SESSIONS*/
div#php-session,
div#js-cookie
{display: none; position: relative;}

*:focus {
  animation: pulse 1s;
}
@keyframes pulse {
  0% {
    background-color: rgba(255,196,35,0.2);
  }
  100% {
    background-color: transparent;
  }
}

a.offscreen {
position:absolute;
left:-1000px;
top:-1000px;
width:1px;
height:1px;
text-align: left; 
overflow:hidden;
}

a.offscreen:focus, a.offscreen:active, a.offscreen:hover { 
position:absolute; 
left:0; 
top:0; 
width:auto; 
height:auto; 
overflow:visible;
color: #144167 !important;
background-color: /*#FF3 #FFC423*/ #fff;
padding: 1px 2px;
border: 2px solid #FFC423;
}

a.remove-cookie,
a.end-session {display: none;}
a:focus img {outline: 3px dotted #ccc !important;}
a:focus {text-decoration: underline !important;}
input:focus {outline: 1px solid #ccc !important;}

body.usim a.remove-cookie,
body.test a.end-session {display: inline;}

body.test div#php-session,
body.usim div#js-cookie {display: block !important;padding: 8px 0; text-align: center; color: white; font-weight: bold; z-index: 9999999;}

div#php-session {background: #B22F00;}
div#js-cookie {background: #00B28D;}


/*END SESSION / COOKIE TESTING*/

#top {width: 0px; height: 0px;}
#container {
  position: relative;
  width: 100%;
  /*max-width: 1360px !important;*/
  background: #fff;
  min-height: 600px;
  margin: 0 auto;
}
div.region-content {min-height: 800px;}
.node-type-icon-grid div.region-content{min-height: 400px !important;}

.home div.region-content {min-height: 0;}
/*Global Styles*/
input {
    -webkit-appearance: none;
    border-radius: 0;
    border-style: none; 
		border-width: 0px;
}
.region-content input.form-text {border: solid 1px #879198; padding: 4px; margin: 2px 0px;}
input:focus {outline:none;}
input:focus {}
input[type=radio] {
   display: inline-block;
   font-size: 15px;
   line-height: 1em;
   margin: 0 0.25em 0 0;
   padding: 0;
   width: 1.25em;
   height: 1.25em;
   border: solid 1px #ccc;
   background: #eee;
   -webkit-border-radius: 0.25em;
   border-radius: 0.625em;
   vertical-align: text-top;
 }
 input[type=checkbox] {
   display: inline-block;
   font-size: 15px;
   line-height: 1em;
   margin: 0 0.25em 0 0;
   padding: 0;
   width: 1.25em;
   height: 1.25em;
   border: solid 1px #ccc;
   background: #eee;
   vertical-align: text-top;
 }

input[type=radio] {
    -webkit-border-radius: 2em; /* Make radios round */
  }
input[type=radio]:checked,
input[type=radio]:focus,
.required input[type=radio]:checked {
   background: #333 !important;
   box-shadow: inset 0px 0px 0px 4px #eee;
 }
input[type=checkbox]:checked,
input[type=checkbox]:focus,
.required input[type=checkbox]:checked  {
  background: #eee url('../images/check.png') no-repeat center;
  background-size: 75%;
 }
p.center {text-align: center;}
a{color: #004dd9; text-decoration: none;}
a:hover, a:focus {color: #ea0000;}

.toolbar a {color: #004dd9; text-decoration: none;}
.toolbar a:hover, .toolbar a:focus {color: #ea0000;}

li a.active {color: inherit;}
a.top {display: block; text-align: center; color: #666;}

.node a,
.view-content a {color: #995700 /*#d3831c*/;}
.node p a,
.view-content p a,
.node ul a,
.view-content ul a,
.node ol a,
.view-content ol a {/* border-bottom: solid 0.5px #995700; */ text-decoration: underline;}
.node a:hover,
.view-content a:hover{color: #AD5101;}
.node a:focus,
.view-content a:focus {color: #19354F;}

.headline1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.headline2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.headline3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.headline4 {
    display: block;
    font-size: 1em;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.headline5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
.headline6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}



/*
.field-name-body p a,
.field-collection-container p a {text-decoration: underline;}
*/

.inline {display: inline-block;}
.noheight {height: 0px; overflow: hidden; margin: 0px; padding: 0px;}

.player-button {
	width: 96px;
	height: 96px;
    margin: -48px 0 -96px -48px;
    top: 50%;
    left: 50%;
    position: absolute;
    background: url('../images/player-button.png') no-repeat center;
    background-color: transparent;
    background-size: contain;
    z-index: 9998;
    pointer-events: none;
}
div.video-link {
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 11;
    opacity: 0;
}


.view-id-spotlight div.video-link {right: 60%;bottom: 0px;}
.view-id-spotlight div.video-link img {opacity: 0;}
.view-id-spotlight div.video-link a {position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px;}
.view-id-spotlight .player-button {
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 40%;
    height: 100%;
    background-position: center center;
    background-size: 20%;
    margin: 0;
}

iframe {
    volume: silent;
}
.only-on-phone {display: none !important;}
.bold {font-weight: bold !important;}
.clearfix {clear: both !important;}
/*END Global Styles*/

/*DRUPAL REGIONS*/
.region-secondary-content p {margin: 0px; padding: 0px;}
.region-secondary-content {padding-bottom: 0px !important; background: transparent; margin-bottom: -19px;}
#highlighted img {width: 100%; height: auto;}
/*END DRUPAL REGIONS*/

/*DRUPAL INTERFACE*/
 div.contextual-links-wrapper ul li {background: transparent !important;}
 .contentbox div.content
 {padding: 20px;}
 ul.tabs.primary {margin: 0 0 -23px 0; clear: both;}
 
 body.toolbar,
 body.toolbar-drawer {padding-top: 0;}
 #toolbar {
  background: #666;
  color: #ccc;
  position: relative;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(color=#000000, direction='180', strength='10')";
}

/*Alert styles */
.alert-box {}
.alert-box > h2, .alert-box > .headline2 {font-size: 14px; line-height: 14px; margin: 0px; padding: 4px 10px 2px; color: white; background:#990000; }
.alert-box div.views-row {background: red; padding: 0px 10px 10px 10px; color: #fff !important; border-top: solid 2px #990000;}
.alert-box a {/*background: white; color: red;*/color: white; text-decoration: underline; padding: 0 4px;}
.alert-box a:hover, .alert-box a:focus {background: white; color: red}
.node-type-alert div.contentbox  div.top-row {background-color:red;}
 
/*Calendar styles*/
.calendar-calendar .month-view .full td.single-day div.monthview,
.calendar-calendar .week-view .full td.single-day div.weekview,
.calendar-calendar .day-view .full td.single-day div.dayview {background: transparent;}
.calendar-calendar .continuation,
.calendar-calendar .continues {color: #144167 /*#19354F*/ !important; background: #cbe2fa !important;}
.calendar-calendar .month-view .full td.multi-day div.monthview,
.calendar-calendar .month-view .full td.multi-day .inner .monthview .cutoff {background: #cbe2fa !important;}
.calendar-calendar .month-view .full td.multi-day .date-display-start {color: #144167 !important;}
/*END DRUPAL INTERFACE*/

.page-node .contentbox div.region-content > div
{
  margin-left: 0px;
}
.page-node .contentbox div.content {padding: 0px;}

header {
  margin: 0;
  position:relative;
  height: 72px;
  z-index: 6;
  padding: 0px;
  min-width: 100%;
  border-bottom: solid 2px #00467f;
}
.front header {
/*   margin: 0 0 -3px 0; */

}
div.head-spacer {clear: both; height: 58px;}
.front div.head-spacer {clear: both; height: 68px;}

.logged-in header {margin-bottom: 0px;}
.logged-in ul.tabs.primary {margin-bottom: 0;}

.veggieburger {
	padding: 0px /*10px 3px*/ !important;
	margin: -10px 20px -10px 0;
	height: 40px;
	min-height: 40px !important;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	top: auto !important;
	bottom: 10px !important;
	left: 30px !important;
	color: #00467f;
}	
	
.veggieburger span{
	background: none;
	color: #00467f;
	position: relative;
	font-size: 40px;
	line-height: 99% !important;
	height: 40px;
	max-height: 40px;
	min-height: 40px;
	width: 120px !important;
	max-width: 120px !important;
	min-width: 120px !important;
	text-align: left;
	padding: 0;
	display: block;
	overflow: hidden;
}

.veggieburger span.ex {
	font-size: 60px !important;
	line-height: 70% !important;
	font-weight: 100;
	padding: 2px 4px;
}
.veggieburger span:after {content:'MENU'; position: absolute; font-size: 18px;padding-top: 4px;}
.veggieburger span:before {content:'\2630';}
.veggieburger span.ex:before {content:'\00d7';}
.veggieburger span.ex:after {content:'CLOSE'; position: absolute; font-size: 18px;padding-top: 1px; padding-left: 6px;}
.veggieburger span:hover {/* background: #002644; */}

.wacky {border: solid 10px deeppink;}
.hidden {display: none;}
.shown {display: block;}
.logo {
  float:none;
  display:block;
  width: 315px;
  max-width: 315px;
  position: absolute;
  left: 50%;
  bottom: 0%;
  padding:0px;
  margin: 0 0 0 -156px;
  font-size:18px;
  color:#ea0000;
}
.logo img {margin-left: 0px;}


/*Audience menu*/
.menu_audience {
  /*width:100%;*/
  float:right;
  text-align:right;
  margin:0 10px 0 0;
  transition: all 0.5s;
  /*max-height: 32px;
  height: 32px;
  min-height: 32px;*/
  padding-top: 2px;
  z-index: 9999 !important;
  text-transform: uppercase;
}

.menu_audience .menu {float: right; margin:0; font-size: .8em;}
.menu_audience .menu a,
.menu_audience .menu a:visited {
	display: block;
	text-decoration: none;
    color: #3D6B9D /*#fff*/;
	/*background: #3D6B9D;*/
    padding: 0px 10px;
}
.menu_audience .menu li:first-child a,
.menu_audience .menu li:first-child a:visited {border-left: none;}

.menu_audience a:hover,
.menu_audience a:hover:visited,
.menu_audience a:focus,
.menu_audience a:focus:visited {
	/*background: #01467d #bfd3f3;*/
    color: #004681 /*#fff*/;
    text-decoration: underline;
}

.menu_audience:hover,
.menu_audience:hover:visited {
	/*color: #000*/;
	/*background: #BCBFC6 #bfd3f3;*/
}
.menu_audience .menu li,
.menu_audience .menu li.expanded,
.menu_audience .menu li.collapsed,
.menu_audience .menu li.leaf {
  display:inline-block;
  margin:0 -2px;
  padding: 0px;
}
.menu_audience div.content > .menu > li {
  border-right: solid 1px #3d6b9d;
}
.menu_audience div.content > .menu > li:last-child {
  border-right: none;
}
/*.menu_audience div.content > .menu > li:after {content:' | ';}
.menu_audience div.content > .menu  > li::last-of-type:after,
.menu_audience div.content > .menu  > li::first-of-type:after {content:none;}*/
/*.menu_audience a.featured-link,
.menu_audience a.featured-link:visited {background: #002644 !important; color:#FFC324 !important;} */
.menu_audience a.featured-link:before {content: url('../images/commencement-blue.png'); display: inline-block; margin: -4px 5px 0 0; position: relative; top: 2px;} 
.menu_audience a:hover.featured-link,
/*.menu_audience a:focus.featured-link {background: #004681 !important;} */

/* Dropdown menu */
.menu_audience .menu li {
 /* position:relative; */
}
.menu_audience .menu li ul {
  display:none;
  text-align:left;
  width:8em;
  border-left: solid 1px #3d6b9d;
  padding-top: 5px;
  background: #fff !important;
  z-index: 9999999;
}
.menu_audience .menu li.show-dropdown:hover ul {
  display:block;
  text-align:left;
  position:absolute;
  /*right:-1em;
  top:100%;*/
}

.menu_audience .menu li ul li {
  display:block;
  margin:0;
  line-height:1.1;
}
.menu_audience .menu li.show-dropdown ul li {
  display:block;
  margin:0;
  line-height:1.1;
  min-width: 9em;
}
.menu_audience .menu li ul a{
  display:block;
  padding:4px 10px 6px;
  font-size: 11px;
  width: 100%;
  max-width: 6em;

}
.menu_audience .menu li ul a:hover,
.menu_audience .menu li ul a:focus {
  /*background:#002644;*/
  text-decoration: underline;
}
.menu_audience .menu li:hover ul,
.menu_audience .menu li:focus ul {
  display:none;

}
.menu_audience a.ddown:after,
.menu_audience .show-dropdown > a:after {
  content:" ▼";
  font-size: 8px;
  padding-bottom: 2px;
}

/* End dropdown menu */

.menu_parent ul,
.menu_parent1 ul {
  display:none;
}
  
.link_nav,
.link_nav1 {
  display:none !important;
  color: #fff;
  background:#01467d;
  text-align:left;
  text-decoration:none;
}
.link_nav:after,
.link_nav1:after {
  content:"▼";
}

.transferology-link {background: url(../images/transferology-link.png) no-repeat; width: 250px; height: 15px; /*text-indent: -99999999px;*/ color: rgba(255,255,255,0) !important;}
.transferology-link:hover,
.transferology-link:focus {background: url(../images/transferology-link-hover.png) no-repeat;}
div.region-sidebar-first li.transferology {display: none;}

/*END Audience Menu*/

/*////////////////////////////////////////////////////////////////*/
/*Main Menu*/
/*menu section*/
.menu_main {
  clear: both;
  float:left;
  text-align:left;
  margin:0!important;
  font-size: 1.3em;
  position: relative;
  z-index: 100;
  width: 100%;
  top: -5px;
}

.front .menu_main {
	top: -15px;
	clear: both !important;
	display: inline-block;
	margin:0 0 -15px 0 !important;
}

.menu_main .menu-level-1:before {content: "▴"; font-size: 48px; position: absolute; top: -40px; left: 50px; color: #19354F;}
/*
.main-sticky {
  position: fixed !important;
  width: 100%;
  max-width: 1359px;
  top: 0;
  border-right: solid 1px #01467D;
}
.sticky-top-margin {padding-top: 30px !important;}
*/
/* .menu_main.closed {display: none !important;} */
.menu_main .menu-level-1 > ul.menu {
	/*text-align: center;*/
	background: #19354F /*#01467d*/;
    /* display: -webkit-flex; /* Safari */
    /* -webkit-justify-content: space-between; /* Safari 6.1+ */
   /* display: flex;
    /*justify-content: space-between;*/
    list-style: none !important;
    padding: 0 20px 50px;
}
.menu_main  li.expanded, .menu_main  li.collapsed, .menu_main  li.leaf {list-style-type: none !important; list-style: none !important; margin: 0 !important;}
.menu_main a {color: #f9c633;}
.menu_main a:hover, .menu_main a:focus {color: #ffbd00 !important;}
.menu_main a.active {color: #f9c633 !important;}

.menu_main .menu-level-1 > ul.menu > li {padding: 10px 26px; list-style-type: none !important; display: inline-block; width: calc(25% - 56px); margin: 0px !important; vertical-align: top;}
.menu_main .menu-level-1 > ul.menu > li > a {font-size: 1.2em;}
.menu_main .menu-level-1 > ul.menu > li > ul.menu {display: none;}
.menu_main ul.menu > li > ul.menu > li > ul.menu {display: none !important}


.menu_main .menu-level-1 > ul.menu > li.big-link { /* display: flex; align-self: stretch;  */text-align: center !important; border-bottom: solid 1px #fff; font-size: 150%; width: 100%; padding: 40px 0; margin-bottom: 20px !important;}


/*///////////Main Menu SMALL MONITOR/////////////*/
@media only screen and (max-width:1024px) {

.menu_main .menu-level-1 > ul.menu > li > a {}
.menu_main .menu-level-1 > ul.menu > li {padding: 10px 26px; width: calc(25% - 56px); /* background: aqua; */ font-size: 2vw;}
.menu_main .menu-level-1 > ul.menu > li.big-link {font-size: 3vw !important; padding: 40px 0; margin-bottom: 20px !important;}

}
/*////////////Main Menu TABLETS///////////*/
@media only screen and (max-width:768px) {

.front .menu_main {position: relative; top: 5px; margin: 0 0 14px 0 !important;}
.not-front .menu_main {margin-bottom: 10px !important;}
.menu_main .menu-level-1 > ul.menu > li > a {}
.menu_main .menu-level-1 > ul.menu > li {padding: 10px 26px; width: calc(33% - 56px); /* background: yellow; */font-size: 3vw;}
.menu_main .menu-level-1 > ul.menu > li.big-link {font-size: 4vw !important; padding: 40px 0; margin-bottom: 20px !important;}

}

/*////////////Main Menu PHONES///////////*/
@media only screen and (max-width:640px) {
.menu_main {top: 8px;}
div.head-spacer {clear: both; height: 110px;}
.not-front .menu_main {margin-bottom: 20px !important;}
.menu_main .menu-level-1 > ul.menu > li > a {}
.menu_main .menu-level-1 > ul.menu > li {padding: 10px 26px; width: calc(50% - 56px); /* background: white; */ font-size: 1.3em;}
.menu_main .menu-level-1 > ul.menu > li.big-link {font-size: 150% !important; padding: 40px 0; margin-bottom: 20px !important;}
}
/*////////////Main Menu PHONES smaller///////////*/
@media only screen and (max-width:540px) {
.menu_main {top: 14px;}
}
/*////////////Main Menu PHONES Smallest///////////*/
@media only screen and (max-width:415px) {
.menu_main {top: 24px;}
.not-front .menu_main {margin-bottom: 30px !important;}


.menu_main .menu-level-1 > ul.menu > li > a {}
.menu_main .menu-level-1 > ul.menu > li {padding: 10px 26px; width: calc(100% - 56px); /* background: white; */ font-size: 1.3em;}
.menu_main .menu-level-1 > ul.menu > li.big-link {font-size: 150% !important; padding: 40px 0; margin-bottom: 20px !important;}
}
/*
.menu_main ul.menu > li > ul.menu > li.show-children > ul.menu {position: relative !important; display: inline-block !important; margin: 0; padding: 0 ;}
.menu_main ul.menu > li > ul.menu > li.show-children > ul.menu li {margin: 0;}
.menu_main ul.menu > li > ul.menu > li.show-children > ul.menu li a {
.menu_main ul.menu > li > ul.menu > li.show-children > ul.menu li a::before {content: "▶ "; font-size: 10px; padding-bottom: 2px;}


.menu_main ul.menu > li > ul.menu > li.fourth-width,
.menu_main ul.menu > li > ul.menu > li.half-width,
.menu_main ul.menu > li > ul.menu > li.three-fourths-width,
.menu_main ul.menu > li > ul.menu > li.full-width {display: inline-block !important; height: 100%; position: relative !important; vertical-align: top !important;}
.menu_main ul.menu > li > ul.menu > li.fourth-width > a,
.menu_main ul.menu > li > ul.menu > li.half-width > a,
.menu_main ul.menu > li > ul.menu > li.three-fourths-width > a,
.menu_main ul.menu > li > ul.menu > li.full-width > a {text-transform: uppercase; border-bottom: solid 1px #fff; border-top: solid 1px #fff; color: #ffc324; margin: 20px; cursor: default;}

.menu_main ul.menu > li > ul.menu > li.fourth-width > a:hover,
.menu_main ul.menu > li > ul.menu > li.half-width > a:hover,
.menu_main ul.menu > li > ul.menu > li.three-fourths-width > a:hover,
.menu_main ul.menu > li > ul.menu > li.full-width > a:hover {background: none !important;}

.menu_main ul.menu > li > ul.menu > li.fourth-width > ul.menu,
.menu_main ul.menu > li > ul.menu > li.half-width > ul.menu,
.menu_main ul.menu > li > ul.menu > li.three-fourths-width > ul.menu,
.menu_main ul.menu > li > ul.menu > li.full-width > ul.menu {position: relative !important; display: inline-block !important; top: 0px; padding: 5px 20px 20px 20px;}

.menu_main ul.menu > li > ul.menu > li.fourth-width {width: 22.5% !important; padding: 0 1%;}
.menu_main ul.menu > li > ul.menu > li.half-width {width: 47% !important; padding: 0 1%;}
.menu_main ul.menu > li > ul.menu > li.three-fourths-width {width: 72% !important; padding: 0 1%;}
.menu_main ul.menu > li > ul.menu > li.full-width {width: 97% !important; padding: 0 1%;}
.menu_main ul.menu > li > ul.menu > li.three-fourths-width > ul {
	-moz-column-count:3;
	-moz-column-gap:10px;
	-webkit-column-count:3;
	-webkit-column-gap:10px;
	column-count:3;
	column-gap:10px;
    
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	background: none !important;
}
.menu_main ul.menu > li > ul.menu > li.full-width > ul {
	-moz-column-count:4;
	-moz-column-gap:10px;
	-webkit-column-count:4;
	-webkit-column-gap:10px;
	column-count:4;
	column-gap:10px;
    
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	background: none !important;
}
.menu_main ul.menu > li > ul.menu > li.menu-accross > ul {
	-moz-column-count:initial;
	-webkit-column-count:initial;
	column-count:1 !important;
}
.menu_main ul.menu > li > ul.menu > li.full-width.menu-accross > ul > li {
	display: inline-block !important;
	width: 25%;
	max-width: 25%;
	padding: 0px;
	margin: 0px;
}
.menu_main ul.menu > li > ul.menu > li.full-width.menu-accross > ul > li:nth-of-type(4n+0) {
	margin-right: -10px;
}

.menu_main ul.menu > li > ul.menu > li.three-fourths-width.menu-accross > ul > li {
	display: inline-block !important;
	width: 33%;
	max-width: 33%;
	padding: 0px;
	margin: 0px;
}
.menu_main ul.menu > li > ul.menu > li.three-fourths-width.menu-accross > ul > li:nth-of-type(3n+0) {
	margin-right: -10px;
}


.menu_main ul.menu > li > ul.menu > li.menu-spacer a {visibility: hidden;}

.menu_main a,
.menu_main a:visited,
.menu_main a:hover {
	color: white;
  text-decoration: none;
  position: relative;
  font-size: 14px;

}
.menu_main a.active {color: white !important;}
.menu_main li:hover {
	background: #002644;
}
.menu_main ul.menu > li > ul.menu > li {display: block !important;}
.menu_main li {
  display:inline-block;
  padding: 12px 24px;
  margin: 0 -3px 0 -2px;
}


.menu_main li.yellow {
  background: #FFC423 !important;
}
.menu_main li.yellow:hover {
  background: #ffde24 !important;
}
.menu_main li.yellow a {
  color: #002644 !important;
}
.menu_main li:first-child {padding-left: 20px;}
.menu_main li:last-child {padding-right: 20px; margin-right: 0px;}
.menu_main li.active,
.menu_main li.active a {
  text-decoration:none;
}


/*audience selection*/
/*
.school {box-shadow: none !important; margin-top: 5px;}
.school li {padding: 4px 8px 4px 8px !important; background: #002644; font-size: 0.7em; color: white !important; margin-right: 1px;}
.school li.active {background: #01467d; font-weight: bold;}
*/
/* Dropdown menu */
/*
.menu_main ul {position: relative;}
.menu_main ul > li {
  margin-right: -2px;
  margin-left: 0px;
}
.menu_main .dontsplit {width: 100% !important; float: left !important; clear: none !important;}
.menu_main .dontend {width: 100% !important; float: left !important; clear: none !important;}

.menu_main ul.menu li ul {
  display: block;
  position: absolute;
  visibility: hidden;
  transition: visibility 0s;
 
  opacity: 0;
  transition: 0.2s opacity;
  
  width: 100%;
  background: #002644;
  text-align: left;
  font-size: .8em;
  left: 0px;
  padding: 0;
  margin:  0 30px 0 0px;
  
  top: 100%;
  padding-top: 10px;
  padding-bottom: 10px;

}
.menu_main ul.menu li ul li ul {
  background: none;
}
.menu_main ul.menu  li  ul.menu  li  ul {display:none !important;}
.menu_main ul.menu > div.column { border-right: 1px solid #004681; width:2%; display: block; position: relative;}
.menu_main ul.menu > div.last.column { border-right: none;}
.menu_main li.menu-mlid-13371 ul > div.column { max-height:80px !important;}

.menu_main .menu-mlid-3396 ul.menu > div.column { border-right: none; background: transparent; width: 100% !important;}



.menu_main ul li {
}

.menu_main li li,
.menu_main li li:first-child,
.menu_main li li:last-child {
	margin: 0px;
	padding: 0px;
 }
.menu_main ul li ul li a:hover {
 	background: transparent;
 }

.menu_main li ul li {
    display:inline-block;
    margin:0;
    line-height:1.1;
    background: transparent
    width: 100%;
}

.menu_main li ul li a {padding-bottom: 5px !important; padding-top: 5px !important; padding-left: 5px !important; margin-bottom: 10px !important;}
.menu_main li ul li:first-child a {top:0px; margin-bottom: 10px !important;}
.menu_main li ul li:first-child {}
.menu_main li ul li a:hover{
  background: #3D6B9D !important;
  color: #fff;
}

.menu_main li ul li  {
display: block;
width: auto;
}

.menu_main li ul a{
  display:block;
  padding:3px;
}
.menu_main li ul a:hover{
  background:#3D6B9D;
}
.menu_main ul.menu li.expanded:hover ul{
  display:block;
  position:absolute;
  width: 100%;
  right:-1em;
  top: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  visibility: visible;
  opacity: 1;
}
div.dropdown-container li{margin-top: -10px !important;}

.menu_main li:hover ul li{}
.menu-attach-block-wrapper {display: block;}

.menu-attach-block-wrapper.orientation-horizontal .block {
  background: transparent;
  padding: 0 4% 0 0;
  position: relative;
  top: 0em;
  width: 96%;
  z-index: 400;
  color:  #fff;
}
ul.menu ul.contextual-links,
ul.menu ul.contextual-links li {width: 100px !important; height: auto !important;}


/* End dropdown menu */
/*END Main Menu*/

/*Search*/
.search {
  float: right !important;
  clear: none;
  margin-right: 0px;
  outline: none !important;
  max-width: 250px;
  width: 250px;
  max-height: 24px;
  transition: all 0.5s;
  position: absolute !important;
  bottom: 16px !important;
  right: 30px !important;
  padding: 0px;
  text-align: right;
  position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .search{
    position: relative;
  z-index: 50000;
  }
}


.search input.form-text {
 /**/ width: 100px;
  padding: 7px 0px 1px 10px;
  height: 16px;
  transition: width 0.5s;
  border: none !important;
  border-color: white !important;
  box-shadow: none !important;
  margin-right: 14px;
/*   background: url(../images/search-text.svg) no-repeat right; */
  font-size: 16px;
  color: #00467f;
  background: transparent;
  position: relative;
  z-index: 10;
  text-align: right;
/*   transition: border 1s ease; */
}
.search input.form-text:focus {
width: 206px !important;
background: none;
color: black;
text-align: left;
/* border: solid 1px #ccc !important; */
}

.search input[type=text] {
  color: #00467f;

}
.search input[type=text]:-moz-placeholder {
    color: #00467f;
    text-transform: uppercase;
    opacity: 1;
    /* text-align: right; */
}
.search input[type=text]::-moz-placeholder {
    color: #00467f;
    text-transform: uppercase;
    opacity: 1;
    /* text-align: right; */
}
.search input[type=text]:-ms-input-placeholder {
    color: #00467f;
    text-transform: uppercase;
    opacity: 1;
    /* text-align: right; */
}
.search input[type=text]::-webkit-input-placeholder {
    color: #00467f;
    text-transform: uppercase;
    opacity: 1;
    /* text-align: right; */
}
.search input[type=text]:-moz-placeholder:focus  {
	text-align: left;
}
.search input[type=text]::-moz-placeholder:focus  {
	text-align: left;
}
.search input[type=text]:-ms-input-placeholder:focus  {
	text-align: left;
}
.search input[type=text]::-webkit-input-placeholder:focus  {
	text-align: left;
}
.search div.content {
  height: 24px;
  max-height: 24px;
}
.search input.form-text:after {content: 'Search medaille.edu'; position: absolute; left: 0px; top: 4px; color: black;}
.search input.form-submit {
  height: 24px;
  width: 24px;
  cursor: pointer;
  /* text-indent: -9999px; */
  border: none;
  background: none;
  float: right;
  margin-left: -10px;
  margin-top: 2px;
  position: relative;
  z-index: 20;
  opacity:1;
}

/*END Search*/

/*Contact Buttons*/
div.contact-buttons,
div.usim-contact-buttons {
  float: right !important;
  clear: both;
  margin-top: 10px;
  margin-right: 10px;
  margin-left: 10px;
  text-align: right;
  transition: all 0.5s;
  display: none;
}
div.usim-contact-buttons {display: none;}
body.usim div.usim-contact-buttons {display: block;}
body.usim div.contact-buttons {display: none;}
a.apply-button  {background: /*#ffde24*/  #ffc324; color: #002644 !important }
a.request-button  {background: /*#ffde24*/  #ffc324; color: #002644 !important;margin-left: 4px; }
a.visit-button  {background: /*#ffde24*/  #ffc324; color: #002644 !important; margin-left: 4px;}

.usim a.apply-button  {background: #004681; color: #fff !important }
.usim a.request-button  {background: #004681; color: #fff !important;margin-left: 4px; }
.usim a.visit-button  {background: #004681; color: #fff !important; margin-left: 4px;}

body.test .logo img {
  -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  -moz-transform: rotate(180deg);        /* FF */
  -o-transform: rotate(180deg);          /* Opera */
  -ms-transform: rotate(180deg);         /* IE9 */
  transform: rotate(180deg);             /* W3C compliant browsers */
} 


a.apply-button:hover, a.apply-button:focus {background: /*#FFC324*/ #ffde24; }
a.request-button:hover, a.request-button:focus {background: /*#FFC324*/ #ffde24;}
a.visit-button:hover, a.visit-button:focus {background: /*#FFC324*/ #ffde24;}



a.apply-button,
a.visit-button,
a.request-button
 {
	display: inline-block;
  padding: 8px 4px;
  margin-top: 4px;
  color: white /*#002644*/;
  width: 95px;
  font-size: 0.825em;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

div.contact-buttons-large {
  float:none;
  clear: both;
  margin: 4px 0 0 0;
  width: 100%;
  text-align: center;
  padding: 0px !important;
}
.front div.contact-buttons-large {
  margin: 0;
}
div.contact-buttons-large a.apply-button,
div.contact-buttons-large a.request-button,
div.contact-buttons-large a.visit-button
 {
 	color: white !important;
	width: 33.1%;
  font-size: 2em;
  padding: 1% 0;
  margin: -6px 0 .33% 0 !important;
}
div.contact-buttons-large a.apply-button {float: left; background: #3D6B9D;}
div.contact-buttons-large a.request-button {color:/* #004681*/ #002644 !important; background: #ffc324;}
div.contact-buttons-large a.visit-button {float: right;  background: #004681;}


div.contact-buttons-large a.apply-button:hover,
div.contact-buttons-large a.apply-button:focus {float: left; background: #487eb8;}
div.contact-buttons-large a.request-button:hover,
div.contact-buttons-large a.request-button:focus { background: #ffde24;}
div.contact-buttons-large a.visit-button:hover,
div.contact-buttons-large a.visit-button:focus { background: #00569c;}
/*END Contact Buttons*/

/*//HOME SLIDER//*/
.home-slider {
  width: 100%;
  clear: both;
  margin: 0;

}
.home-slider .item {position: relative; height: 100%;}
.home-slider .item img {width: 100%; height: auto; margin-bottom: -1%;}

#owl-home div.home-slide-caption {background: rgba(0,38,69,0.8); width: 23%; position: absolute; top: 10%; left: 4%; color: #fff; padding: 0 /*.75% 0.5% 0.5% 1.5%*/;}
#owl-home div.home-slide-caption h2,
#owl-home div.home-slide-caption .headline2 {/*font-size: 2vw;*/ font-weight: bold; line-height: 100% !important; /*padding-top: 0.75%; padding-bottom: 1%;*/}

#owl-home div.home-slide-caption *:first-child { padding-top: 10px !important;}
#owl-home div.home-slide-caption *:last-child { padding-bottom: 10px !important;}

#owl-home div.home-slide-caption h2,
#owl-home div.home-slide-caption .headline2 {/*font-size: 2vw;*/ font-weight: bold; line-height: 100% !important; /*padding-top: 0.75%; padding-bottom: 1%;*/}
#owl-home div.home-slide-caption p,
#owl-home div.home-slide-caption li,
#owl-home div.home-slide-caption td {/*font-size: 1.25vw;*/ font-weight: normal;}
#owl-home div.home-slide-caption tbody {border: none;}
#owl-home div.home-slide-caption h2,
#owl-home div.home-slide-caption .headline2,
#owl-home div.home-slide-caption h3,
#owl-home div.home-slide-caption .headline3, 
#owl-home div.home-slide-caption h4,
#owl-home div.home-slide-caption .headline4,
#owl-home div.home-slide-caption p,
#owl-home div.home-slide-caption ul,
#owl-home div.home-slide-caption table,
#owl-home div.home-slide-caption div {margin-bottom: 1%; margin-top: 0; padding-right: 10px !important; padding-left: 10px !important;}

#owl-home div.home-slide-title {background: rgba(0,38,69,0.8); width: 23%; position: absolute; top: 10%; left: 4%; color: #fff; padding: 2%; font-size: 2vw; font-weight: bold; line-height: 120% !important;}


#owl-home table,
#owl-home th,
#owl-home td {border: none;}

.full-slide-link {position: absolute; display: block; top: 0px; right: 0px; left: 0px; bottom: 0px; overflow: hidden;}
.full-slide-link a {position: absolute; display: block; top: 0px; right: 0px !important; left: 0px; bottom: 0px !important; background: transparent !important; padding: 0px; margin: 0px;font-size: 1px !important; color: rgba(0,0,0,0) !important;}
#owl-home div.hide-linky div.home-slide-link {display: none !important;}
#owl-home a.home_slide_button,
#owl-home a.home-slide-button {background: #004681; color: white; padding: 1% 1.1%; font-size: 2.25vw; position: absolute; bottom: 8%; right: 5%; z-index: 1000;}
#owl-home a.home_slide_button:hover,
#owl-home a.home-slide-button:focus {background: #00569c;}
.owl-carousel {overflow-y: hidden !important; padding: 0px !important;}


#owl-home {margin-bottom: -10px;}
#owl-home .owl-controls { margin-bottom: -20px !important}

.vido {

position: absolute !important;
top: 0px !important;
bottom: 0px; 
left: 0px;
right: 0px;
z-index: 9999999 !important;
}
.vido iframe {width: 100%; min-height: 100%; position: absolute; bottom: 0px; top: 0px;}


.home-slider video {max-width: 100%; height: auto; z-index: 999999999;}

/*SLIDER CONTROLS*/
.owl-controls {}
/**/
.owl-controls .owl-buttons {position: absolute; top: 45%; width: 100%;}
.owl-controls .owl-buttons div {opacity:1 !important; border-radius: 0px !important; }
.owl-prev {
  position: absolute;
  left: 4px;
  top: 50%;
  text-indent: -99999px;
  background: url(../images/prev-white.png) no-repeat !important;
  width: 24px;
  height: 36px;
}
.owl-next {
  position: absolute;
  right: 4px;
  text-indent: -99999px;
  background: url(../images/next-white.png) no-repeat !important;
  width: 24px;
  height: 36px;
  top: 50%;
}

.owl-prev:hover, .owl-prev:focus {background: url(../images/prev.png) no-repeat !important;}
.owl-next:hover, .owl-prev:focus {background: url(../images/next.png) no-repeat !important;}
.owl-controls .owl-pagination,
.owl-theme .owl-dots {position: absolute; left: 20px; top: 5px;}
.owl-theme .owl-controls .owl-page span,
.owl-theme .owl-dots .owl-page span {background-color: #fff !important; opacity: 0.8 !important; width: 8px !important; height: 8px !important; margin: 4px 3px;border: solid 1px rgba(0,0,0,0.25);}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span,
.owl-theme .owl-dots .owl-page.active span, .owl-theme .owl-dots.clickable .owl-page:hover span,
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span,
.owl-theme .owl-controls.clickable .owl-page:focus span,
.owl-theme .owl-dots.clickable .owl-page:focus span,
.owl-theme .owl-dots .owl-dot:focus span {background: #FFC324 !important; border: solid 1px rgba(0,0,0,0);}

#owl-home .owl-prev  {background: url(../images/prev-white.png) no-repeat !important;}
#owl-home .owl-prev:hover,
#owl-home .owl-prev:focus {background: url(../images/prev.png) no-repeat !important;}


/*Sedcondary Sliders*/
div#news h2, div#news .headline2,
div#spotlight h2, div#spotlight .headline2,
div#events h2, div#events .headline2,
div#peoplediv h2, div#peoplediv .headline2
  {
  text-align: left;
  background: /*#002644*/ #ebf0f4;
  margin: 0px;
  padding: 5px 20px;
  color: /*#fff*/ #333;
  position: relative;
  z-index: 1;
}


 h2 small a, .headline2 small a {color: /*#fff*/ #222; font-weight: 400 !important; font-size: 12px; margin-left: 10px;}
 h2 small span.label, .headline2 small span.label {color: #222; font-weight: 900 !important; font-size: 12px !important;}
 h2 small a:hover, h2 small a:focus,
 .headline2 small a:hover, .headline2 small a:focus {color:/*#fff*/ #222; text-decoration: underline;}
a.down {float: right; width:24px; height: 100%; background: /*url(../images/down-sm.png)*/ url(../images/down-12d.png) no-repeat center; text-indent: -99999px; opacity: 0.33;}
a.up {background: url(../images/up-sm.png) no-repeat center;}
a.down:hover,
a.up:hover,
a.down:focus,
a.up:focus {opacity: 0.66;}

a.more,
#news a.more,
#events a.more {
	font-size: 0.9em;
  background: /*#bbb*/ #004681;
  padding: 6px 9px;
  font-weight: normal;
  color: #fff;
  text-decoration: none !important;
  margin-top: 20px !important;
}
aside.tags {display: inline-block; vertical-align: bottom; padding-bottom: 0px; margin-bottom: -4px;}
a.tag {
	font-size: /*0.7em*/ 9px !important;
  background: #ddd;
  padding: 3px 5px;
  font-weight: normal;
  color: #222;
  text-decoration: none;
  margin-right: 4px;
  margin-bottom: 4px;
  display: inline-block;
}

a.more:hover,
a.tag:hover
 {opacity: 0.8; color: #fff; background: #004681 !important;}

a.more:focus,
a.tag:focus {opacity: 1; color: #fff; background: #004681 !important; border: solid 3px #004681; margin-left: -3px; margin-bottom: -3px; animation: none;}

a.sport {background: #FFC324;}
a.academics {background: #bfd3f3}
a.undergrad {background: #8dc24e;}

/*SPOTLIGHT*/
div#spotlight {
  width: 100%;
  position: relative;
  background: #fff;
  margin-bottom: -2%;
  height: auto;
}

div#spotlight h2,
div#spotlight .headline2 {
    background: #ebf0f4;
    color: #222;
    padding-bottom: 0px !important;
    font-size: 24px;
}
.front div#spotlight h2,
.front div#spotlight .headline2 {margin-bottom: 2%;}
    
#spotlight a.more {
	background: #004681!important;
	display: inline-block;
	font-size: 1.5em;
	padding: 10px 20px;
	margin-right: 20px;
    margin-top: 20px !important;
}

#spotlight a.more:hover, #spotlight a.more:focus {color: #fff;}
div.p-link {background: #F5F7F9; padding: 5px; margin-left: -5px; margin-right: -90px; margin-bottom: -20px; padding: 0px !important; display: inline-block; position: relative; z-index: 20;}
div.p-link a.more { margin: -20px 5px 5px 5px!important;}
.region-content div.p-link {background: #fff;}

.spotlight-text {
	width: 60%;
	margin-left: 40%;
    padding-top: 28%;
    position: relative;
}
.l {float: left}
.spotlight-text .content {/*padding: 5%; height: 90%;overflow-y: hidden;*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 40px 20px 10px 30px;
}

.spotlight-text p {font-size: 1em; color: #666;}
.spotlight-text h3, .spotlight-text .headline3 {font-size: 1.25em; /*font-family: "droid serif", serif;*/ line-height: 160% !important; color: #666; margin: 0; padding: 0;font-weight: normal;}
.spotlight-text h3.type, .spotlight-text .headline3.type {}
.spotlight-text h3.name, .spotlight-text .headline3.name,
.spotlight-text h3.news, .spotlight-text .headline3.news {margin: 20px 0 10px 0; padding: 0;font-size: 1.75em; font-weight: bold;}
.spotlight-text h3.name, .spotlight-text .headline3.name {color: #004681;}
.spotlight-text h3.news, .spotlight-text .headline3.news {color: #333;}

.spotlight-text p.testimonial {
  font-size: 16px;
}

.spotlight-pic {
	width: 40%;
  float: left;
  position: relative;
  top: 0px;
}
.spotlight-pic .content {
	position: relative;
	overflow-y: hidden;
}

.r {float: right;}
.spotlight-pic img {
	position: relative;
  top: 0px;
  bottom: 0px;
	width: 100%;
  height:auto;

}
#spotlight p.center {
	vertical-align: bottom;
}

#spotlight .owl-prev {background: url(../images/prev-white-sm.png) no-repeat !important; opacity: 0.7 !important;}
#spotlight .owl-next {background: url(../images/next-dblue-sm.png) no-repeat !important; opacity: 0.7 !important;}
#spotlight .owl-prev:hover,
#spotlight .owl-next:hover,
#spotlight .owl-prev:focus,
#spotlight .owl-next:focus  {opacity: 1 !important;}


/*NEWS*/
div#news {
  width: 100%;
  position: relative;
  background: #fff url(../images/newsprint.jpg);
  margin-top: 0px;
}
div#news h2,div#news .headline2,
#news a.more:hover, #news a.more:focus {background: #004681;}
.news-text {
  width: 60%;
  float: left;
  position: relative;
}
.news-text .content {padding: 5% 5% 5% 10%; height: 100%; position: relative;}
.news-text p {font-size: 1em; color: #666;}
.news-text h3, .news-text .headline3 {font-size: 1.75em; /*font-family: "Noticia Text", serif;*/}
.news-pic {
  width: 40%;
  float: right;
  position: relative;
  top: 0px;
}
.news-pic img {
  width: 100%;
  height: auto;
}
#news p.center {
  vertical-align: bottom;
}
#news .owl-prev {background: url(../images/prev-black.png) no-repeat !important;}
#news .owl-next {background: url(../images/next-white.png) no-repeat !important;}
#news a.more {margin-top: 0px;}

/*EVENTS*/
div#events {
  margin-top: -15px;
  background: #fff !important;
  clear: both;
  /*display: none;*/
}
div#events h2, div#events .headline2 {background: /*#36434d*/ #ebf0f4;}

#events ul {list-style-type:none; padding: 0px; margin-bottom: -12px !important;}
#events ul li {
  display: inline-block;
  width: 31%;
  padding-left: 2%;
  border-right: solid 2px #d8dee2;
  margin-bottom: 0px;


}
/*event time*/
#events ul li div {
  min-height:140px;
  max-height: 140px;
  overflow-y: hidden;
  margin: 0 0px;
}
#events p.date {
  font-size: 24px;
  font-weight: bold;
  color: #222;
  margin-bottom: 0px;
  margin-top: 0px;
}
#events h3, #events .headline3 {font-size: 18px; margin-bottom: 15px;}
#events ul a {text-decoration: none; color: #004681;}
#events ul a:hover, #events ul a:focus {color: #004681; text-decoration: underline;}
#events ul li:last-child {border-right: none; margin-right: -10px; clear: right;}

/*Section simple dropdowns */
ul.droplist {
  text-align: left;
  display: inline;
  list-style: none;
  font-size: 12px;
  position: relative;
  z-index: 200000;
  text-transform: none;
  font-weight: normal;
}
ul.droplist a,
ul.droplist a:hover, ul.droplist a:focus {color: /*#fff*/ #222;}
ul.down {background: url(../images/down-12d.png) no-repeat right;}
ul.up {background: url(../images/up-12d.png) no-repeat right;}

ul.droplist li {
  display: inline-block;
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}

ul.droplist .parent > ul.sub-nav {
    display: none;
  	padding: 0;
  	position: absolute;
  	top: 23px;
  	left: -10px;
  	width: 150px;
    background: /*#566a7a*/ #d8dee2;
}

ul.droplist .parent > ul.visible {
    display: block;
}
ul.droplist li ul li { 
  color: #fff;
  padding: 0px 10px;
  margin: 0px;
  width: 130px;
}
ul.droplist li ul li:hover,
ul.droplist li ul li:focus { background: rgba(255,255,255,0.25); }

/*FOOTER*/
.footer {
position: relative;
bottom: -20px;
clear: both;
  width: calc(100% - 110px);
  padding: 32px 55px;
  /*max-width: 1360px;*/
  margin: 0 auto;
  color:#fff;
  background: #19354f;
  min-height: 100px;
  z-index: 1;
}
.foot-width {max-width: 100%; margin: 0;}
.footer a, footer a:visited {color:  #f9c633;}
.footer div.campuses {
  font-size: 0.8em;
  float: left;
  margin-top: 0px;
  max-width: 45% !important;
  margin-top: 85px;
}
.footer div.campuses ul {
  list-style-type: none;
  margin-top: 0px;
}
.footer div.campuses li{

  margin-left: -20px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}
.copyright {
  width:49%;
  float:left;
  clear: both;
  font-family:Gentium Book Basic, serif;
  font-size: .8em;
}
.menu_bottom {
  text-align:right;
  margin:0 30px 0 -30px;
  padding:0;
}
.menu_bottom a,
.menu_bottom a:visited {
color: #f9c633;
}
.menu_bottom a.active {color: #fff !important;}
.menu_bottom a:hover,
.menu_bottom a:hover:visited {
color: #ffd24f;
}
.menu_bottom a:focus,
.menu_bottom a:focus:visited{
	color: #fff !important; background: rgba(0,0,0,0.25) !important;
}
.menu_bottom li {
  display:inline-block;
  margin:0 0 0 6px !important;
  padding: 0 6px 0 0;
  border-right: solid 1px #fff;
  line-height: 1em;
}
.menu_bottom li:last-child {
  border-right: none;
}
/*.menu_bottom li.active,
.menu_bottom li.active a {
  color: #fff !important;
  text-decoration:none;
  cursor:default;
}*/
.social-links {
  float: right;
  margin: 10px 30px;
}


/*///////////Large screens/////////////*/
@media only screen and (min-width:1361px) {
  .com-text h3, .com-text .headine3 {
    font-size: 14px !important;
  }
  .com-text p,
  .com-event p,
  .com-news p {
    font-size: 16px !important;
  }
  .com-event h2, .com-events .headline2,
  .com-news h2, .com-news .headline2 {font-size: 22px;}
  .com-event h3, .com-events .headline3,
  .com-news h3, com-news .headline3 {font-size: 18px;}
  
  #owl-community p.testimonial {
    font-size: 16px;
  }
  div.contact-buttons-large {margin-top: 2px;}
  aside.tags {display: block; margin-top: 20px;}

  #owl-home div.home-slide-caption h2,
  #owl-home div.home-slide-caption .headline2 {font-size: 2em;}
  #owl-home div.home-slide-caption p,
  #owl-home div.home-slide-caption li,
  #owl-home div.home-slide-caption td {font-size: 1.25em;}
  #owl-home a.home_slide_button {padding: 12px 18px; font-size: 30px;}
}
/*///////END Large Screen Styles///////*/

/*///////////SMALL MONITOR/////////////*/
@media only screen and (max-width:1024px) {
    /*.search { margin-bottom: -55px !important;}
    .logo {padding-top: 0; margin-top: 0;}*/
    #highlighted .space {padding: 99% 0 0 0;}
    /*.menu_main {font-size: 1em;}
    .menu_main .menu-level-1 > ul.menu > li {padding: 10px 12px;}
	.menu_main .menu-level-1 > ul.menu > li > a {font-size: 1.05em !important;}
    .menu_main li { padding: 6px;margin-left: -2px;}
  	.menu_main li:first-child {padding-left: 2px;}
  	.menu_main li:last-child {padding-right: 2px;}    
  	.menu_main a {
    display:inline-block;
    padding:6px;
  }
  .logo {}	
  
  .mobile-menu-button {
  	position: relative !important;
  	margin-top: 35px !important;
  }  
  */
  
  .transferology-link {
  width: 110px !important;
  overflow-x: hidden;
  border-right: solid 10px white;
  }
  
  a.apply-button,
  a.request-button,
  a.visit-button {}
  .spotlight-text .content {padding: 30px 10px 10px 30px;}
  .spotlight-text p {font-size: .9em;}
  .spotlight-text h3, .spotlight-text .headline3 {font-size: 1.3em; line-height: 110% !important; margin-top: 8px !important;}
  .spotlight-text .news h3, .spotlight-text .news .headline3 {margin-right: 90px;}
  .spotlight-text h3.name, .spotlight-text .headline3.name,
  .spotlight-text h3.news, .spotlight-text .headline3.news {font-size: 1.4em;}
  #spotlight a.more {position: absolute; right: 10px; top: 0px;	font-size: 0.9em; padding: 6px 9px;}
  #news .owl-prev {
    background: url(../images/prev-black-sm.png) no-repeat !important;
    width: 16px;
    height: 24px;
  }
  #news .owl-next {
  background: url(../images/next-white-sm.png) no-repeat !important;
  width: 16px;
  height: 24px;
  }
  .news-text p {font-size: .85em; color: #666;}
  .news-text h3, .news-text .headline3 {font-size: 1.6em;}
  
  #news .owl-prev:hover,
  #spotlight .owl-prev:hover,
  #news .owl-prev:focus,
  #spotlight .owl-prev:focus {background: url(../images/prev-sm.png) no-repeat !important;}
  #news .owl-next:hover,
  #spotlight .owl-next:hover,
  #news .owl-next:focus,
  #spotlight .owl-next:focus {background: url(../images/next-sm.png) no-repeat !important;}  
  #events ul {margin: 10px 0 0 0px;padding-top: inherit; padding-bottom: inherit; padding-left: 15px; padding-right: 15px;}
  #events p.date {font-size: 20px;}
  #events p.time {font-size: 12px;}
  #events h3, #events .headline3 {font-size: 13px;}
}

@media only screen and (max-width:957px) {
	.logo {margin-top: 0px;}
  }	

/*////////////TABLETS///////////*/
@media only screen and (max-width:768px) {
  body {}
  .container {}
  .logo { height: 40px; padding: 10px;}
  .logo img {width: 260px;}
  .front header {/*margin-bottom: -22px;*/ clear: both;}
  
  .container header { overflow-y: hidden !important;}
  
  #highlighted {
      	position: relative;
       top: 0px;
       right: 0px;
       width: 100%;
       margin: 0;
  }
  #highlighted .region.region-highlighted  {margin: 0px;}
  
 /*MENUs*/
  .menu_audience {
  /*background: #3D6B9D;*/
  }
  .menu_audience ul.menu li {
  	/*background:#004681;
    border-left: solid 1px #3D6B9D !important;*/
    border-bottom: none;  
   }
   .menu_audience .menu {margin:0; float: left; text-align: left;}
  .menu_audience ul.menu li:hover,
  .menu_audience ul.menu li:hover.active,
  .menu_audience ul.menu li:focus,
  .menu_audience ul.menu li:hover.focus {/*background: #3D6B9D !important;*/}
  .menu_audience a,
  .menu_audience a:visited {
    /*padding-right: 2px;
    padding-left: 12px;*/
  }
  .menu_audience li:last-child a,
  .menu_audience li:last-child a:visited {
    /*padding-right: 12px;
    margin-right: -6px;*/
  }
  .menu_audience a.featured-link,
  .menu_audience a.featured-link:visited {/*padding-right: 10px;*/}  
  
  .menu_audience .menu li:hover ul,
  .menu_audience .menu li:focus ul {
  right:auto;
  margin-left: 0.6em;
}
/*mobile main menu*/
/*turn off secondary menu*/

/* 
.contentbox ul.menu {display:none !important;}

.main-sticky {
  position: relative !important;
}
.sticky-top-margin {padding-top: 0px !important;}

  .veggieburger {display: none;}    
  
 .mobile-menu-button {
  	position: absolute !important;
  	left: 10px;
  	top: -16px !important;
	background: #fff !important;
	color: #00467f !important;
  	font-size: 0px;
	height: 24px;
	max-height: 24px;
	min-height: 24px;
	width: 14px;
	max-width: 14px;
	min-width: 14px;
	text-align: center;
	padding: 0px;
	display: block;
	overflow: hidden;
  }   

  .mobile-menu-button:hover {} 
  .mobile-menu-button:before {content:'\2630'; font-size: 36px; margin-left: -10px; line-height: 60%;}
  
   
     #mobile-menu, .mobile-menu {
        background-color: #004681;
        color: #fff;
        float: none;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        margin: 0 0 10px 0;
        width: 111%;
        z-index: 20000;
      }
      #mobile-menu a, .mobile-menu a {color: #fff;}
      #mobile-menu ul, .mobile-menu ul,
      #mobile-menu li, .mobile-menu li {border: none;}
      
      #mobile-menu li.item-with-ul,
      mobile-menu li.item-with-ul,
      #mobile-menu-inner .menu,
      #mobile-menu-inner #menu {width: 100%; padding: 0; border: none; margin: 0;}
      
      #mobile-menu-inner div.submenu-title,
      .mobile-menu-inner div.submenu-title {border-bottom: none !important; padding: 5px 0; margin: 0px;}
      
      #mobile-menu-inner .menu-level-1 > ul > li > div.submenu-title,
      .mobile-menu-inner .menu-level-1 > ul > li > div.submenu-title {padding: 10px; border-bottom: none !important; border-top: solid 1px #fff;}
      
      button.nav-button {display: none !important; background: none !important; margin-top: -10000000;}
      
      #mobile-menu li.item-with-ul > :first-child,
      .mobile-menu li.item-with-ul > :first-child {
        background-image: url("../images/down-12.png");
        background-position: 90% center;
        background-repeat: no-repeat;
        float: left;
      }
 
      #mobile-menu li.item-with-ul > ul > li.item-with-ul > :first-child,
      .mobile-menu li.item-with-ul > li > li.item-with-ul > :first-child {
        background-position: 94% center;
      }      
      
      li#expanded > ul,
      li.expanded > ul {background: #002644;}
      
      li#expanded > ul > li#expanded ul,
      li.expanded > ul > li.expanded ul {background: #1b476e;}
      
      li#expanded > ul > li#expanded ul > li#expanded ul,
      li.expanded > ul > li.expanded ul > li.expanded ul {background: #37546e;}

      li#expanded > ul > li#expanded ul > li#expanded ul > li#expanded ul,
      li.expanded > ul > li.expanded ul > li.expanded ul > li.expanded ul {background: #52616e;}
      
      li#expanded > ul > li#expanded ul > li#expanded ul li > div.submenu-title a,
      li.expanded > ul > li.expanded ul > li.expanded ul li > div.submenu-title a {padding-left: 13% !important;}
                  
      .menu-block-2 > ul > li#expanded ul li,
      .menu-block-2 > ul > li.expanded ul li,
      .menu-block-2 > ul > li > ul > li#expanded ul li,
      .menu-block-2 > ul > li > ul > li.expanded ul li,
      .menu-block-2 > ul > lu > ul > li > ul > li#expanded ul li,
      .menu-block-2 > ul > lu > ul > li > ul > li.expanded ul li,
      .menu-block-2 > ul > lu > ul > li > ul > li > ul > li#expanded ul li,
      .menu-block-2 > ul > lu > ul > li > ul > li > ul > li.expanded ul li {border-top: solid 1px #3D6B9D !important; padding: 5px 0;}
      
      #mobile-menu li.item-with-ul a,
      .mobile-menu li.item-with-ul a {
        border-right: none !important;
      }
      
      #mobile-menu div.menu-attach-block-wrapper .content,
      .mobile-menu div.menu-attach-block-wrapper .content {padding: 10px 20px; color: #fff; font-size: 14px; font-weight: normal;}
      #mobile-menu div.menu-attach-block-wrapper .content h3,
      .mobile-menu div.menu-attach-block-wrapper .content h3{font-size: 14px; font-weight: normal;}
      
      
      #mobile-menu li ul li a { padding-left: 9%; width: 87%;}
      #mobile-menu li ul li ul li a { padding-left: 11%; width: 84%;}
      #mobile-menu li ul li ul li ul li a { padding-left: 13%; width: 82%;}
      #mobile-menu li ul li ul li ul li ul li a { padding-left: 15%; width: 80%;}*/
/*end mobile main menu*/ 
  
/*  .menu_main {font-size: .75em;}
  .menu_main li { padding: 1px; margin-left: -2px;}
  .menu_main li:first-child {padding-left: 4px;}
  .menu_main li:last-child {padding-right: 4px; margin-right: -20px;} 
  .menu_main a {
    display:inline-block;
    padding:6px;
  }
  .menu_main li:hover ul div.dropdown-container {
    -moz-column-count:2;
	-webkit-column-count:2;
	column-count:2;
}*/
  /*END MENUs*/
  	div.contentbox div.top-row {margin-top: 0px;}
  	.home .footer {margin-top: 0px;}
    div.social-links { width: 180px; float:none; margin: 0px; clear: both;}
    div.social-links img {width: 20px; height: 20px; padding: 4px;}
    
    .search {
    /*margin-top: 0px !important;
    position: relative;
    top: -8px !important;
    padding: 4px;
    width: 160px;*/
    }
    
    #owl-home div.home-slide-caption {width: 33%; left: 6%;}

	/*HOME SLIDE VIDEO*/
	.vido {}
	.vido iframe {
		max-height: 100% !important;

	}
	

    div.contact-buttons,
    div.usim-contact-buttons  {
     float: right !important;
     width: 100%;
    }
    div.contact-buttons-large {margin: -9px 0 0 0;}
    .front div.contact-buttons-large {margin: 0px;}
    div.contact-buttons-large a.apply-button,
    div.contact-buttons-large a.visit-button,
    div.contact-buttons-large a.request-button {font-size: 1.5em;}    
    .footer {max-width: 100%; overflow-x: hidden;}
    .footer ul.address {max-width: 100%;}
    .footer a.up {margin-top: 10px;}
    .menu_bottom {
      width:100%;
      clear: both;
      float:left;
      text-align:left;
      margin: 0px 0 10px -30px!important;
      padding:0;
    }
    .menu_bottom li { border-right: none;}
    .copyright {
      width:100%;
      clear: both;
			margin: 10px 0 30px 0;
	}
    .push {height: 6em; clear: both;}
    .footer {position: static;}
    .home .footer {position: absolute; z-index: 10;}
    
  	div.contact-buttons,
    div.usim-contact-buttons { margin-top: 25px; margin-bottom: 0px !important; text-align: right;}
    div.contact-buttons a.apply-button,
  	div.contact-buttons a.request-button,
  	div.contact-buttons a.visit-button,
    div.usim-contact-buttons a.apply-button,
  	div.usim-contact-buttons a.request-button,
  	div.usim-contact-buttons a.visit-button { float: none;} 
 
   .spotlight-text .content {padding: 5% 5%;}
   .spotlight-text p {font-size: .8em; margin: 5px 0px;}
   .spotlight-text h3, .spotlight-text .headline3 {font-size: 1.4em; line-height: 100%}
   .spotlight-text h3.type, .spotlight-text .headline3.type {font-size: 1.5em; margin-top: 5px;}
   .spotlight-text h3.title, .spotlight-text .headline3.title {font-size: 1em;}
   #spotlight a.more {top:5px;}

   .news-text h3, .news-text .headline3 {margin-top: 10px; margin-bottom: 5px; line-height: 110%;}
   .news-text p {margin: 0px 0px 5px 0px;}
   .news-text p.caption {display: none;}
   
   #events ul {margin: 0px;padding: 5px;}
   #events p.date {font-size: 16px;}
   #events p.time {font-size: 11px;}
   #events h3, #events .headline3 {font-size: 12px;}
}
/*////////////600px and Webkit///////////*/
@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:0) {
    .academic_department_page div.contact-buttons-large a.apply-button,
    .academic_department_page div.contact-buttons-large a.visit-button,
    .academic_department_page div.contact-buttons-large a.request-button { width: 33%;}
     #container > header {overflow-y: visible !important;}
}

/*////////////PHONES///////////*/

@media only screen and (max-width:640px) { /* Smartphone custom styles */

    body {overflow-y: visible;}

    .only-on-phone {display: inline !important;}
	.hide-on-phone {display: none !important;}
    
    .home .menu_audience {}
    .home .footer {position: static;}
    /* .home .menu_main {margin-bottom: 65px;} */
    .home div.social-links { margin-bottom: -200px; margin-top: 70px !important}
        
    #container > header {
      width: 100%;
      height:112px;
    }
/*     div.head-spacer {clear: both; height: 194px;} */
    #mobile-menu-wrapper {margin-top: 0px; clear: both;}
    .front div.maincontent {top: -34px !important;}
    
    /*Alert styles*/
    .alert-box { margin: 46px 0 -46px 0;}

    /*play button on videos in spotlight*/
    .view-id-spotlight .player-button {
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 60%;
    background-position: center center;
    background-size: 20%;
    margin: 0;
	}
    .view-id-spotlight div.video-link {
	position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: auto;
    height: 55%;
    opacity: 1;
	}
    .view-id-spotlight div.video-link img {visibility: hidden;}
    /*end play button*/
    
    #owl-home {margin-top: 50px;}
    #owl-home .owl-controls .owl-buttons {top: 25%;}
    #owl-home div.home-slide-caption { position: relative; background: transparent; color: #222; bottom: 0px; left: 0px; width: 55%; padding-right: 0; padding-left: 5%; float: left;}
    #owl-home div.home-slide-caption h2,
    #owl-home div.home-slide-caption .headline2 {font-size: 18px; /*margin: 10px 0 5px;*/}
    #owl-home div.home-slide-caption p {font-size: 12px;}   
	#owl-home a.home_slide_button {font-size: 0.9em; /*bottom: auto; top: 0px !important;*/ position: relative; float: right; margin-top: 10px;}


	.footer {margin-top: 0px; margin-bottom: 0px; min-height: 280px; z-index: 60;}

    .logo {bottom: auto; top: 20px; margin-left: -136px; width: 260px; max-width: 260px;}

  .mobile-menu-button {

  	top: auto !important;
  	bottom: 10px;
  } 
  
  .search {bottom: 16px !important; right: 20px !important; width: calc(100% - 130px);}

	div.contact-buttons,
    div.usim-contact-buttons {width: 100%; text-align: center !important; margin: 0px 0px 10px 0px !important;}

    a.apply-button,
    a.request-button,
    a.visit-button {
     min-width: 32%;
     max-width: 32%;
     padding: 8px 0px;
     font-size: .8em;
     float: left !important;
    }
    a.apply-button {margin-left: 1%;}
    
    .info {display: none; max-width: 99% !important;}
    div.spacer {
    	max-width: 102% !important;
     min-height: 500px;
     margin-right: 0px;
     opacity: 0;
    }
    div.social-links { width: 100%; min-width: 150px; overflow: hidden; margin-top: 10px !important; margin-bottom: 6px; padding: 0px !important; background: rgba(255,255,255,0);}
    div.social-links img {}
    
	#mobile-menu, .mobile-menu
	{
	  margin-top: 0px;
	}
	
	.menu_audience {font-size: 3vw;}
    /*MENUs*/

    .menu_audience,
    .menu_audience ul.menu {
      min-width: 100%;
      width: 100%;
      float:none;
      clear: both;
      transition: none;
      padding:0px;
      margin: 0;
      position: relative;
      height: 30px;
      
      
      display: flex;
      align-items: center !important;
      justify-content: space-around;
    }
    .menu_audience li {
		display: flex;
     	height: 28px;
      	min-height: 28px !important;
      	align-items: center !important;
      	justify-content: center !important;
      	Text-align: center !important;
    }
    
    .menu_audience li a {
    padding-top: 8px;
        display: block;
	}
	.menu_audience li a:hover {background: none;}
    
    .menu_audience .menu li.show-dropdown:hover ul {
  		display:none;
	}
    
    .menu_audience a.featured-link,
    .menu_audience a.featured-link:visited {position: relative !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; text-align: center; clear: both; border: none !important; padding-top: 16px; text-indent: -16px;}
    .menu_audience .menu li.mobile-fullwidth {
			width: 100% !important;
      position: absolute;
      max-height: 24px !important;
      min-height: 24px !important;
      height: 24px !important;
      top:34px;
    }
    .menu_audience a.ddown:after,
    .menu_audience .show-dropdown > a:after {
      content:"";
    }
    .menu_audience .show-dropdown {display: none !important;}
    li.transferology {border-right: none !important; clear: both;}
    .transferology-link {width: 100% !important; clear: both; text-align:center; margin-bottom: 40px;border-right: none; background-position-x: center;}
    .extra-link {word-break: break-all;}
      
    /*end menus */

    	.owl-carousel .owl-wrapper-outer {height: auto;}
     .spotlight-text p {font-size: .9em;}
     
     div#spotlight h2 ul.droplist, div#spotlight .headline2 ul.droplist {margin: 0px !important; padding: 0px !important;}
     
		.spotlight-text h3, .spotlight-text .headline3 {font-size: 1.5em; line-height: 110%; margin-top: 10px;}
		.spotlight-text h3.type, .spotlight-text .headline3.type {font-size: 1.55em;}
		.spotlight-text h3.title, .spotlight-text .headline3.title {font-size: 1.2em; line-height: 110%; margin-top: 5px; margin-bottom: 10px;}
     .news-text h3, .news-text .headline3,
     .spotlight-text h3, .spotlight-text .headline3 {margin-top: 10px; margin-bottom: 20px; line-height: 140%;}
     .news-text p,
     #spotlight p {margin: 0px 0px 20px 0px;}
     #spotlight a.more {margin-top:0px; top:-20px; margin-right: 0px;}
     .news-pic,
     .news-text,
     .spotlight-pic,
     .spotlight-text {float: none; width: 100%; margin: 0px; height: auto; padding-top:0px;}
     .spotlight-text .content {position: relative; padding-top:0px;}
     .news-text .content
      {margin: -20px  2px;}
     .news-text p {margin-top: -1em;}
     #news .owl-controls .owl-buttons,
     #spotlight .owl-controls .owl-buttons  {top: 25%;}
     #news .owl-prev,
     #spotlight .owl-prev {
      background: url(../images/prev-white-sm.png) no-repeat !important;
      width: 16px;
      height: 24px;
    	}
     #news .owl-next,
     #spotlight .owl-next {
      background: url(../images/next-white-sm.png) no-repeat !important;
      width: 16px;
      height: 24px;
    	}
     
     div#events {margin-top: 0px;}
     #spotlight h2 ul.droplist.down, #spotlight .headline2 ul.droplist.down,
     #events h2 small a, #events .headline2 small a {clear: both; display: inline-block; padding: 2px 5px 2px 0; margin-bottom: 20px; margin-left: 0px;}


     #events ul {margin: 0px; padding: 0 5%;}
     #events ul li {
      	display: block;
        float: none;
        width: 100%;
        border-right: none;
        border-bottom: solid 2px #d8dee2; 
      }
      #events ul li:last-child {border-bottom: none;}
      #events ul li div {
      	margin: 15px 10px 0 10px;
       min-height:120px;
 			 max-height: 120px;
      }
      #events p.date {font-size: 22px;}
  	  #events p.time {font-size: 12px;}
	  #events h3, #events .headline3 {font-size: 14px;}
  
      div.contact-buttons-large {margin: -9px 0 2px 0; display: none;}
      div.contact-buttons-large a.apply-button,
      div.contact-buttons-large a.visit-button,
      div.contact-buttons-large a.request-button {font-size: 0.8em !important;}
      
      .menu_bottom  {}
      .menu_bottom li {
        display:block;
        margin:0;
        padding: 10px;
        border-right: none;
        width: 100%;
        border-bottom: solid 1px #d8dee2; 
      }
      .footer div.campuses{
	  	max-width: 100% !important;
	  }
      .footer div.campuses img {
	  	max-width: 100% !important;
	  	height: auto;
	  	max-height: none;
	  }
            
}
@media only screen and (max-width:360px) { /* smaller Smartphone custom styles */
      div.head-spacer {clear: both; height: 100px;}
	  .menu_audience li a {
     padding-top: 0px;
	}
}

/*////ALBUM PHOTOS/////*/

.photos_album_menu,
.photos_album_header {
	border: none;
}
.photos_album_links a.active {color: black;}
.photos_image_list_view {
    margin: 0;
    padding: 0;
    border-bottom: none;
    display: inline-block;
   }