/*
-----------------------------------------------
Site: The Citadel - Global Styling
Author: EnergyHill
Version: 1.0 
Last Update: 10/15/18
-----------------------------------------------*/

/* Desktop Styling
-----------------------------------------------*/

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	background-color: #fff;
}
h1, h2, h3, h4 {
	font-family: 'EB Garamond', serif;
	color: #1F3A60;
	line-height: 1.1em;	
}
h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
a {text-decoration: none;}
/*img {display: block;}*/

iframe {
	max-width: 100%;
}

span.nowrap {
	white-space: nowrap;
}

.skip a, .skip a:hover, .skip a:visited {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.skip a:active, .skip a:focus {
	position:static;
	width:auto;
	height:auto;
} 

#stcpDiv {
	display: none !important;
}

/*Mini Grid*/
.grid-fixed {
	position: relative;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
.grid-full {
	position: relative;
	width: 100%;
}
.clearfix {
	clear: both;
}
.carrot {
	padding-left: 3px;
	font-size: .6em;
}
.button {
	display: inline-block; 
	padding: 8px 31px;
	color: #3975B7;
	font-size: 1.3em !important;
	text-transform: uppercase;
	border: 2px solid #3975B7;
}
.button:hover,
.button:active {
	color: #000;
	background-color: #1F3A60;
}
.mobile {
	display: none;
}
#back-to-top {
	display: none;
	position: fixed;
	bottom: 5%;
	right: 5%;
	width: 42px;
	height: 26px;
	text-indent: 100%;
	white-space: nowrap;
    overflow: hidden;
	background: transparent url("../shared/images/eh-global/arrow-up.png") no-repeat 0 0;
	background-size: 100%;
}

/*Header*/
header.main {
	background-color: #1F3A60;
	
}
header.main div.top {
	position: relative;
	margin: 0 auto;
	max-width: 960px;
	padding: 0 15px;
	display: table;
    width: 100%;
    box-sizing: border-box;
}
header.main .header-logo {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
}
header.main .header-logo img {
	max-width: 300px;
	width: 100%;
	vertical-align: middle;
}
header.main #main-logo-image {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 2;
}
header.main h2 {
	clear: both;
	display: block;
	line-height: 16px;
	float: right;
	margin: 35px 0 22px;
	width: 383px;
	color: #1F3A60;
	font-size: 1.4em;
	text-transform: uppercase;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background: transparent url("../shared/images/eh-global/header/main-header-headline.png?v=2.0.0") no-repeat 0 0;
}


header.main2 {
	background-color: #1A3152;
	
}
header.main2 div.top {
	position: relative;
	margin: 0 auto;
	max-width: 960px;
}
header.main2 h1 {
	position: absolute;
	top: 0;
	left: -26px;
	margin: 0;
	z-index: 2;
}
header.main2 h2 {
	clear: both;
	display: block;
	float: right;
	margin: 35px 0 22px;
	width: 383px;
	color: #1F3A60;
	font-size: 1.4em;
	text-transform: uppercase;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background: transparent url("../shared/images/eh-global/header/main-header-headline.png?v=2.0.0") no-repeat 0 0;
}

header.main .header-buttons {
	display: table-cell;
	vertical-align: middle;
}

header.main .header-buttons a {
	float: right;
}

header.main .header-buttons a .no-hover {
	display: block;
}

header.main .header-buttons a .with-hover {
	display: none;
}

header.main .header-buttons a:hover .no-hover {
	display: none;
}

header.main .header-buttons a:hover .with-hover {
	display: block;
}


header.main .apply-now {
	/*clear: both;
	display: block;
	float: right;
	margin: 0px 0 22px;
	width: 150px;
	height: 30px;
	color: #1F3A60;
	font-size: 1.4em;
	text-transform: uppercase;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background: transparent url("../shared/images/eh-global/header/header-apply-now.png") no-repeat 0 0;*/
}

header.main .dare-to-lead {
	float: left;
	margin: 23px 0 0 33px;
}


.top-links-wrap {
background-color:#1a3152
border-bottom: 1px solid #1a3152
}
/*Navs*/
nav.alt,
nav.main {
	font-family: 'Open Sans', serif;
	font-size: 1em;
}

/*Alt Nav*/
nav.alt {
	float: right;
	margin: 10px;
}
nav.alt ul,
nav.alt .moduletable {
	float: left;
	margin-bottom: 0;
}
nav.alt .moduletable {
	margin: 0 !important;
	max-width: 100% !important;
	line-height: 26px;
}
nav.alt li {
	float: left;
	margin-right: 20px;
}
nav.alt a {
	float: left;
	color: #fff;
	font-size: .8em;
}
nav.alt a:hover {
	color: #3975B7;
}
nav.alt form {
	float: left;
	/*margin-left: 75px;*/
}
nav.alt form input {
	/*width: 50%;*/
	border: 0;
	padding: 5px;
}

.search button {
	color: #fff;
	text-transform: uppercase;
	background: #3975B7;
	line-height: 24px;
	border: none;
	cursor: pointer;
}

.search button:hover {
	background-color: #fff;
	color: #3975B7;
}


/*Main Nav*/
nav.main {
	/*position: absolute;*/
	/*border-top: 3px solid #3975B7;
	border-bottom: 3px solid #3975B7;*/
	background-color: #3975B7;
}
nav.main > ul {
	width: 100%;
    max-width: 960px;
    text-align: center;
    display: table;
    padding: 0;
    box-sizing: border-box;
}
nav.main li {
	margin: 0;
	display: inline-block;
}
nav.main > ul > li > a:hover {
	color: #1a3152;
}
nav.main a {
	display: block;
	padding: 13px 11px 10px;
	color: #fff;
	/*font-size: 1.16em;
	line-height: 17px;*/
	text-transform: uppercase;
	text-align: center;
}
nav.main a.active,
nav.main a.active:hover {
	color: #3975B7;
	cursor: default;
	background-color: #fff;
}
nav.main a:hover {
	background-color: #3975B7;
}

/*Subnav*/
.subnav {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	/*margin-left: -47%;*/
	padding: 22px 19px;
	width: 100%;
	background: #fff;
	border-left: 1px solid #3975B7;
	border-right: 1px solid #3975B7;
	border-bottom: 1px solid #3975B7;
	z-index: 99;
	max-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}
.subnav.mobile-show {
	display: block !important;
}
nav.main .subnav ul {
	float: left;
	margin: 0 10px;
	width: 18%;
}
@media screen and (min-width: 749px) {

nav.main .subnav.two ul {
	width: calc(50% - 20px);
}

nav.main .subnav.three ul {
	width: calc(33.333% - 20px);
}

nav.main .subnav.four ul {
	width: calc(25% - 20px);
}

nav.main .subnav.five ul {
	width: calc(20% - 20px);
}

}

nav.main .subnav li {
	display: block;
	float: none;
	margin: 0 0 5px;
	padding-bottom: 4px;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
nav.main .subnav li.title {
	margin-bottom: 15px;
	padding: 0;
	min-height: 40px;
	border: 0 none;
	font-weight: bold;
}
nav.main .subnav li.title a {
	font-size: 1.1em;
	text-transform: uppercase;
}
nav.main .subnav a {
	display: block;
	padding: 0;
	color: #1F3A60;
	text-align: left;
	text-transform: none;
}
nav.main .subnav a:hover {
	background: transparent;
	color: #3975B7;
}
.bottom-content .newsroom-button {
	text-align: center;
	padding: 50px 0;
}
.bottom-content .newsroom-button a {
	display: inline-block;
	padding: 15px 20px;
	margin: 15px;
	background-color: #3975B7;
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
	box-sizing: border-box;
}
.bottom-content .newsroom-button a:hover {
	background-color: #1f3a60;
}

/*Billboard*/
#billboard {
	position: relative;
	padding: 1px 0 35.1% 0;
	/*border-top: 1px solid #1F3A60;*/
	background-color: #1F3A60;
	height: 0;
	overflow: hidden;
}
#billboard .custom {
	position: relative;
	padding: 1px 0 35.1% 0;
	height: 0;
	overflow: hidden;
}
#billboard .arrow-left,
#billboard .arrow-right {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	width: 26px;
	height: 43px;
	cursor: pointer;
	background: transparent url("../shared/images/eh-global/billboard/arrow-nav-icons.png?v=2.0.0") no-repeat;
	z-index: 2;
}
#billboard .arrow-left {
	left: 6.3%;
	background-position: 0 0;
}
#billboard .arrow-left:hover {
	background-position: -25px 0;
}
#billboard .arrow-right {
	right: 6.3%;
	background-position: -79px; 0;
}
#billboard .arrow-right:hover {
	background-position: -53px 0;
}
#billboard .nav-wrap {
	position: absolute;
	top: 93.4%;
	left: 50%;
	margin-left: -40%;
	width: 80%;
	height: 11px;
	text-align: center;
	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	z-index: 2;
}
#billboard .nav-wrap .nav-btn-wrap {
	padding: 0 4px;
}
#billboard .nav-wrap .nav-btn {
	display: inline-block;
	margin: 0 auto;
	width: 11px;
	height: 11px;
	cursor: pointer;
	background: transparent url("../shared/images/eh-global/billboard/square-nav-icons.png?v=2.0.0") no-repeat -11px 0;
}
#billboard .nav-wrap .nav-btn.current {
	background-position: 0 0;
}

.iosslider,
.iosslider .custom {
	width: 100%;
	
	/* this height ends up being your maximum height, 
	 * if you want it to scale forever, set it to 
	 * a very high number */
	height: 1500px;
}

/* slider */
.iosslider .slider {
	/* required */
	width: 100%;
	height: 100%;
}

#billboard .slider .moduletable {
	margin: 0 !important;
	max-width: 100% !important;
}

/* slide */
.iosslider .slider .item {
	/* required */
	float: left;
	width: 100%;
}

.iosslider .slider .item img {
	width: 100%;
	height: auto;
}

.slider-content {
	position: absolute;
  	top: 29.7%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
	width: 100%;
	text-align: center;
}
.slider-content .headline {
	display: block;
	padding-bottom: 20px;
	font-family: 'EB Garamond', serif;
	color: #fff;
	font-size: 4em;
	text-shadow: 0 0 8px #000;
}
.slider:not(.homepage-slider) .slider-content {
  	top: 50%;
}
.slider:not(.homepage-slider) .slider-content .headline {
	padding-bottom: 0;
	line-height: 1em;
	margin-top: 0 !important;
}
.slider-content .text {
	display: block;
    padding-bottom: 0;
    max-width: 600px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 3em;
    text-shadow: 0 0 8px #000;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 1em;
}
.slider-content .button {
	font-family: 'EB Garamond', serif;
	padding: 12px 49px;
	width: auto;
	color: #fff;
	font-size: 1.7em !important;
	text-transform: none;
	border: 2px solid #3975B7;
	background-color: #3975B7;
	text-shadow: none;
}
.slider-content .button:hover,
.slider-content .button:active {
	border: 2px solid #1F3A60;
	background-color: #1F3A60;
}


/*Footer*/
footer.main {
	clear: both;
	/*font-family: 'Raleway', sans-serif;*/
}
footer.main a {
	font-size: .9em;
}
footer.main a:hover {
	color: #1F3A60;
}
footer.main .large {
	text-transform: uppercase;
}

/*Top Footer*/
.footer-top-wrap {
	color: #fff;
	background-color: #3975B7;
	padding: 10px;
	box-sizing: border-box;
}
.footer-top-wrap a {
	color: #fff;
}
.footer-top {
	/*height: 310px;*/
	text-align: center;
	max-width: 960px !important;
}
.footer-top ul,
.footer-top .info {
	display: inline-block;
	vertical-align: middle;
}

.footer-top .info {
	max-width: 332px;
}

/*Footer Left Nav*/
.footer-top ul.left-nav {
	margin: 0 40px 0 0;
	text-align: right;
	display: inline-block;
	padding-right: 12px;
	border-right: 1px solid #ffffff;
	width: calc((100% - 376px) / 2);
}
.footer-top ul.left-nav li {
	margin: 0 0 7px 0; 
}  
.footer-top ul.left-nav li.logo {
	margin: 0 0 19px 0
}
.footer-top ul.left-nav li.logo {
	margin: 0 0 19px 0
}
.footer-top ul.left-nav li.logo a {
	display: block;
	width: 134px;
	height: 37px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: none;
}

/*Footer Info*/
div.info {
	/*position: relative;
	margin-top: 96px;
	width: 45%;*/
	text-align: center;
	/*border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
}

div.info a.map {
	display: inline-block;
	/*position: absolute;
	top: -85px;
	left: 50%;
	margin-left: -93.5px;*/
	width: 175px;
	/*height: 210px;*/
}
div.info a.map img {
	max-width: 150px;
}
div.info p {
	/*margin: 98px 0 9px;*/
	line-height: 17px;
	text-align: center;
	margin: 0;
}
div.info ul {
	display: inline-block;
	float: none;
}
div.info li {
	float: left;
	padding: 0 16px;
	color: #1F3A60;
	border-right: 1px solid #1F3A60;
}
div.info li:last-child {
	border: 0;
}
div.info li a {
	color: #1F3A60;
}

/*Footer A-Z and more*/
div.info2 {
	position: relative;
	text-align: center;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 15px;
}

div.info2 a.map {
	display: block;
	position: absolute;
	top: -85px;
	left: 50%;
	margin-left: -93.5px;
	width: 175px;
	height: 210px;
}
div.info2 p {
	margin: 98px 0 9px;
	line-height: 17px;
	text-align: center;
}
div.info2 ul {
	display: inline-block;
	float: none;
	margin-bottom: 0;
}
div.info2 li {
	float: left;
	padding: 0 16px;
	color: #1F3A60;
	border-right: 1px solid #1F3A60;
	margin: 0;
}
div.info2 li:last-child {
	border: 0;
}
div.info2 li a {
	color: #1F3A60;
}

div.info2 a:hover {
	text-decoration: underline;
}

/*Footer Right Nav*/
.footer-top ul.right-nav {
	/*margin-top: 94px;*/
	text-align: left;
	margin: 0 0 0 40px;
	padding-left: 12px;
	border-left: 1px solid #ffffff;
	width: calc((100% - 376px) / 2);
}
.footer-top ul.right-nav li {
	margin: 0 0 7px 0; 
}  

/*Social Links*/
.social-links {
	/*float: left;*/
	/*margin: 37px 0 0 15px;*/
	display: block !important;
	margin: 0;
}
.social-links li {
	/*float: left;*/
	margin: 10px 8px 20px;
	display: inline-block;
}
.social-links a {
	display: block;
	font-size: 25px !important;
	/*float: left;
	width: 25px;
	height: 23px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background: transparent url("../shared/images/eh-global/footer/social-icons.png") no-repeat;*/
}
.social-links a.facebook { background-position: 0 0; }
.social-links a.twitter { background-position: -25px 0; }
.social-links a.instagram { background-position: -50px 0; }
.social-links a.linkedin { background-position: -75px 0; }
.social-links a.youtube { background-position: -100px 0; }
.social-links a.google { background-position: -125px 0; }


.footer-address {
	padding-bottom: 35px;
	line-height: 1.3em;
}

/*Bottom Footer*/
.footer-bottom-wrap {
	background-color: #fff;
}
.footer-bottom {
	position: relative;
	padding: 43px 0 15px;
}
.primary {
	position: absolute;
	bottom: -28px;
	left: 0;
	z-index: 1;
	margin: 0;
}
.primary li {
	/*float: left;*/
	/*margin: 0 77px;*/
	display: inline-block;
	width: 32%;
	margin: 0;
}
.primary a {
	color: #1F3A60;
}
.primary .button {
	/*display: block;*/
	padding: 11px 24px;
	font-size: 1.15em !important;
	font-weight: bold;
	background-color: #fff;
}
.primary .button:hover,
.primary .button:active {
	color: #fff;
	border: 2px solid #fff;
	background-color: #1F3A60;
}
.footer-bottom p {
	font-size: .8em;
	color: #000;
}
.footer-bottom p a {
	font-size: 1em;
	color: #000;
	text-decoration: underline;
}
.footer-bottom p {
	padding-top: 4px;
	width: 46%;
	font-size: 12px;
}
.footer-bottom p .large {
	display: block;
	font-size: 12px;
	font-weight: bold;
}
.footer-bottom p.left-copy {
	float: left;
	padding-right: 37px;
	text-align: right;
	border-right: 1px solid #1F3A60;
}
.footer-bottom p.right-copy {
	float: right;
	text-align: left;
}

#sidebar_new_buttons {
	padding: 0;
}

.sidebar-ad, .sidebar-new-buttons {
	display: block;
}

.sidebar-ad a, .sidebar-new-buttons a {
	width: 100%;
	display: flex;
	display: grid;
	grid-template-columns: 44px auto;
	background-color: #1F3A60;
	color: #ffffff !important;
	font-size: 14px;
}

.sidebar-ad a:hover span, .sidebar-new-buttons a:hover span {
	text-decoration: none;
	background-color: #3975B7;
}

.sidebar-ad a .fas, .sidebar-ad a .far, .sidebar-new-buttons a .fas, .sidebar-new-buttons a .far {
	background-color: #1A3152;
	padding: 12px 10px;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar-ad a:hover .fas, .sidebar-ad a:hover .far, .sidebar-new-buttons a:hover .fas, .sidebar-new-buttons a:hover .far {
	background-color: #1F3A60;
}

.sidebar-ad a span, .sidebar-new-buttons a span {
	padding: 10px;
	font-size: 1.2em;
	vertical-align: text-bottom;
	text-align: left;
	background-color: #1F3A60;
}

#page-new-buttons {
	width: 100%;
	text-align: center;
}

#page-new-buttons .sidebar-new-buttons {
	margin-right: 10px;
	width: calc(50% - 14px);
	display: inline-block;
}

#page-new-buttons.three-new-buttons .sidebar-new-buttons {
	width: calc(33.33% - 14px);
}

#page-new-buttons .sidebar-new-buttons:nth-last-child(1) {
	margin-right: 0;
	width: 50%;
}

#page-new-buttons.three-new-buttons .sidebar-new-buttons:nth-last-child(1) {
	margin-right: 0;
	width: 33.33%;
}


/*Full Width Template Styles*/

#billboard.full-width-template {
	padding: 1px 0 25% 0 !important
}

#full-width {
	margin-top: 0;
	overflow: visible;
	max-width: 100%;
}

#full-width .grid_12 {
	padding: 50px 15px;
}

#full-width #content {
	margin: 0 auto;
    padding: 0 15px;
    max-width: 960px;
}

#full-width .item-page p:nth-last-child(1) {
	margin-bottom: 0;
}

#full-width .moduletable {
	max-width: 960px;
	margin: 0 auto;
}

#full-width .interior-cta {
	background-color: #3975B7;
	padding: 30px 15px;
}

#full-width .interior-cta p {
	margin: 0;
}

#full-width .interior-cta a {
	color: #fff;
    display: block;
    width: calc(33.3333% - 30px);
    padding: 0 15px;
    float: left;
    text-align: center;
}

#full-width .interior-cta a i {
	color: #ffffff;
    background-color: #1f3a60;
    padding: 13px 9px;
    font-size: 34px;
    border-radius: 50px;
    border: 3px solid #ffffff;
    margin-bottom: 10px;
    transition: all ease .25s;
}

#full-width .interior-cta a:hover i {
	background-color: #fff;
	color: #1f3a60;
}

#full-width .interior-cta a span {
    display: block;
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
}

#full-width .interior-testimonial p {
	font-size: 18px;
}

#full-width .interior-testimonial table {
	margin-bottom: 0;
}

#full-width .interior-testimonial .profile-image {
	border-radius: 50%;
	max-width: 175px;
	margin-right: 15px;
}

#full-width .interior-testimonial .quote {
	font-size: 34px;
    font-family: serif;
    line-height: 45px;
    color: #1f3a60;
    margin-right: 15px;
}

#full-width .video {
    background: transparent url(../citadel-new-home/images/eh-landing-page/video-bg.jpg) no-repeat center top;
    background-size: cover;
}

#full-width .interior-video {
	padding: 0;
}

#full-width .interior-video .moduletable {
	width: 100%;
	max-width: 100%;
}

#full-width .video-player {
	margin: 0 auto;
	max-width: 760px;
	height: 407px;
}

#full-width .video-player iframe {
    position: relative;
    width: 100%;
    height: 100%;
}

#full-width .interior-menu {
	background-color: #1f3a60;
	padding: 15px;
}

#full-width .interior-menu h3 {
	display: none;
}

#full-width .interior-menu ul {
	list-style: none;
    margin: 0;
    text-align: center;
}

#full-width .interior-menu li {
	margin: 5px 0;
    display: inline-block;
    border-right: 1px solid #fff;
}

#full-width .interior-menu li ul {
	display: none;
}

#full-width .interior-menu li:nth-last-child(1) {
	border: none;
}

#full-width .interior-menu a {
    padding: 0 10px;
    color: #fff;	
}


/*-----------------------------------------------*/

/* Global Tablet Styling
-------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 980px) {
	body {
		min-width: 100%;
	}

	.grid-fixed {
		/*max-width: 800px;*/
		width: 100%;
	}

	/*Billboard*/
	.slider-content .button:hover {
		color: #fff;
		/*background: transparent url("../shared/images/eh-global/billboard/button-bg.png") repeat 0 0;*/
	}

	.button:hover {
		color: #000;
		background-color: transparent;
	}


	/*Header*/
	header.main div.top {
		/*padding-left: 38%;
		width: 61.5%;*/
	}
	header.main .header-logo, header.main #main-logo-image {
		left: 15px;
	}

	nav.alt .menu {
		margin-bottom: 0;
	}

	nav.alt li {
		margin-right: 12px;
	}
	nav.alt form {
		margin-left: 0;
		/*width: 28%;*/
	}
	nav.alt a {
		font-size: 1.1em;
	}
	header.main h2 {
		/*width: 85%;*/
	}
	header.main .dare-to-lead {
		display: none;
	}

	/*Main Nav*/
	nav.main ul {
		/*width: 755px;*/
		max-width: 100%;
		text-align: center;
	}
	nav.main li {
		/*margin: 0 1.2px;*/
	}
	nav.main a {
		padding-left: 6px;
		padding-right: 6px;
		font-size: .8em;
	}

	/*Footer*/
	.footer-top ul.left-nav {
		/*margin-left: 78px;*/
	}
	.social-links {
		margin-left: 0;
	}
	.social-links li {
		/*margin-right: 2px;*/
	}
	.primary li {
		/*margin: 0 5.9%;*/
	}
	.primary .button:hover {
		color: #1F3A60;
		border: 2px solid #1F3A60;
		background-color: #fff;
	}
	.footer-bottom p.left-copy {
		padding-right: 30px;
	}
}

/*-----------------------------------------------*/

/* Global Mobile Styling
-------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 748px) {
	body {
		min-width: 100%;
	}

	/*Landing Page - Width Resets*/
	.grid-fixed,
	header.main div.top,
	.subnav,
	nav.main .subnav ul,
	nav.main .subnav li,
	div.info,
	.footer-bottom p, 
	.footer-bottom p a {
		padding: 0;
		width: 100%;
		max-width: 100%;
	}

	.footer-top ul.left-nav, .footer-top ul.right-nav {
		display: none;
	}

	/*View Resets*/
	.desktop { display: none; }
	.mobile { display: block; }

	h3 {
		font-size: 2.9em;
	}
	.carrot {
		padding-left: 12px;
	}

	/*Header*/
	header.main {
		position: relative;
		z-index: 2;
	}
	header.main div.top {
		/*padding-top: 51px;*/
	}
	header.main .header-logo {
		/*top: auto;
		bottom: -55px;
		left: 10px;
		z-index: 1;*/
	}
	header.main h2 {
		/*float: none;
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		padding: 11px 0 6px;
		width: 100%;
		height: 34px;
		color: #fff;
		text-align: center;
		font-size: 1.3em;
		line-height: 21px;
		background: #1F3A60 url("../shared/images/eh-global/header/main-header-mobile-headline.png") no-repeat center center;
		z-index: 2;*/
		display: none;
	}

	header.main .header-buttons {
		display: none;
	}

	/*Header Nav*/

	nav.alt {
		position: relative;
		z-index: 2;
		float: none;
		margin: 0; 
	}
	nav.alt ul {
		display: none;
	}

	/*Search Form*/
	nav.alt form {
		display: block;
		margin: 0;
		max-height: 0;
		width: 100%;
		overflow: hidden;
		-moz-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
		-ms-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
		-o-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
		-webkit-transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
		transition: max-height 1.5s cubic-bezier(0, 1.05, 0, 1);
	}
	nav.alt form.mobile-active {
		max-height: 100px;
		-moz-transition: max-height 1s ease;
		-ms-transition: max-height 1s ease;
		-o-transition: max-height 1s ease;
		-webkit-transition: max-height 1s ease;
		transition: max-height 1s ease;
	}
	nav.alt form input {
		display: block;
		float: left;
		margin: 0;
		padding: 0 0 0 5%;
		width: 65%;
		height: 30px;
		border: 0;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.search button {
		display: block;
		float: left;
		padding: 0;
		width: 30%;
		height: 30px;
		line-height: 30px;
		border: 0;
		cursor: pointer;
		border-left: 2px solid #3975B7;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	/*Search/Nav Btns*/
	.mobile-header-buttons {
		display: table-cell;
	    vertical-align: middle;
	    padding-right: 15px;
	    padding: 15px 15px 15px 0;
	    text-align: right;
	    min-width: 124px;
	}

	.search-btn,
	.nav-btn {
		background-color: #3975B7;
		font-size: 24px;
		color: #fff;
		padding: 10px 12px;
		text-decoration: none;
		display: inline-block;
		margin-left: 5px;
	}

	/*Main Nav*/
	nav.main {
		display: block;
		position: static;
		max-height: 0;
		/*padding-top: 0;*/
		border: 0;
		background-color: #1F3A60;
		overflow: hidden;
		-moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
	}
	nav.main.mobile-active {
		/*padding-top: 63px;*/
		max-height: 20000px;
		-moz-transition: max-height 5s ease;
		-ms-transition: max-height 5s ease;
		-o-transition: max-height 5s ease;
		-webkit-transition: max-height 5s ease;
		transition: max-height 5s ease;
	}
	nav.main.mobile-active.extended {
		max-height: 20000px;
	}

	nav.main ul {
		margin-top: 40px;
	}

	nav.main li {
		margin: 0;
		width: 100%;
		border-bottom: 1px solid #1F3A60;
	}
	nav.main > ul > li > a:hover {
		color: #3975B7;
	}
	nav.main a {
		padding: 7px 41px;
		text-align: left;
		text-transform: none;
		font-size: 2.1em;
		line-height: 26px;
		background: transparent url("../shared/images/eh-global/header/nav-icons/plus-icons.png") no-repeat 10px 0;
	}
	nav.main a.mobile-active {
		background-position: 10px -40px;
	}
	nav.main a.active:hover,
	nav.main a:hover {
		background-color: #1F3A60;
	}
	.subnav {
		display: block;
		position: static;
		top: auto;
		left: auto;
		float: left;
		margin: 0;
		max-height: 0;
		border: 0;
		background-color: #fff;
		overflow: hidden;
		-moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
	}
	.subnav.mobile-active {
		max-height: 5000px;
		-moz-transition: max-height 1s ease;
		-ms-transition: max-height 1s ease;
		-o-transition: max-height 1s ease;
		-webkit-transition: max-height 1s ease;
		transition: max-height 1s ease;
	}
	nav.main .subnav li,
	nav.main .subnav li.title {
		float: left;
		margin: 0;
	}
	nav.main .subnav ul {
		margin-top: 0;
	}
	nav.main .subnav li {
		display: block;
		max-height: 0;
		padding-bottom: 0;
		overflow: hidden;
		border: 0;
		-moz-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-ms-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-o-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		-webkit-transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
		transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
	}
	nav.main .subnav li.mobile-active {
		max-height: 80px;
		border-bottom: 1px dotted #3975B7;
		-moz-transition: max-height 1s ease;
		-ms-transition: max-height 1s ease;
		-o-transition: max-height 1s ease;
		-webkit-transition: max-height 1s ease;
		transition: max-height 1s ease;
	}
	nav.main .subnav li.title {
		display: block;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #b7b7b7;
	}
	nav.main .subnav li.title.mobile-none {
		display: none;
	}
	nav.main .subnav li a {
		display: block;
		padding: 7px 0px 4px 51px;
		color: #3975B7;
		font-size: 1.3em;
		text-transform: none;
		background: transparent;
	}
	nav.main .subnav li.title a {
		font-size: 1.5em;
		text-transform: none;
		background: transparent url("../shared/images/eh-global/header/nav-icons/plus-icons.png") no-repeat 22px -82px;
	}
	nav.main .subnav li.title a.mobile-active {
		background-position: 22px -122px;
	}

	.sidebar-ad {
		display: inline-block;
		margin-right: 5px;
	}

	.sidebar-ad a span {
		padding: 10px 15px;
	}
	
	/*Billboard*/
	#billboard,
	#billboard .custom {
		padding-bottom: 59.5%;
		/*border-bottom: 8px solid #3975B7;*/
		background-color: #1F3A60;
	}
	#billboard.overwrite {
		padding: 0 0 59.5% 0 !important;
	}
	.slider-content {
		top: 48%;
	}
	.slider-content .headline {
		font-size: 3em;
	}
	.slider-content .button {
		padding: 7px 34px;
	}
	#billboard .arrow-left,
	#billboard .arrow-right {
		top: 44.3%;
		width: 13px;
		height: 18px;
		background: transparent url("../shared/images/eh-global/billboard/arrow-nav-mobile-icons.png?v=2.0.0") no-repeat;
	}
	#billboard .arrow-left {
		left: 3.5%;
		background-position: 0 0;
	}
	#billboard .arrow-left:hover,
	#billboard .arrow-left:active {
		background-position: 0 0;
	}
	#billboard .arrow-right {
		right: 3.5%;
		background-position: -39px 0;
	}
	#billboard .arrow-right:hover,
	#billboard .arrow-right:active {
		background-position: -39px 0;
	}
	#billboard .nav-wrap {
		display: none;
	}

	/*Footer*/
	.footer-top-wrap {
		float: left;
	}
	.footer-top ul, 
	.footer-top .info {
		float: none;
	}

	.footer-top ul.left-nav li,
	.footer-top ul.right-nav {
		display: none;
	}
	div.info {
		float: none;
		margin: 0;
		border: 0;
	}
	div.info a.map {
		/*position: static;
		top: auto;
		left: auto;
		margin: 27px auto 18px;*/
	}
	div.info p {
		margin: 0;
		font-family: 'Open Sans', sans-serif;
		font-size: 1.3em;
		line-height: 23px;
	}
	div.info p .mobile-large {
		display: block;
		padding-bottom: 7px;
		font-size: 1.8em;
	}
	div.info p .mobile-drop {
		display: block;
		height: 0;
		text-indent: 100%;
	    white-space: nowrap;
	    overflow: hidden;
	}
	div.info ul {
		margin-top: 20px;
		font-size: 1.1em;
	}
	.social-links {
		display: block;
		margin: 0 auto;
		/*width: 92%;*/
		width: 100%;
	}
	.social-links li {
		/*display: block;
		margin: 0 3.2% 20px !important;*/
		/*width: 50px;*/
		margin: 10px 8px;
	}
	/*.social-links a {
		width: 50px;
		height: 50px;
	}
	.social-links a.facebook { background-position: 0 -23px; }
	.social-links a.twitter { background-position: -50px -23px; }
	.social-links a.instagram { background-position: -100px -23px; }
	.social-links a.linkedin { background-position: -150px -23px; }
	.social-links a.youtube { background-position: -200px -23px; }
	.social-links a.google { background-position: -250px -23px; }*/
	.footer-top ul.primary {
		position: static;
		bottom: auto;
		left: auto;
		float: left;
		margin: 25px 0 19px;
	}
	.primary li {
		float: none;
		margin: 0 0 8px;
		width: 100%;
	}
	.primary .button {
		margin: auto;
		padding: 0;
		width: 80%;
		text-align: center;
	}
	.bottom-content .newsroom-button {
		padding: 0;
	}
	.bottom-content .newsroom-button a {
		display: block;
		width: 100%;
		margin: 15px 0;
	}
	.footer-top-wrap .primary a {
		padding: 16px;
		font-size: 1.7em !important;
		color: #1F3A60;
	}
	.footer-bottom-wrap {
		clear: both;
	}
	.footer-bottom p.left-copy,
	.footer-bottom p.right-copy {
		/*font-family: 'Vollkorn', serif;*/
		float: none;
		border-right: 0;
		text-align: center
	}
	.footer-bottom p .large {
		font-size: 1.5em;
		font-weight: bold;
		padding-bottom: 5px;
	}
	.footer-bottom p.left-copy, .footer-bottom p.right-copy {
		padding: 20px 15px;
		box-sizing: border-box;
		border-bottom: 1px solid #000;
	}
	.footer-bottom p .mobile-break {
		display: block;
		padding: 4px 0;
		font-size: 1.4em;
		line-height: 19px;
		text-align: center;
	}

	div.info2 li {
		padding: 0 8px;
	}

	#page-new-buttons .sidebar-new-buttons, #page-new-buttons .sidebar-new-buttons:nth-last-child(1), #page-new-buttons.three-new-buttons .sidebar-new-buttons, #page-new-buttons.three-new-buttons .sidebar-new-buttons:nth-last-child(1) {
		width: 100%;
		margin: 0 0 15px;
	}

	.slider-content .text {
		display: none;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .sidebar-ad a span, .sidebar-new-buttons a span {
		width: calc(100% - 65px);
	}
}

@media only screen and (min-width: 0) and (max-width: 600px) {
	.facultyPageTable td {
		display: block !important;
		width: 100% !important;
		border-right: none !important;
	}

	#full-width .interior-cta a {
		display: block;
		float: none;
		margin: 0 auto 20px;
	}

	#full-width .interior-cta a:nth-last-child(1) {
		margin-bottom: 0;
	}

	#full-width .interior-testimonial table td {
		display: block;
		width: 100% !important;
	}

	#full-width .interior-testimonial table img {
		margin-bottom: 15px;
	}

	#full-width .interior-testimonial table:nth-child(1) {
		margin-bottom: 15px;
	}

	#full-width .interior-testimonial table:nth-last-child(1) {
		text-align: center;
	}
}


.mobileHide{ display: none;}