/*
Theme Name: AC2016
Theme URI: 
Description: Official Allegheny College Theme 2016
Author: AC Web Communications
Author URI: http://sites.allegheny.edu/web
Version: 6.0
Tags: 
*/

/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Allegheny Wordpress Theme
Version:		6.0 - Code Name: "Still Not Decided"
Created By:		Allegheny College Web Communications

--------------------------------------------------------------------*/

/*--------------------------------------------------------------
>>> COLOR PALLETTE:
---------------------------------------------------------------

Blue 1 (Links): #1b76da
Blue 2 (Medium Dark): #013e81
Blue 3 (Allegheny Dark): #002144
Blue 4 (Background Color): #e3ecfb
Yellow 1 (Orangish): #ffdb35
Yellow 2 (Allegheny Gold): #feda48
Gray: #666666
Dark Gray: #383838

Facebook blue: #3a579b
Twitter blue: #50acf2
Instagram blue: #3b76a2
Youtube red: #e82a1c
LinkedIn blue: #0076b6

TEASER COLORS:
orange #ff6c00
pink #e2056e
blue (old link color) = #005bc3
green = #00a651
purple = #8100ef
gold = #e4b800
red = #f00000

*/

/*--------------------------------------------------------------
0.5 Accessibility
--------------------------------------------------------------*/

.screen-reader {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*--------------------------------------------------------------
1.0 Normalize Resets
--------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	/*background-color: #f5f9ff;*/
	font-size: 100%;
	line-height: 1.5em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

sub {
	vertical-align: sub;
  font-size: smaller;
}

sup {
	vertical-align: super;
  font-size: smaller;
}

blockquote,
q {
	quotes: "" "";
}

a {
  color: #1566bf;
	text-decoration: none;
}

a:visited {
    color: #1566bf;
}

a:focus {
	outline: thin dotted;
	outline-color: white;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}




/*--------------------------------------------------------------
2.0 Header
--------------------------------------------------------------*/

main {
	float: left;
}

header#masthead {
	background-color: #022243;
	float: left;
	width: 100%;
  position: relative;
}


/* 2.1 Resources */

	/* Mobile contact resources (phone, email, visitor's center) */

	#mobile-nav-btn {
		float: right;
		display: block;
	}
	
	/* NEW HAMBURGER CODE */
	
	.site-branding .max-90 {
	  position: relative;
	}

	#mobile-nav-btn {
	  margin-top: 0;
	  height: 95px;
	  padding-top: 40px;
	  width: 50px;
	  padding-left: 10px;
	  position: absolute;
	  right: -10px;
	  z-index: 2;
	}
	
	
	
	#mobile-nav-btn span {
	  background-color: white;
	  border-radius: 1px;
	  height: 5px;
	  margin-bottom: 6px;
	  width: 30px;
	  transition: all .3s;
	  display: block;
	}
	
	.open #mobile-nav-btn span:nth-child(1) {
		transform: rotate(45deg) translateY(10px) translateX(2px);
		-webkit-transform: rotate(45deg) translateY(10px) translateX(2px);
		margin-bottom: -2px;
	}
	
	.open #mobile-nav-btn span:nth-child(2) {	
	  opacity: 0;
	  height: 0;
	  width: 0;
	}
	
	.open #mobile-nav-btn span:nth-child(3) {
		transform: rotate(-45deg)   translateY(-5px) translateX(-4px);
		-webkit-transform: rotate(-45deg)   translateY(-5px) translateX(-4px);
		margin-bottom: 0px;
	}
	
	#mobile-nav-btn:after {
		display: none;
	}
	
	/*-------------------------------*/
	
	
	
	#mobile-resources {
		background-color: black;
		width: 100%;
		height: 60px;
		border-bottom: 1px solid #335B96;
		box-sizing: content-box;
		
	}
	
	#mobile-resources ul {
		margin: 0em auto 0 auto;
		width: 96%;
		background-color: black;
		padding: 0 2%;
		max-width: 1010px;
		float: none;
	}
	
	
	#mobile-resources ul li {
		width: 33.3%;
		float: left;
		display: block;
		text-align: center;
		position: relative;
	  overflow: hidden;
	}
	
	#mobile-resources ul li:after {
		content: "\f095";
		display: inline-block;
		height: 15px;
		color: white;
		width: 15px;
		left: 0;
		right: 0;
		top: 7px;
		position: absolute;
		margin: 0 auto;
		font-family: "FontAwesome";
		font-size: 1.2em;
		-webkit-font-smoothing: antialiased;
	}
	
	#mobile-resources .email:after {
		content: "\f0e0";
		font-weight: normal;
		font-size: 1.1em;
		top: 7px;
	}
	
	#mobile-resources .visitors:after {
		content: "\f041";
	}
	
	#mobile-resources ul li:last-child a {
		border-right: 0;
	}
	
	#mobile-resources ul li a {
	 color: white;
	  margin-top: 0;
	  background-repeat: no-repeat;
	  display: inline-block;
	  float: none;
	  padding: 30px 0 0px 0;
	  font-size: .8125em;
	  text-decoration: none;
	  width: 100%;
	  text-align: center;
	  border-right: 1px solid #868686;
	  line-height: 30px;
	  font-family: "Archer SSm A", "Archer SSm B";
	}
	
	/* mobile menu styles */
	
	.nav-close {
		/* right: 10px; */
		display: block;
		width: 30px;
		height: 45px;
		background-color: #011931;
		font-family: FontAwesome;
		/* top: 10px; */
		color: #808c98;
		width: 100%;
	}
	
	/* NOTE: nav-close is the button that can close the menu on mobile. The hamburger button can also be used to close the menu */

	.nav-close:before {
	   content: "\f00d";
		display: inline-block;
		/* float: left; */
		text-align: center;
		line-height: 45px;
		font-size: 20px;
		width: 45px;
		/* border-radius: 50%; */
		width: 30px;
	  /* border-radius: 50%; */
	  margin-left: 7.5px;
	}
	
	.nav-close:after {
		content: "CLOSE MENU";
		display: inline-block;
		/* float: left; */
		font-family: "Archer SSm A", "Archer SSm B";
	}
	
	.nav-container {
		background: #fff;
		display: block;
		bottom: 0;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		width: 300px;
		z-index: 1;
		background-color: #022242;
		right: -300px;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		z-index: 2;
	}
	
	
	
	.nav-container.open {
		right: 0;
	}
	
	#page {
		right: 0;
		position: relative;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		float: left;
		width: 100%;
	}
	
	/* NOTE: #page is separate in html from the navigation, because the navigation in mobiel pushes the website to the side.
		#page contains the entire website, except for the navigation. */
	
	#page.open {
		right: 300px;
		position: relative;
	}
	
	html.open {
	    overflow: hidden;
	}
	
	#page:before {
	    content: "";
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    background-color: rgba(0, 0, 0, 0.5);
	    opacity: 0;
	    left: 100%;
	    transition: .2s opacity;
	    z-index: 1;
	}
	
	#page.open:before {
	    opacity: 1;
	    left: 0;
	}
	
	
	/* Resource links (office, my allegheny, a-z, etc.) */
	
	#resources {
	  border-bottom: 1px;
	  float: left;
	  width: 100%;
	  padding: 0 15px 10px;
	}	
	
		.resources-buttons {
			display: block;
	    float: right;
	    width: 100%;
	    /* position: absolute; */
	    top: 0;
	    margin-bottom: 20px;
	    padding-bottom: 20px;
	    border-bottom: 1px solid #ffffff3b;
}
	
	.resources-buttons a {
	    padding: 10px 15px;
	    /* background-color: #0053bc; */
	    color: white;
	    float: left;
	    border-radius: 5px;
	    /* height: 40px; */
	    margin-top: 5px;
	    margin-right: 3%;
	    font-size: 0.8125em;
	    line-height: 20px;
	    margin-bottom: 5px;
		font-weight: 700;
	    font-family: "Archer SSm A", "Archer SSm B";
      margin-right: 10px;
      width: calc(50% - 10px);
	    text-align: center;
}
	
	.resources-buttons a:hover {
	  background-color: #0053bc;
	  color: white;
	}
	
	.resources-buttons a.apply-btn,
	.resources-buttons a.request-btn {
		margin-top: 7px;
		padding: 8px 15px;
		}
	
	a.request-btn {
	    background-color: #1b76da;
	
	    margin-right: 0;
}	

	a.apply-btn {
	  background-color: #e2056e;
	}

.search-btn {
    display: none;
}

.resources-buttons .close {
	display: none;
}

.resources-buttons-container {
    position: relative;
}	
	#menu-resources {
		max-width: 1170px;
		float: none;
		display: block;
		/* margin: 60px auto 10px auto; */
		float: left;
		margin-bottom: 0;
		margin-top: 15px;
	}	
	
	
	
	#menu-resources li {
		width: 100%;
		float: left;
    margin-bottom: 8px;
	}
		
	#menu-resources a {
		color: white;
	  margin-right: 0;
	  padding: 5px 0;
	  text-decoration: none;
	  float: left;
	  width: 100%;
	  line-height: 1.5em; /* 16px / 11px = .1454545454*/
		font-size: .9em;
	}
	
	#menu-resources a:hover, #menu-resources a:focus {
		color: white;
	}
	
	#menu-resources #menu-item-13 a {
	  color: #feda48;
	} /* gold color for the give to allegheny link */
	
	#menu-resources #menu-item-13 a:hover, #menu-resources #menu-item-13 a:focus {
		color: white;
	}
	
	#menu-resources .white a {
		color: white;
	}
	
	#menu-resources li:last-child a {
		border-right: 0;
	}
	
/* 2.2 Search */
	
	.nav-sea {
	  float: left;
	  display: block;
	  position: relative;
	}	
	
	input#search {
		-webkit-appearance: none;
	  width: 190px;
	  height: 40px;
	  border-radius: 1px;
	  border: 0;
	  margin: 0;
	  font-size: .8em;
	  float: left;
	  background-color: white;
	  color: black;
	  text-align: right;
	  outline: 0;
	  padding: 10px;
	}
	
	::-webkit-search-cancel-button{
		display: none;
	}	
	
	#search-box input[type="submit"] {
	  background-color: #003d80;
	  border: 0;
	  border-radius: 50% 50% 50% 50%;
	  box-shadow: none;
	  color: white;
	  cursor: pointer;
	  font-size: 0.5em;
	  height: 40px;
	  line-height: 23px;
	  margin-left: 5px;
	  margin-top: 0;
	  width: 40px;
	  padding: 0;
	  background-position: -47px 0;
	  text-indent: -9999px;
	}
	
	#search-box:after {
	  content: "\f002";
	  font-family: FontAwesome;
	  color: white;
	  position: absolute;
	  right: 11px;
	  top: 0;
	  -webkit-font-smoothing: antialiased;
	  font-size: 20px;
	  pointer-events: none;
	  line-height: 40px;
	}
	
	
	

/* 2.3 Logo */

	.site-branding {
		background-color: #022243;
		float: left;
		width: 100%;
		border-bottom: 5px solid #013e81;
	}
	
	.site-title {
		background-image: url('images/logo-header.png');
		height: 95px;
		min-width: 292px;
		margin: 0;
		text-indent: -9999px;
		background-size: 270px;
		background-repeat: no-repeat;
		background-position: 0 12px;
		float: left;
	}
	
	.site-title:focus {
		outline-offset: -1px;
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, only screen and (min-resolution: 120dpi) 	{
		.site-title {
			background-image: url('images/logo-header-2x.png');			
		}
	}
	
	.site-title a {
		float: left;
		width: 462px;
		height: 100%;
	}
	

/* 2.4 Navigation */	

	
	
	#main-nav {
		clear: both;
		display: block;
		float: left;
		padding-top: 15px;
		width: 100%;
	}
	
	#main-nav ul#menu-primary-menu {
		list-style: none;
		padding-left: 0;
	}
	
	#main-nav ul#menu-primary-menu > li {
		float: left;
		height: 50px;
    line-height: 50px;
		text-align: left;
		width: 100%;
		background-color: #003d80;
		margin-bottom: 1px;
	}
	
	.main-navigation ul#menu-primary-menu > li:last-child a {
		border-right: 0;
	}
	
	#main-nav ul#menu-primary-menu > li > a {
		color: white;
		padding-left: 15px;
		display: block;
		text-decoration: none;
		font-family: "Archer SSm A", "Archer SSm B";
		font-size: 1em;
		font-weight: 700;
		transition: .01s outline linear;
	}
	
@media screen and (min-width: 768px) {
	/*--------------------------------------------------------------
2.0 Navigation / Logo
--------------------------------------------------------------*/

header#masthead {
	position: relative;
	background-color: transparent;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.nav-container {
    position: static;
    width: 100%;
    background-color: #022243;
    overflow: hidden;
    height: auto;
}

.nav-container.open + #page {
	right: 0;
	position: relative;
}

.site-branding {		
	position: static;
	border: 0;
}

/* 2.1 Resources */
	
	#resources {
		margin-bottom: 160px;
		position: static;
	    background-color: #222222;
	    padding: 0;
	    border-bottom: 1px solid #063f7e;
	}
	
	#menu-resources li {
	    width: inherit;
	    display: block;
	    height: 50px;
	    padding-top: 21px;
	}
	
	#menu-resources a {
	    line-height: 30px;
	    border-right: 1px solid #515151;
	    /* margin-right: 10px; */
	    padding-right: 7px;
	    float: left;
	    display: block;
	    height: 30px;
			color: #8c8c8c;
	}
	
	.resources-buttons-container {
	  width: 100%;
	  float: left;
	  background-color: #222222;
	  z-index: 2;
	  position: relative;
	  height: 50px;
	}
	
	.resources-buttons {
	    display: block;
	    float: right;
	}
	
	.resources-buttons a {
	    padding: 10px 15px;
	    /* background-color: #0053bc; */
	    color: white;
	    float: left;
	    border-radius: 5px;
	    /* height: 40px; */
	    margin-top: 5px;
	    margin-right: 10px;
	    font-size: 0.8em;
	    line-height: 20px;
	    margin-bottom: 5px;
	    width: auto;
	}
	
	.resources-buttons a:hover {
	  background-color: #0053bc;
	  color: white;
	}
	
	a.apply-btn {
	    background-color: #063f7e;
	}
	
	a.request-btn {
	    background-color: #383838;
	}	
	
/* 2.2 Search */

	#search-box input[type="submit"] {
	    width: 36px;
	    height: 36px;
	    position: relative;
	    top: 5px;
			background-color: transparent;
	}
	
	.nav-sea {
	    float: right;
	    width: 100%;	    
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		height: 0;
	}
	
	.nav-sea.open {
		height: 50px;
	}	
	

    
	
	a.search-btn {
	    border-radius: 50%;
	    background-color: #383838;
	    height: 36px;
	    width: 36px;
	    padding: 0;
	    line-height: 36px;
	    text-align: center;
	    font-size: 1.2em;
	    color: white;
	    -webkit-font-smoothing: antialiased;
	    margin-right: 0;
	    -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		position: relative;
		top: 0;
		cursor: pointer;
		display: block;
		margin-top: 7px;
	}
	
	.search-btn .fa-search {
	    line-height: 36px;
	}
	
	a.search-btn.open {
	    top: 61px;
	    background-color: #0053bc;
	    color: white;
	    pointer-events: none;
	    padding: 0;
	    margin: 0;
	}
	
	input#search {
	  width: 195px;
	  height: 30px;
	  background-color: transparent;
	  color: white;
	  text-align: right;
	  border-bottom: 1px solid white;
	  outline: 0;
	}
	
	
	
	::-webkit-input-placeholder {
	   color: white;
	}
	
	:-moz-placeholder { /* Firefox 18- */
	   color: white;  
	}
	
	::-moz-placeholder {  /* Firefox 19+ */
	   color: white;  
	}
	
	:-ms-input-placeholder {  
	   color: white;  
	}
	
	.nav-close {
	    display: none;
	}
	
	
	form#search-box {
	  float: right;
	  position: relative;
	  top: -55px;
		left: 4px;
	  z-index: 1;
	    -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	form#search-box.open {
		top: 15px;
	}
	
	.resources-buttons .close {
	    content: "";
	    position: absolute;
	    display: block;
	    top: 14px;
	    right: 6px;
	    height: 24px;
	    width: 24px;
	    /* background-color: yellow; */
	    border-radius: 50%;
	    font-family: FontAwesome;
	    color: white;
	    line-height: 36px;
	    text-align: center;
	    font-size: 20px;
	    background-image: url("images/close.png");
	    z-index: -1;
	    margin: 0;
	    padding: 0;
	}
	
	.resources-buttons .close:hover {
		background-color: transparent;
	}
	
	.resources-buttons .search-btn.open + .close {
		z-index:1;
		cursor: pointer;
	}
	
/* Navigation */	
	
	#mobile-nav-btn, #mobile-resources {
		display: none !important;
	}
	
	#main-nav {
	  clear: both;
	  display: block;
	  float: left;
	  width: 100%;
	  padding: 0;
	  height: 50px;
	  background-color: #013e81;
	  position: relative;
	}
	
	.main-nav-hover {
	    /*content: "";*/
	    height: 10px;
	    background-color: #feda48;
	    width: 100%;
	    display: block;
	    float: left;
	    -webkit-transition: all 0.3s ease;   -moz-transition: all 0.3s ease;   transition: all 0.3s ease;
	    opacity: 0;
	    position: absolute;
	    bottom: -10px;
	    z-index: 10;
	    pointer-events: none;
	    
	}
	
	.nav-widgets-back {
		content: "";
		height: 10px;
		background-color: rgba(0, 33, 68, 0.9);
		width: 100%;
		display: block;
		float: left;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		position: absolute;
		bottom: -10px;
		z-index: 11;
		height: 999px;
		top: 50px;
		opacity: 0;
	}
	
	#main-nav.active:hover .nav-widgets-back {
		opacity: 1.0;
	}
	
	#main-nav.active .main-nav-hover {
	    opacity: 1;
	}
	
	.main-navigation ul#menu-primary-menu {
		list-style: none;
		padding-left: 0;
	}
	
	#main-nav ul#menu-primary-menu > li {
	  float: left;
	  position: static;
	  width: 12.5%;
	  display: block;
	  height: 50px;
	  /*overflow: hidden;*/
	}
	
	#main-nav ul#menu-primary-menu > li:last-child > a {
	    border-right: 0;
	}
	
	.main-navigation ul#menu-primary-menu > li:last-child > a {
		border-right: 0;
	}
	
	#main-nav ul#menu-primary-menu > li:hover {
	    background-color: #feda48;
	}
	
	#main-nav ul#menu-primary-menu > li:hover > a {
	    color: #002144;
	}
	
	#main-nav ul#menu-primary-menu > li > a {
		text-decoration: none;
		line-height: 50px;
		text-align: center;
		border-right: 1px solid #022243;
		padding: 0;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		transition: all 0.3s ease;
		display: block;
	}
	
	#main-nav ul#menu-primary-menu > li > a:hover {
		background-color: #ffdb35;
	}

	
/* Resources */


	.resources-buttons {
		float: right;
		width: auto;
		position: static;
	}
	
	.resources-buttons-container {
		width: 100%;
		float: left;
	}
	
	#menu-resources {
		max-width: 1170px;
		float: none;
		display: block;
		margin: 0 auto;
		height: 50px;
		float: left;
	}
	
	#menu-resources a {
	  font-size: .6875em;
		margin-right: 7px;
		padding-right: 7px;
		border-right: 1px solid #666666;
		height: 8px;
		line-height: 8px;
		width: inherit;
	}
	
	#menu-resources li:last-child a {
		border-right: 0;
	}
	
	

/* Logo styling */
	
	.site-branding {
	    position: absolute;
	    top: -210px;
	    height: 160px;
	    text-indent: -100%;
	    width: 100%;
	}
	
	.site-title {
	    background-size: 461px;
	    height: 160px;
	    width: 461px;
	}
	
	#footer .site-title {
		width: 100%;
	}
}


/*--------------------------------------------------------------
3.0 Base
--------------------------------------------------------------*/

 .orange { color:white; background-color: #ff6c00;}
 .pink { color:white; background-color:#e2056e;}
 .button.blue  { color:white; background-color: #005bc3;}
 .ltblue  { color:white; background-color: #00aeef;}
 .neoblue { color:white; background-color: #07dfdc;}
 .green  { color:white; background-color: #00a651;}
 .neogreen  { color:white; background-color: #0ee22d;}
 .purple { color:white; background-color: #8100ef;}
 .gold { color:#005BC3; /*background-color: #e4b800;*/ background-color: #feda48;}
 .silver  { color:white; background-color: #c6c6c6;}
 .copper { color:white; background-color: #bc8103;}
 .black { color:white; background-color: #000000;}
 .red  { color:white; background-color: #f00000;}
 .drkred  { color:white; background-color:#b0232a;}
 .allyellow  { color:white; background-color: #feda48;}
 .allblue { color:white; background-color: #002144;}
 .facebookblue { color:white; background-color: #3c5b9b;}
 .twitterblue { color:white; background-color: #2cabe5;}
 .instagramblue { color:white; background-color: #517fa3;}
 .flickrpink { color:white; background-color: #fb0185;}
 .youtubered { color:white; background-color: #fc3432;}
 
/*2019 colors */

    .gold, .boldgold, i[class*='fa'].gold:before, i[class*='fa'].boldgold:before {color: #feda48;}
    .blue, .acblue, i[class*='fa'].blue:before, i[class*='fa'].acblue:before {color: #002144;}

    /* Heritage Palette 
      Heritage Secondary */

    .bentley, i[class*='fa'].bentley:before {color: #af231c;}
    .orange, i[class*='fa'].orange:before {color: #f37720;}
    .yellow, i[class*='fa'].yellow:before {color: #f8c209;}

    /* Heritage Accents */

    .deepgreen, i[class*='fa'].deepgreen:before {color: #5e7e29;}
    .chartreuse, i[class*='fa'].chartreuse:before {color: #928921;}
    .deepgold, i[class*='fa'].deepgold:before {color: #a67714;}
		.deepred, i[class*='fa'].deepred:before {color: #790306;}

    /* Modern Palette
      Modern Secondary */

    .brightblue, i[class*='fa'].brightblue:before {color: #007bc2;}
    .mediumgreen, i[class*='fa'].mediumgreen:before {color: #669639;}
    .teal, i[class*='fa'].teal:before {color: #007479;}
    .glassgreen, i[class*='fa'].glassgreen:before {color: #00a8b6;}

    /* Modern Acccents*/

    .mediumblue,i[class*='fa'].mediumblue:before {color: #00a9e7;}
    .deepcoolneutral, i[class*='fa'].deepcoolneutral:before {color: #54666f;}
    .brightgreen, i[class*='fa'].brightgreen:before {color: #57b947;}
    .purple,i[class*='fa'].purple:before {color: #8c2a90;}

    .magenta, .pink, i[class*='fa'].magenta:before, i[class*='fa'].pink:before {color: #e2056e;}
 
 body {
	 line-height: 1.5em;
 }

body * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


body,button,input,select,textarea {
color: #404040;
/* font-family: sans-serif; */
font-size: 16px;
/* font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; */
-webkit-font-smoothing: antialiased;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: 400;
}

input:focus,select:focus,textarea:focus {
	outline: 1px solid #0053bc;
	outline-offset: 1px;
}

.max-90 {
	max-width: 1170px;
	width: 96%;
	float: none;
	display: block;
	margin: 0 auto;
}

h1, h2 {
	font-family: "Archer SSm A", "Archer SSm B";
	font-style: normal;
	font-weight: 800;
	line-height: 1.25em;
}

/* html5 elements */

.skip-link {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.skip-link:focus {
	background-color: white;
	overflow: visible;
	left: 10px;
	top: 10px;
	clip: auto;
	width: auto;
	height: auto;
	z-index: 10;
	padding: 15px;
	border-radius: 10px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

a {
		text-decoration: none;
		transition: all .25s;
	}
	
p a {
	transition: all .25s;
	-moz-transition: all .25s; /* Firefox 4 */
	-webkit-transition: all .25s; /* Safari and Chrome */
	-o-transition: all .25s; /* Opera */
 
}

#content li a, #content small a, #content .dep-info a, #content .core a, h3:not(.post-title) a, h4 a, .wp-caption-text a {
	text-decoration: underline;
}
	
	
p {
margin-bottom: 30px;
font-family: "Open Sans", sans-serif !important;
}

p.large {
	font-size: 1.125em;
    line-height: 1.5em;
}
	
p a:hover, li a:hover, td a:hover {
	text-decoration: underline;
}

#wrap span, #wrap p span {
	color: #404040 !important;
}

strong, b, .strong {
	font-weight: bold;
}

i, em, .em {
    font-style: italic;
}

#wrap header {
	background-color: transparent;
}
	
	h1, h2, h3, h4 {
		font-family: "Archer SSm A", "Archer SSm B";
		font-style: normal;
		font-weight: 800;
	}
	
	h3 > span, h4 > span {
		text-decoration: inherit !important;
	}
	
	h3 {
		/* font-family: Helvetica,sans-serif; */
		color: #063f7e;
		font-size: 1.5em;
		font-family: 'Open Sans', sans-serif;
		font-style: normal;
		font-weight: 700;
		line-height: 1.4em;
		font-size: 1.5em;
    margin: 30px 0;
 
    
	}
	
	h4 {
	/* font-family: helvetica; */
	font-size: 1.0625em;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 700;
	line-height: 1.4em;
	}

	
small, .small {
	font-size: .875em;
}

code {
 font-family: monospace;
}

img {
	max-width: 100%;
	margin: 0;
	vertical-align: middle;
}

img.circle {
	border-radius: 50%;
	height: auto;
}


#wrap {
	font-size: 1em;
}

#wrap.clearfix {
  clear: both;
}

#content {
	box-sizing: content-box;
	float: left;
	width: 100%;
}

.error404 #content.home {
	width: 100% !important;
}

.error404 #wrap {
	display: block;
}



/* Blog Heading */


header#masthead {
	margin-bottom: 0;
	background-color: transparent;
}

.blog-title {
    background-color: #feda48;
    float: left;
    width: 100%;
}

.blog-title h1 {
  display: flex;
  color: #063f7e;
  font-size: 2.4em;
  padding: 30px 0;
  line-height: 1.25em;
  border-bottom: 1px solid white;
  flex-direction: column;
  margin-bottom: 15px;
}

.blog-title > a {
	display: block;
}

.blog-title > a:focus {
    outline: 1px dashed #002144;
    outline-offset: -5px;
    background-color: rgba(255, 255, 255, 0.25);	
}

.blog-title .description {
	font-size: 0.6em;
    margin-bottom: -10px;
    font-weight: 600;
    line-height: 1.4;
    position: static;
}

h2.page-title {
    font-size: 2em;
    margin-bottom: 25px;
    color: #063f7e;
    font-weight: 700 !important;
    font-family: "Archer SSm A", "Archer SSm B";
    font-style: normal;
}

/* Breadcrumbs */

#breadcrumbs * {
    margin: 0;
		color: #755d00;		
		font-weight: 600;
}

#breadcrumbs {
    padding-bottom: 15px;
		font-size: .75em;
}

#breadcrumbs a {
	text-decoration: underline;
	text-decoration-color: rgba(117, 93, 0, 0.75);
	text-decoration-style: dotted;
}

#breadcrumbs a:hover, #breadcrumbs a:focus {
    color: black;
    text-decoration: underline;
}

#breadcrumbs a:focus {
	outline: 1px dashed #002144;
	background-color: rgba(255, 255, 255, 0.25);
}

/* Hero Image (for home page) */

#hero {
    position: relative;
    max-height: 350px;
    float: left;
    width: 100%;
    overflow: hidden;
    background-color: black;
    min-height: 350px;
    /* height: 350px; */
}

#hero img {
    opacity: .6;
    /* position: absolute; */
    z-index: 0;
    top: 0;
    /* min-height: 100%; */
    min-width: 1400px;
    min-height: 350px;
    width: 100%;
}


#hero h2 {
    color: white;
    /* position: absolute; */
    /* z-index: 4; */
    /* top: 0; */
    font-size: 1.7em; /* Was: 1.5em -jl. 3/14/16 */
    margin-bottom: 20px; /* Was: 10px -jl. 3/14/16 */
}

#hero .hero-txt {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto !important;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

#hero .button.pink {
	background-color: #e2056e;
	color: white;
}






/*--------------------------------------------------------------
CONTENT blog content
--------------------------------------------------------------*/

#wrap ul, #wrap ol {
    margin-top: 0;
    padding: 0;
    margin: 0 0 30px 15px;
    list-style: initial;
    list-style-position: outside;
    padding-left: 5px;
    list-style-type: disc;
}

#content ul > li > ul {
    margin-top: 5px;
}

#wrap ol ol, #wrap ul ul, #wrap ul ol, #wrap ol ul {
    margin-top: 20px;
}


#wrap ol {
	list-style-type: decimal;
}



#wrap ul.one-half li {
	float: left;
	width: 50%;
}

#wrap ul.nobullet, #wrap ol.nobullet {
	padding: 0;
	margin: 0;
	list-style: none;
}

#wrap ul.icons, #wrap ul.fa-ul {
	margin-left: 25px;
	list-style: none;
}

#wrap ul.fa-ul li.complete {
	text-decoration: line-through;
}

#wrap ul.icons {
	float: left;
}

#wrap ul.icons i[class*='fa'] {
    position: absolute;
    left: -25px;
    top: 3px;
    font-size: 1.06667em;
    width: auto;
}

#wrap ul.icons li {
	position: relative;
}

#content h3.blue, #content h4.blue {
	color: #003e79;
}

#content h3.unbold, #content h4.unbold {
	font-weight: normal;
}

#content h3.archer, #content h4.archer, #content p.archer, #content a.archer {	
    font-family: "Archer SSm A", "Archer SSm B";
    font-style: normal;
    font-weight: bold;
}

/* Blogs */

#wrap article.post {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    float: left;
    width: 100%;
}


#wrap article.post p a {
	text-decoration: underline;
}

.post-info {
    font-size: .9em;
    margin-bottom: 20px;
}

.post-author:before {
    content: "\f007";
    font-family: "FontAwesome";
    display: block;
    float: left;
    margin-right: 5px;
}

.post-date:before, .post-tags:before {
    content: "\f017";
    font-family: "FontAwesome";
    display: block;
    float: left;
    margin-right: 5px;
}

.post-tags:before {
	content: "\f02c";
}

span.post-author {
    float: left;
    margin-right: 10px;
}

#wrap h3.post-title {
    margin-bottom: 5px;
    margin-top:0;
		text-decoration: none;
}


/* Blog Comments */
		
.commentarea {
	background-color: #e7f1ff;
	padding: 15px;
	overflow: auto;
	clear: left;
	min-width: 62%;
}

#content .commentarea h3 {
	margin-top: 0;
	left: 0;
}

.vcard img {
	float: left;
	margin-right: 10px;
}

.comment-meta {
	font-size: .857em;
	color: #777;
}

#content ol.commentlist, ol.commentlist ol.children, ol.commentlist ul.children {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.comment-body {
	margin-bottom: 15px;
	border-bottom: 1px solid #D3DDEA;
	padding-bottom: 15px;
}

.reply {
	margin-bottom: 10px;
}


#commentform #submit {
    margin: 0;
    border: 0;
    outline: 0;
    cursor: pointer;
}




 
/* Images */
	   
#content img {
		height: auto;
}

#content img.circle, #content .admbiophoto {
	border-radius: 50%;
}

.alignnone {
}

 .alignright, .alignleft,.image-left {
    display: block;
    margin: 0px 0 20px 0;
    float: left;
}

.aligncenter,
div.aligncenter {
	float: none;
	margin: 0 auto 20px auto;
}

#content .size-thumbnail.alignright, #content .alignright {
	float: right;
	margin-left: 10px;
}

#content .size-thumbnail.alignleft,.size-thumbnail.image-left, #content .alignleft {
	float: left;
	margin-right: 10px;
}	

#content .wp-caption {
   
    max-width: 100%; /* Image does not overflow the content area */
    text-align: center;
    margin-bottom: 20px;
}

.page-template-nosidebar-php #content .wp-caption {
	max-width: 100%;
}

#content .wp-caption img {
    border: 0 none;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

#content .wp-caption-text {
font-size: .929em;
    line-height: 1.5em;
    color: #696969;
    text-align: left;
    padding: 10px 0;
    /* background-color: #e7f1ff; */
    border: 0;
    margin-bottom: 10px;
    float: left;
    width: 100%;

}


/* Table - New Style - 02.09.16 -jl. */

#content table {
border-collapse: collapse;
border: 0px !important;
margin-bottom: 1.325em;
width: 100%;
}

#content table thead tr td,
#content table thead tr th,
#content table tbody tr td,
#content table tbody tr th {
background-color: transparent !important;
border: 0px !important;
border-left: 1px solid #dcdcdc !important;
line-height: 1.5;
padding: 5px 10px;
}

#content table thead tr td:first-child,
#content table thead tr th:first-child,
#content table tbody tr td:first-child,
#content table tbody tr th:first-child {
border-left: 0px !important;
}

#content table tbody tr:nth-child(odd) td,
#content table tbody tr:nth-child(odd) th {
background-color: #e7f1fe !important;
}

#content table thead tr td, #content table thead tr th {
background-color: #eaeaea !important;
border-bottom: 1px solid #dcdcdc !important;
color: inherit;
padding: 10px;
text-transform: none;
}

#content table tfoot tr td {
background-color: #eaeaea !important;
border-top: 1px solid #dcdcdc !important;
color: inherit;
font-weight: bold;
padding: 10px;
text-transform: none;
}

#content table a {
	text-decoration: underline;
}


/* Tables - Old Style - Made "old" on 02.09.16 -jl. */

#content table.old {
border-collapse: collapse;
border: 1px solid #e0eaf5 !important;
margin-bottom: 1.325em;
}

#content table.old thead tr td, #content table.old thead tr th, #content table.old tbody tr td {
border: 1px solid rgb(175, 188, 207) !important;
padding: 5px;
background-color: white !important;
line-height: 1.5;
}

#content table.old thead tr td, #content table.old thead tr th {
background-color: #e7f1ff !important;
color: #003e79;
font-weight: bold;
text-transform: uppercase;
}

#content table.old tbody tr td.featured {
background-color: #e7f1ff !important;
color: #003e79;
/* font-weight: bold; */
/* text-transform: uppercase; */
}

#content table tbody tr td.col25,
#content table.old tbody tr td.col25 {
width: 25%;
}

#content table tbody tr td.col50,
#content table.old tbody tr td.col50 {
width: 50%;
}

/* Table Container */

.table-container{
width: auto;
margin: 0 0 1.325em;
border: 1px solid #e7f1ff !important;
padding: 10px;
border-right: 1px solid rgb(175, 188, 207) !important;
overflow: auto;
}

.table-container::-webkit-scrollbar
{
-webkit-appearance: none;
width: 14px;
height: 14px;
}

.table-container::-webkit-scrollbar-thumb
{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}

#content .table-container table {
margin-bottom: 0;
}


/* Table - Alt Style */

#content table#alttable, #content table.alttable,
#content table#alttable thead tr td, #content table.alttable thead tr td,
#content table#alttable thead tr th:not(.firstcol), #content table.alttable thead tr th:not(.firstcol),
#content table#alttable tbody tr td, #content table.alttable tbody tr td {
	background: none;
	border: 0px !important;
	border-collapse: collapse;
	text-align: center;
}

#content table.alttable thead tr td, #content table.alttable thead tr th, #content table.alttable tbody tr td, #content table.alttable tbody tr th {
	border: 0px !important;
}

#content table#alttable, #content table.alttable {
	/* border-top: 1px solid #dcdcdc !important; */	
    padding: 10px;
}

#content table#alttable thead tr, #content table.alttable thead tr {
	background-color: #eaeaea;
	border-bottom: 1px solid #dcdcdc !important;
}

#content table#alttable thead tr td, #content table.alttable thead tr td {
	text-align: center;
    line-height: 1.5em;
    padding: 0 15px;
    border: 0;
    font-size: 1em;
    padding-top: 16px;
    padding-bottom: 16px;
    color: #333;
    font-weight: 400;
    text-transform: none;
}

#content table#alttable thead tr td.firstcol, #content table.alttable thead tr td.firstcol {
	text-align: left;
}

#content table#alttable tbody tr, #content table.alttable tbody tr {
	border-top: 0px solid #dcdcdc;
}

#content table#alttable tbody tr td, #content table.alttable tbody tr td {
	color: #5d5d5d;
	text-align: center;
	vertical-align: top;
    font-size: 1em;
    line-height: 1.5em;
    padding: 10px 15px;
}

#content table#alttable tbody tr td.tdalignleft, #content table.alttable tbody tr td.tdalignleft {
	text-align: left;
}

#content table#alttable tbody tr td.email a, #content table.alttable tbody tr td.email a {
	font-size: 1.0em !important;
}

#content table#alttable thead tr td:nth-last-child(1), #content table.alttable thead tr td:nth-last-child(1),
#content table#alttable tbody tr td:nth-last-child(1), #content table.alttable tbody tr td:nth-last-child(1) {
	border-right: 0px solid #dcdcdc !important;
}

#content table#alttable tbody tr td:nth-child(1), #content table.alttable tbody tr td:nth-child(1) {
	text-align: left;
}

#content table#alttable tbody tr td a, #content table.alttable tbody tr td a {
    font-size: 1em;
}

#content table#alttable tbody tr td em, #content table.alttable tbody tr td em {
    margin-top: 10px;
    display: inline-block;
    font-style: italic;
}

i[class*='fa'].major {
	color: #00a651;
}

i[class*='fa'].minor {
	color: #00aeef;
}

i[class*='fa'].intds {
	color: #e2056e;
}

/* Table - striped rows */
#content table.striped tr:nth-child(odd) {
	background-color: #e7f1ff;
	/* background-color: #e7f1fe; */
}

/* Table - Schedule */
#content table.schedule tbody tr td {
	line-height: 1.6em !important;
	padding: 10px;
	text-align: left !important;
}

#content table.schedule tbody tr td:first-child {
	font-weight: bold;
	width: 25%;
}

#content table.schedule tbody tr td a {
	font-size: 1.0em !important;
}

/*Gallery Styles */

figure.gallery-item {
    margin: 0;
    float: left;
    margin-right: 1%;
    margin-bottom: 10px;
}

.gallery-columns-2 figure.gallery-item {
    width: 49%;
    float: left;
    margin-right: 2%;
}

.gallery-columns-3 figure.gallery-item {
width: 32.66666%;float: left;margin-right: 1%;}

.gallery-columns-4 figure.gallery-item {
	width: 24.25%;
}

.gallery-columns-5 figure.gallery-item {
	width: 19.2%
}

.gallery-columns-6 figure.gallery-item {
	width: 15.8333333%;
}

.gallery-columns-7 figure.gallery-item {
	width: 13.428%;
}

.gallery-item img {
    max-width: 100%;
    width: 100%;
}

.gallery-columns-2 figure.gallery-item:nth-child(2n+2) {
    margin: 0;
}

.gallery-columns-3 figure.gallery-item:nth-child(3n+3) {
    margin: 0;
}

.gallery-columns-4 figure.gallery-item:nth-child(4n+4) {
    margin: 0;
}

.gallery-columns-4 figure.gallery-item:nth-child(4n+5) {
	clear: left;
}

.gallery-columns-5 figure.gallery-item:nth-child(5n+5) {
	margin: 0;	
}

.gallery-columns-6 figure.gallery-item:nth-child(6n+6) {
	margin: 0;	
}

.gallery-columns-7 figure.gallery-item:nth-child(7n+7) {
	margin: 0;	
}

.gallery-columns-8 figure.gallery-item:nth-child(8n+8) {
	margin: 0;	
}

.gallery-columns-9 figure.gallery-item:nth-child(9n+9) {
	margin: 0;	
}

.gallery {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}

.gallery .gallery-item a {
    width: 100%;
    float: left;
}



@media screen and (min-width: 768px) {
	
.max-90-desk {
	max-width: 1170px;
	width: 90%;
	float: none;
	display: block;
	margin: 0 auto;
}

#content {
    float: left;    
    width: 68%;
}

.alignright, .image-right {
	    float:right;
	    margin-left: 10px;
	}
	
	.alignleft,.image-left {
	    float: left;
		margin-right: 10px;
	}

}

@media only screen and (min-width: 1000px) {
	
	
	.social-links {
	    width: auto;
	}
	
	.aligncenter,
	div.aligncenter, .alignnone {
	    display: block;
	    float: none;
	    
	}
	
	#content #full-width img {
		max-width: 100%;
	}
	
	#content .alignright, #content .image-right, #content .image-left, #content .alignleft {
		max-width: 100%;
	}
	
	#content #right-sidebar .alignright, #content #right-sidebar .image-right, #content #right-sidebar .image-left, #content #right-sidebar .alignleft {
		max-width: 100%;
	}
	
	#content .alignright, #right-sidebar .alignright, #content .image-right, #right-sidebar .alignleft {
		margin-left: 1.4851484%;
		margin-bottom: 10px;
	}
	
	#content .image-left, #content .alignleft {
		margin-right: 1.4851484%;
		margin-bottom: 10px;
	}
	
	
	#content .wp-caption img {
		height: auto;
	}
	
	.page-template-nosidebar-php #content .alignright, .page-template-nosidebar-php #content .alignleft,page-template-nosidebar-php #content .image-left, .page-template-nosidebar-php #content .aligncenter, .page-template-nosidebar-php #content .wp-caption, .blog #content .aligncenter {
		max-width: 100%;
	}
	
	.page-template-nosidebar-php #content .aligncenter {
		margin: 0 auto;
		float: none;
		overflow: auto;
	}
}




/*--------------------------------------------------------------
4.0 Sidebar
--------------------------------------------------------------*/


/* Widgets */



.js #sidebar > ul {
    list-style: none;
    margin: 0;
    float: left;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}

.widget {
    /* background-color: #1b76da; */
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 20px 30px;
    border-top: 3px solid #c3d8f4;
    font-size: .9375em;
    background-color: #e7f1fe;
    max-width: 100%;
}

#sidebar .widget a {
	text-decoration: underline;
}

#sidebar .widget a:hover, #sidebar .widget a:focus {
		color: #1158a7;
		background-color: #feda48;
}



.widget a:focus {
	outline: 1px dashed #0053bc;
}

#sidebar h3.widgettitle {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #c3d8f4;
    padding-bottom: 10px;
    font-family: "Archer SSm A", "Archer SSm B";
    font-style: normal;
    font-weight: 800;
    font-size: 1.143em;
    /* color: white; */
    margin-bottom: 10px;
}

.textwidget li {
    position: relative;
}

#wrap .textwidget ul {
	padding: 0;
}

#wrap .widget ul, #wrap .widget ol {
	margin-top:0;
}

#wrap .widget .button.yellow {
	color: #063f7e;
}

#wrap .widget ul.nobullet, #wrap .widget ol.nobullet {
    list-style: inherit;
}

#wrap .widget ul.icons {
	margin-left: 20px;
	margin-bottom: 15px;
	list-style: none;
	padding-left: 0;
}

#wrap .Contact_Widget ul.icons:last-child {
    margin-bottom: 0;
}

#wrap .widget i[class*='fa'] {
    /* color: white; */
    left: 0;
}

#wrap .widget i[class*='fa'] {
    position: absolute;
    left: -20px !important;
    top: 5px;
    font-size: 1.06667em;
}

#wrap .widget i[class*='fa'].fa-envelope:before, 
#wrap .widget i[class*='fa'].fa-users:before {
    font-size: 13px;
}

#wrap .widget i[class*='fa']:before {
    font-size: 16px;
}

label.screen-reader-text {
    visibility: hidden;
    width: 0;
    display: block;
    height: 0;
}

#wrap .widget input#s {
    border: 0;
    height: 24px;
    width: calc(100% - 35px);
    color: #717171;
    padding: 2px;
    font-size: .825em;
}

#wrap .widget input#s:focus {
    color: #333;
    font-size: .9375em;
}

#wrap .widget.Contact_Widget {
    background-color: #2373ce;
    border-top-color: #063f7e;
}

#wrap .widget.Contact_Widget a:focus {
    outline: 1px dashed white;
}

#wrap .widget.Contact_Widget .widgettitle {
    border-bottom-color: #063f7e;
}

#wrap .widget.Contact_Widget * {
    color: white;
}

@media screen and (max-width:768px) {
  #wrap .widget ul li {
    padding: 5px 0;
    width: 100%;
  }

  #wrap .Contact_Widget ul.icons i[class*='fa'] {
      padding: 5px 0;
  }
}


input#searchsubmit {
    width: 35px;
    padding: 0;
    margin: 0;
    float: right;
    background-color: transparent;
    border: none;
    color: black;
    cursor: pointer;
    height: 24px;
    transition: all .25s;
    -moz-transition: all .25s;
    -webkit-transition: all .25s;
    position: relative;
    font-size: 0;
    cursor: pointer;
    z-index: 1;
}

#searchform div:after {
    position: absolute;
    content: "\f002";
    font-family: FontAwesome;
    color: white;
    width: 0px;
    height: 24px;
    right: 0;
    font-size: 25px;
    top: 0;
    width: 35px;
    text-align: right;
    z-index: 0;
	color: #1b76da;
}

#searchform {
    position: relative;
}

#sub-pages .current-menu-item > a {
    display: none;
}

#sub-pages .current-menu-item > ul {
    display: block;
}

#sub-pages > ul > li {
    display: none;   
}

#sub-pages ul li.current-menu-item {
    display: block;
}

#sub-pages .current-menu-item .sub-menu {
    display: block;
    padding: 10px 15px;
    float: left;
    width: 100%;
    margin-top: 20px;
    border-left: 1px solid #2b7eda;
    margin-bottom: 20px;
}

#sub-pages .current-menu-item > .sub-menu li {
    line-height: 1.5em;
    font-size: 14px;
}

/* Blog Navigation test */

.rightcol {
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

#nav-wrap {
	background-color: #063f7e;
    float: left;
    width: 100%;
    padding: 30px;
    display: none;
}

.no-js #nav-wrap {
	display: block;
}

#nav-wrap * {
    color: white;
    font-family: "Archer SSm A", "Archer SSm B";
    font-style: normal;
    font-weight: 700;
}

#nav-wrap .nav-site {
    font-size: 1.125em;
    margin-bottom: 5px;
    display: none;
    margin-top: 0;
}

#nav-wrap a.nav-parent {
    font-family: "Archer SSm A", "Archer SSm B";
    font-style: italic;
    font-weight: 600;
    color: #feda48;
    font-size: .875em; /* 14/17=.8235em (current base size for h4's are 17px) */
}
#nav-wrap .nav-parent {
    border-bottom: 1px solid #1b76da;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: none;
}

/* Accessibility fix for empty h4 tags 10.24.16 */
#nav-wrap .hr {
    padding-top: 0;
    margin-bottom: 10px;
    border-color: #1b76da;
    margin-top: 5px;
		display: none;
}

#sub-mobile {
	float: left;
	width: calc(100% + 4%);
	padding: 0px 30px 0 60px;
	font-family: "Archer SSm A", "Archer SSm B";
	font-style: normal;
	font-weight: 700;
	color: white;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
	height: 50px;
	line-height: 50px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #1b76da;
	margin-left: -2%;
	margin-right: -2%;
	border: none;
}

.no-js #sub-mobile {
	display: none;
}

#sub-mobile i[class*='fa'] {
    line-height: 50px;
    font-size: 30px;
    margin-right: 15px;
    position: relative;
    top: 0px;
    height: auto;
    display: block;
    left: -40px;
    color: white;
}

#sub-mobile i[class*='fa']:before {
    content: "\f0c9";
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
}

#sub-nav.open ul {
	display: block;
}

#menu-menu > li:first-child > a {
    /*padding: 0;*/
}

#sub-nav ul.menu {
    margin: 0;
    padding: 0;
}

#sub-nav ul {
	list-style: none;
}

#sub-nav > .menu > ul {
	margin: 0;
}

#sub-nav ul.menu li {
	float: left;
	width: 100%;
}


#sub-nav ul.menu .sub-menu {
	display: block;
	margin-bottom: 0;
	margin-top: 0;
}
#sub-nav ul.menu .current-menu-item > .sub-menu, #sub-nav .current-menu-parent > .sub-menu, #sub-nav ul.menu .current-page-parent > .sub-menu, #sub-nav ul.menu .current-menu-ancestor > .sub-menu {display:block;}





#sub-nav ul.menu .current-menu-item > .sub-menu, #sub-nav .current-menu-parent > .sub-menu, #sub-nav ul.menu .current-page-parent > .sub-menu, #sub-nav ul.menu .current-menu-ancestor > .sub-menu {
    display: block;
    width: calc(100% - 20px);
    height: auto;
    float: left;
    position: static;
    margin-left: 20px;
    margin-bottom: 10px;
}

#sub-nav ul.menu .sub-menu li {
    height: 0;
    transition: height .25s;    
    overflow: hidden; 
}

.current_page_ancestor > .sub-menu > li, .current-menu-ancestor > .sub-menu > li {
    height: auto !important;
}

#sub-nav ul.menu .current-menu-item > .sub-menu > li, #sub-nav ul.menu .current_page_parent > .sub-menu > li {
    display: block;
    height: 35px;
		visibility: visible;
}

.current-page-parent > .sub-menu > li {
    height: auto !important;
}

#sub-nav ul.menu .sub-menu a {
    font-size: .875em;
}

#sub-nav > ul > li > a {
	display: block;
	transition: all .25s;
	-moz-transition: all .25s; /* Firefox 4 */
	-webkit-transition: all .25s; /* Safari and Chrome */
	-o-transition: all .25s; /* Opera */
}

#sub-nav li a:hover, #sub-nav li.current_page_item > a {
	color: #feda48;
	text-decoration: inherit;
}

#sub-nav a {display: block;
display: block;
    line-height: 20px;
   padding-top: 7.5px;
    padding-bottom: 7.5px;
    	}

#nav-wrap.open {
	/*display: block;*/
}

.no-js #sub-nav ul {
	display: block;
}

#sub-pages {
	display: none;
}

.menu-item-has-children {
	position: relative;
}



/* Mobile menu expandsion functionality */



#sub-nav ul.menu .menu-item.open > .sub-menu > li {
/*    height: auto; */
}

#sub-nav ul.menu li.menu-item.open > .sub-menu > li {
	height: 35px;
}

#sub-nav ul.menu li.menu-item.open {
	height: auto !important;
}

#sub-nav ul.menu .sub-menu.open {
    display: block;
    width: calc(100% - 20px);
    height: auto;
    float: left;
    position: static;
    margin-left: 20px;
    margin-bottom: 10px;
}

.current-menu-item:after {
    content: "";
}

.current_page_ancestor.menu-item:after {
    content: "";
}





@media screen and (min-width: 768px) {

	.rightcol {
	    margin-bottom: 40px;
	    float: left;
	    width: 100%;
	    width: 28%;
	    float: right;
	    margin: 0;
	    border-top: 1px solid #E7F1FF;
	    background-color: transparent;
	    padding-top: 0;
	    border-bottom: 0;
	}
	
	#nav-wrap {
	display: block;
	border-top: 3px solid #1b76da;
}

#nav-wrap .nav-site {
	display: block;
}

#sub-mobile {
	display: none;
}

#nav-center {
	margin: 0;
	width: auto;
}

#sub-nav ul.menu {
	display: block;
}

#sub-nav select {
	display: none;
}




#sub-nav ul.menu .sub-menu {display:none;margin-bottom: 0;}
#sub-nav ul.menu .current-menu-item > .sub-menu, #sub-nav .current-menu-parent > .sub-menu, #sub-nav ul.menu .current-page-parent > .sub-menu, #sub-nav ul.menu .current-menu-ancestor > .sub-menu {display:block;}	
#sub-nav ul.menu ul ul {} 
#sub-nav ul.menu li {} 
#sub-nav ul.menu li a {} 
#sub-nav ul.menu li ul {} 
#sub-nav ul.menu li li {} 
#sub-nav ul.menu li li a {}

.current_page_item{}
.current-cat{}
.current-menu-item{} 
.menu-item-type-taxonomy{}
.menu-item-type-post_type{} 
.menu-item-type-custom{} 
.menu-item-home{}


#sub-nav ul.menu .current-menu-item > .sub-menu > li, #sub-nav ul.menu .current_page_parent > .sub-menu > li {
	height: auto !important;
}



	#sub-pages {
		display: none;
	}

	#nav-wrap {
		display: block !important;
	}
	
	#nav-wrap .nav-site {
		display: block;
	}
	
	#nav-wrap .hr {
		display: block;
	}
	
	#sub-mobile {
		display: none;
	}
	
	#nav-center {
		margin: 0;
		width: auto;
	}
	
	#sub-nav ul.menu {
		display: block;
	}
	
	#sub-nav select {
		display: none;
	}
	
	
	#sub-nav li a:hover, #sub-nav li a:focus {
		color: #feda48;
	}
	
	#sub-nav ul.menu .sub-menu {display:none;margin-bottom: 0;}
	#sub-nav ul.menu .current-menu-item > .sub-menu, #sub-nav .current-menu-parent > .sub-menu, #sub-nav ul.menu .current-page-parent > .sub-menu, #sub-nav ul.menu .current-menu-ancestor > .sub-menu {display:block !important;}	
	#sub-nav ul.menu ul ul {} 
	#sub-nav ul.menu li {} 
	#sub-nav ul.menu li a {} 
	#sub-nav ul.menu li ul {} 
	#sub-nav ul.menu li li {} 
	#sub-nav ul.menu li li a {}
	
	.current_page_item{}
	.current-cat{}
	.current-menu-item{} 
	.menu-item-type-taxonomy{}
	.menu-item-type-post_type{} 
	.menu-item-type-custom{} 
	.menu-item-home{}
	
	/* Mobile menu expandsion functionality */

#sub-nav ul.menu .sub-menu.open {
    display: none;
}
	
}



/*--------------------------------------------------------------
5.0 Footer Features
--------------------------------------------------------------*/

/* 7.1 Footer Feature Area (Year of, side footer feature) */

	#footer.site-footer {
		margin-top: 150px;
		float: left;
		width: 100%;
	}

	div#footer-features {
	  float: left;
	  width: 100%;
	  background-color: #063f7e;
	  color: white;
	  padding: 20px 0;
	}
	
	div#footer-nav-container {
	  background-color: #002144;
	  float: left;
	  width: 100%;
	  padding-top: 50px;
	}
	
	#footer-features h3 {
	    font-size: 1.375em;
	    margin-bottom: 0;
	    width: 100%;
	    float: left;
	    font-family: "Archer SSm A", "Archer SSm B";
	    font-style: normal;
	    font-weight: 700;
	    color: white;
	    margin-top: 0;
	}
	
	#footer-features img {
		margin-bottom: 20px;
		
	}
	
	#footer-features p {
	    margin-bottom: 0;
	    width: 100%;
	    float: left;
	}
	
	
	#footer-features a {
	    display: inline;
	    float: left;
	    width: 100%;
	    font-family: 'Open Sans', sans-serif;
	    line-height: 1.6667em;
	}
	
	
	

#yearof, #footer-feature {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 35px;
    min-height: 150px;
}

#footer-feature {
    margin-bottom: 0;
}
	
/* 7.2 Footer Nav / Campaign */

	/* Footer Nav */
	
	div#footer-nav-container * {
	    color: white;
	}
	
	#footer-nav-container small {
		font-size: 1em;
	}
	
	#footer-nav-container .button {
		margin-top: 10px;
	}
	
	#footer .site-title {
	  background-image: url("images/ac-logo-footer.png");
	  height: 40px;
	  background-position: 0;
	  margin-bottom: 30px;
	  background-size: 292px;
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, only screen and (min-resolution: 120dpi) 	{
	
		#footer h2.site-title {
		    background-image: url(images/ac-logo-footer-2x.png);
		    background-size: 292px;
		}
	}
	
	#footer-nav-container i[class*='fa'] {
	  color: #6a6a6a;
    top: 0;
    position: relative;
    margin-left: -20px;
    width: 20px;
	}
	
	#footer-nav-container address, #footer-nav-container nav {
	    font-size: .9em;
	    position: relative;
	    float: left;
	    width: 100%;
	}
	
	#footer-nav-container .nav-columns-container li {
	  position: relative;
	  padding-left: 20px;
    margin-bottom: 4px;
    margin-top: 4px;
	}
	
	#footer-nav-container .nav-columns-container a {
	  color: #69AAF7;
	  text-decoration: inherit;
    padding: 5px 0;
    display: inline-block;
	}
  
  @media screen and (min-width: 768px) {
    #footer-nav-container .nav-columns-container a {
      padding: 0;
    }
  }
	
	#footer-nav-container .nav-columns-container a:hover, 
	#footer-nav-container .nav-columns-container a:focus {
		color: white;
	}
	
	#footer-nav-container .fa-circle {
	  font-size: 10px;
	}
	
	#footer-nav-container address, #footer-nav-container nav {
	    margin-bottom: 30px;
	}
	
	.visitors > ul:before {
	  background-image: url("images/visitors-center-thumb.png");
	  content: "";
	  display: block;
	  width: 80px;
	  position: absolute;
	  left: 150px;
	  top: 20px;
	  height: 80px;
	  border-radius: 50%;
	  background-size: 80px;
	}
	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, only screen and (min-resolution: 120dpi) {
		.visitors>ul:before {
		    background-image: url(images/visitors-center-thumb-2x.png);
		}
	}
	
	#footer-nav-container h3 {
	    font-size: 1.125em;
	    font-family: "Archer SSm A", "Archer SSm B";
	    font-style: normal;
	    font-weight: 700;
	    margin-bottom: 3px;
	    margin-top: 0;
	}
	/* Year of */
	
	#yearof {
    	float: left;
	    width: 100%;
	    padding-right: 0px;
	    margin-bottom: 40px;
	}
	
	/* Campaign */
	
	#campaign {
	    width: 100%;
	    float: left;
	    display: block;
	    margin-bottom: 40px;
	    max-width: 580px;
	}
	
	#campaign img {
	    float: left;
	    width: 100%;
	    height: auto;
	    margin-bottom: 20px;
	}
	
	#campaign p {
	    font-size: 1em;
	}
	
	#campaign h4 {
		
	  font-size: 1.3em;
		margin-bottom: 0;
	  font-family: "Archer SSm A", "Archer SSm B";
		font-style: normal;
		font-weight: 700;
		line-height: 1.4em;
	}
	
	#campaign .button {
		color: #063f7e;
	}
	
	/* Footer far bottom navigation */
	
	footer .nav-columns-container {
	    margin-bottom: 20px;
	}
	
	#footer-resources {
		background-color: #222222;
	}
	
	#footer-resources a {
		text-decoration: initial;
	}
	
	footer #footer-resources {
	    padding: 7.5px 0;
	    margin: 0;
			width: 100%;
	}
	
	.footer-resources-container {
	    width: 100%;
	  float: left;
	  max-width: 710px;
	  margin-bottom: 16px;
	  margin-top: 16px;
	}
	
	
	
	#footer-resources .footer-resources-container li {
    font-size: .9em;
    /* margin: 4px; */
    width: 100%;
	}
  
  #footer-resources .footer-resources-container li a {
    padding: 5px 0;
    width: 100%;
    display: inline-block;
  }
	
	#footer-resources .footer-resources-container li:last-child {
	    border-right: none;
	}
	
	#footer-resources .footer-resources-container * {
	    color: #929292;
	}
	
	#footer-resources .footer-resources-container a:hover, #footer-resources .footer-resources-container a:focus {
	  color: white;
	}
	
	#footer-resources a.give {
		color: #feda48;
	}
	
	.copyright p {
	    margin: 0;
	}
	
	#footer-resources .social-links {
		margin-bottom: 0;
	}
	
@media screen and (min-width: 480px) {
	 #yearof img , #footer-feature img {
        position: absolute;
        top: 0;
        bottom: 0;
    }

    #footer-features h3  {
        margin-left: 160px;
        width: calc(100% - 160px);
        margin-bottom: 5px
    }

    #footer-features p {
        margin-left: 160px;
        width: calc(100% - 160px);
    }

    #footer-features a {
        margin-left: 160px;
        width: calc(100% - 160px);
    }
	
	#campaign span {
	  font-size: .9em;
	  padding: 20px;
	}
	
	footer .nav-columns-container {
	    width: 100%;
	    float: left;
	}
	
	.nav-columns {
		float: left;
		width: 50%;
	}
	
	.footer-resources-container {
		width: 100%;
	  float: left;
	  max-width: 710px;
	}
}


@media screen and (min-width: 768px) {
		
	#yearof {
		margin-bottom: 0;
	    margin-right: 1%;
	}
	
	#yearof, #footer-feature {
	    width: 48%
	}
	
	#footer-feature {
	    margin-left: 1%;
	}

  #footer-resources .footer-resources-container {
      max-width: inherit;
  }
  
  #footer-resources .footer-resources-container ul {
    margin-bottom: -10px;
  }

  #footer-resources .footer-resources-container li {
      width: auto;
      margin-right: 8px;
      padding-right: 8px;
      /* border-right: 1px solid #929292; */
      margin-bottom: 10px;
  }
  
  #footer-resources .footer-resources-container li a {
    width: auto;
    padding: 0;
  }

  #footer-resources .footer-resources-container ul.nav {
      display: flex;
      flex-wrap: wrap;
  }

  #footer-resources .max-90 {
      display: flex;
      justify-content: space-between;
  }
  
  #footer-resources .social-links {
    display: flex;
    align-items: center;
  }

  #footer-resources .social-links ul {
      display: flex;
      flex-wrap: nowrap;
  }
} /* End 768 px media query */


@media only screen and (min-width: 1000px) {
	
	
	
	
	footer .nav-columns-container {
	  width: 100%;
      margin-bottom: 0px;
	}
	
	#footer-nav-container address, #footer-nav-container nav {
	    width: 50%;
	}

	footer #footer-resources {
	    width: 100%;
	}

	
	
	#yearof {
	   float: left;
	  padding-right: 10px;
	  margin-bottom: 0;
	}
	
	#campaign {
	    width: 50%;
	    float: left;
	    margin-top: -68px;
        font-size: 90%;
	}

    #campaign span {
        padding: 10px;
    }
}


@media only screen and (min-width: 1100px) {
	
	#footer-resources .social-links {
	  float: right;
	}
	
	#footer-resources .footer-resources-container li {
		margin-bottom: 15px;
	}
}


/*--------------------------------------------------------------
6.0 Custom Stylings (styling specific to individual sites/pages
--------------------------------------------------------------*/

/* Civility Website */

#site-civilityaward footer .nav-columns-container {
    width: 100%;
}

#site-civilityaward #footer-nav-container address, #site-civilityaward #footer-nav-container nav {
    width: 100%;
}

#site-civilityaward nav#footer-resources {
    width: 100%;
}

#site-civilityaward .give {
    display: none;
}

/* Custom Style - Admissions Map
------------------------------*/

.map {
	display: none;
	border-bottom: 1px solid #EEE;
}

/*Custom Style - Gator Blogs
	-------------------------------*/

#wrap .gator-img {
	max-width: 50%;
}

@media screen and (min-width: 768px) {
	/* Custom Styles - Admissions Map */

	.map {
		display: block;
	}

	.no-map {
		display: none;
	}
}

/*--------------------------------------------------------------
7.0 Short code stylings
--------------------------------------------------------------*/


/* Staff Pages 
-----------------------------*/

/* Employee Thumbnails */

.staff-container {
    display: flex;
    flex-wrap: wrap;
}

.emp-thumb {
	float: none;
	border-radius: 50%;
  max-width: 100%;
  margin-bottom:40px;
}

@media screen and (min-width: 768px) {
  .emp-thumb {
    float: right;
    margin-bottom: 0;
    max-width: 200px;
  }
}

/* Employee feed */

.letter-header {
  margin-top: 0;
}

.single_emp h3 {
  margin-top: 0;
}

.emp {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
	text-align: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
	.emp {
		text-align: left;
	}
}

.emp:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.emp:first-child {
	margin-bottom: 30px;
	padding-bottom: 40px;
}

.emp h4 {
  margin-bottom: 0;
}

.emp p {
    margin-top: 0;
    line-height: 1.5;
}

.emp i {
    width: 25px;
    text-align: left;
}

.emp a i {
    width: auto;
    line-height: 1.5;
}


@media screen and (min-width: 768px) {
	.emp-shortcode-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
	
	.emp.alt {
    width: 48%;
    float: left;
    padding-right: 1.5%;
    text-align: center;
    border-bottom: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    padding-left: 1.5%;
	}
}

@media screen and (min-width: 1000px) {
  .emp.alt {
    width: 31%;
    float: left;
    padding-right: 1.5%;
    text-align: center;
    border-bottom: 0;
    margin-bottom: 0;
    box-sizing: border-box;
    padding-left: 1.5%;
	}  
}

.emp.alt:nth-child(3n+3) {
    padding-right: 0px;
}

.emp.alt .emp-thumb {
    float: none;
    margin: 0px auto 20px auto;
    width: 200px;
    max-width: 100%;
}

.emp.alt .emp-info {
	/* text-align: left; */
	font-size: .857em;
	margin-bottom: 10px;
	margin-top: -0;
}

.emp a {
	text-decoration: underline;
}

.emp .button {
	margin-top: 10px;
}

.emp.alt a.full-profile {
	font-size: .857em;
	font-size: 1em;
  margin-top: 10px;
  display: inline-block;
}

/* Masonry */

#ms-shortcode .ms-item {
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	

	
	#ms-shortcode p:empty {
		display: none;
	}
	
	@media screen and (min-width:768px) {
		
		#ms-shortcode .ms-item {
			padding: 0 5px;
		}
		
		.ms-one-half {
			width: 50%;
		}
		
		.ms-one-third {
			width: 33.33%;
			width: calc(100% / 3);
		}
		
		.ms-one-fourth {
			width: 25%;
		}
	}


/* Full Width */

div#full-width {
    width: 100%;
    display: block;
    float: left;
}

div#full-width img {
    width: 100%;
    height: auto;
}

/* Custom Style - Academics Majors and Minors
------------------------------------*/

.mm-container {
		float: left;
		width: 100%;
		margin-bottom: 15px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
}


.mm-content {
	position: relative;
	z-index: 1;
	margin-bottom: 5px;
	/* padding-bottom: 10px; */
}

.mm-content img {
	z-index: -6;
	position: relative;
}



.mm-content h3 {
	margin-top: 0;
	font-size: 1.75em;
	margin-bottom: 0px;
}

.mm-buttons {
	float: none;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	flex-direction: column;
}

@media screen and (min-width:768px) {
	.mm-buttons {
		flex-direction: row;
	}
}

.mm-buttons .button {
	width: 100%;
	float: left;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (min-width:768px) {
	.mm-buttons .button {
		width: 49.5%;
	}
	
	.mm-buttons.three .button {
		width: 32.75%;
	}
}

.mm-buttons .button.blue {
	float: right;
}

.mm-buttons .button.block {
width: 100%;
}

@media screen and (min-width:768px) {
	.mm-container {
		border-bottom: 0;
	}

	.mm-content {
		background-color: #063F7E;
	}

	.mm-content img {
		opacity: .5;
		margin-bottom: 0;
	}

	.mm-text {
			position: absolute;
			top: 0;
			left: 0;
			padding: 15px;
			color: white;
	}

	.mm-text * {
			color: white;
	}
}


/* Tags
-----------------------------*/

#wrap .ac-tag {
	color: #1b76da !important;
	font-weight: bold;
}

#wrap .ac-tag-cancel {
	color: #e60000 !important;
}

#wrap .ac-tag-new {
	color: #128446 !important;
}

#wrap .act-tag-pink {
	color: #e2056e !important;
}

/* GT Tabs Styles 
-----------------------------*/

#content ul.GTTabs {
	margin-bottom: 4px !important;
	border-bottom: 1px solid #CCC !important;
	padding-bottom: 12px !important;
	padding-left: 0 !important;
	overflow: auto;
}

#content ul.GTTabs li {
	margin: 1em 5px 0px 0px;
	display: inline-block !important;
}

#content ul.GTTabs li.GTTabs_curr a {
    font-size: 16px !important;
    text-decoration: none;
    background-color: #feda48;
}

#content ul.GTTabs li a {
padding: 2px 5px !important;
font-size: 16px;
background-color: #E0EAF5;
color: #053877 !important;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
text-align: center;
text-decoration: none;
}

#content ul.GTTabs li a:hover {
	background-color: #feda48;
	font-size: 16px !important;
    text-decoration: none;
}

/* Alternate Headings */


#wrap h3.alt {
    background-color: #1b76da;
    color: white;
    padding: 10px 15px;
} 
 
	   #wrap h3.altblue {
		   background-color: #e7f1ff;
		   color: #003e79;
		}
		
		#wrap h3.altgold {
			background-color: #feda48;
			color: #003e79;
		}
		
		#wrap h3.altpink {
			background-color: #e2056e;
			color: #fff;
		}
		
		#wrap h3.altgreen {
			background-color: #00a651;
			color: white;
		}
		
/* Accordion Styling */
				
.accordions {
	width: auto;
	overflow: auto;
	overflow-y: auto;
}

/* Accordion Title */
div.accordion-title {
	color: #003e79;
	cursor: pointer;
	/* margin: 10px 0 0 0; */
	margin: 0 0 10px 0;
	padding: 9px 15px 9px 27px;
	/* padding: 5% 15px 5% 27px; */
	text-transform: inherit;
	font-size: 1.28571428571429em;
	font-family: "Archer SSm A", 'Archer SSm B', serif;
	font-weight: 700;
	background: url("images/accordion-right.png") no-repeat left center #e7f1ff;
}

.accordion-title:hover { background-color: #FEDA48; }

/* Active Accordion */
.accordion-title.active { 
	background: url("images/accordion-down.png") no-repeat left center #FEDA48; 
	/* margin-bottom: 0px; */
}



.accordion-content {
	border-bottom: 1px solid #DDD;
	height: auto;
	padding: 15px;
	color: #333;
	background-color: white;
	border: 1px solid #E0EAF5;
	margin-top: -10px;
	margin-bottom: 10px;
}

.accordion-content h3:first-child,
.accordion-content h4:first-child {
	margin-top: 10px !important;
}
		
/* H3 Process Styles */
		
h3.process:before {
	float: left;
	display: block;
	-webkit-font-smoothing: antialiased;
	text-align: center;
	width: 35px;
	height: 35px;
	background-color: #feda48;
	border-radius: 50%;
	margin-right: 10px;
	/*margin-top: -4px;*/
	line-height: 36px;
	padding: 0;
	

}

h3.process.step1:before {
	content: "1";
}

h3.process.step2:before {
	content: "2";
}

h3.process.step3:before {
	content: "3";
}

h3.process.step4:before {
	content: "4";
}

h3.process.step5:before {
	content: "5";
}

h3.process.step6:before {
	content: "6";
}

h3.process.step7:before {
		content: "7";
	}

h3.process.step8:before {
	content: "8";
}

h3.process.step9:before {
	content: "9";
}

h3.process.step10:before {
	content: "10";
}

h3.process.sean {
    background-color: #1b76da;
    padding: 10px;
    color: white;
}

h3.process.sean:before {
	background-color: transparent;
	color: white;
	margin-top: 0;
}

.process-container {
    height: 100px;
    overflow: hidden;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f9ff+0,f5f9ff+100&1+0,0+100 */
    background: -moz-linear-gradient(top, rgba(245,249,255,1) 0%, rgba(245,249,255,0) 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(245,249,255,1) 0%,rgba(245,249,255,0) 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(245,249,255,1) 0%,rgba(245,249,255,0) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9ff', endColorstr='#00f5f9ff',GradientType=0 );/* IE6-9 */
    position: relative;
    display: none;
}

.process-container.visible {
	display: block;
	background-color: transparent;
	height: auto;
}

.process-container.visible:before {
	background: transparent;
}

.process-container:before {
    content: "";
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f9ff+1,f5f9ff+99&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(245,249,255,0) 0%, rgba(245,249,255,0.01) 1%, rgba(245,249,255,0.99) 99%, rgba(245,249,255,1) 100%);/* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(245,249,255,0) 0%,rgba(245,249,255,0.01) 1%,rgba(245,249,255,0.99) 99%,rgba(245,249,255,1) 100%);/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(245,249,255,0) 0%,rgba(245,249,255,0.01) 1%,rgba(245,249,255,0.99) 99%,rgba(245,249,255,1) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f9ff', endColorstr='#f5f9ff',GradientType=0 );/* IE6-9 */
    position: absolute;
    display: block;
    z-index: 1;
    width: 100%;
}

h3.process.sean:before {content: "\f00c";
font-family: "FontAwesome";}

h3.process.sean.step1:before {
	/* content: "\f077"; */
}

h3.process.step1.sean {
    background-color: #feda48;
    color: #1b76da;
}

h3.process.sean.step1:before {
    color: #1b76da;
}

/* Buttons Class */

.button {
	display: inline-block;
	padding: 10px 15px;
	background-color: #feda48;
	border-radius: 5px;
	font-family: "Archer SSm A", "Archer SSm B";
	font-style: normal;
	font-weight: 800;
	margin-bottom: 10px;
	color: #005BC3;
	text-decoration: none !important;
	float: none;
	font-size: 1em;
	line-height: 1.5em;
	transition: .25s background-color;
	text-align: center;
}

#wrap .button-small, #wrap .button-sm {
	font-family: "Open Sans";
  padding: 7px 8px;
  font-weight: 600;
  font-size: .8125em;
}

#wrap .button {
	margin-bottom: 20px;
	color: #063f7e;
}

#wrap .button.blue, #wrap .button.green, #wrap .button.pink {
	color: white;
}

.button.gold {
	color: #063f7e !important;
}

#wrap .button.green, .button.green {
	background-color: #008641;
	color: white;
}

#wrap .button.pink, .button.pink {
	background-color: #e40088;
}

#wrap .button.block.icon i[class*='fa'] {
    display: inline;
    float: none;
}

.button:hover,
.button.gold:hover,
.button:focus {
	background-color: #1b76da !important;
	color: white !important;
}

#content .button:hover {
	color: white;
	outline: 0;
}

#content .button:focus {
	outline: 1px dashed #0053bc;
}

#wrap .button.block {
	display: block;
	text-align: center;
}


.button.blue:hover {
	background-color: #00aeef;
}


#wrap .button.button-xl {
	font-size: 1.786em;
	line-height: 1.5em;
	padding: 0.8em 1em;
}

#wrap .button.button-lg {
    font-size: 1.3125em;
    padding: 0.5em 0.8em;
    line-height: 1.5em;
}

/* Section break */

.section-break, hr, .hr {
	display: block;
	margin: 10px 0 0 0;
	padding-top: 10px;
	border: 0;
	border-top: 1px solid #eee;
	clear: left;
	overflow: hidden;
	width: 100%;
}

hr.large, .section-break.large, .hr.large {
	margin-top: 30px;
	padding-bottom: 30px;
	border-color: #ccc;
}

.page-template-nosidebar-php .section-break, .page-template-nosidebar-php hr {
	clear: both;
}

.clear-floats {
	content: "";
  display: table;
  clear: both;
	margin: 0;
}

.clearcolumnfloats {
	clear: left;
}


/* Feature buttons */

.feature {
    border-bottom: #eeeeee 1px solid;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.feature.column-last {
    padding-bottom: 0;
    border: 0;
}

.feature .imglink {
	max-width: 300px;
	margin-right: auto !important;
	margin-left: auto !important;
	float: none;
}

#content .feature a.imglink:hover, #content .feature a.imglink:focus {
	background-color: transparent;
  text-decoration: none;
}

#content .imglink:focus {
	outline: 1px dashed #0053bc;
	outline-offset: 2px;
}

#content .imglink:hover img, #content .imglink:focus img {
  filter: brightness(80%);
}


#content .feature .imglink:hover .button, #content .feature .imglink:focus .button {
    background-color: #1b76da ;
    color: white;
		text-decoration: none;
}

a.imglink {
    display: block;
    position: relative;
}

.icon-img-container {
    position: relative;
}

.imglink [class*='fa'] {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    font-size: 15px;
    line-height: 15px;
    opacity: 0;
    transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s;
		z-index: 1;
}

.imglink [class*='fa']:before {
    color: white; 
    position: absolute; 
    left: 0; 
    top: 50%; font-size: 4em; 
    right: 0px; 
    margin: 0 auto; 
    float: none; display: block; 
    width: 100%; 
    height: 100%; 
    /* opacity: 0; */ transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; -o-transition: all .25s;
    /* width: 0; */
    /* height: 0; */
}

.imglink:hover [class*='fa'],.imglink:focus [class*='fa']  {
    opacity: 1;
}

#wrap .feature.alt .button {
	margin-bottom: 0;
}

#wrap .feature .goudy {
	margin-bottom:10px;
}

/* Columns Short Codes */

#wrap .column-short .button:last-child {
    margin-bottom: 0;
}

#wrap .column-short.center {
	text-align: center;
}

#wrap .column-short.blue {
	background-color: #e7f1ff;
	padding: 2%;
	width: 96%;
}



/* Goudy Short Code */	

#wrap p.goudy {
    font-size: 1.0625em;
    margin-top: 15px;
    font-weight: normal;
}

/* Margin Overrides */

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}


.mb30 {
	margin-bottom: 30px !important;
}

.mb-5 {
	margin-bottom: -5px;
}

.mb-10 {
	margin-bottom: -10px;
}

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt-5 {
	margin-top: -5px !important;
}

.mt-10 {
	margin-top: -10px !important;
}


/* Heading Short Code */

#wrap header h3 {
	margin-bottom: 0;
}

#wrap header h4 {
	color: #003e70;
}

#wrap header.large h3 {
	font-family: "Archer SSm A", "Archer SSm B";
    font-size: 2em;
    border-bottom: 1px solid #ccc;
    /* font-family: "Archer SSm A", "Archer Ssm B"; */
}

#wrap header.large h4 {    
	color: #063f7e;font-size: 1.5em;     
	 margin-bottom: 30px;
}

#wrap header.large h3 {
	margin-bottom: 15px;
}

/* Social media short code */

#wrap .social-icons {
    margin-left: 0;
    padding-left: 0;
}
#wrap .social-icons li {
    margin-right: 5px;
}



/* Box Shortcode Styling / Classes
/* Updated: 01.14.14 -jl.
/* - updated design; added Genericons 
/* Updated: 06.26.14 -so.
/* - replaced genericons with AwesomeFont.
------------------------------------------------------------ */
			
.box-container, .iframe-container {
	width: auto;
	overflow: hidden;
}

.box-container.blue {
    background-color: #e7f1ff;
    padding: 15px;
    margin-bottom: 20px;
}
.box-container.blue:last-child {
    margin-bottom: 0;
}
.box-container.blue .button:last-child, .box-container.blue p:last-child {
    margin-bottom: 0 !important;
}

.box-container.blue p:last-child {
    margin-bottom: 0 !important;
}


.iframe-container {
	position: relative;
	padding-bottom: 63%;
}

.iframe-container iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.issuuembed {position: relative;
	padding-bottom: 125%; /* 16:9 */
	padding-top: 25px;
	height: 0 !important;
	width: 100% !important;
}

.book .issuuembed {
	padding-bottom: 65%;
}



.issuuembed object, .issuuembed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}



.box {
	overflow: auto;
	overflow-y: auto;
	margin: 0 0 15px 0;
	/* box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0px 0 #FFFFFF inset, 0 0px 0 #FFFFFF inset;
	    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0px 0 #FFFFFF inset, 0 0px 0 #FFFFFF inset;
	    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0px 0 #FFFFFF inset, 0 0px 0 #FFFFFF inset;*/
	padding: 10px !important;
	background-image: none !important;
	/* background-color: #E0EAF5 !important; */
}

/*
div.box .box-header {
	background-repeat: no-repeat;
	background-position: 2px 3px;
	border: 1px solid #CCCCCC;
	font-weight: normal !important;
	height: 21px;
	padding: 3px 3px 3px 35px;
	font-size: 15px;
	background-size: 21px;
}
*/

.box a {
	text-decoration: underline;
}

#wrap-main div.box p,
#wrap .box p {
	margin: 0px;
	margin-bottom: 15px;
}

#wrap-main div.box p:last-child,
#wrap .box p:last-child {
	margin: 0px;
	margin-bottom: 0px;
}

#wrap .box p:last-child .button {
	margin-bottom: 0px;
}

/*
.box-blue .box-content,
.box-green .box-content,
.box-grey .box-content,
.box-red .box-content,
.box-tan .box-content,
.box-yellow .box-content {
	padding: 0;
}
*/

/* DEFAULT Box */

.box {
	background-color: #eaeaea;
	padding: 15px !important;
}

#wrap .box h3:first-child, #wrap .box h4:first-child {
	margin-top:0;
}

#wrap .box p {
	color: #797979 !important;
	font-size: 0.9em;
}

#wrap .box h3:first-child,
#wrap .box h4:first-child {
	margin-top: 0px !important;
}

/* BLUE box */

.box-blue {
	background-color: #e7f1fe;
}

/* GREEN box */

.box-green {
	background-color: #d8e9e0;
}

#wrap .box-green p,
#wrap .box-green ul li {
	color: #00a651 !important;
}

/* GREY box */

.box-grey {
	background-color: #ddd;
}

#wrap .box-grey p,
#wrap .box-grey ul li {
	color: #5d5d5d !important;
}

/* RED box */

.box-red {
	background-color: #fcb8bb;
}

#wrap .box-red p,
#wrap .box-red ul li {
	color: #e6000b !important;
}

/* YELLOW and TAN box */

.box-yellow,
.box-tan {
	background-color: #fcf1c7;
}

.box-pink {
background-color: #ffe8f8;
}

/*--- BOLD COLORS --*/

/* BOLD BLUE box */

.box-bold-blue {
	background-color: #0d5ec0;
}

#wrap .box-bold-blue p,
#wrap .box-bold-blue ul li,
#wrap .box-bold-blue h3,
#wrap .box-bold-blue h4 {
	color: #d8e9fd !important;
}

/* BOLD GREEN box */

.box-bold-green {
	background-color: #128446;
}

#wrap .box-bold-green p {
	color: #d8e9e0 !important;
}

#wrap .box-bold-green h3,
#wrap .box-bold-green h4 {
	color: #fff !important;
}

/* BOLD PINK box */

.box-bold-pink {
	background-color: #e2056e;
}

#wrap .box-bold-pink p,
#wrap .box-bold-pink h3,
#wrap .box-bold-pink h4 {
	color: #fff !important;
}

/* BOLD GREY box */

.box-bold-grey {
	background-color: #5d5d5d;
}

#wrap .box-bold-grey p,
#wrap .box-bold-grey h3,
#wrap .box-bold-grey h4 {
	color: #fff !important;
}

/* BOLD RED box */

.box-bold-red {
	background-color: #e6000b;
}

#wrap .box-bold-red p,
#wrap .box-bold-red h3,
#wrap .box-bold-red h4 {
	color: #fff !important;
}

/* BOLD YELLOW / GOLD box */

.box-bold-yellow,
.box-bold-gold {
	background-color: #feda48;
}

#wrap .box-bold-yellow p,
#wrap .box-bold-yellow h3,
#wrap .box-bold-yellow h4,
#wrap .box-bold-gold p,
#wrap .box-bold-gold h3,
#wrap .box-bold-gold h4 {
	color: #333 !important;
}


/*
#wrap .box-yellow p {
	color: #e6000b !important;
}
*/

/* Standard circle dimensions / code */

/*
#wrap .box-info p:first-child:before,
#wrap .box-alert p:first-child:before {
	content: '\f455';
	background-color: #0d5ec0;
	display: inline;
	-webkit-font-smoothing: antialiased;
	font: normal 36px/40px 'FontAwesome';
	vertical-align: middle;
	color: white;
	text-align: center;
	width: 40px;
	border-radius: 40px;
	margin: 0 10px 0 0;
	padding: 3px 0 0 3px;
}
*/

#wrap .box-alert p:first-child,
#wrap .box-comment p:first-child,
#wrap .box-download p:first-child,
#wrap .box-tip p:first-child,
#wrap .box-code p:first-child,
#wrap .box-mail p:first-child,
#wrap .box-success p:first-child,
#wrap .box-warning p:first-child,
#wrap .box-help p:first-child,
#wrap .box-instagram p:first-child,
#wrap .box-notice p:first-child,
#wrap .box-test p:first-child,
#wrap .box-info p:first-child {
	margin-top: 14px !important;
}

#wrap .box-alert p:first-child:before,
#wrap .box-comment p:first-child:before,
#wrap .box-download p:first-child:before,
#wrap .box-tip p:first-child:before,
#wrap .box-code p:first-child:before,
#wrap .box-mail p:first-child:before,
#wrap .box-success p:first-child:before,
#wrap .box-warning p:first-child:before,
#wrap .box-help p:first-child:before,
#wrap .box-instagram p:first-child:before,
#wrap .box-notice p:first-child:before,
#wrap .box-test p:first-child:before,
#wrap .box-info p:first-child:before {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	text-align: center;
	width: 40px;
	border-radius: 40px;
	margin: 0 10px 0 0;
	float: left;
	margin-top: -14px !important;
}

/* ALERT Box */

.box-alert {
    background-color: #fcb8bb;
}

#wrap .box-alert p {
	color: #e6000b !important;
}

#wrap .box p:first-child:before {
	padding: 1px 0 0 1px;
}

#wrap .box-alert p:first-child:before {
	content: '\f071';
	background-color: #e6000b;
	font: normal 26px/40px 'FontAwesome';
	color: white;
	padding: 0px 0 1px 1px;
}

/* TEST Box */

#wrap .box-test p:first-child {
	/* margin-top: 12px !important; */
}

#wrap .box-test p:first-child:before {
	content: '\f408';
	background-color: #0d5ec0;
	font: normal 30px/40px 'FontAwesome';
	color: white;
	/* float: left; */
	/* margin-top: -12px !important; */
}

/* COMMENT Box */

.box-comment {
    background-color: #e7f1fe;
}

#wrap .box-comment p {
	color: #5d5d5d !important;
}

#wrap .box-comment p:first-child:before {
	content: '\f075';
	background-color: #0d5ec0;
	font: normal 22px/40px 'FontAwesome';
	color: white;
}

/* DOWNLOAD Box */

.box-download {
    background-color: #e7f1fe;
}

#wrap .box-download p {
	color: #5d5d5d !important;
}

#wrap .box-download p:first-child:before {
	content: '\f019';
	background-color: #0d5ec0;
	font: normal 24px/40px 'FontAwesome';
	color: white;
}

/* INFO Box */

.box-info {
    background-color: #e7f1fe;
}

#wrap .box-info p {
	color: #5d5d5d !important;
}

#wrap .box-info p:first-child:before {
	content: '\f129';
	background-color: #0d5ec0;
	font: normal 30px/40px 'FontAwesome';
	color: white;
}

/* TIP Box */

.box-tip {
    background-color: #e7f1fe;
}

#wrap .box-tip p {
	color: #5d5d5d !important;
}

#wrap .box-tip p:first-child:before {
	content: '\f005';
	background-color: #0d5ec0;
	font: normal 24px/40px 'FontAwesome';
	color: white;
}

/* CODE Box */

.box-code {
    background-color: #ddd;
}

#wrap .box-code p {
	color: #5d5d5d !important;
	font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace !important;
}

#wrap .box-code p:first-child:before {
	content: '\f121';
	background-color: #5d5d5d;
	font: normal 22px/40px 'FontAwesome';
	color: white;
}

/* MAIL Box */

.box-mail {
    background-color: #e7f1fe;
}

#wrap .box-mail p {
	color: #5d5d5d !important;
}

#wrap .box-mail p:first-child:before {
	content: '\f0e0';
	background-color: #0d5ec0;
	font: normal 22px/40px 'FontAwesome';
	color: white;
}

/* WARNING Box */

.box-warning {
    background-color: #fedac9;
}

#wrap .box-warning p {
	color: #f26522 !important;
}

#wrap .box-warning p:first-child:before {
	content: '\f071';
	background-color: #f26522;
	font: normal 26px/40px 'FontAwesome';
	color: white;
}

/* SUCCESS Box */

.box-success {
    background-color: #d8e9e0;
}

#wrap .box-success p {
	color: #00a651 !important;
}

#wrap .box-success p:first-child:before {
	content: '\f00c';
	background-color: #00a651;
	font: normal 22px/40px 'FontAwesome';
	color: white;
}

/* HELP Box */

.box-help {
    background-color: #e7f1fe;
}

#wrap .box-help p {
	color: #5d5d5d !important;
}

#wrap .box-help p:first-child:before {
	content: '\f128';
	background-color: #0d5ec0;
	font: normal 32px/40px 'FontAwesome';
	color: white;
}

/* INSTAGRAM Box */

.box-instagram {
    background-color: #dde7f1;
}

#wrap .box-instagram p {
	color: #5d5d5d !important;
}

#wrap .box-instagram p:first-child:before {
	content: '\f16d';
	background-color: #517fa3;
	font: normal 24px/40px 'FontAwesome';
	color: white;
}

/* NOTICE Box */

.box-notice {
    background-color: #e7f1fe;
}

#wrap .box-notice p {
	color: #5d5d5d !important;
}

#wrap .box-notice p:first-child:before {
	content: '\f12a';
	background-color: #0d5ec0;
	font: normal 30px/40px 'FontAwesome';
	color: white;
}

#wrap span.genericon {
	font-family: 'FontAwesome' !important;
	line-height: 1.4em !important;
}

#wrap span.genericon-location:before {
	content: '\f417';
	color: #666 !important;
	font-size: 1.4em !important;
	vertical-align: bottom;
}

#wrap span.genericon-twitter:before {
	content: '\f202';
	color: #2cabe5 !important;
	font-size: 1.4em !important;
	vertical-align: bottom;
}

#wrap span.genericon-facebook:before {
	content: '\f203';
	color: #3c5b9b !important;
	font-size: 1.4em !important;
	vertical-align: bottom;
}

#wrap span.genericon-link:before {
	content: '\f107';
	color: #666 !important;
	font-size: 1.4em !important;
	vertical-align: bottom;
}

/* UPDATE BOXES (12/22/15) */

#wrap .box p {
    font-size: 1em !important;
    color: #404040 !important;
}

#wrap .box h4 span {
    font-size: 1.0625em !important;
    margin-bottom: 0;
    line-height: 30px;
    /* color: #00a651 !important; */
    /* height: 40px; */
    display: inline;
    /* float: left; */
    /* width: 100%; */
}

#wrap .box h4 i[class*='fa'] {
    /* color: #00a651 !important; */
    margin-right: 10px;
    font-size: 19px !important;
    /* line-height: 40px; */
    display: block;
    height: 30px;
    float: left;
    width: 30px;
    text-align: center;
    background-color: #1b76da;
    border-radius: 50%;
    color: white !important;
}
#wrap .box h4 i[class*='fa']:before {
    line-height: 30px;
    /* height: 40px; */
    /* display: block; */
}

#wrap .box h4 {
    margin-bottom: 10px;
}

#wrap .box.box-success i[class*='fa'] {
    color: #0f6b39 !important;
}

#wrap .box.box-success h4 span {
    color: #0f6b39 !important !important;
}

#wrap .box.box-code i[class*='fa'] {
    background-color: #5d5d5d;
}

#wrap .box.box-code h4 span {
    color: #5d5d5d !important;
}

#wrap .box.box-success i[class*='fa'] {
    color: white !important;
    background-color: #00a651;
}

#wrap .box.box-warning i[class*='fa'] {
    background-color: #9e4115;
}

#wrap .box.box-warning h4 span {
    color: #9e4115 !important;
}

#wrap .box.box-alert i[class*='fa'] {
    background-color: #a20008;
}

#wrap .box.box-alert h4 span {
    color: #a20008 !important;
}

#wrap .box.box-bold-blue * { color: white; }
#wrap .box.box-bold-green * { color: white !important; }
#wrap .box.box-bold-pink * { color: white !important; }
#wrap .box.box-bold-grey * { color: white !important; }
#wrap .box.box-bold-red * { color: white !important; }
#wrap .box.box-bold-blue * { color: white !important; }

#wrap .box.box-bold-green .button.gold,
#wrap .box.box-bold-pink .button.gold,
#wrap .box.box-bold-grey .button.gold,
#wrap .box.box-bold-red .button.gold,
#wrap .box.box-bold-blue .button.gold {
color: #063f7e !important;
}

#wrap .box.box-bold-green .button.gold,
#wrap .box.box-bold-pink .button.gold,
#wrap .box.box-bold-grey .button.gold,
#wrap .box.box-bold-red .button.gold,
#wrap .box.box-bold-blue .button.gold:hover {
color: #fff !important;
}

/* Font Awesome
------------------------------------------------------------ */

#wrap i[class*='fa'] {
	background-color: transparent;
}
i[class*='fa'].orange:before {
	color: #ff6c00;
}
 
i[class*='fa'].pink:before {
	color: #e2056e;
}
i[class*='fa'].blue:before {
	color: #005bc3;
}
i[class*='fa'].ltblue:before {
	color: #00aeef;
}
/*.fa.neoblue {
	color: #07dfdc;
}*/
i[class*='fa'].green:before {
	color: #00a651;
}
i[class*='fa'].neogreen:before {
	color: #0ee22d;
}
i[class*='fa'].purple:before {
	color: #8100ef;
}
/*.fa.gold {
	color: #e4b800;
}*/
i[class*='fa'].silver:before {
	color: #c6c6c6;
}
i[class*='fa'].copper:before {
	color: #bc8103;
}
i[class*='fa'].black:before {
	color: #000000;
}
i[class*='fa'].red:before {
	color: #f00000;
}
i[class*='fa'].drkred:before {
	color: #b0232a;
}
i[class*='fa'].yellow:before, i[class*='fa'].gold:before{
	color: #feda48;
}
i[class*='fa'].drkblue:before {
	color: #002144;
}
i[class*='fa'].facebookblue:before {
	color: #3c5b9b;
}
i[class*='fa'].twitterblue:before {
	color: #2cabe5;
}
i[class*='fa'].instagramblue:before {
	color: #517fa3;
}
i[class*='fa'].flickrpink:before {
	color: #fb0185;
}
i[class*='fa'].youtubered:before {
	color: #fc3432;
}

i[class*='fa'].white:before {
	color: #fff;
}


.fa-stack {
/*	margin: 0 0 1.3125em 0;*/
}

.fa-stack.pull-left {
	margin-right: 8px;
}

.fa-stack.pull-right {
	margin-left: 8px;
}


.fa-stack br {
	display: none;
}

.button.yellow i[class*='fa'] {
}

.button.blue i[class*='fa'] {
	color: white;
}

#wrap .button.icon-right i[class*='fa'] {
    float: right;
    margin-right: 0;
    margin-left: 8px;
}

#wrap .button i[class*='fa'].pull-right {
	margin-left: 8px;
	margin-right: 0;
}

#wrap .button i[class*='fa'].pull-left {
	margin-left: 0;
	margin-right: 8px;
}

#wrap .button i[class*='fa']:before {
}

.button:hover i[class*='fa']:before {
color: white;
}

ul.fa-ul {
	list-style: none !important;
}

				
/* Column Classes
------------------------------------------------------------ */

.column-four-fifths,
.column-one-fifth,
.column-one-fourth,
.column-one-half,
.column-one-third,
.column-three-fifths,
.column-three-fourths,
.column-two-fifths,
.column-two-fourths,
.column-two-thirds {
    float: left;
    margin: 0 0 20px 0;
    padding-right: 0;
    width: 100%;
    border-bottom: 1px solid #eee;
}



.column-last {
    clear: right;
    padding-right: 0;
}




/* Social Icons
------------------------------------------------------------ */


.social-icons li {
		float: left;
		list-style: none;
	}
	
	.social-icons a {
		display: block;
		background-color: blue;
		height: 35px;
		width: 35px;
		margin: 2px;
		border-radius: 50%;
	}
	
	.social-icons li a:before {
		
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		font: normal 22px/35px 'FontAwesome';
		vertical-align: top;
		color: white;
		text-align: center;
		width: 35px;
	}
	
	.social-icons li.facebook a {
		background-color: #3c5b9b;
	}
	
	
	.social-icons li a p {
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		float: none;
		margin: 0;
		height: 0;
		width: 0;
		padding: 0;
		border: 0;
	}
	
	
	
	.facebook a:before {
		content: '\f39e';
	}
	
	.twitter a:before {
		content: '\f099';
	}
	
	.flickr a:before {
		content: '\f16e';
	}
	
	.instagram a:before {
		content: '\f16d';
	}
	
	.youtube a:before {
		content: '\f16a';
	}
	
	.social-icons li.twitter a {
		background-color: #2cabe5;
	}


	.social-icons li.flickr a {
		background-color: #fb0185;
	}


	.social-icons li.instagram a {
		background-color: #517fa3;
	}


	.social-icons li.youtube a {
		background-color: #fc3432;
	}
	
	.social-icons li a {
		 transition: all .25s;
		-moz-transition: all .25s; /* Firefox 4 */
		-webkit-transition: all .25s; /* Safari and Chrome */
		-o-transition: all .25s; /* Opera */
	}
	
	.social-icons li a:hover {
		background-color: #005bc3;
	}



/* Circles Shortcode */

#wrap .circle-container .circle {
	height: 150px;
	width: 150px;
	display: block;
	float: left;
	border-radius: 50%;
	margin-right: 20px;
	font-family: "Goudy Old Style Regular", 'Times New Roman', Times, serif, serif;;
	font-size: 3.5em!important;
	text-align: center;
	line-height: 150px;
	color: white !important;
	margin-top: 20px;
}

#wrap .circle-container h4 {
	line-height: 1.3em;
	display: flex;
	align-items: center;
	height: 150px;
	margin: 0;
	margin-top: 20px;
	font-size: 1.8em;
}

#wrap .circle-container.sm .circle {
	height: 100px;
	width: 100px;
	font-size: 2.5em!important;
	line-height: 100px;
}

#wrap .circle-container.sm h4 {
	height: 100px;
	font-size: 1.5em;
}

.circle.orange {  background-color: #ff6c00;}
.circle.pink {  background-color:#e2056e;}
.circle.blue  {  background-color: #005bc3;}
.circle.ltblue  {  background-color: #00aeef;}
.circle.neoblue {  background-color: #07dfdc;}
.circle.green  {  background-color: #00a651;}
.circle.neogreen  {  background-color: #0ee22d;}
.circle.purple {  background-color: #8100ef;}
#wrap .circle.gold {color:#003e79 !important; /*background-color: #e4b800;*/ background-color: #feda48;}
.circle.gold + h4 {color:#003e79!important;}
.circle.silver  {  background-color: #c6c6c6;}
.circle.copper {  background-color: #bc8103;}
.circle.black {  background-color: #000000;}
.circle.red  {  background-color: #f00000;}
.circle.drkred  {  background-color:#b0232a;}
.circle.allyellow  {  background-color: #feda48;}
#wrap .circle.gold + h4 {color:#003e79!important;}
.circle.allblue {  background-color: #002144;}
.circle.facebookblue {  background-color: #3c5b9b;}
.circle.twitterblue {  background-color: #2cabe5;}
.circle.instagramblue {  background-color: #517fa3;}
.circle.flickrpink {  background-color: #fb0185;}
.circle.youtubered { background-color: #fc3432;}









	

/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/
	
footer .social-links li {
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    /* background-color: red; */
    text-indent: -9999px;
    margin-bottom: 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#wrap .social-links {
  margin-bottom: 35px;
  float: left;
  width: 100%;
  display: block;
}

.social-links a {
	display: block;
}

.social-links li span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}



.social-links .facebook {
    background-color: #3a579b;
}

.social-links .twitter {
    background-color: #55acee;
}

.social-links .instagram {
    background-color: #517fa3;
}

.social-links .linkedin {
    background-color: #007bb6;
}

.social-links .youtube {
    background-color: #e52d27;
}

.social-links .facebook:hover {
    background-color: #4669b8;
}

.social-links .twitter:hover {
    background-color: #61c9fa;
}

.social-links .instagram:hover {
    background-color: #478ebf;
}

.social-links .linkedin:hover {
    background-color: #008ed2;
}

.social-links .youtube:hover {
    background-color: #f63322;
}

.social-links li > a:before {
    font-family: "FontAwesome";
    width: 40px;
    color: white;
    height: 40px;
    display: block;
    text-indent: 0;
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}

.social-links .facebook > a:before {
    content: "\f39e";
}

.social-links .twitter > a:before {
    content: "\f099";
}

.social-links .instagram > a:before {
    content: "\f16d";
}

.social-links .linkedin > a:before {
    content: "\f0e1";
}

.social-links .youtube > a:before {
    content: "\f167 ";
}

/*  Aside /
	Admissions Visit Events Plugin
----------------------------*/

aside.aside-shortcode {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 40px;
}

#wrap .aside-shortcode h3 {
    padding: 10px;
    background-color: #e3ecfa;
    margin-bottom: 20px;
    font-size: 1.25em;
}

#wrap .aside-shortcode ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#wrap .aside-shortcode li {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}




.aside-shortcode .entry-title {
	font-weight: 400;
}

#wrap .event-day {
margin: 0 0 10px 0;
padding: 0;
background-color: #feda48;
display: inline-block;
width: 45px;
text-align: center;
height: 45px;
background-color: white;
border: 1px solid gainsboro;
float: left;
margin-right: 10px;
font-size: .9em;
}

#wrap h4.event-day .month {
width: 100%;
background-color: #feda48;
display: block;
font-size: 1em;
height: 20px;
line-height: 20px;
font-weight: 400;
}

#right-sidebar h4.event-day .month {
width: 100%;
background-color: #feda48;
display: block;
font-size: 14px;
height: 15px;
line-height: 15px;
}

#wrap h4.event-day .day {
    line-height: 25px;
    font-size: 1.25em;
}

/* Quote Shortcodes */

p.profilequote {
    font-family: "Archer SSm A", "Archer SSm B";
    color: #003e79;
    font-weight: 700;
    margin-bottom: 10px;
}

p.profilename {
    color: #333;
    font-size: .875em;
}

/* Feature Box */

.feature-box a {
    margin-bottom: 30px;
    background-color: #e7f1fe;
    border-bottom: 3px solid #1b76da;
    transition: all 0.3s ease;
		display: block;
}

.feature-box.pink-heading a {
    border-bottom-color: #e2056e !important;
}

.feature-box * {
    transition: all 0.3s ease !important;
}

#content .feature-box a:hover, #content .feature-box a:focus {
    background-color: #1b76da;
    border-bottom-color: #1b76da !important;
		color: white;
		text-decoration: none;
}

#wrap .feature-box a:hover h3, #wrap .feature-box a:hover p, #wrap .feature-box a:focus h3, #wrap .feature-box a:focus p {
    color: white !important;
}

#content .feature-box a:focus {
    outline: 1px dashed #002144;
    outline-offset: 0px;
}


.feature-box .feature-content {
    padding: 16px;
}

.feature-box .img-container {
	overflow: hidden
}

.feature-box > a img {
    margin-bottom: 0;
    transition: all .5s ease-in-out !important;
}

.feature-box:hover > a img {
	transform: scale(1.1);
}




.feature-box .feature-content h3 {
    margin: 0 0 10px 0;
    transition: color .5s ease-in-out;
    color: #1b76da;
}



.feature-box .feature-content p {
    margin-bottom: 10px;
    color: #404040;
}

.feature-box:hover h3 {
	color: #1b76da;
}

#content .feature-box.green-heading a {
    border-bottom-color: #00a651;
}

.feature-box.green-heading .feature-content h3 {
    color: #128446 !important;
}

.feature-box.pink-heading .feature-content h3 {
	color: #e2056e !important;
}

.feature-box.orange-heading a {
    border-bottom-color: #E66000;
}

.feature-box.orange-heading .feature-content h3 {
    color: #E66000 !important;
}






















@media screen and (min-width: 768px) {
	

	
	/* Columns */
	
	
	#wrap .column-short.column-last.blue {
	margin-right: 0;
}

#wrap .column-one-third.border {
	border-right: solid #e7f1ff 1px;
	margin-right: 1.5%;
	padding-right: 1.5%;
}

.column-four-fifths,
.column-one-fifth,
.column-one-fourth,
.column-one-half,
.column-one-third,
.column-three-fifths,
.column-three-fourths,
.column-two-fifths,
.column-two-fourths,
.column-two-thirds {
    float: left;
    margin: 0 0 20px;
    padding-right: 3%;
    border-bottom: none 0;
}

/* updated the percentages to add up to exactly 100%
	3/22/15 -so */

.column-one-half,
.column-two-fourths {
    width: 48.5%;
}

.column-one-third {
    width: 31.33%;
    width: calc(31% + (1% / 3));
}

.column-two-thirds {
    width: 65.666%;
    width: calc(65% (2% / 3));
}

.column-one-fourth {
    width: 22.75%;
}

.column-three-fourths {
    width: 74.25%;
}

.column-one-fifth {
    width: 17.6%;
}

.column-two-fifths {
    width: 38.2%;
}

.column-three-fifths {
    width: 58.8%;
}

.column-four-fifths {
    width: 79.4%;
}

.column-last {
    clear: right;
    padding-right: 0;
}

#wrap .column-short.blue {
	margin-right: 3%;
	width: 44.5%;
}

#wrap .column-one-third.blue {
	margin-right: 2%;
	width: 28%;
}

#wrap .column-two-thirds.blue {
	width: 61%;
	margin-right: 3%;
}

.column-short.right {
	float: right;
	margin-left: 20px;
	padding-right: 0;
}

/* Add columns-container (no more last attribute?) */

	.column-container,
  .flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.column-container p:empty,
  .flex-container p:empty {
    display:none
  }

	.column-container .column-one-half,
  .flex-container .column-one-half {
			width: 48%;
			padding: 0;
	}

	.column-container .column-one-third {
	    width: calc(31% + (1% / 3));
			padding: 0;
	}
  
  .flex-container .one-third,
  .flex-container .column-one-third {
    width: 33.3%;
  }
	
	.column-container .column-two-thirds,
  .flex-container .column-two-thirds {
	    width: calc(62% + (2% / 3));
	    padding: 0;
	}

	.column-container .column-one-fourth,
  .flex-container .column-one-fourth {
	    width: 22.5%;
	    padding: 0;
	}
  
  .column-container .column-one-fifth,
  .flex-container .column-one-fifth {
	    width: 20%;
	}
  
  .flex-container {
    box-sizing: border-box;
  }
  
  .flex-container.center {
    justify-content: center;
  }

  .flex-container > div {
      padding: 10px;
      box-sizing: border-box;
  }

/* aside shortcode */

aside.aside-shortcode {
    float: right;
    width: 48%;
    margin-left: 15px;
    border-bottom: 0;
}

#wrap .aside-shortcode h3 {
	margin-top: 0;
}

}

 .img-container {
    position: relative;
}


.img-container p {
    position: static;
    color: #003e79;
}

#wrap .img-container * {
    color: white !important;
}

.img-container b {
    text-transform: uppercase;
    font-weight: 800;
}

.img-container i {
    font-weight: lighter;
    font-style: italic;
    text-transform: none;
}



.img-container p {
	
    font-size: 1.1em;
    padding: 0;
    margin-bottom: 30px;
}


.img-container p {
    position: absolute;
    bottom: 0px;
    left: 0px;
    color: white;
    font-family: "Archer Ssm A", "Archer Ssm B" !important;
    font-weight: 700;
    font-size: 1.25em;
    line-height: 175%;
    width: 100%;
    padding: 40px;
    margin-bottom: 0;
    box-sizing: border-box;
}
}

@media screen and (max-width: 767px) {
	.img-container p {
	    position: static;
	    color: #003e79;
	    font-size: 1.1em;
	    padding: 0;
	    margin-bottom: 30px;
	}
	
	#wrap .img-container * {
	    color: #003e79 !important;
	}
	
	.img-container b {
	    text-transform: uppercase;
	    font-weight: 800;
	}
	
	.img-container i {
	    font-weight: lighter;
	    font-style: italic;
	    text-transform: none;
	}
}

/*--------------------------------------------------------------
7.0 Accessiblity Work, 2.0 updates (grid for example)
- Sean November 2018
--------------------------------------------------------------*/

/* rando changes */

header#masthead {
	margin-bottom: 20px;
}

	@media screen and (min-width: 768px) {
		header#masthead.site-header {
			margin-bottom: 50px;
		}
	}
	

		

/* Navigation Fixes */

	/* mobile resources (phone, email, map) */
	
	#mobile-resources ul {
	    display: flex;
	    width: 100%;
	    padding: 0;
	    justify-content: space-evenly;
	}

	#mobile-resources ul li {
	    width: calc(100% / 3);
	}
	
	/* mobile navigation fixes */

	.nav-container .nav-background {
	    display: block;
	    position: absolute;
	    width: 9999px;
	    bottom: 0;
	    background-color: #00000099;
	    right: 300px;
	    z-index: 1;
	    top: 0;
	    pointer-events: none;
	    opacity: 0;
	    transition: .25s opacity;
	}

	.nav-container.open .nav-background {
	    opacity: 1;
			pointer-events: auto;
	}

	.nav-container {
	    z-index: 4;
			overflow: visible;
			visibility: hidden;
	}

	.nav-container.open {
		visibility: visible;
    overflow-y: auto;
	}

	html.open {
	    overflow: auto;
	}

	/* mobile nav buttons setup */

	#mobile-nav-btn {
	    height: 50px;
	    width: 50px;
			right: 20px;
			background-color: transparent;
			top: 85px;
			border: 0;
			transition: .5s all;
			padding: 10px;
			visibility: initial;
	}

	#mobile-nav-btn:focus {
	    outline: 0;
	    background-color: #0053bc80;
	    height: 50px;
	    width: 50px;
	    color: #002144;
	    border: 1px dashed white;
	}

	#mobile-nav-btn span:nth-child(3) {
	    margin: 0;
	}

	#mobile-nav-btn:focus span {
	    /* background-color: #0053bc; */
	}

	.open .hambuger {
	    position: relative;
	    left: 20px;
	}

	.hamburger {
	    position: relative;
	    left: 0px;
	    top: 0px;
	}

	.open .hamburger {
	    left: 5px;
	    top: -3px;
	}

	.open #mobile-nav-btn {
		background-color: #0053bc80;
		border-radius: 50%;
		right: 330px;
		z-index: 5;
	}

	#search-box input[type="submit"] {
	    background-color: #0053bc;
	    right: 0;
	}

	input#search {
	    width: calc(100% - 45px);
	}

	.nav-sea {
	    width: 100%;
	}

/*fixes to the resources and search section on desktop */

	@media screen and (min-width: 768px) {
			
		#nav-container {
			visibility: visible;
		}
		
		.resources-buttons-container {
	    display: flex;
	    height: auto;
	    padding: 10px 0;
	    justify-content: space-between;
	    align-items: center;
	}

	.resources-buttons {
	    display: flex;
	    padding: 0;
	    margin: 0;
	    border: 0;
	    align-items: center;
	    height: auto;
	}

	a.search-btn {
	    width: 36px !important;
	    flex-shrink: 0;
	    margin: 0 0 0 10px;
		}

	.resources-buttons a.apply-btn, .resources-buttons a.request-btn {
	    margin: 0;
	    margin-left: 10px;
	    line-height: 1.4;
	    height: auto;
	    padding: 10px 15px;
	    float: none;
	}

	header#masthead {
	    background-color: #002245;
			margin-bottom: 20px;
	}

	#search-box input[type="submit"] {
	    top: 0;
	}

	#search-box:after {
	    content: "";
	}

	a.search-btn.open {
	    margin-left: 10px;
	}

	.resources-buttons .close {
	    line-height: unset;
	    top: 0;
	    height: 100%;
	    background: 0;
	    text-align: center;
	    display: flex;
	    align-items: center;
	}

	.resources-buttons .close:before {
	    font-family: "FontAwesome";
	    content: "\f00d";
	    width: 100%;
	    font-size: 25px;
	}

	#menu-resources {
	    height: auto;
	    margin: 0;
	    float: none;
	}

	#resources {
	    height: auto;
	}
	
	@media screen and (min-width: 768px){
		.no-js #resources {
	    height: 58px;
	    overflow: hidden;
		}
	}
	
	#menu-resources li {
	    height: auto;
	    padding: 5px 0px;
	    line-height: 1.4;
	}

	#menu-resources a {
		height: auto;
		line-height: 15px;
    border-right: 0;
    position: relative;
    padding-top: 0;
	}
	
	#menu-resources a:after {
    content: "";
    position: absolute;
    height: 8px;
    width: 1px;
    background-color: #666666;
    right: 0;
    top: 4px;
}

#menu-resources li:last-child a:after {
    display: none;
}
	
/* Primary Menu Fixes on desktop */

	ul#menu-primary-menu {
	    display: flex;
	    justify-content: space-between;
	}

	#main-nav ul#menu-primary-menu > li {
	    width: auto;
	    justify-content: space-between;
	    float: none;
	    text-align: center;
			flex-grow: 1;
	}
	
	@media screen and (min-width: 1000px) {
		#main-nav ul#menu-primary-menu > li {
			width: 12.5%;
		}
	}

	#main-nav ul#menu-primary-menu > li > a {
		white-space: nowrap;
	}
	
	
/* Logo Fixes */

	.site-branding {
		top: 58px;
	}
} /* end 768px */

/* end Logo Fixes */

/* Site Navigation (Admissions Navigation) */
#sub-mobile:focus {
	outline: 0;
}

#sub-mobile {
    margin: 0;
    width: 100%;
    border-radius: 5px;
		background-color: #0053bc;
    transition: .25s background-color;
}

#sub-mobile:hover, #sub-mobile:focus {
    background-color: #0466e2;
    color: white;
}
#sub-mobile:focus {
    outline: 1px dashed #0053bc;
    outline-offset: 1px;
}

#nav-wrap {
    position: relative;
    top: -4px;
}


/* Grid Layouts for main content */
	@media screen and (min-width: 768px) {
		
		div#wrap {
		    display: -ms-grid;
		    display: grid;
	      -ms-grid-columns: auto 300px;
	      grid-template-columns: auto 300px;
	      grid-template-areas: 
				"content rightcol"     
				"content sidebar";
		    -ms-grid-rows: auto 1fr;
		    grid-template-rows: auto 1fr;
		    grid-template-rows: auto 1fr;
		}

		#rightcol {
		    -ms-grid-row: 1;
		    -ms-grid-column: 2;
		    grid-area: rightcol;
		    width: auto;
		    float: none;
		}

		main#content {
			-ms-grid-row: 1;
			-ms-grid-row-span: 2;
			-ms-grid-column: 1;
			grid-area: content;
			float: none;
			width: auto;
			display: block;
			margin-right: 40px;
			min-width: 0;
		}

		aside#sidebar {
			-ms-grid-row: 2;
			-ms-grid-column: 2;
			grid-area: sidebar;
		}
	} /* end 768 */
/* End grid */


/* Conent Area */
@media screen and (min-width:768px) {
	h2.page-title {
		width: calc(100% + 300px);
	}

	.no-js h2.page-title {
		width: 100%;
	}
}

#content p a {
	text-decoration: underline;
}

#content a:hover, #content a:focus {
	background-color: #feda48;
	color: #1158a7;
	outline: 2px solid #feda48;
	outline-offset: 0;
	text-decoration: underline;
}

#content a:hover, #content a:focus {
	background-color: #feda48;
	color: #1158a7;
	outline: 0 solid #feda48;
	outline-offset: 0;
	text-decoration: underline;
}

#content a:hover:focus > img, #content a:focus > img {
	outline: 1px dotted #0053bc;
	outline-offset: 0;
	text-decoration: underline;
}

#content a:hover > img {
	filter: brightness(110%);
  outline: 0;
}


#content article {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
		display: inline-block;
    width: 100%;
}

#content article:last-of-type {
    border-bottom: 0;
		margin-bottom: 0;
}

#content p.aligncenter {
	text-align: center;
}

pre.wp-block-code {
    background-color: #e7f1fe;
    padding: 10px;
    color: black;
    margin-bottom: 30px;
		overflow-x: auto;
}

/* end Content Area */

/* New pagination */

	#wrap nav.navigation {
		display: inline-block;
	}

	#wrap .navigation ul.page-numbers {
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    display: flex;
	    width: 100%;
	    /* color: #0053bc; */
	}

	#wrap .navigation .page-numbers li > .page-numbers:not(.prev):not(.next) {
	    width: 30px;
	    text-align: center;
	    /* height: 30px; */
	    text-align: center;
	    display: inline-block;
	    border-radius: 50%;
	    line-height: 30px;
	    /* border: 1px solid #feda48; */
	}

	#wrap .navigation .page-numbers li {
		margin-right: 10px;
	}

	#wrap .navigation .page-numbers li a.page-numbers:not(.prev):not(.next):hover {
	    background-color: #feda48;
	    text-decoration: none;
			outline: none;
	}

	#wrap .navigation .page-numbers li > span.page-numbers:not(.prev):not(.next) {
	    border: none;
	}

	#wrap .navigation .page-numbers li > .page-numbers.prev, #wrap .navigation .page-numbers li > .page-numbers.next {
	    line-height: 30px;
	    height: 30px;
	    display: inline-block;
	    padding: 0 5px;
	}

	#wrap .navigation .page-numbers li > .page-numbers.prev:hover, #wrap .navigation .page-numbers li > .page-numbers.next:hover {
	    background-color: #feda48;
	    text-decoration: none;
	    border-radius: 4px;
			outline: 0;
	}
	
	/* End pagination */
	
	/* Footer */
	
	@media only screen and (-webkit-min-device-pixel-ratio: 1.3), not all, only screen and (min-resolution: 120dpi) 	{
		#footer .site-title {
			background-image: url("images/ac-logo-footer-2x.png");			
		}
	}
	
	/* Keyboard navigation */
	
	a:focus {
    outline: 1px dashed white;
    outline-offset: 1px;
	}

	a {
	    transition: none;
	}

	.resources-buttons a:focus {
	    background-color: #0053bc;
	    color: white;
	}

	input#search:focus {
	    outline: 1px dashed white;
	    outline-offset: 1px;
	}

	#search-box input[type="submit"]:focus {
	    outline: 1px dashed white;
	}

	#search-box:after {}

	#main-nav ul#menu-primary-menu > li > a:focus {
		outline: 1px dashed #013d80;
		border: 0;
		outline-offset: -2px;
		background-color: #ffdb35;
		color: #013d80;
	}

	#mobile-resources ul li a:focus {
	    outline: 1px dashed white;
	    outline-offset: -1px;
	}

	#mobile-resources ul li {
	    overflow: visible;
	}
	
	@media screen and (min-width:768px) {
	
		.resources-buttons-search-container {
	    position: relative;
	    display: block;
	    float: left;
	    width: 100%;
		}
		
		.nav-sea {
	    top: 0;
	    position: absolute;
	    right: 2%;
	    float: left;
	    height: 100%;
	    width: auto;
			display: flex;
	    align-items: center;
			right: 0;
	}

	.nav-sea.open {height: 100%;}

	.open form#search-box {top: 61px;/* height: auto; *//* align-items: center; *//* display: flex; */}

	#resources {
	    position: relative;
	}

	form#search-box {
	    top: 0;
	}

	.nav-sea.open {
	    
	}
}

/* Subnav mobile keyboard nav fixes */

.sub-menu > li {
    visibility: hidden;
}

.open .sub-menu > li, .current-menu-ancestor > ul li {
    visibility: visible;
}

#sub-nav a:focus {
    outline: 1px dotted #fff;
    color: #feda48;
    outline-offset: 1px;
}

#sub-nav ul.menu li.menu-item.open > .sub-menu > li {
    overflow: visible;
}

ul.sub-menu:focus {
    outline: 1px dashed white;
    text-align: center;
}

#sub-nav > ul > li > a {
    width: calc(100% - 35px);
}

button.submenu-btn {
    position: absolute;
    right: 0;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: 0;
    top: 0;
    z-index: 10;
}

.submenu-btn i[class*='fa'] {
    font-family: "FontAwesome" !important;
    pointer-events: none;
}

button.submenu-btn:focus {
    outline: 1px dotted;
    background-color: #0053bc;
}

#rightcol .current-menu-item > button {
  display: none;
}

#sub-nav ul.menu .sub-menu {
    margin-left: 0 !important;
    border-left: 1px solid #0052c3;
    padding-left: 15px;
}

#sub-nav ul.menu .sub-menu {
    border-left: 1px solid #0053bc;
}

.current-menu-ancestor button {
}

#sub-nav ul.menu .current-menu-item > .sub-menu > li, #sub-nav ul.menu .current_page_ancestor > .sub-menu > li {
    overflow: visible;
}

@media screen and (min-width: 768px) {
	#sub-nav > ul > li a {
	    width: 100%;
	}
	
	#sub-nav button {
		display: none;
	}
}


/* NO js support */

.no-js button#mobile-nav-btn:focus + #nav-container {
    right: 0;
    visibility: visible;
}

.no-js .nav-container:focus-within {
    right: 0;
}

.no-js .nav-container {
    visibility: visible;
}

.no-js #sidebar > ul {
    margin: 0;
    list-style-type: none;
}

@media screen and (min-width: 768px) {
	.no-js #resources {
    overflow: visible;
	}

	.no-js a.search-btn {
	  display: none;
	}

	.no-js .nav-sea {
	  top: 65px;
	}

	.no-js  #search-box:after {
	  content: "\f002";
	  height: 36px;
	  line-height: 36px;
	}
}