/* ==========================================================================
   Project:     South Georgia State College
   Date:        07/28/17 - File created	
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */
   
/* ==========================================================================
   Typography
   ========================================================================== */

body {font-family: 'Lato', sans-serif; font-size: 16px; line-height: 1.7; font-weight: 400; color: #212121; }

/* ==========================================================================
      Headings
   ========================================================================== */
   
h1,h2,h3,h4,h5,h6 {color: #002a57; margin: 40px 0px 40px 0px; padding:0px; line-height: 1.2; font-weight: 700; font-family: 'Lato',sans-serif;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 16px; }
h6 {font-size: 12px;}

/* ==========================================================================
   Basic Elements
   ========================================================================== */

html,body {overflow-x: hidden}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, .2);-ms-overflow-style: scrollbar;}   
a {color: #eb3c3c;}
a:hover, a:focus {color: #d02727}
img {max-width: 100%; height: auto;}
main a {text-decoration:underline}
main a:hover, main a:focus {text-decoration:none;}

/* ==========================================================================
   Skip Nav
   ========================================================================== */	

.skip{position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#0da861;width:auto;height:auto;overflow:visible;padding:10px;color:#fff;font-weight:700;font-size:14px;z-index:99;text-decoration:underline}
.skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff}
	
/* ==========================================================================
   Offcanvas Menu
   ========================================================================== */
 
.offcanvasmenu {position:fixed; overflow-y:scroll; overflow-x:hidden;right: -325px; width: 320px; top: 0px; height: 100vh; padding-top: 60px; z-index: 99; background: #fff; box-shadow: -2px 0px 2px 0px rgba(50, 50, 50, 0.5);}
	.offcanvasmenu ul {list-style:none; margin: 0px; padding:0px;}
	.offcanvasmenu .mainmenu {font-size: 16px;font-weight: 700}
	.offcanvasmenu .mainmenu li {border-bottom: 1px solid #ebebeb}
	.offcanvasmenu .mainmenu a { color: #4c4c4c; display: block; padding: 10px 15px;text-decoration: none;}
	.offcanvasmenu .mainmenu a:hover, .offcanvasmenu .mainmenu a:focus {background: #f1f1f1; color:#212121; }
	.offcanvasmenu .mainmenu li {}
	.offcanvasmenu .mainmenu li span {float:right; font-size: 20px;margin: 3px 0px 0px 0px}
	.offcanvasmenu .mainmenu .fa-times {font-size: 16px;margin: 3px 0px 0px 0px}
	.offcanvasmenu .mainmenu li ul {display:none; list-style:none; background: #f1f1f1; color: #1d1d1d;padding: 15px 0px 15px 0px;margin: 0;}
	.offcanvasmenu .mainmenu li ul li {  font-size: 14px; font-weight: normal; line-height: 16px; border-bottom: none;text-transform: none; }
	.offcanvasmenu .mainmenu li ul a {padding: 7px 15px}
	.offcanvasmenu .mainmenu .active a:hover, .offcanvasmenu .mainmenu .active a:focus, .offcanvasmenu .mainmenu .active a {background: #002a57; color: #fff;text-decoration:none;}
	.offcanvasmenu .mainmenu .active li a {color: #1d1d1d;  white-space: normal; background:none}
	.offcanvasmenu .mainmenu .active li a:hover, .offcanvasmenu .mainmenu .active li a:focus {color: #1d1d1d; background:#e2e2e2; }
	
	.offcanvasmenu .quicklinks, .offcanvasmenu .audiencelinks, .offcanvasmenu .quicklinks-dropdown {margin: 15px 0px;font-size: 16px;}
	.offcanvasmenu .quicklinks a:not(.btn), .offcanvasmenu .audiencelinks a:not(.btn), .offcanvasmenu .quicklinks-dropdown a  {padding: 5px 15px;color: #4c4c4c;display:block}
	.offcanvasmenu .quicklinks li:not(:nth-child(7)) {display:none;}
	.offcanvasmenu .quicklinks .btn {margin: 0px 15px -10px 15px;display:block}
	.offcanvasmenu .quicklinks-dropdown .btn {display:none;}
	.offcanvasmenu .quicklinks-dropdown h5 {margin: 10px 0px; padding: 5px 15px;}
	.offcanvasmenu .quicklinks-dropdown .cta a {padding:0px;margin: 15px 0px 0px 0px; max-height: 50px}
	
	.offcanvasmenu form {position: absolute; top: 10px; left: 10px; right: 45px; }
	.offcanvasmenu form .btn {color: #999; width: 35px; height: 35px; padding: 0px; position: absolute; top: 0px;right: 10px; border-radius: 0px;}
	.offcanvasmenu form .btn:hover, .offcanvasmenu form .btn:focus {color: #212121}
	.offcanvasmenu form input {height: 36px; position: absolute; top: 0px; left: 0px; width: 100%;  border: 1px solid #ebebeb; padding: 0px 45px 0px 15px;border-radius: 18px;}
	.offcanvasmenu form input::-ms-clear {display:none}
	
	.offcanvasmenu .btn-hide-offcanvas {height: 30px; right: 12px; top: 8px;color: #002a57; background:none; position: absolute; border:none;padding:0px;font-weight: 700; font-size: 24px; }
	.offcanvasmenu .bg-grey {background: #f1f1f1; border-bottom: 3px solid #0da861; position: absolute; top: 0px; right: 0px; left 0px; height: 60px; width: 100%;}
	
	/* Webkit's scrollbar */
	.offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
	.offcanvasmenu::-webkit-scrollbar-track-piece {margin: 10px 0px 10px 0px;}
	.offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);}
	
	/* Offcanvas overlay */
	.overlay {width: 100%; height: 100vh; position: fixed;right: -9999px; top: 0px; z-index:99; background:rgba(0, 0, 0, 0.5); opacity:0; transition: opacity 400ms ease;}
	
/* ==========================================================================
   Alert
   ========================================================================== */

.alert-wrapper {background:#eb3c3c;padding: 15px 70px 15px 15px;text-align:center; color: #fff;position:relative;}
	.alert-wrapper a {color: #fff; text-decoration:underline}
	.alert-wrapper a:hover, .alert-wrapper a:focus {text-decoration: none}
   	.alert-wrapper .btn {position: absolute; top: 50%; margin-top: -20px; right: 15px;width: 40px; height: 40px; color: #fff; text-align:center; font-size: 16px;padding: 0px}
   	.alert-wrapper p {margin: 0px}
   	
/* ==========================================================================
   Search
   ========================================================================== */
   
.search-wrapper {background: #002a57; z-index: 99; color: #fff;height: 60px;position: absolute; top: -60px; width: 100%; left: 0px;-webkit-transition: -webkit-transform .3s ease; -ms-transition: -ms-transform .3s ease; transition: transform .3s ease;}
	.search-open .search-wrapper, .search-open .header-wrapper { -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px);}
	.search-wrapper form {position: absolute;top: 0px; left: 0px;width: 100%;}
	.search-wrapper .btn {padding: 5px 10px; position: absolute; top: 10px;right: 0px; font-size: 20px;background:none; color: #ccc}
	.search-wrapper .btn:hover, .search-wrapper .btn:focus {color: #fff; background:none;}
	.search-wrapper input {height: 60px; font-size: 26px; line-height: 60px; padding: 0px 50px 0px 10px; font-weight: 300; position: absolute; top: 0px; left: 0px; width: 100%;border: none; border-radius: 0px; background:none}
	.search-wrapper input::-ms-clear {display:none}
	
/* ==========================================================================
   Header
   ========================================================================== */
   
.header-wrapper { background: #fff; width: 100%;position: relative; z-index:2; transition: transform .3s ease;box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2); }
	header .logo {position: absolute;}
	header .logo img {width: 100%; height: auto}
	header ul {position: absolute;margin: 0px; padding: 0px; list-style:none; z-index: 1}
	header ul > li {display:inline-block;position:relative;margin-right: -4px; }
	header ul > li:first-child {margin-left: 0px;}
	header a {text-decoration: none}
	header a:hover, header a:focus {text-decoration: none;}
	header .btn {border-radius: 0px;}
	header .btn-show-offcanvas {height: 35px; color: #002a57; background:none; position: absolute; border:none;padding:0px; text-transform: uppercase; font-weight: 400; }
	header .btn-show-offcanvas .fa {font-size: 30px;}
	header .btn-show-offcanvas:hover {cursor: pointer}
	header .btn-show-paying {z-index:2; background: #fff; background: rgba(255,255,255.8); color: #0056b2; font-size: 16px; position: absolute; top: 120px;right: 0px; text-align:center; width: 40px; height: 40px;padding: 0px}
	header .btn-show-paying:hover, header .btn-show-paying:focus, header .btn-show-paying.active {background: #0056b2; color: #fff;}
	
	/* Quicklinks, Audiencelinks (Cloned in offcanvasmenu) */
	header .quicklinks li:last-child, header .audiencelinks li:last-child {margin-right:0px}
	header .quicklinks {top: -83px; text-transform: uppercase;font-size: 12px; font-weight: 700;}
	header .quicklinks .btn {height: 30px;font-size: 12px; padding: 6px 6px 0px 6px;}
	header .quicklinks .btn .fa {font-size: 15px;}
	header .quicklinks .btn-showsearch {margin: -5px 0px 5px 0px;width: 26px;text-align:center;}
	header .quicklinks .btn-green {margin:-2px 0px 2px 0px}
	header .quicklinks .btn-show-quicklinks .fa {margin-left: 5px;}
	header .quicklinks a {color: #fff;}
	header .quicklinks a:hover, header .quicklinks a:focus, header .quicklinks .btn:hover, header .quicklinks .btn:focus {text-decoration:underline;}
	header .audiencelinks {top: -38px; text-transform: uppercase; font-size: 17px; font-weight: 300}
	header .audiencelinks li  {margin-right: 20px;}
	header .audiencelinks a {color: #212121}
	header .audiencelinks a:hover, header .audiencelinks a:focus {text-decoration:underline;}

	/* Main menu */
	header .mainmenu {position: absolute; right: 30px;top: 32px;font-weight: 700;z-index:2; }
	header .mainmenu li {padding-bottom: 30px;}
	header .mainmenu li.show {display:inline-block !important; }
	header .mainmenu a {border-right: 1px solid #ccc; color: #212121;display:block;position:relative;}
	header .mainmenu > .active >a:before {content: ""; position: absolute; bottom: -15px; left: 0px; right: 0px; margin:auto; width: 50%; background:#eb3c3c; height: 4px}
	header .mainmenu > li:hover > a:before, header .mainmenu > li > a:focus:before {content: ""; position: absolute; bottom: -15px; left: 0px; right: 0px; margin:auto; width: 50%; background:#ccc; height: 4px} 
	header .mainmenu li:last-child a {border-right: none}
	
	/* Main menu - dropdowns */
	header .mainmenu ul {background: #fff;font-weight: 400; font-size: 15px; width: 300px;top: -9999px;text-align:left; text-transform: none; position: absolute; left: 0px;opacity: 0; transition: opacity 200ms ease-out;box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}
	header .mainmenu li:last-child ul {left: auto; right: 0px;  text-align:right;}
	header .mainmenu ul.show {opacity:1;top: 55px;}
	header .mainmenu ul li {margin: 0px; padding: 0px; display:block; border-bottom: 1px solid #f1f1f1}
	header .mainmenu ul li:last-child {border-bottom:none;}
	header .mainmenu ul a  {border:none; display:block;padding: 5px 10px;height: auto; line-height: 1.5;}
	header .mainmenu ul li:hover a, header .mainmenu ul a:focus {background: #f1f1f1;}
		
	/* Quicklinks dropdown (Cloned in offcanvasmenu) */
	header .quicklinks-dropdown {background: #fff; padding: 30px;position: fixed;left: 0px; width: 100%; z-index: 99;opacity: 0; transition: opacity 200ms ease-out;top: -9999px;font-size: 16px;box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2);}
	.quicklinks-dropdown.show {opacity:1;top: -50px;position: absolute;}
	.quicklinks-dropdown ul {position: relative;}
	.quicklinks-dropdown h5 {margin:0px;}
	.quicklinks-dropdown ul > li {display:block; margin: 0px;}
	.quicklinks-dropdown a {color: #212121}
	.quicklinks-dropdown a:hover, header .quicklinks-dropdown a:focus {text-decoration:underline}
	.quicklinks-dropdown .btn {padding: 5px; color: #999; position: absolute; top: 0px; right: 5px;font-size: 18px;}
	.quicklinks-dropdown .btn:hover, header .quicklinks-dropdown .btn:focus {color: #212121}
	.quicklinks-dropdown .cta a {display:block;position:relative;z-index:1;color: #fff;text-align:center;max-height: 90px;overflow:hidden}
	.quicklinks-dropdown .cta img {width: 100%; }
	.quicklinks-dropdown .cta p {position: absolute; z-index: 2;text-transform: uppercase;font-weight: 700;line-height: 1.3; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin:0px}
	header .quicklinks-dropdown .cta a:nth-of-type(1) {margin-bottom: 30px}
	.quicklinks-dropdown .cta a:before {content:"";background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index:2;position: absolute; top: 0px; left: 0px; }
	.quicklinks-dropdown .cta a:after {content:""; border: 1px solid #fff;top: 5px; left: 5px; right: 5px; bottom: 5px; margin:auto; position: absolute; z-index:2}
	.quicklinks-dropdown .cta a:hover p, header .quicklinks-dropdown .col-sm-4 a:focus p {text-decoration:underline}
	.quicklinks-dropdown .animated h5 {padding-left: 10px; background: #f1f1f1}
	
	/* Paying for college */
	.paying {max-width: 600px; background: #fff; top: -9999px; position: fixed;right: 0px;font-size: 16px;box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.2); z-index: 99;opacity: 0; transition: opacity 200ms ease-out}
		.paying.show { top: 160px; opacity: 1;position:absolute;}
		.paying h5 {margin: 0px 0px 30px 0px}
		.paying h3 {margin: 0px 0px 15px 0px}
		.paying img {margin-bottom: 15px;}
		.paying .btn-lg {padding: 15px 40px;}
		
	/* Paying & quicklinks overlay */
	.paying-open .header-wrapper, .quicklinks-open .header-wrapper {z-index: 999}
	.paying-open .overlay, .quicklinks-open .overlay {position: absolute;right: 0px;  opacity:1}
	
/* ==========================================================================
   Footer
   ========================================================================== */
   
.footer-wrapper {background: #f1f1f1; padding-top: 50px; font-size: 16px;}
	.footer-wrapper a:not(.btn) {color: #0056b2; text-decoration:underline}
	.footer-wrapper a:hover, .footer-wrapper a:focus {text-decoration:none}
	.footer-wrapper .list-inline {margin: 30px 0px; }
	.footer-wrapper .social-media {}
	.footer-wrapper .social-media li {}
	.footer-wrapper .social-media a  {background: #fff; border-radius: 50%; width: 50px; height: 50px;display:block;text-align:center;font-size: 22px; padding-top: 7px}
	.footer-wrapper .social-media a:hover, .footer-wrapper .social-media a:focus {background:#0056b2; color: #fff}
	.footer-wrapper address {}
	.footer-wrapper .copyright { margin: 0px -30px; padding: 30px;}
	.footer-wrapper .copyright {background: #002a57; color: #fff; font-size: 14px;}
	.footer-wrapper .copyright .list-inline {margin:0px;}
	.footer-wrapper .copyright a {color: #fff}
	.footer-wrapper .copyright a:hover, .footer-wrapper .copyright a:focus {text-decoration:none}

/* ==========================================================================
   Homepage
   ========================================================================== */

.homepage .news-wrapper {background: url(/img/bg-logomark.png) #0056b2;}
		
/* ==========================================================================
   Interior One & Two Column
   ========================================================================== */
	
/* Interiors with cols */
.interior-wrapper {padding-top: 40px; padding-bottom: 40px;}
	.interior-wrapper section h2:first-child, .interior-wrapper section h3:first-child, .interior-wrapper section h4:first-child, .interior-wrapper section p:first-child {margin-top: 0px}

/* Pageinfo wrapper */
.pageinfo-wrapper {background: url(/img/interiors/bg-pageinfo.png) top center no-repeat #002a57; padding-bottom: 30px}
	.pageinfo-wrapper .col-xs-12 {position:relative;}
	.pageinfo-wrapper h1 { color: #fff;margin:30px 0px 15px 0px}
	.pageinfo-wrapper .breadcrumb {background:none;padding:0px;margin:0px;font-size: 12px;}
	.pageinfo-wrapper .breadcrumb a {color: #3c7dec;}
	.pageinfo-wrapper .breadcrumb a:hover, .pageinfo-wrapper .breadcrumb a:focus {color: #fff; text-decoration:underline}
	.pageinfo-wrapper .breadcrumb>li+li:before {color: #3c7dec}

/* Aside */   
	main aside h4 {margin:0px 0px 30px 0px}
	
	/* Show submenu btn */
	.btn-showsubmenu {border-radius: 2px; color: #002a57; margin: 0px 0px 40px 0px; font-weight: 400; position:relative; width: 100%; text-align:left; height: 44px; padding: 0px 0px 0px 45px; text-transform: uppercase; border:none; background: #f1f1f1}
	.btn-showsubmenu:hover,.btn-showsubmenu:focus {background:#002a57; color: #fff}
	.btn-showsubmenu.active, .btn-showsubmenu.active:hover, .btn-showsubmenu.active:focus {background:#002a57; color: #fff} 
	.btn-showsubmenu.active {margin: 0px;}
	.btn-showsubmenu span {position: absolute; top: 8px; left: 10px; font-size: 28px;}
	
	/* Submenu (Uses :first-child to exclude .toggle-submenu) */
	.submenu {font-size: 15px; line-height: 18px; padding: 0px;list-style: none;margin: 30px 0px;}
	.submenu a:first-child {color: #212121;position: relative; text-decoration:none; border-bottom: 1px solid #ccc; display:block; padding:10px 0px 10px 10px;}
	.submenu a:first-child:hover, .submenu a:first-child:focus {text-decoration:none;background: #f1f1f1;}
	.submenu .active > a:first-child {color: #002a57; font-weight: 600;}
	.submenu li {margin: 0px;position:relative;}
	.submenu > li:first-child a:not(.toggle-submenu){border-top: 1px solid #ccc;}

	/* Blog submenu */
	.submenu-blog {}
	.submenu-blog .blog-filter {color: #212121;position: relative; text-decoration:none; border-bottom: 1px solid #ccc; display:block; padding:10px 0px 10px 10px;}
	.submenu-blog > li:first-child {border-top: 1px solid #ccc}
	.submenu-blog > li:first-child a:not(.toggle-submenu) {border-top:none}

	/* Submenu subs  */
	.submenu ul {font-size: 13px; line-height: 17px; font-weight: 400; list-style: none; margin: 0px; padding: 0px; display:none;text-transform: none;background: #f9f9f9}
	.submenu ul .active > a:first-child {color: #3c7dec;}
	.submenu .has-ul > a:first-child {padding-right: 40px;}
	.submenu li ul li a:first-child { padding:10px 45px 10px 20px;}
	.submenu li ul li ul a:first-child { padding:10px 45px 10px 30px;}
	.submenu li ul li ul li ul a:first-child { padding:10px 45px 10px 40px;}
	
	/* Submenu dropdown toggles */
	.submenu .toggle-submenu {color: #002a57; width:34px; height: 34px; line-height: 1; font-size: 14px; position: absolute; right: 0px; top: 2px; background: #e9e9e9;}
	.submenu .toggle-submenu span {position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.submenu .toggle-submenu:hover, .submenu .toggle-submenu:focus {background: #002a57; color: #fff}
	
	/* Aside's moveable content */
	.moveable-content {}
		.moveable-content h5 {margin: 0px 0px 15px 0px}
		.moveable-content.moved {margin-top: 30px;}
	
/* ==========================================================================
   Academics
   ========================================================================== */
   
 academics .hero-slideshow, .academics .hero-slideshow .slick-track {height: 400px}  
.academics .hero-slideshow .caption {margin-top: -75px}
.academics .hero-slideshow .cta li:last-child {margin-top: 30px;display:block} 

.as-wrapper {background: #002a57; color: #fff}
	.as-wrapper h2 {color: #fff}
   
/* ==========================================================================
   Athletics
   ========================================================================== */

.athletics-homepage .hero-slideshow, .athletics-homepage .hero-slideshow .slick-track {height: 560px}
.athletics-homepage .news-wrapper {background: url(/img/bg-logomark-large.png) top center no-repeat #002a57;}
.athletics-homepage .news-tiles .item {border: 2px solid #002a57}
.athletics-detail-wrapper {background: #0056b2;}
   
/* ==========================================================================
   Campus Life
   ========================================================================== */
   
.campus-life-wrapper {background: #0056b2;}  
   
/* ==========================================================================
   Financial Aid
   ========================================================================== */
   
.fa-overview-wrapper {width: 100%; position: relative; z-index: 1; overflow:hidden;background: url(/img/financial-aid/bg-fa-overview-wrapper.jpg) center center no-repeat; background-size: cover}
	.fa-overview-wrapper:before {display:block; z-index: 0; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
	.fa-overview-wrapper .fa-overview  {position: relative;}
	.fa-overview-wrapper .fa-overview ul {margin-bottom: 0px;}
	.fa-overview-wrapper .fa-overview li {margin-bottom: 5px;}
	.fa-overview-wrapper .fa-overview a {color: #fff;font-size: 14px; display:block; font-weight: 700; border: 2px solid rgba(255,255,255,.3); padding: 5px;text-transform: uppercase; transition: border 400ms ease;}
	.fa-overview-wrapper .fa-overview a:hover, .fa-overview-wrapper .col-sm-3 a:focus {border: 2px solid rgba(255,255,255,.6);text-decoration:none;background: rgba(255,255,255,.1)}
	.fa-overview-wrapper .col-xs-12:nth-of-type(1) .fa-overview {background: #fff; background: rgba(255,255,255,.9);padding:30px;}
	.fa-overview-wrapper .col-xs-12+.col-xs-12 .fa-overview {background: #002a57; background: rgba(0,42,87,.9); padding: 30px 15px 15px 15px; color: #fff}
	.fa-overview-wrapper .col-xs-12:nth-of-type(2) .fa-overview:before {content:""; background: url(/img/icons/001-piggy-bank.svg);height: 50px; width: 50px; position: absolute; top: -30px; left: 50%;margin-left: -25px;}
	.fa-overview-wrapper .col-xs-12:nth-of-type(3) .fa-overview:before {content:""; background: url(/img/icons/form.svg);height: 50px; width: 50px; position: absolute; top: -30px; left: 50%;margin-left: -25px;}
	.fa-overview-wrapper h5 {margin: 0px 0px 30px 0px}
	
.fa-links-wrapper {background: #f1f1f1}
	.fa-links-wrapper ul {margin: 0px}

   
/* ==========================================================================
   Admissions
   ========================================================================== */

.quotes-wrapper {background: #0056b2; color: #fff;}
	.quotes-wrapper blockquote {border-left: none; padding: 0px; margin: 50px 0px 0px 0px; quotes: "“" "”";position:relative;}  
	.quotes-wrapper blockquote:before {content: open-quote; font-size: 120px; font-weight: 700; line-height: 0; position: absolute; top: 10px; left:-5px; z-index: 0; color: #fff; opacity: .2}
	.quotes-wrapper img {margin-bottom: 10px;}
	.quotes-wrapper .text-uppercase {margin-bottom: 0px}

.adm-moreinfo-wrapper:nth-child(odd) {background: #f1f1f1}


/* ==========================================================================
   News & Updates
   ========================================================================== */
  
.datatable {}
	.datatable .sorting_disabled {border:none;}
	.datatable .feature {background-color: #fcf8e3;border-color: #faf2cc;}
	.datatable .feature h2 {margin: 0px 0px 20px 0px; font-weight: 400; text-transform: uppercase; font-size: 18px;}
	.datatable .feature td {padding-left: 20px; padding-right: 20px}
    .datatable .news-item {padding: 15px 0px}
    .datatable .news-item a {color: #212112}
	.datatable .news-item h3 {margin: 20px 0px 10px 0px;font-size: 20px; }
   
/* ==========================================================================
   Shared components
   ========================================================================== */
		
/* Cta wrapper */
.cta-wrapper {padding: 30px 0px; background: url(/img/bg-logomark.png) #0056b2;}

/* Panel wrappers */
.panel-wrapper {padding-top: 50px; padding-bottom: 50px; position: relative;}
	.panel-wrapper h2:first-child {margin-top: 0px}
	
/* Hero slideshow */
.hero-wrapper {z-index: 1;position: relative;}
	.hero-slideshow .item {overflow:hidden; position: relative;}
	.hero-slideshow .item:before {z-index: 1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
	.hero-slideshow img {width: auto; height: auto;max-width: none; left: 50%; -webkit-transform: translateX(-50%) scale(1.25, 1.25);-ms-transform: translateX(-50%) scale(1.25, 1.25); transform: translateX(-50%) scale(1.25, 1.25); position: relative;transition: all 500ms ease-out;}
	.hero-slideshow .slick-active img {-webkit-transform: translateX(-50%) scale(1, 1);-ms-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1);}
	.hero-slideshow .caption {margin:auto; text-align:center; padding: 0px 60px; width: 100%; position: absolute;top: 50%; z-index:1; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
	.hero-slideshow h2 {color: #fff; position:relative;margin: 0px;}
	.hero-slideshow p {color: #fff; margin: 20px 0px 0px 0px;}
	.hero-slideshow p a {text-decoration:underline; color: #fff}
	.hero-slideshow p a:hover, .hero-slideshow p a:focus {text-decoration:none;}
	.hero-slideshow .slick-controls {z-index: 2; position: absolute; left: 0px; right: 0px; margin: auto; width: 100%; top: 50%;margin-top: -10px;}
	.hero-slideshow .slick-prev, .hero-slideshow .slick-next {opacity: .5; position: absolute; top: 0px; background:none; overflow:hidden; color: #fff;border: none; width: 40px;padding:0px}
	.hero-slideshow .slick-prev {left: 5px; padding-left: 10px; }
	.hero-slideshow .slick-next {right: 5px; }
	.hero-slideshow .slick-prev:hover, .hero-wrapper .slick-next:hover {opacity: 1; }
	.hero-slideshow .angle {border: 1px solid #fff;border-width: 0px 0px 2px 2px;width: 30px; height:30px;display:block;}
	.hero-slideshow .angle-left {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}
	.hero-slideshow .angle-right {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);}
	
	.hero-slideshow .cta {position: absolute; z-index: 1; width: 100%; margin:0px; text-align:center; bottom: 15px; left:0px;right:0px; }
	.hero-slideshow .btn-blue {background: rgba(0,86,178,.8); }
	.hero-slideshow .btn-blue:hover, .hero-slideshow .btn-blue:focus {background: #fff; color: #0056b2}

/* Hero video */
.video-wrapper {height: 560px; width: 100%; position: relative;z-index:1;overflow:hidden;}
	.video-wrapper:before {z-index: 1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
	.video-wrapper img {width: auto; height: auto; left: 50%; position: relative; max-width: none; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%); }
	.video-wrapper .caption {position: absolute; top: 50%;  z-index:2; margin: auto; padding: 0px 60px; width: 100%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);text-shadow: 0px 0px 5px rgba(0,0,0, 1);}
	.video-wrapper h1 {text-align:center; color: #fff; font-weight: 300; margin:0px;}
	.video-wrapper .btn-playvideo {opacity: .5; width: 90px; height: 90px; padding: 0px; margin: 0px auto 50px auto;display:block;margin:}
	.video-wrapper .btn-playvideo:hover, .video-wrapper .btn-playvideo:focus {opacity: 1}
	
/* Thumbnail slideshow */
.thumbnail-slideshow-wrapper {}
	.thumbnail-slideshow-wrapper h2 {margin:0px;display:inline-block; }
	
.thumbnail-slideshow {list-style:none; padding:0px;margin-top: 50px;}
	.thumbnail-slideshow li {float:left; border: 2px solid transparent}
	.thumbnail-slideshow a {display:block;position: relative;}
	.thumbnail-slideshow a:after {transition: background 200ms ease;content: "\f002";font-family: "FontAwesome"; position: absolute; right: 5px; bottom: 5px; font-size: 18px; color: #fff; border-radius: 50%; width: 35px;height:35px;text-align:center;padding: 5px 0px 0px 0px}
	.thumbnail-slideshow a:hover:after, .thumbnail-slideshow a:focus:after {background: rgba(0,0,0,.5)}
	
/* Button grids */
.grid {list-style:none; padding: 0px;}
	.grid li {float:left; border: 10px solid transparent}
	.grid a {display:block;position:relative;z-index:1;color: #fff;text-align:center;max-height: 180px;overflow:hidden}
	.grid a img {width: 100%; transition: all 200ms ease-out;}
	.grid a p {position: absolute; width: 100%; padding: 0px 10px; z-index: 2;text-transform: uppercase;font-weight: 700;line-height: 1.3;position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin:0px}
	.grid a:before {content:"";background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index:2;position: absolute; top: 0px; left: 0px; }
	.grid a:hover img, .grid a:focus img {-webkit-transform: scale(1.25, 1.25);-ms-transform: scale(1.25, 1.25); transform: scale(1.25, 1.25); }
	.grid a:hover p, .grid a:focus p {text-decoration: underline}
	
.cta-grid {}
	.cta-grid .icon {position: relative; padding: 10px; border-radius: 50%; background: #eb3c3c;display:block; margin: 0px auto 25px auto}
	.cta-grid .icon:after {content:""; position: absolute; bottom: -15px;left: 0px; right: 0px; margin:auto; background: #eb3c3c; height: 4px; width: 45px;}
	.cta-grid .icon img {width: 55%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;margin: auto;}
	.cta-grid a:hover img, .cta-grid a:focus img {-webkit-transform:none;-ms-transform:none; transform: none;}
	.cta-grid a p {padding: 0px}
	
/* News wrapper */
.news-wrapper {padding-top: 50px; padding-bottom: 50px; position:relative; z-index:1}
	.news-wrapper h2 {color: #fff; border-top: 1px solid #4d88d0; border-bottom: 1px solid #4d88d0; margin:0px;display:inline-block; }
	.news-slideshow {padding: 0px 50px; margin: 50px 0px}
	.news-slideshow .item {text-align:center; margin: 0px 15px}
	.news-slideshow .item .date  {position: relative; background: #002a57; border-radius: 50%; width: 100px; height: 100px;margin: 0px auto 15px auto}
	.news-slideshow .item .date:before {border: 1px solid #0050a7; content: ""; position: absolute; top: 4px; left:4px; right: 4px; bottom: 4px;border-radius: 50%;}
	.news-slideshow .item .month  {color: #ccc;font-size: 15px; font-weight: 300; text-transform: uppercase;line-height:1; padding: 25px 0px 2px 0px}
	.news-slideshow .item .day  {color: #fff;font-weight:700;font-size: 30px;line-height:1}
	.news-slideshow .item p  {font-size: 17px; font-weight:700}
	.news-slideshow .item a  {color: #fff;display:block}
	.news-slideshow .item a:hover, .news-wrapper .item a:focus  {text-decoration:none}
	.news-slideshow .item a:hover p, .news-wrapper .item a:focus p {text-decoration:underline}
	.news-slideshow .item ul {color: #ccc}
	.news-slideshow .slick-controls {z-index: 2; position: absolute; left: 0px; right: 0px; margin: auto; width: 100%; top: 50%;margin-top: -10px;}
	.news-slideshow .slick-prev, .news-slideshow .slick-next {position: absolute; top: 0px; background:none; overflow:hidden; color: #fff;border: none; width: 40px;padding:0px;opacity: .5}
	.news-slideshow .slick-prev {left: 5px; padding-left: 10px; }
	.news-slideshow .slick-next {right: 5px; }
	.news-slideshow .slick-prev:hover, .hero-wrapper .slick-next:hover,.news-slideshow .slick-prev:focus, .hero-wrapper .slick-next:focus {opacity:1}
	.news-slideshow .angle {border: 1px solid #fff;border-width: 0px 0px 2px 2px;width: 30px; height:30px;display:block;}
	.news-slideshow .angle-left {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}
	.news-slideshow .angle-right {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);}

	.news-tiles {display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-wrap: wrap;}
		.news-tiles .item {border: 2px solid #0050a7;position:relative;background: #fff;}
		.news-tiles img {width: 100%; height: 100%; object-fit: cover; object-position:  center center}
		.news-tiles .item .text-uppercase {font-size: 17px;}
		.news-tiles .item p {font-size: 14px;}
		.news-tiles .item a {color: #212121; text-decoration:underline}
		.news-tiles .item a:hover, .news-tiles .item a:focus {text-decoration:none;}
		.news-tiles .item a:hover .fa, .news-tiles .item a:focus .fa {color:#002a57}
		.news-tiles .item .fa {font-size: 32px; color: #0050a7; }
		.news-tiles .item .list-inline {margin:0px 0px 10px 0px;display:table;}
		.news-tiles .item .list-inline .text-uppercase {font-size: 15px;}
		.news-tiles .item .list-inline li {display:table-cell; vertical-align:middle;padding:0px}
		.news-tiles .item .list-inline li .fa {font-size: 18px; margin: 0px 0px 0px 15px}
		.news-tiles .item .small {font-weight: 400}
		.news-tiles .item .text-muted {font-weight:300}

/* News Detail */
.newsmenu {}

/* Fast facts wrapper */
.fastfacts-wrapper {padding-top: 120px;padding-bottom: 50px; text-align:center; background: url(/img/homepage/bg-fastfacts.png) bottom right no-repeat;position: relative; z-index:1}
	.fastfacts-wrapper h2 {min-width: 250px;background: #0da861; text-align:center; padding: 20px 60px; color: #fff; font-weight: 300; display:inline-block; position: absolute; top: 0px; left: 50%; margin:0px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%); transform: translateX(-50%);}
	.fastfacts-wrapper img {height: 55px; width: auto;margin-bottom: 25px;}
	.fastfacts-wrapper .num {color: #002a57; font-weight:400;line-height:1}
	
/* Interstitial wrapper */
.interstitial-wrapper .col-xs-12 {min-height: 0px}
	
/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 0px) {
	/* Headings */
	h1 {font-size: 25px;}
	
	/* Header */
	.header-wrapper {height: 80px;border-top: 20px solid #f1f1f1;margin-top: 3px;}
	.header-wrapper:before {content:"";height:3px;width:100%;background:#0056b2;position: absolute; left:0px; top: -23px;}
	header .logo {top: 7px;left:15px;width: 200px;}
	.athletics-homepage header .logo, .athletics-detail header .logo {width: 120px}
	header .mainmenu {display:none;}
	header .btn-show-offcanvas {right: 15px; top: 10px;font-size: 0px; }
	header .audiencelinks, header .quicklinks {right: 15px;}
	header .quicklinks, header .audiencelinks {display:none}
	
	/* Paying flyout */
	.paying {padding: 15px;}
	.paying .row .col-xs-12:last-child {margin-bottom: 30px;}
	
	/* Shared components */
	.hero-wrapper .slick-prev {left: 5px;}
	.hero-wrapper .slick-next {right: 5px;}
	.hero-slideshow h2 {font-size: 25px;}
	.hero-slideshow p {font-size: 16px;}
	.hero-slideshow .btn-blue {padding: 10px 20px;font-size: 12px;}
	
	.grid p {font-size: 14px;}
	.cta-grid p {font-size: 12px;}
	.grid li,.thumbnail-slideshow li {width: 50%;}
	.cta-grid .icon {height: 40px; width: 40px} 
	.cta-grid.grid-3-col li {width: 100%;}
	.cta-grid.grid-3-col a {max-height: 100px}
	
	.news-tiles .item-info {padding: 15px}
	.news-tiles .item {width: 100%}

	.newsmenu .list-inline {margin:20px 0px 0px 0px}
		
	.fastfacts-wrapper .col-xs-12:nth-child(1), .fastfacts-wrapper .col-xs-12:nth-child(2) {margin-bottom:30px;}
	.fastfacts-wrapper .num {font-size: 50px;}
	
	/* Homepage */
	.homepage .hero-slideshow, .homepage .hero-slideshow .slick-track {height: 500px;}
	
	/* Financial Aid */
	.fa-overview-wrapper {padding: 50px 15px 50px 15px}
	.fa-overview-wrapper .col-xs-12:nth-of-type(1) .fa-overview, .fa-overview-wrapper .col-xs-12:nth-of-type(2) {margin-bottom: 50px;}

	/* Admissions */
	.admissions .hero-slideshow, .admissions .hero-slideshow .slick-track {height: 500px;}
	.quotes-wrapper .col-sm-6:nth-of-type(1) {margin-bottom: 50px;}
	.quotes-wrapper img {max-width: 150px}

}

@media (min-width:480px) {
	/* Header */
	header .btn-show-offcanvas {font-size: 15px;}
	
	/* Shared components */
	.btn-grid p {font-size:16px;}
	.cta-grid.grid-3-col li {width: 33.333%;}
	.cta-grid.grid-3-col a {max-height: 180px}
	
	.news-tiles .item {width: 50%; float:left;}
	.news-tiles .item-info {padding: 20px}

	.newsmenu .list-inline {float:right;margin:3px 0px 0px 0px;}

}

@media (min-width: 600px) {
	/* Header */
	.header-wrapper {height: 140px;border-top: 50px solid #f1f1f1;margin-top: 30px;}
	.header-wrapper:before {content:"";height:30px;width:100%;background:#0056b2;position: absolute; left:0px; top: -80px;}
	header .logo {top: 10px; width: 290px;}
	.athletics-homepage header .logo, .athletics-detail header .logo {width: 180px}
	header .quicklinks, header .audiencelinks {display:block;right: 15px;}
	header .quicklinks li {margin-right: 10px}
	header .btn-show-offcanvas {right: 15px; top: 25px;}
	
	/* Quicklinks flyout */
	header .quicklinks-dropdown ul {margin: 15px 0px 15px 0px;}
	header .quicklinks-dropdown .col-sm-4 p {font-size: 17px;}
	
	/* Shared components */
	.hero-slideshow .btn-blue {padding: 15px 70px;font-size: 14px;}
	
	.cta-grid .icon {height: 60px; width: 60px}
	.btn-grid p {font-size:17px;}
	.cta-grid p {font-size: 16px;}
	
	/* Admissions */
	.quotes-wrapper img {max-width: 100%}
}

@media (min-width: 768px) {
	/* Headings */
	h1 {font-size: 45px;}
	
	/* Header */
	header .quicklinks, header .audiencelinks {right: 30px;}
	header .quicklinks li {margin-right: 20px}
	header .mainmenu {font-size: 16px;}
	header .mainmenu a {padding: 0px 10px;}
	header .logo {left: 30px;}
	header .btn-show-offcanvas {right: 30px;}
	
	/* Paying flyout */
	.paying {padding: 30px;}
	.paying .row .col-xs-12:last-child {margin-bottom: 0px;}
	
	/* Quicklinks flyout */
	header .quicklinks-dropdown ul {margin: 15px 0px 0px 0px}
	header .quicklinks-dropdown .col-sm-4 p {font-size: 14px;}
	
	/* Shared components */
	.hero-wrapper .slick-prev {left: 15px;}
	.hero-wrapper .slick-next {right: 15px;}
	.hero-slideshow h2 {font-size: 50px;}
	.hero-slideshow p {font-size: 18px;}
	
	.grid-5-col li {width: 20%;}
	.grid-4-col li,.thumbnail-slideshow li {width: 25%; }
	.grid-3-col li {width: 33.333%}
	
	.fastfacts-wrapper .num {font-size: 70px;}
		
	.news-tiles .item {width: 25%; float:left}
	
	/* Footer */
	.footer-wrapper .copyright .col-xs-12:last-child .list-inline {float:right}
	
	/* Homepage */
	.homepage .hero-slideshow, .homepage .hero-slideshow .slick-track {height: 600px}
	
	/* Admissions */
	.admissions .hero-slideshow, .admissions .hero-slideshow .slick-track {height: 600px;}
	.quotes-wrapper .col-sm-6:nth-of-type(1) {margin-bottom: 0px;}
	
	/* Financial Aid */
	.fa-overview-wrapper {padding: 50px 30px 50px 30px}
	.fa-overview-wrapper .col-xs-12:nth-of-type(2) {margin-bottom: 0px}
}

@media (max-width: 992px) {
	/* Offcanvas animation */
	.offcanvasmenu {transition: transform .3s ease; }
	.offcanvas-open .offcanvasmenu {position:absolute; -webkit-transform: translateX(-320px); -ms-transform: translateX(-320px); transform: translateX(-320px);}
	.offcanvas-open .overlay {position: absolute;right: 0px; opacity:1}
		
}

@media (min-width: 992px) {	
	/* Header */
	header .mainmenu {font-size: 15px;display:block}
	
	/* Fixed header */
	.fixed-header body {padding-top: 170px;}
	.fixed-header .header-wrapper {z-index: 99; position: fixed; top: 0px; height: 80px;border-top: 30px solid #f1f1f1;margin-top: 30px; -webkit-animation: move 500ms ease-out; animation: move 500ms ease-out}
	.fixed-header .header-wrapper:before {top: -60px;}
	.fixed-header header .logo {width: 175px; top: 5px}
	.fixed-header .athletics-homepage header .logo, .fixed-header .athletics-detail header .logo {width: 100px}
	.fixed-header header .mainmenu {top: 12px;}
	.fixed-header header .mainmenu ul.show {top: 38px;}
	.fixed-header header .mainmenu > .active > a:before {bottom: -11px}
	.fixed-header header .mainmenu > li:hover > a:before, header .mainmenu > li > a:focus:before {bottom: -11px }
	.fixed-header header .quicklinks {top: -63px;}
	.fixed-header header .quicklinks-dropdown.show {top: -30px;}
	.fixed-header header .audiencelinks {top: -26px; font-size: 14px;}
	.fixed-header header .btn-show-paying, .fixed-header .paying.show {display:none !important}
	.fixed-header .search-wrapper {position: fixed;}
	@-webkit-keyframes move {
	    0% { transform: translateY(-170px); }
	    100% { transform: translateY(0px); }
	}
	@keyframes move {
	    0% { transform: translateY(-170px); }
	    100% { transform: translateY(0px); }
	}
	
	/* Quicklinks flyout */
	header .quicklinks-dropdown .col-sm-4 p {font-size: 17px;}
	
	/* Shared components */
	.btn-grid p {font-size:19px;}

	.fastfacts-wrapper .col-xs-12:nth-child(1), .fastfacts-wrapper .col-xs-12:nth-child(2) {margin-bottom:0px;}
	
	/* Financial Aid */
	.fa-overview-wrapper .col-xs-12:nth-of-type(1) .fa-overview {margin-bottom: 0px;}
}

@media (min-width:1050px) {
	/* Header */
	header .mainmenu {font-size: 17px}
}

@media (min-width:1200px) {
	/* Header */
	header .logo {top: 7px; left: 30px;width: 310px;}
	.athletics-homepage header .logo, .athletics-detail header .logo {width: 190px}
	header .mainmenu {font-size: 18px;}
	header .mainmenu a {padding: 0px 20px;}

	/* Shared components */
	.news-tiles .item {width: 16.666%;}
	.news-tiles .item:nth-last-child(1) {display:none}
	.news-tiles .item:nth-last-child(2) {display:none}
}

@media (min-width: 1280px) {
	/* Shared components */
	.hero-slideshow img, .video-wrapper img { width: 100%; }
} 

@media (min-width: 1800px) {
	/* Shared components */
	.news-tiles .item {width: 12.5%;}
	.news-tiles .item:nth-last-child(1) {display:block}
	.news-tiles .item:nth-last-child(2) {display:block}
}

/* ==========================================================================
   Classes for CMS editor
   ========================================================================== */	
   
/* Type (h1 - h6) */
.with-lines {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: 300;padding: 15px 0px;}
h5.with-lines, h6.with-lines {padding: 7px 0px;font-weight:400}
.with-background {background: #0056b2; padding: 15px;font-weight:300;color: #fff}

/* Margins */
.margin-top {margin-top: 20px;}
.margin-left {margin-left: 20px}
.margin-bottom {margin-bottom: 20px;}
.margin-right {margin-right: 20px;}
.margin-all {margin: 20px;}
.margin-top-bottom {margin: 20px 0px}
.margin-top-0 {margin-top: 0px}

/* Padding */
.padding-0 {padding: 0px}

/* Colors */
.blue {color: #0056b2;}
.dark-blue {color: #002a57;}
.green {color: #0da861}

/* Sizes */
.small {font-size: 14px}
.large {font-size: 22px;}
.x-large {font-size: 26px;}
.xx-large {font-size: 30px;}

/* Buttons */
.btn-blue, .btn-dark-blue, .btn-green, .btn-red, .btn-grey, .btn-transparent, .btn-white {margin-bottom: 10px; font-weight: 700; font-size: 14px;border-radius: 2px; padding: 5px 20px; border: none; font-family: 'Lato', serif;text-transform:uppercase;}
.btn-lg {padding: 15px 60px}
.btn-sm {padding: 5px 10px;font-size: 11px;}
.btn a, .btn:hover a, .btn:focus a {text-decoration:none;}

.btn-blue {background:#0056b2; color: #fff;}
	.btn-blue a {color: #fff}
	.btn-blue:hover, .btn-blue:hover a, .btn-blue:focus {color: #fff;background: #002a57; }

.btn-dark-blue {background:#002a57; color: #fff;}
	.btn-dark-blue a {color: #fff}
	.btn-dark-blue:hover, .btn-dark-blue:hover a, .btn-dark-blue:focus {color: #fff;background: #0056b2; }
				
.btn-green {background:#0da861; color: #fff;}
	.btn-green a {color: #fff}
	.btn-green:hover, .btn-green:hover a, .btn-green:focus {color: #fff;background: #048d4e; }
				
.btn-red {background:#eb3c3c; color: #fff;}
	.btn-red a {color: #fff}
	.btn-red:hover, .btn-red:hover a, .btn-red:focus {color: #fff;background: #d02727; }
				
.btn-grey {background:#f1f1f1; color: #212121;}
	.btn-grey a {color: #212121}
	.btn-grey:hover, .btn-grey:hover a, .btn-grey:focus {color: #212121;background: #e0e0e0; }

/* Do not include these */	
.btn-transparent {background:none; color: #fff;}
	.btn-transparent a {color: #fff}
	.btn-transparent:hover, .btn-transparent:hover a, .btn-transparent:focus {color: #fff;}

.btn-white {background:#fff; color: #002a57;}
	.btn-white a {color: #002a57}
	.btn-white:hover, .btn-white:hover a, .btn-white:focus {color: #fff;background: #002a57; }

/* ==========================================================================
   Browser alert	
   ========================================================================== */	
   
.browser-alert {border-radius: 1; text-align:center;}  
	
/* ==========================================================================
   CMS
   ========================================================================== */	
   
.cke_combopanel {width: 300px !important;  height:300px !important}
.cke_panel_listItem * {float:none !important;text-align:left !important;margin:0px !important;text-transform:none !important; display: block !important; }

/* ==========================================================================
   Bootstrap
   ========================================================================== */	

/* Flex */
.row-flex {display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; flex-wrap: wrap;}
	.row-flex::before, .row-flex::after {display:none}
	.row-align-top {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
	.row-align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
	.row-align-bottom {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
	.row-justify-center {-ms-flex-pack:center; justify-content: center}
	
.col-align-top {-ms-flex-item-align: start;align-self: flex-start;}
.col-align-center {-ms-flex-item-align: center;align-self: center;}
.col-align-bottom {-ms-flex-item-align: end; align-self: flex-end;}

/* Container fluid's gutter */
@media (min-width: 768px) {
	.container-fluid {padding-left: 30px; padding-right: 30px;}
}

/* CMS Accordion */
.panel {box-shadow:none}
.panel-default {border:none;}
.panel-default>.panel-heading {font-weight:700; font-size: 16px;background:none;border-bottom: 1px solid #ccc}
.panel-default>.panel-heading+.panel-collapse>.panel-body {border:none}
.panel-title {position:relative;}
.panel-title a {text-decoration:none; }
.panel-title a:before {content:"\f056"; font-family: "FontAwesome"; position: absolute; top: 50%;left: -20px;font-size: 18px;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.panel-title a[aria-expanded="true"]:before {content:"\f055"; }

/* CMS Nav Tabs */
.nav-tabs {border-bottom: 2px solid #002a57; margin: 25px 0px 25px 0px;font-size: 16px;text-transform: uppercase; font-weight: 700}
.nav-tabs>li {margin: 2px 0px 0px 0px}
.nav-tabs>li>a {color: #212121; background: #f1f1f1; border-radius: 0px;text-decoration:none; padding: 15px 25px}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {background: #002a57; color: #fff;border-color: #002a57}

@media (min-width: 0px) {
	.lead {font-size: 21px}
	.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {background-color: #002a57;color: #fff}
}

@media (max-width: 767px) { 
	.nav-tabs, .nav-tabs > li:last-child {border-bottom: none;}
    .nav-tabs > li {float:none;border-bottom:1px solid #ddd; margin:0px;}
    .nav-tabs > li a {border-radius: 0px;padding: 7px;border:none}
	.nav-tabs>li>a {margin-right: 0px;}
	.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {border:none;}
	.nav-tabs li:first-child a {border-radius: 2px 2px 0px 0px}
	.nav-tabs li:last-child a {border-radius: 0px 0px 2px 2px}
}

/* ==========================================================================
   Bootstrap additions
   ========================================================================== */	

/* Hidden "xxs" (0 to 479) */
@media (min-width: 0px) and (max-width: 479px) {
	.hidden-xxs {display:none;}
}	

/* 5 Column layout */
.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative;min-height: 1px;padding-right: 10px; padding-left: 10px;}
.col-xs-5ths {width: 20%;float: left;}

@media (min-width: 768px) {
	.col-sm-5ths {width: 20%;float: left;}
}
@media (min-width: 992px) {
	.col-md-5ths {width: 20%;float: left;}
}
@media (min-width: 1200px) {
	.col-lg-5ths {width: 20%;float: left;}
}

/* 480px breakpoint */
@media (min-width: 480px) and (max-width: 767px) {
	.col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
	.col-ms-12{width:100%}
	.col-ms-11{width:91.66666667%}
	.col-ms-10{width:83.33333333%}
	.col-ms-9{width:75%}
	.col-ms-8{width:66.66666667%}
	.col-ms-7{width:58.33333333%}
	.col-ms-6{width:50%}
	.col-ms-5{width:41.66666667%}
	.col-ms-4{width:33.33333333%}
	.col-ms-3{width:25%}
	.col-ms-2{width:16.66666667%}
	.col-ms-1{width:8.33333333%}
	.col-ms-pull-12{right:100%}
	.col-ms-pull-11{right:91.66666667%}
	.col-ms-pull-10{right:83.33333333%}
	.col-ms-pull-9{right:75%}
	.col-ms-pull-8{right:66.66666667%}
	.col-ms-pull-7{right:58.33333333%}
	.col-ms-pull-6{right:50%}
	.col-ms-pull-5{right:41.66666667%}
	.col-ms-pull-4{right:33.33333333%}
	.col-ms-pull-3{right:25%}
	.col-ms-pull-2{right:16.66666667%}
	.col-ms-pull-1{right:8.33333333%}
	.col-ms-pull-0{right:auto}
	.col-ms-push-12{left:100%}
	.col-ms-push-11{left:91.66666667%}
	.col-ms-push-10{left:83.33333333%}
	.col-ms-push-9{left:75%}
	.col-ms-push-8{left:66.66666667%}
	.col-ms-push-7{left:58.33333333%}
	.col-ms-push-6{left:50%}
	.col-ms-push-5{left:41.66666667%}
	.col-ms-push-4{left:33.33333333%}
	.col-ms-push-3{left:25%}
	.col-ms-push-2{left:16.66666667%}
	.col-ms-push-1{left:8.33333333%}
	.col-ms-push-0{left:auto}
	.col-ms-offset-12{margin-left:100%}
	.col-ms-offset-11{margin-left:91.66666667%}
	.col-ms-offset-10{margin-left:83.33333333%}
	.col-ms-offset-9{margin-left:75%}
	.col-ms-offset-8{margin-left:66.66666667%}
	.col-ms-offset-7{margin-left:58.33333333%}
	.col-ms-offset-6{margin-left:50%}
	.col-ms-offset-5{margin-left:41.66666667%}
	.col-ms-offset-4{margin-left:33.33333333%}
	.col-ms-offset-3{margin-left:25%}
	.col-ms-offset-2{margin-left:16.66666667%}
	.col-ms-offset-1{margin-left:8.33333333%}
	.col-ms-offset-0{margin-left:0}
}