/*
Website Name: Wilson College
Description: Global/General stylesheet
Version: 1.0
*/

/* ======================================================= */
/*   RESET                                                 */
/* ======================================================= */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,main,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,main,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* ======================================================= */
/*   CLEARFIX                                              */
/* ======================================================= */
/* Use clearfix class to clear */
  .clearfix:before,
  .clearfix:after,
  .cf:before,
  .cf:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; 
  }
  .clearfix:after, .cf:after {clear: both;}
  .clearfix, .cf {zoom: 1;}
  /* You can also use a <br class="clear" /> to clear */
  .clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  }
	
/* ======================================================= */
/*   BASE STYLES                                           */
/* ======================================================= */
  *,
  *:after,
  *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  
  * {text-rendering: optimizeLegibility;}
  html.touch * {text-rendering: optimizeSpeed;}
  html {
  height: 100%;
  image-rendering: -moz-crisp-edges;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  }
  
  
	body.enhanced-template {
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight:400;
  line-height: 1;
  color: #606060;
  background: #FFF;	
  overflow-x: hidden;
  }
  
  body.enhanced-template h1,
	body.enhanced-template h2,
	body.enhanced-template h3,
	body.enhanced-template h4,
	body.enhanced-template h5,
	body.enhanced-template h6 {
  font-weight: normal;
	text-transform: none;
  }
  h1 {}
  h2 {}
  h3 {}
  h4 {}
  h5 {}
  
  p {margin: 0 0 20px 0; -webkit-hyphens: none; -moz-hyphens: none;}
  img {image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic;}
  
  a {
  -webkit-transition: color .2s ease-in-out;	
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;	
  }
  
  a, a:link, a:visited, a:active, a:hover, img, a img { 
  border: none; 
  outline: none;
  text-decoration:none;
  }	
  
  b, strong {font-weight: 700;}
  em {font-style: italic;}
  sup {font-size: 40%; vertical-align: top;}
	hr {height: 1px; border: none; border-top: 1px solid #e4e4e4; outline: none; margin: 30px 0;}
  
  ::-webkit-selection {background: rgba(0, 0, 0, 0.2); color: #fff; text-shadow: none; }
  ::-moz-selection {background: rgba(0, 0, 0, 0.2); color: #fff; text-shadow: none; }
  ::selection {background: rgba(0, 0, 0, 0.2); color: #fff; text-shadow :none;}
	
	#skip-link {margin:0;}
	
	
/* ======================================================= */
/*   DRUPAL ADMIN - FRONT_END                              */
/* ======================================================= */
	.tabs .tabs-primary, .action-links {list-style-type: none; padding: 0; font-size: 0; margin: 0 0 10px;}
	.tabs .tabs-primary li,
	.action-links li {display: inline-block !important; margin-right:0 !important; border: 1px solid #fff;}
	.tabs .tabs-primary li a.tabs-primary__tab-link,
	.action-links li a  {background: #e4e4e4; color: #1c3f93; padding: 10px 15px; display: inline-block; font-size: 13px;}
	.tabs .tabs-primary li a.tabs-primary__tab-link:hover,
	.action-links li a:hover {background: #1c3f93; color: #FFF;}
	.tabs .tabs-primary li a.tabs-primary__tab-link.is-active,
	.tabs .tabs-primary li a.tabs-primary__tab-link.is-active:hover {background: #93bb3b; color: #FFF;}
	
	.block-workbench {margin: 10px 0;}
	body.logged-in .action-links {float: none !important;}

/* ======================================================= */
/*   MISC/GLOBAL SHARED ELEMENTS                           */
/* ======================================================= */	
  .inline-block-grid-parent {font-size: 0;}
  .globalWidth {position: relative; padding: 0 30px;}
  .font-zero {font-size:0;}
  
  .pill-btn {
  display: inline-block;
  font-family: 'Montserrat', sans-serif;
  font-weight:700;
  line-height: 1;
  border: 2px solid #FFF !important;
  color: #FFF;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 13px 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  }
  .pill-btn:hover {border: 2px solid #93bb3b !important; color: #FFF; background:#93bb3b;}
  
  .pill-btn.opaque {border: 2px solid #93bb3b !important; background:#93bb3b;}
  .pill-btn.opaque:hover { border: 2px solid #1c3f93 !important; background:#1c3f93; color:#FFF;}

  .pill-btn.line {border: 2px solid #1c3f93 !important; background:#FFF; color:#1c3f93;}
  .pill-btn.line:hover {border: 2px solid #1c3f93 !important; background:#1c3f93; color:#FFF;}

/*-------------------------------------------------------*/
/* Play Button
/*-------------------------------------------------------*/
  .hi-icon {
  display: inline-block;
  font-size: 0px;
  cursor: pointer;
  margin: 15px 30px;
  width: 120px;
  height: 120px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  position: relative;
  z-index: 1;
  color: #fff;
  }
  
  .hi-icon:after {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: '';
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  }
  
  .play-btn-holder {
  position: absolute;
  z-index:1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  }
  
  .play-btn.hi-icon {
  display: inline-block;
  width: 90px;
  height: 90px;
  background-color: #a2dce0;
  position: relative;
  -webkit-transition: transform 2s linear;
  -moz-transition: transform 2s linear;
  -ms-transition: transform 2s linear;
  -o-transition: transform 2s linear;
  transition: transform 2s linear;
  }
  
  .play-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  margin: -9px 0 0 -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 16px;
  border-color: transparent transparent transparent #ffffff;
  }
  
  .icon-effect .hi-icon {
  -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
  -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
  transition: transform ease-out 0.1s, background 0.2s;
  }
  
  .icon-effect .hi-icon:after {
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  opacity: 0;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  }
  
  .icon-effect .hi-icon:hover {
  background-color: #a8cd5b;
  -webkit-transform: scale(0.93);
  -moz-transform: scale(0.93);
  -ms-transform: scale(0.93);
  -o-transform: scale(0.93);
  transform: scale(0.93);
  }
  
  .icon-effect .hi-icon:hover:after {
  -webkit-animation: sonarEffect 1.3s ease-out 75ms infinite;
  -moz-animation: sonarEffect 1.3s ease-out 75ms infinite;
  animation: sonarEffect 1.3s ease-out 75ms infinite;
  }
  
  @-webkit-keyframes sonarEffect {
	  0% {
		  opacity: 0.3;
	  }
	  40% {
		  opacity: 0.5;
		  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5);
	  }
	  100% {
		  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5);
		  -webkit-transform: scale(1.3);
		  opacity: 0;
	  }
  }
  
  @-moz-keyframes sonarEffect {
	  0% {
		  opacity: 0.3;
	  }
	  40% {
		  opacity: 0.5;
		  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5);
	  }
	  100% {
		  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5);
		  -moz-transform: scale(1.3);
		  opacity: 0;
	  }
  }
  
  @keyframes sonarEffect {
	  0% {
		  opacity: 0.3;
	  }
	  40% {
		  opacity: 0.5;
		  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5);
	  }
	  100% {
		  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 10px 10px #000, 0 0 0 10px rgba(0, 0, 0, 0.5);
		  transform: scale(1.3);
		  opacity: 0;
	  }
  }
    
/* ======================================================= */
/*   NAVIGATION                                            */
/* ======================================================= */   
  .main-navigation {
  width:100%;position:relative; z-index: 1000;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
  box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  }
  .main-navigation .main-navigation__container {width:100%;}

  .main-navigation.offset .main-navigation__container  {
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  }

  .main-navigation.scrolling .main-navigation__container {
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  -ms-transform: translate3d(0, 0px, 0);
  -o-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
  }

  .main-navigation.sticky .main-navigation__container {
  position: fixed;
  background-color: #fff;
  background-color: rgba(255,255,255,.9);
  visibility: hidden;
  opacity: 0;
  width: 100%;
  /*height: 60px;*/
  top: 0;
  left: 0;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  z-index: 120;
  }

  .main-navigation.sticky.scrolling .main-navigation__container {
  opacity: 1;
  visibility: visible;
  }
  
  /*Global Navigation*/
  .globalNav {display:none;}
  .offset .globalNav {display:none;}
  .globalNav nav {text-align:right;}
  .globalNav nav ul {padding:0;}
  .globalNav nav ul li {display:inline-block;}
  .globalNav nav ul li a {font-family: 'Fira Sans', sans-serif; font-weight:700; font-style:italic; color:#686868; font-size:12px; text-transform:uppercase; margin:0 0 0 15px;}
  .globalNav nav ul li a:hover {color:#1c3f93;}
  
  .globalnav__wrapper__sm {display:block; padding: 0 30px; margin: 10px -30px 0; background: #2f56b3;}
  .globalnav__wrapper__sm li:first-of-type a {border-top:none;}
  .globalnav__wrapper__sm a {
  font-size: 13px;
  color: #FFF;
  border-top: 1px solid #4367bf;
  display: block;
  padding: 15px 45px 13px 0;
  text-rendering: auto;
  line-height: 1rem;
  text-decoration: none;
	font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  }
  
  /*Logo Region*/
  .nav-logo-region {background:#fff; padding:15px 0;}
  .offset .nav-logo-region {display:none;}
  .nav-logo-region__wrapper {display:table; width:100%; table-layout:fixed;}
  .nav-logo-region__logo {display:inline-block; position:relative;}
  .logo-wrap {}
  .logo-wrap svg {width:75px;}
  #main-logo path {fill:#1c3f93;}
  #white-background path {fill:#FFF;}
  .nav-logo-region__right-nav-block {display:none;}
  .nav-logo-region__right-nav-block ul {padding: 0;}
  .nav-logo-region__right-nav-block ul li {display:inline-block;}
  .nav-logo-region__right-nav-block ul li.search-form-wrapper {position: relative; margin: 0 50px 0 0;}
  .nav-logo-region__right-nav-block ul li.search-form-wrapper .form-control {font-family: 'Fira Sans', sans-serif; border-right: none; border-top: none; border-left: none; position: relative; width:270px; padding:12px 60px 12px 12px;}
	.nav-logo-region__right-nav-block ul li.search-form-wrapper .search-button {
	position: absolute;
	top: 50%;
	right: 10px;
	border: none;
	outline: none;
	background: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	
  .nav-logo-region__right-nav-block .nav-myWilson {}
  
  .nav-logo-region__right-nav-block .nav-myWilson a {color: #fff; padding: 10px 18px; font-size: 13px; letter-spacing: 0; text-transform: none; background: #1c3f93; border: 2px solid #1c3f93 !important;}
  .nav-logo-region__right-nav-block .nav-myWilson a span {font-family: 'Droid Serif', serif; font-style: italic; color: #93bb3b; font-size: 90%; padding: 0 1px 0 0;}
  .nav-logo-region__right-nav-block .nav-myWilson a:hover {color: #FFF; background:#93bb3b; border: 2px solid #93bb3b !important;}
  .nav-logo-region__right-nav-block .nav-myWilson a:hover span {color: #FFF;}
  
  .nav-logo-region__right-nav-block__sm {display:block; padding: 30px 0;}
  .nav-logo-region__right-nav-block__sm .search-form-wrapper {position: relative; margin: 0 0 15px;}
	.nav-logo-region__right-nav-block__sm .search-form-wrapper .form-control {
	border-right: none;
	border-top: none;
	border-left: none;
	position: relative;
	width:100%;
	padding: 15px 50px 15px 12px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: normal;
	font-size: 13px;
	}
	.nav-logo-region__right-nav-block__sm .search-form-wrapper .search-button {
	position: absolute;
	top: 50%;
	right: 15px;
	border: none;
	outline: none;
	background: #fff;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	  
  /*Sectional Navigation*/
  .sectionNav-identifier {background:#93bb3b; padding:13px 0;}
  .sectionNav-identifier__wrapper {}
  .sectionNav-identifier a {font-family: 'Montserrat', sans-serif; font-weight: 700; color: #FFF; font-size: 12px; text-transform: uppercase;}
  .sectionNav-identifier a:hover {color:rgba(255,255,255,.5);}
  
  /*Main Nav Container*/
  .main-nav-container {background:#1c3f93;}
  
  /* Mobile Navigation Toggle */
  .mobileBtnWrapper {position: absolute; top: 32px; right: 30px; line-height: 0;}
  a.mainMenuToggle {position: relative; font-family: 'FontAwesome'; font-size: 24px; line-height: 1; font-weight: normal; color: #0070a6; text-decoration: none; content: "\f0c9";}
  a.mainMenuToggle:before {content: "\f0c9";}
  a.mainMenuToggle.active {margin:0 12px 0 0; color: #5c8b54;}
  a.mainMenuToggle.active:before {content: "\f00d";}
  a.mainMenuToggle:hover {color: #0070a6;}  
  
  /* Wilson Navigation */
  nav#mainMenu {display: none; padding: 0; text-align: left;  width:100%;}
  ul.wilsonMenu {display: block; padding:0; font-size: 0; text-align: left;}
  nav#mainMenu ul.wilsonMenu {padding: 0;}
  ul.wilsonMenu ul {padding: 0;}
  ul.wilsonMenu li {display: block; position: relative;}
  
  /* -- Navigation Toggles*/
  ul.wilsonMenu li .openChild {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  font-family: 'FontAwesome';
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  }
  ul.wilsonMenu li .openChildInner:before {display: block; position: relative; content: "\f103"; top: 16px; color: #6490af; font-size:17px;}
  
  ul.wilsonMenu li .openChild:hover {color: #FFF;}
  ul.wilsonMenu li.over > .openChild {background: #f4f4f4;}
  nav#mainMenu ul.wilsonMenu li.over > .openChild {background: none;}
  ul.wilsonMenu li.over > .openChild .openChildInner:before {content:"\f102"; color: #AAA;}
  nav#mainMenu ul.wilsonMenu li.over > .openChild .openChildInner:before {color: #5c8b54;}
  
  /* -- 2nd Tier and Lower Overrides */
  ul.wilsonMenu li ul li .openChild {color: #aaa; top:1px;}
  ul.wilsonMenu li ul li .openChildInner:before {top: 13px; color: #AAA;}
  ul.wilsonMenu li ul li .openChild:hover {background: #aaa;}
  ul.wilsonMenu li ul li.over > .openChild {background: #aaa;}
  
  ul.wilsonMenu li ul li .openChild:hover .openChildInner:before {color: #fff;}
  ul.wilsonMenu li ul li.over > .openChild .openChildInner:before {color: #fff;}
  
  /* -- Navigation Styles*/
  ul.wilsonMenu li > a {
  display: block;
  padding: 15px 45px 13px 0;
  text-rendering: auto;
  line-height: 1rem;
  text-decoration: none;
  border-top: 1px solid #e4e4e4;
  -webkit-transition: all .3s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
  font-size: 12px;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight:700;
  color:#777;
  }
  
  /*Sidebar Nav*/
  nav.sidebarMenu ul li > a {padding: 14px 45px 14px 0; font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 700; border-top: 1px solid #add457; text-transform: none; color: #fff;}
  nav.sidebarMenu ul li > a:hover {color:#404c26;}
  nav.sidebarMenu ul li > a.subNav-active {color: #4c9d2a; font-size: 15px;}
  nav.sidebarMenu ul li > a.subNav-active:before {display:none;}
  nav.sidebarMenu ul li ul li > a {padding: 14px 45px 14px 15px;}
  
  nav.sidebarMenu ul li a {background:none;}
  nav.sidebarMenu ul li a:hover {background:none;}
  nav.sidebarMenu ul li.over > .openChild {background: #0070a6;}
  nav.sidebarMenu ul li .openChild:hover {background: #0070a6;}
  nav.sidebarMenu ul li .openChild .openChildInner:before {color: #d4f58c; top: 16px;}
  nav.sidebarMenu ul li .openChild:hover .openChildInner:before {color: #FFF;}
  
  nav.sidebarMenu ul li ul li a {background:#0070a6; color:#fff; border-top: 1px solid #0a599a; font-family: 'Lato', sans-serif; font-weight: 700; font-size:12px;}
  nav.sidebarMenu ul li ul li a:hover {background: #0070a6; color:#FFF;}
  nav.sidebarMenu ul li ul li.over > .openChild {background: #0070a6;}
  nav.sidebarMenu ul li ul li .openChild:hover {background: #0070a6;}
  nav.sidebarMenu ul li ul li .openChild .openChildInner:before {color: #FFF; top: 14px;}
  nav.sidebarMenu ul li ul li .openChild:hover .openChildInner:before {color: #fff;}
  
  nav.sidebarMenu ul li ul li ul li a {background: #0070a6; color: #fff; border-top: 1px solid #11426f;}
  nav.sidebarMenu ul li ul li ul li a:hover {background:#000;}
  nav.sidebarMenu ul li ul li ul li.over > .openChild {background: #CCC;}
  nav.sidebarMenu ul li ul li ul li .openChild:hover {background: #AAA;}
  nav.sidebarMenu ul li ul li ul li .openChild .openChildInner:before {color: #FFF;}
  nav.sidebarMenu ul li ul li ul li .openChild:hover .openChildInner:before {color: #c2dee7;}
  
  nav.sidebarMenu ul li ul li ul li ul li a {background:#CCC; color: #0070a6; border-top: 1px solid #AAA;}
  nav.sidebarMenu ul li ul li ul li ul li a:hover {background:#BBB; color: #0070a6}
 
  ul.wilsonMenu li > a:before {content: "\203A"; padding: 0 5px 0 0; font-size: 18px; color: #cbef7d; font-weight: normal;}
  nav#mainMenu li > a:before {content: none; padding: 0;}
  ul.wilsonMenu li.first > a {border-top:none;}
  nav#mainMenu ul.wilsonMenu li > a {font-size: 13px; color: #FFF; border-top: 1px solid #345ab7;}
  nav#mainMenu ul.wilsonMenu li > a:hover {color: #0070a6;}
  
  ul.wilsonMenu li > a:hover {text-decoration: none; color: #454545;}
  ul.wilsonMenu > li ul {display: none; background: #0070a6;}
  ul.wilsonMenu > li > ul li {display: block; position: relative; width: 100%;}
  ul.wilsonMenu > li > ul li a:before {display:none;}
  
  nav#mainMenu ul.wilsonMenu > li > ul > li a {display: block; padding: 13px 45px 12px 10px; color: #FFF; border-top: 1px solid #2383b1; text-transform: none; font-size: 12px; font-weight: 400;}
  nav#mainMenu ul.wilsonMenu > li > ul > li a:hover {background: #2383b1; color: #FFF;}
  nav#mainMenu ul.wilsonMenu > li > ul > li > ul > li a {background: #013c6c; color: #FFF; border-top: 1px solid #134e7f;}
  nav#mainMenu ul.wilsonMenu > li > ul > li > ul > li a:hover {background: #0070a6; color: #FFF; border-top: 1px solid #1c6199;}
  
  ul.wilsonMenu > li > ul > li li a {border-top: 1px solid #BDBDBD; background:#990000;}
  ul.wilsonMenu > li > ul > li li li a {padding-left: 20px;}
  
  ul.wilsonMenu > li > ul > li > ul > li a {background: #DBDBDB; color: #505050;}
  ul.wilsonMenu > li > ul > li > ul > li a:hover {color: #fff; background: #999;}
  ul.wilsonMenu > li > ul > li > ul > li a:before {color: #fff;}
	
/* ======================================================= */
/*   FOOTER                                                */
/* ======================================================= */
  .site-footer {position:relative; padding:80px 0; width:100%; background:#1c3f93;}
  .site-footer__wrapper {display:block; width:100%;}
  .site-footer__col1 {display: block; padding: 0; text-align: center;}
  .site-footer__col2 {display: block;}
  
  .site-footer__col1__wrapper {display:block; width:100%;}
  .site-footer__col1__wrapper__logo {display:block; width:130px; padding:0; margin: 0 auto 40px;}
  .site-footer__col1__wrapper__logo svg {fill:#fff; width:100px; height:100px;}
  .site-footer__col1__wrapper__contact {display:block; color:#FFF;}
  .site-footer__col1__wrapper__contact__address {font-family: 'Droid Serif', serif; line-height: 1.4; font-weight:700; font-size:14px; margin: 0 0 20px;}
  .site-footer__col1__wrapper__contact__address span {display:block;}
  .site-footer__col1__wrapper__contact__phone,
  .site-footer__col1__wrapper__contact__phone a,
  .site-footer__col1__wrapper__contact__phone a:hover {font-family: 'Fira Sans', sans-serif; font-weight:700; color:#fff; font-size: 14px;}
  .site-footer__col1__wrapper__contact__email {font-family: 'Fira Sans', sans-serif; font-weight:700; color:#fff; margin:5px 0 0; font-size: 14px;}
  .site-footer__col1__wrapper__contact__email a {color:#fff;}
  .site-footer__col1__wrapper__contact__email a:hover {color:#93bb3b;}
  .site-footer__col1__wrapper__contact__social-links {margin:20px 0 0;}
  .site-footer__col1__wrapper__contact__social-links__title {font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 11px; font-weight: 700; color: #6589b5;}
  .site-footer__col1__wrapper__contact__social-links ul {margin:15px 0 0; padding: 0;}
  .site-footer__col1__wrapper__contact__social-links ul li {display:inline-block; padding: 0 15px 0 0;}
  .site-footer__col1__wrapper__contact__social-links ul li a {color:#6589b5;}
  .site-footer__col1__wrapper__contact__social-links ul li a:hover {color:#FFF;}
  
  .site-footer__col2__wrapper {display:block; width:100%;} 
  .site-footer__col2__wrapper__nav {display: block; margin:40px 0;}
  .site-footer__col2__wrapper__nav ul {font-size:0; padding: 0; display:none;}
  .site-footer__col2__wrapper__nav ul li {display:inline-block; width:50%; padding:0 30px 0 0; margin: 0 0 8px; line-height: 1.3; vertical-align: top;}
  .site-footer__col2__wrapper__nav ul li a {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  }
  .site-footer__col2__wrapper__nav ul li a:hover {color:#93bb3b}
  .site-footer__col2__wrapper__nav select {display:block; max-width:500px; margin: 0 auto;}
  .site-footer__col2__wrapper__goggle-translate {display: block; width:200px; text-align: center; margin: 0 auto;}
	.site-footer__col2__wrapper__goggle-translate .translate {position:relative}
  
/* ======================================================= */
/*   BASIC FORM ELEMENTS AND FORM OVERRIDES                */
/* ======================================================= */		  
  pre {overflow: auto;}
  code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
  button, input, optgroup, select, textarea {margin: 0; font: inherit; color: inherit;}
  button {overflow: visible;}
  button, select {text-transform: none;}
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
  button[disabled], html input[disabled] {cursor: default;}
  button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}
  input {line-height: normal;}
  input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
  input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  }
  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
  fieldset {padding: .35em .625em .75em; margin: 0 2px; border: 1px solid #c0c0c0;}
  legend {padding: 0; border: 0;}
  textarea {overflow: auto;}
  optgroup {font-weight: 700;}
  input, button, select, textarea {font-family: inherit; font-size: inherit; line-height: inherit;}
  code, kbd, pre, samp {font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
  code {padding: 2px 4px; font-size: 90%; color: #c7254e; white-space: nowrap; background-color: #f9f2f4; border-radius: 4px;}
  kbd {padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);}
  pre {display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;}
  pre code {padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0;}
  fieldset {min-width: 0; padding: 0; margin: 0; border: 0;}
  legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: inherit;
  color: #004a87;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 600;
  }
  label {display: inline-block; margin-bottom: 3px; font-weight: 600; font-family: 'Fira Sans', sans-serif; font-size: 14px;}
  input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  input[type="radio"], input[type="checkbox"] {margin: 4px 0 0; margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal;
  }
  input[type="file"] {display:block; font-family: 'Fira Sans', sans-serif; font-size: 13px; font-weight: 600; line-height: 1;}
  input[type="range"] {display: block; width: 100%;}
  select[multiple], select[size] {height: auto;}
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus {outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}
  output {display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555;}
  input[type="date"] {line-height: 34px;}
  input[type="radio"][disabled],
  input[type="checkbox"][disabled],
  .radio[disabled],
  .radio-inline[disabled],
  .checkbox[disabled],
  .checkbox-inline[disabled],
  fieldset[disabled] input[type="radio"],
  fieldset[disabled] input[type="checkbox"],
  fieldset[disabled] .radio,
  fieldset[disabled] .radio-inline,
  fieldset[disabled] .checkbox,
  fieldset[disabled] .checkbox-inline {cursor: not-allowed;}
  
  .description {font-family: 'Fira Sans', sans-serif; font-size: 13px; font-weight:400; font-style:italic; margin: 3px 0 0;}
  .form-required {color:#cba330;}
  
  /**************************************
  *
  * Selects & Inputs
  *
  **************************************/
  select {
  margin: 0;
  padding: 8px 11px;
  font-size: 14px;
  color: #7C7979;
  border: 1px solid #E8E8E8;
  outline: none;
  background-color: #FFFFFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;	
  -webkit-transition: all linear 0.2s;	
  -moz-transition: all linear 0.2s;
  -o-transition: all linear 0.2s;
  -ms-transition: all linear 0.2s;
  transition: all linear 0.2s;
  }
  select:focus {color: #666; background-color: #FFF;}
  
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"],
  input[type="search"],
  input[type="tel"],
  input[type="color"] {
  margin: 0;
  padding: 12px;	
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #777;
  vertical-align: middle;
  outline: none;
  border: 1px solid #E8E8E8;	
  background: #FFFFFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;	
  -webkit-transition: all 0.2s linear;	
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
  }
  
  textarea {line-height: 1.7; resize: vertical;}
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus {
  color: #222;	
  background-color: none;
  }
  
  input[type="file"],
  input[type="image"],
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  input[type="radio"],
  input[type="checkbox"] {
  width: auto;
  }
  
/* ======================================================= */
/*   MEDIA QUERIES                                         */
/* ======================================================= */	
  @media all and (min-width: 600px) {
  /* Global */
  .globalWidth {padding: 0 40px;}
  
  /* Navigation */
  .globalnav__wrapper__sm {padding: 0 40px; margin: 10px -40px 0;}
  .mobileBtnWrapper {right: 40px;}
  nav#mainMenu {padding: 0;}
  nav#mainMenu ul.wilsonMenu {padding: 0;}
  
  /*Footer*/
  .site-footer__col1__wrapper__contact__address span {display:inline;}
  }
  
  @media only screen and (min-width: 768px) {
  /* Navigation */
  .mobileBtnWrapper {top: 32px;}
  }
  
  @media all and (min-width: 960px) {
  /*Footer*/
  .site-footer {
  padding:140px 0;
  background:#1c3f93 url(/Institutions/Wilson-College/images/footer.jpg);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  }	
  }

  @media all and (min-width: 1024px) {
  /*Footer*/
  .site-footer__wrapper {display:table; width:100%; table-layout:fixed;}
  .site-footer__col1 {display: table-cell; vertical-align: top; width: 40%; padding: 0 60px 0 0; text-align:left;}
  .site-footer__col2 {display:table-cell; vertical-align:top;}
  .site-footer__col1__wrapper {display:table; width:100%; table-layout:fixed;}
  .site-footer__col1__wrapper__logo {display:table-cell; vertical-align:top; padding:0 30px 0 0; margin: 0;}
  .site-footer__col1__wrapper__contact {display:table-cell; vertical-align:top;}
  .site-footer__col1__wrapper__contact__address span {display:block;}
  .site-footer__col2__wrapper {display:table; width:100%; table-layout:fixed;} 
  .site-footer__col2__wrapper__nav {display: table-cell; vertical-align:top; margin:0;}
  .site-footer__col2__wrapper__goggle-translate {display: table-cell; width:200px; vertical-align:top;}
  .site-footer__col2__wrapper__nav ul {display:block;}
  .site-footer__col2__wrapper__nav select {display:none;}
  .site-footer__col2__wrapper__goggle-translate {text-align: left; margin: 0;}
  }
  
  @media all and (min-width: 1200px) {
  /* Global */
  .globalWidth {margin:0 auto; padding:0; max-width: 1300px}
  .globalWidth.lg-width {max-width:1300px;}
  
  /* Navigation */
  .logo-wrap svg {width:135px;}
  .nav-logo-region__logo {display:table-cell; vertical-align:middle; width:200px;}
  .logo-wrap {position: absolute; bottom: -6px;}
  .globalNav {display:block; background:#f2f2f2; padding:18px 0; border-bottom:1px solid #e2e2e2;}
  .globalnav__wrapper__sm {display:none;}
  .nav-logo-region__right-nav-block {display:table-cell; vertical-align:middle; text-align:right;}
  .nav-logo-region__right-nav-block__sm {display:none;}
  .main-nav-container {border-bottom: 2px solid #fff; border-bottom: 2px solid rgba(255,255,255,.1);}
  
  .mobileBtnWrapper {display: none;}
  
  nav#mainMenu { 
  display: inline-block !important;
  padding:0; 
  right: 0; 
  margin: 0;
  border:none;
  overflow: visible !important;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  }
  
  nav#mainMenu ul.wilsonMenu {text-align: left; display: block; padding: 0; margin: 0 0 0 -20px;}
  nav#mainMenu ul.wilsonMenu li {display: inline-block;}
  nav#mainMenu ul.wilsonMenu li > a {margin: 0; border-top: none; color: #FFF;}
  nav#mainMenu ul.wilsonMenu li > a:hover {background-color: none; color: #93bb3b;}
  nav#mainMenu ul.wilsonMenu li.empty.last > a {padding:15px 0;}
  
  nav#mainMenu ul.wilsonMenu > li ul {
  position: absolute;
  text-align: left;
  border-right: none;
  border-left: none;
  border-bottom: none;
  border-top: 3px solid #93bb3b;
  background: #fff;
  top:49px;
  left:5px;
  }
  nav#mainMenu ul.wilsonMenu > li > ul > li a {
  width: auto;
  margin: 0;
  white-space: nowrap;
  color: #777;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-top: none;
  background: #fff;
  font-size: 12px;
  text-transform:none;
  }
  nav#mainMenu ul.wilsonMenu > li > ul > li a:hover {background:  #f4f4f4; color: #0070a6;}
  nav#mainMenu ul.wilsonMenu li .openChild:active {background-color: #fff;}
  nav#mainMenu ul.wilsonMenu li.tierMenu > a {margin: 0 5px 0 20px; padding: 19px 25px 16px 0; font-size: 14px;}
  nav#mainMenu ul.wilsonMenu li.tierMenu.empty > a {margin: 0 -15px 0 20px;}
  nav#mainMenu ul.wilsonMenu li.tierMenu.empty.last > a {margin: 0 0 0 20px;}
  
  nav#mainMenu ul.wilsonMenu > li ul li ul {position: relative; text-align: left; border: none; background: #f3f3f3;}
  nav#mainMenu ul.wilsonMenu > li.tierMenu> ul > li a {padding: 10px 20px 10px 15px;}
  nav#mainMenu ul.wilsonMenu > li.tierMenu.withSubs > ul.subMenu > li a {padding: 10px 55px 10px 15px;}	
  nav#mainMenu ul.wilsonMenu > li > ul > li > ul > li a {background: #f3f3f3;}
  nav#mainMenu ul.wilsonMenu > li > ul > li > ul > li a:hover {color: #fff; background: #ccc;}
  nav#mainMenu ul.wilsonMenu > li > ul > li > ul > li a:before {color: #999;}
  
  /*nav#mainMenu ul.wilsonMenu > li.tierMenu.last ul {right: 0; text-align:right;}*/
  
  ul.wilsonMenu li .openChildInner:before {top: 19px; color: #82b1d2; font-size: 17px;}
  ul.wilsonMenu li .openChild {width: 30px;}
  }
  
  @media only screen and (max-width: 1199px) {
  .main-navigation {height:auto !important;}
  }