/* REGION: HEADER
----------------------------------------------- */
#header {
	background-color:#f8fbff;
	padding:0;
}

@media(max-width:600px) {
	#header {
		display: none;
	}
}

#header > .grid-container:first-child {
	background: #667485;
	border-bottom: 3px solid #820000;
	position: relative;
}

#header > .grid-container:first-child:before,
#header > .grid-container:first-child:after {
	background: inherit;
	border: inherit;
	bottom: -3px;
	content:"";
	position: absolute;
	top: 0;
	width: 50vw;
}

#header > .grid-container:first-child:before {
	right: 100%;
}

#header > .grid-container:first-child:after {
	left: 100%;
}

/*@media (max-width: 1200px) {
	#header-links .grid-container {
	    padding-left: 0;
	    padding-right: 0;
	}
}*/

#header-links .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

@media(min-width: 1401px) {
	#header-links {
		position: absolute;
		right: calc((100vw - 1400px) / 2);
		top: 0;
		z-index: 7;
	}
}

@media(max-width:1400px) and (min-width:1201px) {
	#header-links {
		right: 0;
	}
}

@media(min-width:1201px) {
	#header-links {
		font-size: 1rem;
		position: absolute;
		top: 0;
		z-index: 9;
	}

	#header-links .menu {
		align-items: center;
		padding-right: 1rem;
	}

	#region-navigation.fixed #header-links {
		background-color: #667485;
		left: -1.25rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		right: -1.25rem;
	}

	#region-navigation.fixed #header-links .menu {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
	}

	#region-navigation.fixed #header-links:before,
	#region-navigation.fixed #header-links:after {
		background-color: inherit;
		bottom: 0;
		content:"";
		position: absolute;
		top: 0;
		width: 50vw;
	}

	#region-navigation.fixed #header-links:before {
		right: 100%;
	}

	#region-navigation.fixed #header-links:after {
		left: 100%;
	}
}

@media (max-width:1200px) {
	#header-links {
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		width: 100%;
	}

	#header-links .menu {
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		width: 100%;
	}
}

#header-links li {
	color: #fff;
	font-weight: 700;
}

#header-links a {
    color: inherit;
    line-height: inherit;
	padding: 0;
}

@media(max-width:1200px) {
	#header-links {
		color: #97d9f3;
		margin-top: 1.5rem;
	}
}

#header-links .menu > li {
	position: relative;
}

#header-links #quick-links .button {
	color: #242526;
}

@media(min-width:1201px) {
	#header-links .menu > li,
	#header-links .menu > #quick-links li {
		cursor: default;
		line-height: 1rem;
		padding: .5rem 1.125rem;
	}

	#header-links .menu > li {
		padding-bottom: 1rem;
		padding-top: 1rem;
	}

	#header-links .menu > li:nth-last-child(2),
	#header-links .menu > li:last-child {
		padding: 0;
	}
}

@media(max-width:1200px) {

	#header-links .menu > li {
		cursor: default;
		padding-top: .5625rem;
	}

	#header-links .menu > li:nth-last-child(2) {
		color: #292929;
	}

	/* #header-links .grid-container > .menu > li:not(:nth-last-child(-n+2)) { */
	#header-links .container > .menu > li:not(:nth-last-child(-n+2)) {
		padding-left: 1rem;
	}
}

#header-links .menu-label {
	color: #fff;
    font-size: 1rem;
    line-height: 1;
    margin: 0;
    padding: 0;
}

#header-links .button {
	background: #eab21f;
	border-radius: 0;
    box-shadow: none;
	color: inherit;
	line-height: 1rem;
	margin: 0;
    padding: 1rem;
	font-size: 1rem;
	text-shadow: none;
	text-transform: uppercase;
}

@media(max-width:1200px) {
	#header-links .button {
		min-width: 8.75rem;
	}
}

#header-links .button.alert {
	background: #820000;
	color: #f8fbff;
}


#header-links .button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


@media(max-width:1200px) {
	#header-links .button {
		border: none;
		display: inline-block;
		font-size: .75rem;
	    line-height: inherit;
	    padding: .25rem 1rem;
	}
}

@media(max-width:1200px) {
	#header-links .button:before {
		display: inline-block;
	    font-size: 0.75rem;
	    -webkit-box-ordinal-group: 2;
	        -ms-flex-order: 1;
	            order: 1;
	}
}

@media(min-width:1201px) {
	#header-links .button:hover:before {
		-webkit-transform: translateY(2px) rotate(0deg);
		        transform: translateY(2px) rotate(0deg);
	}
}

@media(max-width:1200px) {
	#header-links > li.active .button:before {
		-webkit-transform: translateY(2px) rotate(0deg);
		        transform: translateY(2px) rotate(0deg);
	}
}

.student-portal-link:before {
	content:url('/assets/images/lock.png');
	padding-right: 7px;
	vertical-align: middle;
}

#header-links li > ul {
	font-size: .75rem;
    list-style: none;
	margin: 0;
    /*pointer-events: none;*/
	text-transform: capitalize;
}

@media(min-width:1201px) {
	#header-links li > ul {
		background: #e6e7e7;
    	min-width: 7.5rem;
	    opacity: 0;
		padding: 0 .5rem 1.25rem;
		position: absolute;
	    right: 0;
	    top: 100%;
	    transform: scale(0);
	    transition: opacity .3s, transform 0s .3s;
	    z-index: 5;
	}

	#header-links .menu .menu {
		-webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            display: flex;
		flex-wrap: wrap;
		min-width: 18.5rem;
	}

	#header-links li:hover > ul {
		opacity: 1;
		pointer-events: all;
		-webkit-transform: scale(1);
		        transform: scale(1);
	    -webkit-transition: opacity .3s;
	    transition: opacity .3s;
	}

	#header-links li > ul li {
		padding-top: .25rem;
	}
}

@media(max-width:1200px) {
	#header-links li > ul {
		height: 0;
		margin-left: .5625rem;
		overflow: hidden;
		-webkit-transition: height .3s ease;
		transition: height .3s ease;
	}

	#header-links li.active > ul {
		pointer-events: all;
	}

	#header-links li > ul li {
		padding: .5625rem 0 0;
	}

	#header-links li > ul li:last-child {
		padding-bottom: .325rem;
	}
}

#header-links li > ul a {
	color: #999;
	font-size: .75rem;
	text-transform: none;
}

@media(min-width:1201px) {
	#header-links li > ul a {
		color: #820000;
	}
}

#header-links li > ul > li {
	margin: 0;
}


@media(min-width:901px) {
	#header-links .menu .menu li {
		width: 50%;
	}
}



/* LOGO
----------------------------------------------- */

#main-logo {
  align-items: flex-start;
	display: flex;
  max-height: 48px;
}

#main-logo img {
	height: 80px;
  width: 480px;
}

#main-logo svg {
	aspect-ratio: 6.67;
	margin-top: 3px;
	width: 480px;
}

@media(min-width:1501px) {
	#main-logo img {
    	transform: translateX(-4px);
	}

	#main-logo svg {
    	transform: translateX(-4px);
	}
}



/* DEPT BLOCK ( Right of logo, current dept )
----------------------------------------------- */
@media(min-width:1201px) {
	#bottom-header {
		min-height: 135px;
	}
}

#dept-block {
  flex-grow: 1;
  margin-left: 0;
	padding: 1.2rem 0;
}

@media(max-width:1500px) {
	#dept-block {
		padding-left: 4rem;
	}
}

@media(max-width:1200px) {
	#dept-block {
		display: none;
	}
}

@media(max-width:1200px) and (min-width:601px) {
	#dept-block {
		display: block;
	}
}

dynamic-logo {
	display: inline-block;
  height: 105px;
}

#dept-block > h1 {
	border-bottom: 0;
	color: #002654;
	font-family: Lato, sans-serif;
	font-size: 1.6875rem;
	font-weight: 400;
	letter-spacing: 0.025rem;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#dept-block h2 {
	color: #2f246c;
	font-size: 1rem;
	letter-spacing: 0.25rem;
	margin-top: .625rem;
}

#dept-block h2 span {
	color: #e13e52;
    margin-left: .25rem;
	padding-left: 1.25rem;
	position: relative;
}

#dept-block h2 span:before {
	background: #df3c52;
	content:"";
	height: 2rem;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
}

/*#dept-block use.srjc-logo-mark {
	transform: translateX(-32.3%);
}*/


/* ELEMENT: GOOGLE CUSTOM SITE SEARCH
----------------------------------------------- */
header .site-search  {
	font-size: 0.875rem;
	font-weight: 700;
    margin: .25rem 0 0 auto;
	max-width: 300px;
}

@media(max-width:1200px) {

	header .site-search {
		display: none;
		width: 58.333%;
	}
}

.site-search input[type="text"] {
	background: #fff url('/assets/images/search-dark.png') no-repeat top left #444;
	background-clip: padding-box;
	border: 1px solid #d2d5d8 !important;
	border-radius: 6px !important;
	display: inline-block;
	color: #bfc4ca;
	font: 400 15px "Lato", Arial, Helvetica, sans-serif;
	font-size: .875rem;
	height: auto;
	margin: 0;
	outline: none;
	padding: .25rem .5rem !important;
	-webkit-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	width: 220px;
}

.site-search input[type="text"]:focus {
	background: #fff url('/assets/images/search-dark.png') no-repeat 5px 8px #444;
	color: #6a6f75;
	width: 300px;
}

#header .site-search {
	-ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
	max-width: 300px;
}

form.gsc-search-box {
	margin: 0 !important;
}

.site-search .gsc-control-cse,
.gsc-control-cse table.gsc-search-box,
.gsc-control-cse table,
.gsc-control-cse .gsc-input-box {
	background: none;
	border: none;
	height: auto;
}

.site-search .gsc-control-cse,
.gsc-control-cse table,
.gsc-control-cse table.gsc-search-box,
.gsc-control-cse td,
.gsc-control-cse .gsib_a,
.gsc-control-cse .gsc-search-box-tools .gsc-search-box .gsc-input {
	margin: 0;
	padding: 0;
}

.cse table.gsc-search-box td.gsc-input,
.gsc-control-cse table.gsc-search-box td.gsc-input {
	padding-right: 0;
}

.f-topbar-fixed .gsc-control-cse table.gsc-search-box td.gsc-input {
	padding-right: 1rem;
}

.gsc-control-cse table {
	border-spacing: 0;
}

.gsc-control-cse table.gsc-search-box tbody {
	background: none;
	border: none;
}

.gsc-search-box .gsc-search-button input {
	background: transparent url('/assets/images/search-dark.png') no-repeat center center !important;
	border: 0;
	height: 34px;
	max-width: 20px;
	opacity: 0;
	overflow: hidden;
	outline: none;
	text-indent: -200%;
}

.gsc-search-box:hover input.gsc-search-button,
.gsc-search-box:hover input.gsc-search-button {
	opacity: 1;
}

.gsc-search-box table.gsc-search-box,
.gsc-search-box .gsc-search-box tbody,
.gsc-search-box .gsc-search-box tr,
.gsc-search-box .gsc-search-box td {
	display: block;
}

.gsc-search-box table.gsc-search-box {
	position: relative;
}

.gsc-search-box td.gsc-search-button {
	padding-right: 1rem;
	position: absolute;
	right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto !important;
}

.gsc-control-cse .gsc-input-box {
	-webkit-box-shadow: 0 0;
	        box-shadow: 0 0;
	display: block;
}

.site-search input[type="text"] {
	background: white !important;
	background-clip: padding-box;
	border: 2px solid #d2d5d8 !important;
	border-radius: 6px !important;
	color: #bfc4ca !important;
	font: 400 15px "Lato", Arial, Helvetica, sans-serif !important;
	float: right;
	height: 34px !important;
	margin: 0 !important;
	padding: .375rem 2rem .375rem 1rem !important;
	text-indent: 0 !important;
	-webkit-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
	width: 220px !important;
}

.site-search input[type="text"]:focus {
	color: #6a6f75 !important;
	width: 300px !important;
}

.gsc-search-button-v2 {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

.gsc-search-button-v2 svg {
	fill: #ccc !important;
	height: 1rem !important;
    width: 1rem !important;
}

.gsc-input .gsst_a {
	font-size: 1.25rem;
	transform: translate(-1.5rem,-.25rem);
}

/* search results */
.gsc-orderby .gsc-selected-option-container {
	min-width: 80px;
}

/* hide x button */
div.gsc-clear-button {
	display: none !important;
}

gcse:search + #index-listing {
	opacity: 0;
}