/* ==========================================================================
   Project:     Dalton State College
   Date:        11/11/14 - File created
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */

/* ==========================================================================
   Typography
   ========================================================================== */

body, input, textarea {-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-o-font-smoothing:antialiased;font-smoothing:antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

/* ==========================================================================
      Headings
   ========================================================================== */
   
h1,h2,h3,h4,h5,h6 {padding: 0px; margin: 15px 0px 15px 0px;font-family: 'Source Sans Pro', sans-serif;}
	h1 {font-size: 38px; line-height: 42px;color: #003049;font-family: 'Crimson Text', serif; border-bottom: 1px solid #e5e5e5; padding: 0px 0px 10px 0px;}
	h2 {font-size: 26px; line-height: 30px;color:#7ad3f7; font-weight: 700; text-transform: uppercase}
	h3 {font-size: 26px; line-height: 30px; font-family: 'Crimson Text', serif; color: #003049;border-bottom: 1px solid #e5e5e5; padding: 0px 0px 10px 0px;}
	h4 {font-size: 22px; line-height: 26px; font-family: 'Crimson Text', serif; color: #003049;}
	h5 {font-size: 20px; line-height: 26px;color:#7ad3f7; font-weight: 700; text-transform: uppercase;}
	h6 {font-size: 18px; line-height: 22px; font-family: 'Crimson Text', serif; color: #003049;;}


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

html {-webkit-tap-highlight-color: rgba(0, 0, 0, .2);-ms-overflow-style: scrollbar;}     
body {background: #003049;font-family: 'Source Sans Pro', sans-serif;color: #464c51;-ms-overflow-style: scrollbar;} 
a:focus, a:active, a:visited, object, player, embed, video, img, input,div, button { outline: none; outline: 0; text-decoration:none; }  
a img { border: none; }
a:hover { text-decoration: none;}
p {margin: 20px 0px 20px 0px;}
hr {border-top: 1px solid #e5e5e5}

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

.skip{position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s}
.skip:active,.skip:focus,.skip:hover{left:15px;top:15px;width:auto;height:auto;overflow:visible;background:#ffce5f;padding:10px;color:#003049;font-weight:700;font-size:14px;box-shadow:0px 0px 10px 0px #000;z-index:999}

/* ==========================================================================
   Offcanvas Menu
   ========================================================================== */
 
.offcanvasmenu {overflow-x:hidden; overflow-y: scroll; position: fixed; right: -275px; top: 0px; height: 100%; width: 275px;z-index: 4; padding: 7px 0px 7px 7px; background: #003049;}
	.offcanvasmenu .nav {}
	.offcanvasmenu .nav li {font-size: 16px;text-transform: uppercase; margin: 0px; padding:0px; -webkit-backface-visibility: hidden;border-bottom: 1px solid #1b4b65; position: relative;}
	.offcanvasmenu .nav a { color: #fff; display: block; }
	.offcanvasmenu .nav a:hover {background: #013754; color: #fff}
	.offcanvasmenu .nav a:focus {background: #003049; color: #fff}
	.offcanvasmenu .dropdown-menu, .offcanvasmenu .open a,.offcanvasmenu .dropdown-menu, .offcanvasmenu .open a:focus { background: #f2f2f2; color: #212121}
	.offcanvasmenu .dropdown.open a:hover, .offcanvasmenu .open a.dropdown-toggle {background:#7ad3f7;color: #fff;}
	.offcanvasmenu .dropdown-menu {padding: 0px; position: static;float: none;margin: 0;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;}
	.offcanvasmenu .dropdown-menu li { border-bottom: 1px solid #d9d9d9;text-transform: none;}
	.offcanvasmenu .dropdown-menu li:last-child {border-bottom: none;}
	.offcanvasmenu .open .dropdown-menu li a {color: #212121; padding: 7px 17px 7px 15px; white-space: normal; background:none}
	.offcanvasmenu .open .dropdown-menu li a:hover {color: #212121; background:#e2e2e2; }
	.offcanvasmenu .dropdown-backdrop {position: static;}
	.offcanvasmenu .dropdown i {position: absolute; font-size: 20px; right: 5px; top: 8px;}
	.offcanvasmenu .dropdown-menu li ul li {border-bottom: none; padding: 0px;}
	.offcanvasmenu .dropdown-menu ul { padding:0px;}
	.offcanvasmenu .open .dropdown-menu li ul a {padding: 7px 15px 7px 15px;background: #fff}
	.offcanvasmenu .open .dropdown-menu li ul li ul a {padding: 7px 15px 7px 30px;}
	
	.offcanvasmenu .audiencelinks {font-weight: 600;text-transform:uppercase; font-size: 14px;list-style:none; margin: 20px 0px 20px 10px; padding: 0px;}
	.offcanvasmenu .audiencelinks li {margin: 0px 0px 10px 0px;}
	.offcanvasmenu .audiencelinks i {margin: 0px 3px 0px 0px}
	.offcanvasmenu .audiencelinks li:last-child {margin: 0px;}
	.offcanvasmenu .audiencelinks a {color:#7ad3f7}
	.offcanvasmenu .audiencelinks a:hover {color:#fff}
	
	.offcanvasmenu form {margin:10px 10px 10px 10px;padding:0px;position:relative;}
	.offcanvasmenu form input[type="text"] {width: 100%; padding: 4px 25px 2px 15px; height: 30px; font-size: 14px; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; border: none; border-radius: 14px;}
	.offcanvasmenu form button {position: absolute; top: 0px; background: none; border: none; }
	.offcanvasmenu form button[type="submit"] {right: 0px;color:#003049}
	.offcanvasmenu form button[type="button"] {right: 0px;color: #aaa59d}
	.offcanvasmenu form button:hover {color:#7ad3f7}
	
	.offcanvasmenu .btn {display:block; margin: 0px 10px 0px 10px;}
	
	/* Remove hover states on mobile */
	.touch .offcanvasmenu a:hover {background: #003049; color: #fff;}
	.touch .offcanvasmenu .open .dropdown-menu li a {background: #f2f2f2; color: #212121}
	.touch .offcanvasmenu .open .dropdown-menu li ul a:hover {background: #fff}
	/* Replace with active state */
	.touch .offcanvasmenu a:active {position:relative; top: 1px; }
	.touch .offcanvasmenu .open .dropdown-menu li a:active {color: #212121;}
	
	/* Webkit's scrollbar */
	.offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:7px;}
	.offcanvasmenu::-webkit-scrollbar-track-piece {margin: 10px 0px 10px 0px;}
	.offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(255,255,255,.3);}
	
	/* Semi-transparent overlay on main content */
	.overlay {width: 100%; height: 100%; position: fixed; left: -9999px; top: 0px; z-index: 2; background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=0); opacity:0;}
	
	.offcanvas-open .offcanvasmenu {-webkit-transform: translateX(-275px);transform: translateX(-275px);-webkit-transform: translate3d(-275px, 0, 0);transform: translate3d(-275px, 0, 0);}
	.offcanvas-open .main-wrapper  { overflow:hidden; position: fixed; -webkit-transform: translateX(-275px);transform: translateX(-275px);-webkit-transform: translate3d(-275px, 0, 0);transform: translate3d(-275px, 0, 0);}
	.offcanvas-open .overlay {left: 0px; top: 96px; filter:alpha(opacity=100); opacity:1;-webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out;}
	.offcanvas-open body {overflow:hidden;}
	

/* ==========================================================================
   Main Layout
   ========================================================================== */

.container-full{ margin:0px auto 0px auto; width:100%; position: relative;}
	.container-full:before, .container-full:after{ display:table;  content:""}
	.container-full:after{ clear:both}
	.container-full:before, .container-full:after{ display:table;  content:""}
	.container-full:after{ clear:both}
	
.container{ position: relative;}

.main-wrapper { overflow-x:hidden; /*z-index: 1; */height: 100%; right: 0px; position: relative;-webkit-backface-visibility: hidden;}

.header-wrapper {z-index: 3; background: url(/img/bkground-header-wrapper.png) top center no-repeat #003049; background: -webkit-gradient(radial, center center, 0, center center, 250, from(#044364), to(#003049));  background: -webkit-radial-gradient(circle, #044364, #003049);  background: -moz-radial-gradient(circle, #044364, #003049); background: -ms-radial-gradient(circle, #044364, #003049);border-bottom: 4px solid #aaa59d;}
	header .logo {position: absolute; top: 0px; left: 50%; }
	header ul {position: absolute;list-style: none; margin: 0px; padding: 0px; }
	header li {display:inline-block;}
	header .btn-offcanvas {color: #fff; position: absolute; top: 25px; font-size: 40px; right: 6px;background:none; border:none;margin: 0px;padding:0px;}
	header .btn-offcanvas:hover {color: #7ad3f7; cursor: pointer}
	.touch header .btn-offcanvas:hover {color: #fff;}
	
	/* Main menu */
	.mainmenu { width: 100%; left: 0px; top: 209px; z-index: 1; font-weight:500; font-size: 18px;text-transform: uppercase;text-align:center;}
	.mainmenu li { position:relative;}
	.mainmenu .active a {color: #7ad3f7;font-weight:600; border-bottom: 4px solid #7ad3f7}
	.mainmenu li:last-child {margin: 0px;}
	.mainmenu li.show {display:inline-block !important}
	.mainmenu a {color: #003049;padding: 5px 10px 13px 10px;}
	.mainmenu li:hover:not(.active) > a, .mainmenu .show > a {background: #e2e2e2;}
	.mainmenu .resources a {background:#e2e2e2;}
	.mainmenu .resources:hover > a {background:#d1d1d1}
	
	/* Main menu - dropdowns */
	.mainmenu ul {background: #003049; text-transform: none; font-weight:400; top: -999px;padding: 30px; position: absolute; left: 0px;font-size: 16px; line-height: 18px;text-align:left; filter:alpha(opacity=0); opacity:0; -webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out;z-index:99}
	.mainmenu ul.show {top: 37px;filter:alpha(opacity=100); opacity:1; }
	.mainmenu ul a,.mainmenu .active li a {color: #fff; padding: 0px;font-weight: 400;border:none;}
	.mainmenu ul li {margin: 0px 0px 10px 0px;display:block;}
	.mainmenu ul li:last-child {margin: 0px}
	.mainmenu ul li:hover:not(.active) > a {background: none;}
	.mainmenu ul a:hover,.mainmenu .active li a:hover {color:#7ad3f7;background:none;}
	
	/* Main menu - dropdown  backgrounds */
	.mainmenu .background-about ul {background: url(/img/dropdown-about.jpg) top left no-repeat #003049}
	.mainmenu .background-admissions ul {background: url(/img/dropdown-admissions.jpg) top left no-repeat #003049}
	.mainmenu .background-academics ul {background: url(/img/dropdown-academics.jpg) top left no-repeat #003049}
	.mainmenu .background-library ul {background: url(/img/dropdown-library.jpg) top left no-repeat #003049}
	.mainmenu .background-campuslife ul {background: url(/img/dropdown-campuslife.jpg) top left no-repeat #003049}
	.mainmenu .resources ul {background:#fff;padding: 10px;line-height: 16px;}
	.mainmenu .resources ul li {margin: 0px 0px 5px 0px;}
	.mainmenu .resources ul li:last-child {margin: 0px;}
	.mainmenu .resources ul a, .mainmenu .resources.active ul a {background:none;color: #003049;display:block; padding:5px;}
	.mainmenu .resources.active a {background: #aaa59d; color: #fff}
	.mainmenu .resources ul li a:hover, .mainmenu .resources.active ul li a:hover {background:#f1f1f1;}
	
	/* Audience links */
	.audiencelinks {top: 17px; left: 0px;font-weight: 600;text-transform:uppercase; font-size: 14px;}
	.audiencelinks li {margin: 0px 25px 0px 0px;}
	.audiencelinks li:last-child {margin: 0px;}
	.audiencelinks a {color:#7ad3f7}
	.audiencelinks a:hover {color:#fff}
	
	/* Quicklinks */
	.quicklinks {top: 17px; right: 0px;font-weight: 600;text-transform:uppercase; font-size: 14px;}
	.quicklinks li {margin: 0px 15px 0px 0px;}
	.quicklinks i {margin: 0px 3px 0px 0px}
	.quicklinks li:last-child {margin: 0px;}
	.quicklinks a {color:#fff; padding: 0px 0px 10px 0px;}
	.quicklinks li:hover > a {color:#7ad3f7}
	.quicklinks form {position: absolute; top: 50px; right: 0px;width: 200px; }
	.quicklinks form input[type="text"] {width: 200px; padding: 4px 25px 2px 15px; height: 30px; font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; border: none; border-radius: 14px;}
	.quicklinks form button {position: absolute; top: 0px; background: none; border: none; }
	.quicklinks form button[type="submit"] {right: 0px;color:#003049}
	.quicklinks form button[type="button"] {right: 0px;color: #aaa59d}
	.quicklinks form button:hover {color:#7ad3f7}
	
	/* Quicklinks - dropdown */
	.quicklinks ul {background: #fff; position: absolute; top: -999px; left: 0px;z-index:1; width: 150px; padding: 10px;text-transform:none;font-weight:400;line-height: 16px;-webkit-transition: opacity 250ms ease-out; transition: opacity 250ms ease-out; filter:alpha(opacity=0); opacity:0; }
	.quicklinks ul.show {top: 100%;filter:alpha(opacity=100); opacity:1; }
	.quicklinks ul li {display:block;margin: 0px 0px 5px 0px;}
	.quicklinks ul a {color: #003049;display:block;padding: 2px 5px 2px 5px;}
	.quicklinks ul a:hover {background:#f1f1f1; color: #003049}

.sidelinks-wrapper {position: absolute; top:255px; right: -303px;z-index: 3;text-transform: uppercase;width: 330px; height:377px;-webkit-transition: right 250ms ease-out; transition: right 250ms ease-out;}
	.sidelinks-wrapper.open {right: 0px;}
	.sidelinks-wrapper ul {list-style: none; font-size: 20px; margin: 0px; padding: 0px; position: absolute; top: 175px; left: -175px; font-weight: 700;-ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
	.lt-ie9 .sidelinks-wrapper {display:none;}
	.sidelinks-wrapper li {display:inline-block;}
	.sidelinks-wrapper li:last-child { margin: 0px;}
	.sidelinks-wrapper li a {background: #ffce5f; padding: 5px 10px 5px 10px;color:#003049;}
	.sidelinks-wrapper li a:hover, .sidelinks-wrapper li.active a {color: #fff; background: #003049}
	.sidelinks-wrapper .tab {background: #003049; color: #fff; position: absolute; top: 0px; right:0px; width:300px; min-height: 374px;padding: 10px 20px 20px 20px;}
	.sidelinks-wrapper h3 {color: #fff;font-size: 24px; padding: 0px 0px 10px 0px;}
	.sidelinks-wrapper p {margin: 20px 0px 20px 0px;text-transform: none; line-height: 24px;}
	.sidelinks-wrapper .btn {margin-bottom: 10px;}
	
.content-wrapper {background: #fff}
	.content-header {background: #ededed;}
		
	/* Content header backgrounds */
	.content-header  {background: url(/img/bkground-about.jpg) top center no-repeat #fff}
	#about .content-header  {}
	#admissions .content-header  {}
	#academics .content-header  {}
	#library .content-header  {}
	#campuslife .content-header  {}
	#resources .content-header  {}
	.content-header .title {font-size: 38px; line-height: 42px;color:#7ad3f7; font-weight: 600; color: #003049; padding: 0px; margin: 15px 0px 15px 0px}
	.content-header .subtitle {background: #fff; z-index: 1; height: 35px;font-size: 20px; color:#7ad3f7; font-weight: 700; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif;position:absolute; bottom: 0px; left: 15px;margin:0px; padding:25px 15px 10px 15px;display:inline-block;}
	.content-header .parallelogram {width:36px; height:36px; background:white; transform: skew(45deg); -webkit-transform: skew(45deg); position: absolute; right: -18px; top: 0px;}
	
	/* Breadcrumbs */
	.breadcrumb {background: none; font-size: 14px;margin: 0px 0px 50px 0px;padding: 0px;}
	.breadcrumb a {color:#003049; padding: 0px; margin: 0px;}
	.breadcrumb a:hover {color:#7ad3f7;}
	.breadcrumb > li + li:before {padding: 0 3px;color: #003049}
	
.content-wrapper {padding: 30px 0px 20px 0px;}
	/* Submenu */
	.submenu {margin: 20px 0px 0px 0px; padding: 0px; list-style: none; text-transform: uppercase; line-height: 18px;}
	.submenu li {border-bottom: 1px solid #e5e5e5;position: relative;}
	.submenu i {position: absolute; right: 7px; top: 12px; font-size: 14px;}
	.submenu a {display:block;padding: 10px 30px 10px 10px;}
	.submenu a:hover {background: #f2f2f2; }
	.submenu .active a {background: #ffce5f;}
	.submenu a, .submenu li li.active a {color:#003049;}
	.submenu .active,.submenu li li.active a {font-weight: 600; }
	.submenu li li li a {padding-left: 20px!important;font-size: .95em;}
	/* Subs  */
	.submenu .dropdown-menu {padding: 0px; position: static;float: none;border: none;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;font-size: 16px;}
	.submenu .dropdown-menu a {padding: 10px 30px 10px 10px; line-height: 16px;}
	.submenu .dropdown.open > a {text-decoration:none;background: #ffce5f;}
	.submenu .dropdown-menu li a {white-space: normal;}
	.submenu .dropdown-toggle:focus {text-decoration: none;}
	.submenu .dropdown-backdrop {position: static;}
	.submenu ul {margin: 0px; padding: 0px; list-style: none;display:none;} 
	.submenu ul li {font-weight: 400; }
	.submenu ul li:last-child {border-bottom: none;}
	.submenu .active ul {display:block;}
	.submenu .active ul a {background: #f2f2f2;}
	.submenu ul li a {color: #696969;}
	.submenu ul li a:hover, .submenu .open .dropdown-menu a:hover {background: #e2e2e2;color:#003049;}
	.submenu ul li.active a:hover {}
	.submenu .open a {background: #e2e2e2;}
	.submenu .open .dropdown-menu a {background: #f1f1f1;}
	/* Show submenu btn */
	.btn-showsubmenu {color: #fff; position:relative; width: 100%; font-size: 14px; text-align:left; height: 44px; padding: 0px 0px 0px 45px; background: #7ad3f7; text-transform: uppercase; font-weight: 600; border:none;margin: 0px;}
	.btn-showsubmenu:hover {background:#003049;}
	.btn-showsubmenu i {position: absolute; top: 8px; left: 10px; font-size: 28px;}

.footer-wrapper {color: #fff;background: #003049;}
	footer { padding: 40px 0px; }
	footer .logo {width: 140px; height: auto;}
	footer address {font-family: 'Crimson Text', serif;font-size: 18px; line-height: 22px;}
	footer blockquote {color:#aca89e; font-size: 18px; line-height: 1.4; font-family: 'Crimson Text', serif; border: none; padding: 0px; margin: 0px 0px 20px 0px;}
	footer p {color:#7ad3f7; font-weight: 700; text-transform: uppercase; color: #adaeaf; font-size: 18px;font-family: 'Source Sans Pro', sans-serif; margin: 0px 0px 20px 0px;}
	footer .copyright {font-size: 14px;line-height: 1.5; text-align:center; text-transform: none; font-weight: 400; margin: 0px; border-top: 1px solid #1a445c; padding-top: 20px}
	footer .copyright, footer .copyright a {color:#aca89e;}
	footer .copyright .yellow {color: #ffce5f}
	footer .copyright a:hover {color: #fff;}
	footer ul {list-style: none; margin: 0px; padding: 0px;font-family: 'Crimson Text', serif;font-size: 18px;}
	footer ul li {float:left; line-height: 34px;}
	footer ul i {color:#7ad3f7;}
	footer ul a, footer ul a:focus  {color: #fff;}
	footer ul a:hover {color: #7ad3f7}

/* ==========================================================================
   Homepage
   ========================================================================== */
   
/* Content wrappers */

#homepage {}
	#homepage .content-wrapper {padding: 0px 0px 20px 0px;}
	#homepage .content-wrapper h2 {color: #6e6e73; letter-spacing: 1px; text-transform: uppercase; font-size: 24px; font-weight: 400; line-height: 28px; padding: 0px; font-family: 'Crimson Text', serif;}
	#homepage .content-wrapper h3 {color: #003049; font-size: 22px; line-height: 26px;font-family: 'Crimson Text', serif;border-bottom: none;}	

/* Slideshow */
.slideshow-wrapper {max-width: 100%; background: #fff;}
	.carousel img {width: 100%; height: auto}
	.carousel-caption {text-shadow:none;text-align:left;}
	.carousel-caption h1 {font-weight: 700; border: none; font-family: 'Source Sans Pro', sans-serif;}
	.carousel-caption p {font-family: 'Crimson Text', serif;}
	.carousel-control {background-image: none !important; filter: none !important; filter:alpha(opacity=100); opacity:1;text-shadow:none;font-size: 32px;z-index: 2; position: absolute; }
	
/* Mobile Links */
.mobile-links {}
	.mobile-links ul {list-style: none; font-weight: 700; font-size: 20px;text-transform: uppercase;margin: 0px; padding: 0px;}
	.mobile-links li {margin: 0px 0px 4px 0px;}
	.mobile-links i {float:right}
	.mobile-links a {color: #fff;display:block;padding: 5px 10px 5px 10px; background: #7ad3f7;}
	.mobile-links a:hover {background: #003049;}

/* Spotlight */
.spotlight {}
	.spotlight a {text-transform: uppercase; font-weight: 700;color: #003049}
	.spotlight a:hover {color:#7ad3f7}
	.spotlight h3 {padding: 0px 20px 0px 20px;}
	.spotlight p {padding: 0px 20px 20px 20px;}
	
/* Become a roadrunner */
.become-a-roadrunner {}
	.become-a-roadrunner .well {border-radius: 0px; border: 0px;  color: #fff;position: relative;overflow:hidden;}
	.become-a-roadrunner img {position: absolute; right: 0px; top: 0px; z-index: 1;}
	.become-a-roadrunner p {z-index: 2;position:relative;}
	.become-a-roadrunner ul {list-style: none;text-transform: uppercase; font-size: 20px; font-weight:700;z-index:2;position:relative;margin: 0px; padding: 0px;}
	.become-a-roadrunner li {line-height: 36px;}
	.become-a-roadrunner li a:hover {color:#7ad3f7;}
	.become-a-roadrunner .fa-video-camera {color:#7ad3f7;margin: 0px 5px 0px 0px;}
	.become-a-roadrunner .fa-angle-right {color:#fff;margin: 0px 0px 0px 5px;}
	.become-a-roadrunner a {color: #fff;}
	
/* Featured news */
.featured-news {}
	.featured-news {position: relative; }
	.featured-news .news {}
	.featured-news .news:hover .day, .featured-news .news:hover .month {color: #7ad3f7}
	.featured-news .news:hover p { color: #003049}
	.featured-news .news .date {background: #003049; width: 50px; height: 50px; left: 0px; top: 10px;position: absolute;}
	.featured-news .news .month {font-size: 14px; text-transform: uppercase;width: 100%; position: absolute; top: 2px; left: 0px;text-align:center;color: #fff}
	.featured-news .news .day {font-size: 22px; font-weight:600; width: 100%; text-align:center; position: absolute; top: 20px; left: 0px;color:#fff}
	.featured-news .news img {margin: 0px 0px 15px 0px;}
	.featured-news .news p {color: #464c51}
	.featured-news .btn-grey-pill {position: absolute; right: 15px; top: 45px;}
	
/* Upcoming events */
.upcoming-events {}	
	.upcoming-events .event a {position:relative;padding: 0px 0px 0px 90px; min-height: 80px; margin: 0px 0px 20px 0px; display:block;}
	.upcoming-events .event a:hover .date {border: 1px solid #7ad3f7}
	.upcoming-events .event a:hover p  {color:#003049;}
	.upcoming-events .event .date {background: #fff;width: 75px; height: 80px; border: 1px solid #e2e2e2; position:relative;position: absolute; top: 0px; left: 0px;}
	.upcoming-events .event .month {position:absolute; width: 100%; top: 10px; left: 0px; text-align:center;font-size: 24px; color: #aba89e;text-transform: uppercase;}
	.upcoming-events .event .day {position:absolute; width: 100%; top: 40px; left: 0px; text-align:center; font-size: 34px;color: #003049;}
	.upcoming-events .event p {color: #75757a; margin: 0px;}
	.upcoming-events .event h3 {color: #003049; font-size: 22px; line-height: 26px;font-family: 'Source Sans Pro', sans-serif; margin: 0px; padding: 0px;}
	.upcoming-events .btn-grey-pill {position: absolute; right: 15px; top: 45px;}
	
/* Cta's */
#twitter-widget-0 {width: 100% !important;}   	
	
/* ==========================================================================
   Individual pages
   ========================================================================== */
   
/* Admin (CMS) */
#admin section {width:100%;}

/* Forms */
.input-group-addon {background-color: #fff;}
.btn-file{ position:relative;  overflow:hidden}
	.btn-file input[type=file]{ position:absolute;  top:0;  right:0;  min-width:100%;  min-height:100%;  font-size:999px;  text-align:right;  filter:alpha(opacity=0);  opacity:0;  background:white;  cursor:inherit;  display:block}

/* Blog */
.blog h2 {text-transform: none;}
.blog aside .recent {margin: 10px 0px 10px 20px; padding: 0px;}

/* ==========================================================================
   Media Queries
   ========================================================================== */
  
@media only screen and (min-width: 0px) {
	/* Main layout */
	body { font-size: 16px; line-height: 22px}
	.header-wrapper {height: 100px;}
	.no-menu .content-wrapper {padding: 0px;}
	header .logo {width: 125px; height: auto;margin-left:-62px;}
	footer ul li {width: 145px; }
	
	/* Homepage */
	#homepage .content-wrapper h2 {margin: 20px 0px 20px 0px;}
	
	/* Homepage - Slideshow */
	.carousel-caption {top: 100%; position:relative; left: auto; right: auto;  padding: 20px 0px 0px 0px;}
	.carousel-control {width: 30px; top: -999px; height: 30px; color: #fff;}
	.carousel-caption h1 {color: #003049;font-size: 35px; line-height: 35px;margin: 15px 0px 15px 0px; padding: 0px;}
	.carousel-caption p {color: #464c51;font-size: 24px; line-height: 26px; margin: 0px 0px 15px 0px; padding: 0px;}
	.carousel-inner {overflow:visible}
	
	/* Homepage - Become a roadrunner */
	.become-a-roadrunner h2 { margin-top: 30px;}
	.become-a-roadrunner .well {background: #003049;}
	.become-a-roadrunner img { filter:alpha(opacity=30); opacity:.3; width: 100%;}
	
	/* Homepage - Ctas (calls to action) */
	.facebook {margin: 20px 0px 0px 0px; }
	
	/* Bootstrap */
	.lead {font-size: 18px;}
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
	/* Offcanvas animation - Note: Transforms break the fixed header  */
	.offcanvasmenu, .main-wrapper, .overlay {  -webkit-transform: translateX(0px); transform: translateX(0px);-webkit-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0); -webkit-transition: 300ms ease all; transition: 300ms ease all;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
}

@media only screen and (min-width: 768px) {
	/* Main layout */
	body { font-size: 16px; line-height: 26px}
	.header-wrapper {height: 250px;}
	.header-wrapper:after {content: ""; position:absolute; z-index: 0; bottom: 0px; left: 0px; border-bottom: 50px solid #fff; width: 100%;-webkit-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.5);-moz-box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.5);box-shadow: 0px -5px 5px 0px rgba(50, 50, 50, 0.5);}
	header .logo {width: auto; height: auto;margin-left:-142px;}
	.mainmenu ul {width: 300px; }
	.mainmenu .resources ul {width: 170px;}
	.mainmenu li {margin: 0px 4px 0px 4px;}
	.lt-ie9 .mainmenu li { margin: 0px 4px 0px 4px;}
	.audiencelinks li {display:block;}

	/* No Menu */
	.no-menu .header-wrapper {height:200px;}
	.no-menu .header-wrapper:after {border-bottom: none;}
	.no-menu .content-wrapper {padding: 0px;}
	
	/* Homepage */
	#homepage .content-wrapper h2 {margin: 40px 0px 40px 0px;}
	
	/* Homepage - Slideshow */
	.caption-background {width: 100%; height: 180px; background: url(/img/bkground-black-50.png); background:rgba(0, 0, 0, 0.5); position: absolute; bottom: 0px; left: 0px;}
	.interior-caption-background {width: 100%; height: 180px; background: url(/img/bkground-black-50.png); background:rgba(0, 0, 0, 0.5); position: absolute; bottom: 0px; left: 15px;}
	.carousel .item {-webkit-transform:none !important; transform: none !important; -webkit-perspective: none; perspective: none;}
	.carousel-caption { top: auto; position: absolute; padding: 0px;left:0px; right: 0px; bottom: 0px;z-index: 1; height: 160px;}
	.carousel-caption .col-xs-12 {padding: 0px 180px 0px 60px;}
	.carousel-caption h1, .carousel-caption p {text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); color:#fff;}
	.carousel-caption h1 {font-size: 35px; line-height:35px;margin: 0px 0px 15px 0px; padding: 0px;}
	.carousel-caption p { font-size: 22px; line-height: 24px;  margin: 0px; padding: 0px;}
	.carousel-caption .btn-white-square {position: absolute; right: 30px; top: 110px}
	.carousel-caption .interior-rotator .btn-white-square {position: absolute; top: 110px; right:auto;}
	.carousel-control {width: 46px; height: 90px;background: #003049; right: auto; left: 0px; }
	.carousel-control:hover {color: #7ad3f7}
	.carousel-control.left {top: 0px;border-bottom: 1px solid #4d6f80;}
	.carousel-control.right {left: 0px; top: 90px; }
	#homepage .lt-ie10 .carousel-control i {-ms-transform: rotate(-90deg);}
	.carousel-control i {width: 32px; height: 32px; top: 50%; margin-top: -16px; left:50%; margin-left: -16px;  position: absolute;}
	.carousel-inner {overflow:hidden}
	
	/* Vertical sliding on carousel, also in main.js, tour-home.js */
	.vertical .carousel-inner{height:100%}
	.carousel.vertical .item{-webkit-transition:.6s ease-in-out top;-moz-transition:.6s ease-in-out top;-ms-transition:.6s ease-in-out top;-o-transition:.6s ease-in-out top;transition:.6s ease-in-out top}
	.carousel.vertical .active{top:0}
	.carousel.vertical .next.left, .carousel.vertical .prev.right{top:0}
	.carousel.vertical .item{left:0}
	
	/* Homepage - Become a roadrunner */
	.become-a-roadrunner h2 { margin-top: 40px;}
	.become-a-roadrunner .well {height: 380px;}
	.become-a-roadrunner img { width: auto}
	.become-a-roadrunner p {width: 310px}
	
	/* Homepage - Spotlight */
	.spotlight .background-white {height:380px;}
	
	/* Homepage - Ctas (calls to action) */
	.facebook {margin: 0px 0px 0px 0px; }
	
	/* Fixed header */
	.fixed-header .header-wrapper {position: fixed; top: -200px;left: 0px;z-index: 3}
	.fixed-header {padding: 250px 0px 0px 0px}
	.fixed-header .sidelinks-wrapper {top: 54px; position: fixed}
	
	/* Bootstrap */
	.lead {font-size: 21px;}
}

@media only screen and (min-width: 992px) {
	/* Main layout */
	.mainmenu ul {width: 360px; }
	.mainmenu .resources ul {width: 200px;}
	.mainmenu li {margin: 0px 26px 0px 26px;}
	.lt-ie9 .mainmenu li { margin: 0px 27px 0px 27px;}
	header .audiencelinks li {display:inline-block;}
	
	/* Homepage - Slideshow */
	.carousel-caption h1 {font-size: 45px; line-height: 40px;}
	.carousel-caption p { font-size: 24px; line-height: 26px; }
	
	/* Homepage - Become a roadrunner */
	.become-a-roadrunner .well {background: url(/img/bkground-logo-muted.gif) 50px 50px no-repeat #003049;}
	.become-a-roadrunner img {clip: rect(0px, 400px, 380px, 140px);filter:alpha(opacity=100); opacity:1}
	.become-a-roadrunner p {width: 350px}
	
	/* Homepage - Ctas (calls to action) */
	.ctas {margin: 40px 0px 0px 0px;}
	.facebook {margin: 20px 0px 0px 0px; }
	
}
	
@media only screen and (min-width: 1200px) {
	/* Main layout */
	.mainmenu li {margin: 0px 40px 0px 40px;}
	footer ul li {width: 130px; }
	
	/* Homepage - Become a roadrunner */
	.become-a-roadrunner img {clip: auto;}
	
	/* Homepage - Slideshow */
	.carousel-caption h1 {font-size: 50px; line-height: 50px;}
}

/* ==========================================================================
   CMS
   ========================================================================== */	
   
/* Text classes here */
.small {font-size: 14px; line-height: 18px;}
.large {font-size: 18px; line-height: 24px;}
.x-large {font-size: 22px; line-height: 30px;}
.crimson-font {font-family: 'Crimson Text', serif; }

/* Generic layout classes here */
.background-blue {background: #003049; color: white;}
.background-grey {background: #ededed;}
.background-white {background: white;}

/* Buttons */
.btn-white-pill { background: #fff; color: #003049; font-weight: 700; letter-spacing: 1px; height: 35px; text-transform: uppercase; border-radius: 17px;}
	.btn-white-pill:hover, .btn-white-pill:hover a {  background:#ffce5f; color:  #003049;}
	.btn-white-pill a { color: #003049; }
	
.btn-white-square {font-size: 16px; color: #003049; text-transform: uppercase; background: #fff; border: 2px solid #adadb0; border-radius: 0px}
	.btn-white-square:hover,.btn-white-square:hover a {background:#003049; color: #fff;}
	.btn-white-square:hover {border: 2px solid #adadaf;}
	.btn-white-square a {color: #003049; }
	
.btn-grey-pill {font-size: 14px; height: 20px; border-radius: 10px; background: #adadaf; color: #fff; text-transform: uppercase; padding: 0px 10px 20px 10px}
	.btn-grey-pill:hover, .btn-grey-pill:hover a {color:#fff; background: #003049}
	.btn-grey-pill a {color:#fff;} 

/* Margins - old */
.margin-left {margin-left: 10px;}
.margin-right {margin-right: 10px;}
.margin-top {margin-top: 10px;}
.margin-bottom {margin-bottom: 10px;}

/* Margins - new */
.margin-top-0 {margin-top: 0px}
.margin-top-10 {margin-top: 10px}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-40 {margin-top: 40px;}

.margin-bottom-0 {margin-bottom: 0px}
.margin-bottom-10 {margin-bottom: 10px}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-40 {margin-bottom: 40px}

.margin-left-10 {margin-left: 10px}
.margin-left-20 {margin-left: 20px}
.margin-left-30 {margin-left: 30px}
.margin-left-40 {margin-left: 40px}

.margin-right-10 {margin-right: 20px;}
.margin-right-20 {margin-right: 20px;}
.margin-right-30 {margin-right: 30px;}
.margin-right-40 {margin-right: 40px;}

/* Images */
.img-center {margin: 0px auto;display:block;}

/* Custom Heading for Blog */
.h2-large {padding: 0px; margin: 15px 0px 15px 0px;font-family: 'Source Sans Pro', sans-serif; font-size: 35px; line-height: 35px;color:#7ad3f7; font-weight: 700; text-transform: uppercase}

/* ==========================================================================
   Ckeditor changes
   ========================================================================== */	
   
.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; }
	
/* ==========================================================================
   Browser upgrade
   ========================================================================== */	

.lt-ie9 .alert { text-align:center; margin: 0px;border: 0px;}

/* ==========================================================================
   CMS Tables
   ========================================================================== */
   
.cms-table {table-layout:fixed; width: 100%;border: none; border-collapse: collapse; border-spacing: 0px;}
	.cms-table td[class*=col-], .cms-table th[class*=col-] {display: block;float: left; position:relative; border:none; }
	.cms-table img { width: auto !important; height: auto !important}
	.cms-table tr {display:block;clear: both;}
	.cms-table td {margin-bottom: 10px;}
	.cms-table tr:after {display:table;  content:""; clear: both; }
	
/* ==========================================================================
   Bootstrap
   ========================================================================== */	

/* 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}
}