/* ==========================================================================
     Project:     South Georgia State College
     Date:        03/09/2021 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

/* ==========================================================================
     Typograpy
========================================================================== */


body {font-family: "Roboto", sans-serif;font-size: 0.9375rem}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: "Montserrat", sans-serif; font-weight:700; margin-bottom: 1rem; color: #002A57}
/* h1 - h5 sizes defined in media queries */
h6, .h6 {font-size: 1.125rem} /* 18px */


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

.page-wrapper {overflow:hidden}

/* Bs Grid */
.container-fluid {max-width: 1300px; padding-left: 30px; padding-right: 30px;}
.homepage .container-fluid {max-width: 1500px; padding-left: 30px; padding-right: 30px;}
.container { padding-left: 30px; padding-right: 30px;}

/* Links */
a {color: #79242F;text-decoration: underline;}
a:hover { text-decoration: none;color: #333}
.page-wrapper a:focus, .page-wrapper input:focus, .page-wrapper select:focus, .page-wrapper button:focus-visible {outline: 5px auto #0055B8;}
.page-wrapper button:focus {box-shadow:none}

/* Images */
img {max-width: 100%; height: auto}

/* Forms */
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#79242F; width:auto;height:auto;overflow:visible;padding:10px;color:#fff;font-weight:500;font-size:.875rem;z-index:9999;text-decoration:underline}
     .skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff; background:#79242F}

/* Header */
header {position: fixed; z-index: 3; top: 0px; left: 0px; width: 100%;box-shadow:  0px 3px 5px 0px rgba(0, 0, 0, 0.15);}
     header .logo {position: absolute; transition: width 250ms ease;z-index:1}
     header ul {margin: 0px; padding: 0px; list-style:none;}
     header a {text-decoration: none;}
     header button {border: none; background: #fff;}
     header nav {height: 100%;}
     
     header .mainmenu {position: relative; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; transition: width 300ms ease; justify-content: space-between; margin-left: auto; padding-top: 56px;}
     header .mainmenu li button[aria-haspopup] {font-family: "Roboto Condensed", sans-serif;font-weight: 700; height: 64px; width: 100%;line-height:1.3;padding: 0px 20px; }
     header .mainmenu li:not(:last-child) button {color: #2c3744;text-transform: uppercase;}
     header .mainmenu li:not(:last-child) button[aria-haspopup]:hover,header .mainmenu li:not(:last-child) button[aria-haspopup]:focus {color: #0055B8}
     header .mainmenu li.active button {color: #0055B8}
     header .mainmenu li {display:inline-block; width: 100%}
     header .mainmenu li:not(:last-child) {border-left: 2px solid #e0e0e0}
     .homepage header .mainmenu li:first-child {border:none}
     header .mainmenu .btn-toggle-search-lg span {-webkit-text-stroke: 1px #79242F}
     
     header .quicklinks {height: 50px;top: 5px;position: absolute; right: 5px;z-index:1} 
     header .quicklinks a {display:block; color: #fff; position: relative;}
     header .quicklinks > li > a {font-family: "Georgia",serif; font-weight:700}
     header .quicklinks > li > a, header .quicklinks .btn {height: 47px;}
     header .quicklinks > li > a::after {content:""; background: #0055B8; width: calc(100% - 45px); height: 2px; position: absolute; bottom: 10px; right: 0px;z-index:0; opacity: 0; transition: 150ms ease}
     header .quicklinks > li > a:hover::after, header .quicklinks > li > a:focus::after {opacity: 1}
     header .quicklinks > li {display:inline-block; margin-left: 30px;}
     header .quicklinks > li > a span {border-radius: 50%; height: 30px; width: 30px; text-align:center; line-height: 30px; font-size: .75rem;position: relative; z-index:1}
     
     header .quicklinks .btn-toggle-quicklinks {padding: 0px 67px 0px 20px; position: relative;overflow:hidden;}
     header .quicklinks .btn-toggle-quicklinks:hover, header .quicklinks .btn-toggle-quicklinks:focus {background: #003675;}
     header .quicklinks .btn-toggle-quicklinks span {background: #003675; height: 47px; width: 47px; font-size: 2.1875rem; line-height: 47px; transition: transform 250ms ease; -webkit-text-stroke: 4px #003675; position: absolute; top: 0px;right: 0px;}
     @media screen\0 {  header .quicklinks .btn-toggle-quicklinks span {font-size: 1.5rem}} /* IE 8-11 */
     header .quicklinks .btn-toggle-quicklinks[aria-expanded="true"] span {-webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg)}

     header .quicklinks-dropdown {position: absolute; top: 100%; background: #0055B8; font-weight:bold }
     header .quicklinks-dropdown li:not(:last-child) {border-bottom: 2px solid #002A57}
     header .quicklinks-dropdown a {padding: 7px 15px; transition: background 250ms ease;}
     header .quicklinks-dropdown a:hover, header .quicklinks-dropdown a:focus {background: #002A57;}

     header .btn-toggle-offcanvas {right: 0px; position: absolute; background: none; color:#fff; font-size: 0.6875rem;}
     header .btn-toggle-offcanvas:hover, header .btn-toggle-offcanvas:focus {color: #fff}
     header .btn-toggle-offcanvas .hamburger-inner, header .btn-toggle-offcanvas .hamburger-inner:after, header .btn-toggle-offcanvas .hamburger-inner:before { background: #fff}
     header .btn-toggle-offcanvas div {text-transform:none; margin-top: -3px; font-size: .75rem;}
     header .btn-toggle-offcanvas .hamburger-box {position: relative;display: inline-block;width: 28px;height: 28px;}
     header .btn-toggle-offcanvas .hamburger-inner,header .btn-toggle-offcanvas .hamburger-inner:after,header .btn-toggle-offcanvas .hamburger-inner:before{position:absolute;right: 0px; width:28px;height:3.5px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:3px;background-color:#fff}
     header .btn-toggle-offcanvas .hamburger-inner{top:50%;display:block;margin-top:-1px; transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s;}
     header .btn-toggle-offcanvas .hamburger-inner:after,header .btn-toggle-offcanvas .hamburger-inner:before{display:block;content:"";}
     header .btn-toggle-offcanvas .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in; top:-8.5px;width: 13px}
     header .btn-toggle-offcanvas .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19); bottom:-8.5px; width: 20px}
     header .btn-toggle-offcanvas.active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg); -ms-transform:rotate(-225deg); transform:rotate(-225deg)}
     header .btn-toggle-offcanvas.active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}
     header .btn-toggle-offcanvas.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;-webkit-transform:rotate(90deg); -ms-transform:rotate(90deg);transform:rotate(90deg); width: 28px;}
    
     header .btn-toggle-search-xs {color: #fff;position: absolute; right: 60px;}
     header .btn-toggle-search-xs:hover, header .btn-toggle-search-xs:focus {color: #fff}
     header .btn-toggle-search-xs span {font-size: 1.3125rem; padding-bottom: 7px; -webkit-text-stroke: .5px #0055B8}
     header .btn-toggle-search-xs div {margin-top: -3px; font-size: .75rem;text-transform:none}

     header .search-wrapper {position: absolute; top: 56px; padding: 15px; z-index:-1; opacity: 0; visibility: hidden; overflow:hidden;}
     header .search-wrapper form { position: relative;}
     header .search-wrapper input, header .search-wrapper button[type="submit"], header .search-wrapper .btn-close-search {height: 45px;}
     header .search-wrapper input {border-radius: 5px 0px 0px 5px;font-family: "Roboto Condensed", sans-serif;}
     header .search-wrapper button[type="submit"] {position: absolute; top: 0px; width: 50px; line-height: 1; background: #003976; border-radius: 0px 5px 5px 0px; color: #fff; padding: 0px;transition:background 150ms ease;}
     header .search-wrapper button[type="submit"]:hover, header .search-wrapper button[type="submit"]:focus {background: #002A57}
     header .search-wrapper button[type="submit"] span {-webkit-text-stroke: 2px #003976; font-size: 1.25rem;}
     header .search-wrapper .btn-close-search {color: #fff; position: absolute; top: 15px;}
     header .search-wrapper .btn-close-search span {-webkit-text-stroke: 3px #0055B8;font-size: 1.4375rem;margin-top: -3px;display:block}
     header .search-wrapper .btn-close-search div {font-size: .75rem;text-transform:none}

     .search-open header .search-wrapper {visibility: visible;opacity: 1; z-index: 1; }

     html.dropdown-open {overflow:hidden;}
     header .dropdownmenu-overflow {position:fixed; top: 120px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: calc(100% - 120px); margin: 0px; overflow:hidden; opacity: 0; visibility: hidden; pointer-events:none; transition: opacity 150ms ease, top 300ms ease;z-index:0}
     header .dropdownmenu-overflow.active {overflow:auto; visibility: visible; opacity: 1; pointer-events: all;}
     header .dropdownmenu {background: #00244A; color: #fff; }
     header .dropdownmenu a, header .dropdownmenu a:hover, gheader .dropdownmenu a:focus {color: #fff;}
     header .dropdownmenu a:hover {text-decoration: underline;}
     header .dropdownmenu .border-right {border-color: #707070 !important}
     header .dropdownmenu hr {border-color: #707070}
     header .dropdownmenu .btn-close-dropdown {color: #fff; position: absolute; top: 15px; right: 15px;height: 40px; width: 40px;}
     header .dropdownmenu .btn-close-dropdown::before, header .dropdownmenu .btn-close-dropdown::after {content: ''; height: 40px;border-left: 1px solid #fff;position: absolute;left: 17px;top: 0px}
     header .dropdownmenu .btn-close-dropdown::before {transform: rotate(45deg);}
     header .dropdownmenu .btn-close-dropdown::after {transform: rotate(-45deg);}
     header .dropdownmenu .btn-close-dropdown:hover, header .dropdownmenu .btn-close-dropdown:focus {}

     header .dropdown-mainmenu {margin-left: -30px;}
     header .dropdown-mainmenu button { position: relative; padding-left: 30px;font-weight:700; z-index:1;background: none; color: #fff}
     header .dropdown-mainmenu button:hover, header .dropdown-mainmenu button:focus {outline: none;}
     header .dropdown-mainmenu button::before {transition: opacity 150ms ease; opacity: 0; content:"\f061"; font-size:1.125rem; -webkit-text-stroke: 1px #00244A; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; left: 0px; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     header .dropdown-mainmenu button::after {transition: opacity 150ms ease; opacity: 0; content:""; position: absolute; z-index: -1; top: -10px; left: -20px; right: -50px; width: calc(100% + 100px); height: calc(100% + 20px); background: #79242F; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg);}
     
     header .dropdown-mainmenu button:hover::before, header .dropdown-mainmenu button:focus::before {opacity: 1}
     header .dropdown-mainmenu li.active button::after {opacity: 1; }
     header .dropdown-mainmenu li.active button::before { -webkit-text-stroke: 1px #79242F;opacity:1}

     header .dropdown-submenu { opacity: 0;margin-top: -10px; transition: opacity 500ms ease, margin 300ms ease;visibility:hidden; height: 0px; overflow:hidden; pointer-events:none; position: absolute;}
     header .dropdown-submenu.active {opacity: 1; margin-top: 0px; visibility: visible; pointer-events: all; height:auto;overflow:auto; position: relative;}

     header .dropdown-social {}
     header .dropdown-social li:not(:last-child) {margin-right: 15px}
     header .dropdown-social a {color: #00244A; display:block; width: 55px; height: 55px; line-height: 55px; background: rgba(255,255,255,.7); border-radius: 50%; text-align:center; font-size: 1.4375rem}

 /* Offcanvas menu */
.offcanvasmenu {position:fixed; top: -100%; left: 0px; width: 100%; background: #00244A; overflow-x:hidden; overflow-y:auto; z-index:2; color: #fff;transition: transform 500ms ease; padding: 30px; height: 100vh}
     .offcanvasmenu a {color: #fff; text-decoration:none}
     .offcanvasmenu .quicklinks {padding-bottom: 15px;border-bottom: 1px solid rgba(255,255,255,.1);}
     .offcanvasmenu .quicklinks li {display: inline-block; font-weight: 700; margin: 0px 20px 15px 0px}
     .offcanvasmenu .quicklinks li:last-child {margin-right: 0px; margin-bottom: 10px}
     .offcanvasmenu .quicklinks li:nth-last-child(-n+3) {display:block}
     .offcanvasmenu .quicklinks span {border-radius: 50%;height: 30px;width: 30px;text-align: center;line-height: 30px;font-size: .75rem;position: relative;z-index: 1;}
     .offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
     .offcanvasmenu::-webkit-scrollbar-track-piece {margin: 15px 0px;}
     .offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #79242F;}
     .offcanvasmenu .mainmenu {border-bottom: 1px solid rgba(255,255,255,.1); padding-bottom: 30px;}
     .offcanvasmenu .mainmenu > li {margin-bottom: 10px}
     .offcanvasmenu .mainmenu button {width: 100%; background:none; border:none; color: #fff; font-size: 1.25rem;font-weight: 700; text-align:left;position: relative; padding: 7px 14px}
     .offcanvasmenu .mainmenu button::after {content:"\f067"; -webkit-text-stroke: 1px #00244A; font-size:1rem;font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 7px; top: 50%; z-index: 1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     .offcanvasmenu .mainmenu button:hover, .offcanvasmenu .mainmenu button:focus {background: rgba(0,0,0,.25);outline:none}
     .offcanvasmenu .mainmenu button.active {background: rgba(0,0,0,.25);}
     .offcanvasmenu .mainmenu button.active::after {content:"\f068";}
     .offcanvasmenu .mainmenu ul {display:none;font-weight: 700; margin: 15px 15px 0px 15px;font-size: .875rem}
     .offcanvasmenu .mainmenu ul.active {display:block}
     .offcanvasmenu .mainmenu ul a {display:block; padding: 7px;}
     .offcanvasmenu .mainmenu ul a:hover, .offcanvasmenu .mainmenu ul a:focus {background: rgba(0,0,0,.25);}
     .offcanvasmenu .social-media {margin-top: 30px; margin-bottom: 0px}
     .offcanvasmenu .social-media a  {background: #0055B8; border-radius: 50%; width: 45px; height: 45px;display:block;text-align:center;font-size: 1.125rem; line-height: 45px; color: #fff; transition: background 250ms ease}
     .offcanvasmenu .social-media a:hover, .offcanvasmenu .social-media a:focus {background:#fff; color: #0055B8}

     .offcanvas-open {position:absolute; overflow:hidden}

/* Footer */
footer {position: relative;margin-top: 100px;z-index:0}
     footer::before {content:""; height: 100px; background: #fff; width: 100%; position: absolute; top: -100px; left: 0px}
     footer a {color: #0055B8}
     footer .social-media a  {background: #fff; border-radius: 50%; width: 45px; height: 45px;display:block;text-align:center;font-size: 1.125rem; line-height: 45px; color: #0055B8; transition: background 250ms ease}
	footer .social-media a:hover, footer .social-media a:focus {background:#0055B8; color: #fff}
     footer .cta {position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
     footer .btn-maroon-skewed {margin-left: 0px; margin-right: 0px}

/* Heros */
.hero-wrapper {position: relative;overflow:hidden}
.hero-wrapper .row {height: 100%}
.hero-wrapper .hero-img img {width: 100%; height: 100%;  position:relative; z-index:0}
.hero-wrapper .hero-img p:not(.hero-caption) {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
.hero-wrapper .hero-img-caption {position:  absolute; bottom: 5px; right:0px; padding: 0px 15px 0px 0px; color: #fff;font-size: .75rem;margin: 0px;z-index:1; max-width: 90%}
.hero-wrapper .hero-img-caption::before {content:""; width: 100%; background: #666; position: absolute; z-index: -1; top: -5px; left: -15px; width: calc(100% + 30px); height: calc(100% + 10px); -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg);}
.hero-wrapper .hero-img-center-center img {object-fit:cover; object-position: center center; font-family: "object-fit: cover; object-position: center center;";}
.hero-wrapper .hero-img-center-top img {object-fit:cover; object-position: center top; font-family: "object-fit: cover; object-position: center top;";}
.hero-wrapper .hero-txt *:last-child {margin-bottom: 0px}
.admin-edit .hero-img .cms-contentmenu {position: absolute; top: 15px; left: 5px; z-index: 1;}

.hero-wrapper-cols {background:url(/img/bg-logo-on-blue.png) left top #0055B8}
.hero-wrapper-cols .item {flex-wrap:wrap !important}
.hero-wrapper-cols .row {height: 100%}
.hero-wrapper-cols .caption-wrapper {margin-bottom: 0px !important; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; justify-content: center;}
.hero-wrapper-cols h2 {color: #fff;font-size: calc(1.5em + 2.25vw); }
.hero-wrapper-cols h2 + p {color: #fff;}
.hero-wrapper-cols .slick-dots {position: absolute; bottom: 5px; z-index: 1;left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.hero-wrapper-cols .slick-controls .slick-dots button, .hero-wrapper-cols .slick-controls .slick-dots .slick-active button {background: #fff}
.hero-wrapper-cols .hero-txt * {color: #fff}
.hero-wrapper-cols .slick-prev, .hero-wrapper-cols .slick-next {-webkit-transform: scale(.75) !important;-ms-transform: scale(.75) !important;transform: scale(.75) !important}
.admin-edit .hero-wrapper-cols .cms-contentmenu {margin-top: .5rem}

/* Masthead */ 
.masthead-wrapper {position: relative; z-index: 0;}
     .masthead-wrapper::before {z-index:-1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,85,184,.85);}
     .masthead-wrapper input {border-radius: 0px; font-weight: 700;border:none;}
     .masthead-wrapper .input-group {width: 300px}
     .masthead-wrapper input, .masthead-wrapper .btn {height: 50px}
     .masthead-wrapper .btn {line-height: 50px; padding: 0px 15px}
     .masthead-wrapper input::placeholder {color: #0055B8}
     .masthead-wrapper input:-ms-input-placeholder {color: #0055B8}
     .masthead-wrapper input::-ms-input-placeholder {color: #0055B8}

/* Submenu */
.submenu {transition: opacity 500ms ease;}
     .submenu.active {visibility: visible;opacity: 1; overflow:visible; }
     .submenu li {position: relative;}
     .submenu a {display:block;background:#f1f1f1; border-bottom: 1.5px solid #fff;font-size: .781rem; padding: 7px 10px; text-decoration:none; transition: background 200ms ease; color: #333; line-height: 1.4}
     .submenu a:hover, .submenu a:focus {color:#333; background: #ddd}
     .submenu li.active > a {color: #333; font-weight: 700; position: relative;background: #BEDBFF; }
     .submenu ul a {padding-left: 30px;}
     .submenu ul ul a {padding-left: 50px;}

     /* Submenu subs  */
	.submenu ul {line-height: 17px; font-weight: 400; list-style: none; margin: 0px; padding: 0px; display:none;text-transform: none;}
	.submenu ul.show {display:block}
     .submenu ul a {background: rgba(0,0,0,.1)}
	.submenu .has-ul > a:first-child {padding-right: 40px;}
	.submenu li ul li a:first-child { padding:7px 40px 7px 20px;}
	.submenu li ul li ul a:first-child { padding:7px 40px 7px 30px;}
	.submenu li ul li ul li ul a:first-child { padding:7px 40px 7px 40px;}
	
	/* Submenu dropdown toggles */
	.submenu .btn-toggle-dropdown {color: #0055B8; width:34px; height: 34px; line-height: 1; font-size: 17px; position: absolute; right: 0px; top: -1.5px; border-radius: 0px; background: none;}
     .submenu .btn-toggle-dropdown::before {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.5px; content: ""; background: #fff; left: 0px;  height: 20px}
     .submenu .btn-toggle-dropdown span {position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.submenu .btn-toggle-dropdown span.rotate {-webkit-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); transform: translate(-50%, -50%) rotate(-180deg)}
	.submenu .btn-toggle-dropdown:hover, .submenu .btn-toggle-dropdown:focus {}

/* Events */
.events {line-height: 1.5}
     .events a {text-decoration: none; font-weight: 700;color: #002A57;}

/* Cookie */
.cookie-notification-wrapper {position: fixed; bottom: 0px; z-index: 3; background: rgba(0,0,0,.88); width: 100%;}

/* ==========================================================================
     Templates
========================================================================== */ 

/* Homepage */
.homepage {}
     .homepage header {box-shadow:none}

.alert-wrapper .alert {color: #fff;text-align:center;font-weight: bold;position: relative; padding: 10px 50px;margin: 0px; border-radius: 0px; line-height: 1.4; font-size: 0.875rem}
     .alert-wrapper .alert:not(:last-child) {border-bottom: 1px solid #61121c}
     .alert-wrapper a {color: #fff; text-decoration:none; }
     .alert-wrapper p {margin-bottom: 0px}
     .alert-wrapper .btn-close-alert {color: #fff; position: absolute; top: 8px; right: 5px;height: 20px; width: 20px;}
     .alert-wrapper .btn-close-alert::before, .alert-wrapper .btn-close-alert::after {content: ''; height: 20px;border-left: 1px solid #fff;position: absolute;left: 11px;top: 0px}
     .alert-wrapper .btn-close-alert::before {transform: rotate(45deg);}
     .alert-wrapper .btn-close-alert::after {transform: rotate(-45deg);}
     .alert-wrapper .btn-close-alert:hover, .alert-wrapper .btn-close-alert:focus {}

.updates-wrapper {position: relative;background: #fff}
     .updates-wrapper .cms-slideshow .slick-prev, .updates-wrapper .cms-slideshow .slick-next {opacity: 1}
     .updates-wrapper .cms-slideshow .slick-dots {margin-top: 15px}
     .updates-wrapper .cms-slideshow .angle {border: 1px solid #002A57; border-width: 0px 0px 1px 1px;}

.programs-wrapper {position: relative;background: #fff;z-index: 1}
     .programs-wrapper .row {max-width: 1600px;margin:auto}
     .programs-wrapper form {position: relative;}
     .programs-wrapper .programs-dropdown {font-size: .875rem; position: absolute; z-index:2; top: calc(100% + 10px); left: 0px; width: 100%; opacity: 0; visibility: hidden;transition: all 500ms ease-out;-webkit-transform: translateY(-15px); -ms-transform: translateY(-15px);transform: translateY(-15px);}
     .programs-wrapper .programs-dropdown.active {opacity: 1; visibility: visible;-webkit-transform: translateY(0px); -ms-transform: translateY(0px);transform: translateY(0px);}
     .programs-wrapper .programs-dropdown li {border-bottom: 1px solid #ccc;}
     .programs-wrapper .programs-dropdown a {color: #0055B8;display:block; padding: 10px; text-decoration: none;}
     .programs-wrapper .programs-dropdown a:hover, .programs-wrapper .programs-dropdown a:focus {background: #f9f9f9}
     .programs-wrapper .programs-dropdown ul {max-height: 185px; overflow-y:auto;}
     .programs-wrapper .programs-dropdown ul::-webkit-scrollbar {-webkit-appearance: none;width:5px;background: #f1f1f1;}
     .programs-wrapper .programs-dropdown ul::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #0055B8}
     .programs-wrapper .form-control {border-radius: 0px; height: auto}
     .programs-wrapper label {color:#002A57;font-size: 0.938rem}
     .programs-wrapper label span {-webkit-text-stroke: 1px #fff}
     .programs-wrapper .input-group .btn {padding: 10px 15px; text-transform: uppercase;}       
     .programs-wrapper .btn-close-programs {  position: absolute;top: 0px;right: -25px;background: #f1f1f1;padding: 0px;width: 25px;height: 25px;border-radius: 0px;}
     .programs-wrapper .btn-close-programs span {color: #666; font-size: .875rem; -webkit-text-stroke: 1px #f1f1f1}

.newsevents-wrapper {position: relative;background: #fff;z-index: 0}
     .newsevents-wrapper .news {position: relative;line-height: 1.5}
     .newsevents-wrapper .card, .newsevents-wrapper .card-img-top {border-radius: 0px; border:none; }
     .newsevents-wrapper .card a {color: #0055B8; text-decoration: none;}

.closerlook-wrapper {position: relative;background: #fff;}

/* Student Gateway */
.studentgateway-grid {display: grid;display:-ms-grid;gap: 10px 10px; line-height: 1.4;padding: 0px; list-style:none}
     .studentgateway-grid a {color: #00244A; text-decoration: none;position: relative;transition: transform 250ms ease}
     .studentgateway-grid a:hover, .studentgateway-grid a:focus {transform:scale(1.04)}
     .studentgateway-grid a span {position: absolute; bottom: 5px; right: 5px; opacity: .3;}

/* Apply */
.apply-grid {list-style:none; padding: 30px 0px; margin: 0px auto 0px auto;line-height: 1.4; font-size: .813rem;font-weight: 700; align-items: center;}
     .apply-grid li {width: 110px; margin: 0px 20px; display: inline-block; text-align:center; }
     .apply-grid a {color: #fff; text-decoration: none;position: relative;display:block; width: 110px;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; flex-direction: column;}
     .apply-grid a::before {border: 2.5px solid #BEDBFF; transition: all 250ms; opacity: .5; content:""; width: 110px; height: 110px; border-radius: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
     .apply-grid a:hover::before, .apply-grid a:focus::before {border: 2.5px solid white; opacity: 1}
     .apply-grid img {margin-bottom: 7.5px; height: 25px;}
     .apply-grid p {width: 90px}

/* Tuition and Aid */
.contact-dept-name {font-family: "Montserrat", sans-serif; padding: 5px 10px; background: #BEDBFF;text-transform: uppercase; font-size: .875rem; margin-top: -40px; width: 85%}

/* News */
.cms-newspress-list {}     
     .cms-newspress-list .badge-secondary {background: #79242F}     

/* Cookie */
.cookie-notification-wrapper {position: fixed; bottom: 0px; z-index: 3; background: rgba(0,0,0,.88); width: 100%;color: #fff;}
     .cookie-notification-wrapper a {color: #5eb3e4}

/* ==========================================================================
     CMS Classes & Components
========================================================================== */

/* Text */
.text-maroon {color: #79242F}
.text-blue {color: #0055B8}
.text-dark-blue {color: #002A57}
.font-roboto {font-family: "Roboto", sans-serif !important;}
.font-roboto-condensed {font-family: "Roboto Condensed", sans-serif !important;}
.font-georgia {font-family: "Georgia", serif !important;}
.font-montserrat {font-family: "Montserrat", sans-serif; }

/* Buttons */
.btn-blue, .btn-dark-blue, .btn-maroon, .btn-maroon-skewed, .btn-white, span.btn a, .cms-slideshow .btn-primary, .page-wrapper .btn-primary { text-decoration:none; transition:background 250ms ease, color 250ms ease; position: relative;border-radius: 0px; text-align:center; border:none;font-family: "Roboto Condensed", sans-serif; font-weight:700;margin-bottom: 0px}
     .btn-sm {padding: 7px 10px}
     span.btn  {padding: 0px !important} /* Legacy buttons */
     
     .btn-blue, span.btn-blue a, .page-wrapper .btn-primary {background: #0055B8; color: #fff}
          .btn-blue:hover, .btn-blue:focus, span.btn-blue a:hover, span.btn-blue a:focus, .page-wrapper .btn-primary:hover, .page-wrapper .btn-primary:focus {background:#002A57; color: #fff}

     .btn-dark-blue, span.btn-dark-blue a {background: #002A57; color: #fff}
          .btn-dark-blue:hover, .btn-dark-blue:focus, span.btn-dark-blue a:hover, span.btn-dark-blue a:focus  {background:#021b36; color: #fff}

     .btn-maroon, span.btn-green a, span.btn-red a, span .btn-grey a, .cms-slideshow .btn-primary {background: #79242F; color: #fff;}
          .btn-maroon:hover, .btn-maroon:focus, span.btn-green a:hover, span.btn-green a:focus,span.btn-red a:hover, span.btn-red a:focus, span.btn-grey a:hover, span.btn-grey a:focus, .cms-slideshow .btn-primary:hover, .cms-slideshow .btn-primary:focus, .cms-slideshow .btn-primary:not(:disabled):not(.disabled):active {outline:none; background: #61121c; color: #fff}

     .btn-maroon-skewed {background: none; color: #fff;position: relative; z-index:1;text-align:left; padding: 8px 35px 8px 15px;margin-right: 20px;margin-left: 20px}
          .btn-maroon-skewed::before {content:""; position: absolute; z-index: -1; top: 0px; left: -10px; right: -15px; height: 100%; background: #79242F; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg);}
          .btn-maroon-skewed::after {content:""; background: url(/img/icon-arrow-right.svg) center center no-repeat; background-size: contain; position: absolute; right: 0px; width: 20px; height: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}         
          .btn-maroon-skewed:hover, .btn-maroon-skewed:focus {background: none; color: #fff}
          
     .btn-white {background: #fff; color: #79242F;}
          .btn-white:hover, .btn-white:focus {background: #fff; color: #0055B8}

/* Backgrounds */
.bg-blue-logos {background: url(/img/bg-logo-on-blue.png) #0055B8}
.bg-maroon-skewed {position: relative;color: #fff;display: inline-block;z-index:1;}
.bg-maroon-skewed::before {content:""; position: absolute; z-index: -1; top: -10px; left: -30px; right: -30px; height: calc(100% + 20px); background: #79242F; -webkit-transform: skewX(-20deg); -ms-transform: skewX(-20deg); transform: skewX(-20deg);}
.bg-blue {background: #0055B8}
.bg-dark-blue {background: #002A57}
.bg-xlight-blue {background: #D3E6FB}
.bg-light-blue {background: #BEDBFF}
.bg-grey {background: #F1F1F1}
.bg-maroon {background: #79242F}

/* Borders & Lines */
.border-top-dark-blue {border-top: 3px solid #00244A}

/* Spacing */
.pb-6 {padding-bottom: 3.5rem}
.pt-6 {padding-top: 3.5rem}
.py-6 {padding-top: 3.5rem;padding-bottom: 3.5rem}
.pb-7 {padding-bottom: 5rem}
.pt-7 {padding-top: 5rem}
.py-7 {padding-top: 5rem;padding-bottom: 5rem}

.mb-6 {margin-bottom: 3.5rem}
.mt-6 {margin-top: 3.5rem}
.my-6 {margin-top: 3.5rem;margin-bottom: 3.5rem}
.mb-7 {margin-bottom: 5rem}
.mt-7 {margin-top: 5rem}
.my-7 {margin-top: 5rem;margin-bottom: 5rem}
     
/* Images */
.img-height-30 {height: 30px}
.img-height-40 {height: 40px}

.img-width-50 {width: 50px}
.img-width-100 {width: 100px}
.img-width-125 {width: 125px}
.img-width-150 {width: 150px}

.img-gradient-bottom {position: relative;width: 100%; height: 100%;z-index:0;}
     .img-gradient-bottom::before {content:""; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 50%);}
     .img-gradient-bottom img {width: 100%; height: 100%; position: relative; z-index: 0; object-fit:cover; object-position: center center; font-family: "object-fit: cover; object-position: center center;";}
     .img-gradient-bottom-text {position: absolute; bottom: 20px; left: 20px; width: calc(100% - 40px);z-index: 2}
     .img-gradient-bottom-text *:not(.btn) {color: #fff; text-shadow: 0px 0px 15px rgba(0,0,0,.8);}
     .img-gradient-bottom-text .btn {text-shadow:none}
     .img-gradient-bottom-text p {font-size: .875rem}

.img-gradient-left {position: relative; z-index: 0}
     .img-gradient-left::before {content:""; position: absolute; z-index: 1; top: 0px; left: 0px;  height: 100%; background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
     .img-gradient-left img {position: relative; z-index: 0}
     .img-gradient-left p {margin: 0px; display:inline-block}
     .img-gradient-left h2 {position: absolute; top: 30px; left: 0px;z-index: 1}
     .admin-edit .img-gradient-left {position: unset; z-index: unset}
     .admin-edit .img-gradient-left::before {content:none}

/* Lists */
.programs-list {}
     .programs-list .btn {width: 100%}

.list-squares {list-style:square; padding: 0px; margin-left: 15px}
     .list-squares li {margin-bottom: 10px;}
     .list-squares a {text-decoration: none; position: relative;color: #333}
     .bg-dark-blue .list-squares a, .bg-blue .list-squares a {color: #fff}
     .list-squares a::after {content: ""; height: 2px; width: 100%; position: absolute; bottom: -7px; left: 0px;transition: background 150ms ease; background: #79242F; }
     .bg-maroon .list-squares a::after {background:#BEDBFF}
     .list-squares a:hover::after, .list-squares a:focus::after {background: #BEDBFF}

ul[class*="list-customlinks-"] {}
     ul[class*="list-customlinks-"] li {margin-bottom: 10px;}
     ul[class*="list-customlinks-"] a {position:relative; text-decoration: none;color: #333}
     ul[class*="list-customlinks-"] a::after {content: ""; height: 2px; width: 100%; position: absolute; bottom: -7px; left: 0px;transition: background 150ms ease;}
     .list-customlinks-light-blue a::after { background: #BEDBFF; }
     .list-customlinks-maroon a::after { background: #79242F}

.list-spaced {list-style: none; padding-left: 0px}
     .list-spaced li {margin-bottom: 13px;}
     .list-spaced a {color: #333}

.list-arrows {list-style:none; padding-left: 0px;font-weight: 500}
     .list-arrows li {position: relative; margin-bottom: 15px}
     .list-arrows li:last-child {margin-bottom: 0px}
     .list-arrows li::after {content:""; position: absolute; right: 0px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.5rem; content: "\f061";top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);color: #79242F; -webkit-text-stroke: 2px #fff}
     .list-arrows a {color: #00244A; text-decoration: none; display: block; padding: 15px 40px 15px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;transition: border 250ms ease}
     .list-arrows a:hover, .list-arrows a:focus {border-color: #79242F}

/* Links */
a[class*="link-custom-"] {text-decoration:none; position:relative;}
     a[class*="link-custom-"]::after {content: ""; height: 2px; width: 100%; position: absolute; bottom: -7px; left: 0px;transition: background 150ms ease;}
     .link-custom-light-blue::after { background: #BEDBFF; }
     .link-custom-maroon::after { background: #79242F}

/* Shadows */
.shadow-custom {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.15);}
.shadow-custom-lg {box-shadow: 0px 0px 15px 0px rgba(0,0,0,.2);}

/* Animations - AOS */
[data-aos=fade-up] { transform:translate3d(0,50px,0)}
[data-aos=fade-down] { transform:translate3d(0,-25px,0)}

/* Datatables */
.dataTable thead .sorting:before, .dataTable thead .sorting_asc:before, .dataTable thead .sorting_desc:before, .dataTable thead .sorting_asc_disabled:before, .dataTable thead .sorting_desc_disabled:before {right: auto;left: 0px}
.dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after {right: auto;left: 8px}
.dataTable thead>tr>th.sorting_asc, .dataTable thead>tr>th.sorting_desc, .dataTable thead>tr>th.sorting, .dataTable thead>tr>td.sorting_asc, .dataTable thead>tr>td.sorting_desc, .dataTable thead>tr>td.sorting {padding-right:0px; padding-left: 30px}


/* Containers */
.container-scroll-x {overflow-x:auto;width: 100%;}
     .container-scroll-x::-webkit-scrollbar {height: 5px;}
     .container-scroll-x::-webkit-scrollbar-track {border-radius: 5px; }
     .container-scroll-x::-webkit-scrollbar-thumb {border-radius: 5px;background-color: #002A57}

/* Accordions */
.cms-accordion {}
     .cms-accordion .card {background:#D3E6FB; border-radius: 2px; border: 2px solid #BEDBFF; margin-bottom: 20px !important}
     .cms-accordion .card-header {position: relative;border-radius: 0px; background:none; color: #002A57; font-weight: 700; padding: 20px 20px 20px 40px !important; border-bottom: 0px}
     .cms-accordion .card-header:hover, .cms-accordion .card-header:focus {text-decoration: none;}
     .cms-accordion .card-header::before {content:""; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";transition: transform 250ms ease;color:#79242F;text-align:center;font-size:1.875rem; -webkit-text-stroke: 3px #D3E6FB; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     .cms-accordion .card-header[aria-expanded=true]::before {-webkit-transform: translateY(-50%) rotate(180deg);-ms-transform: translateY(-50%) rotate(180deg);transform: translateY(-50%) rotate(180deg);}
     .cms-accordion .card-header a {text-decoration: none;color:#002A57}
     .cms-accordion .card-body {padding: 0px 20px 20px 20px}
     .cms-accordion .card-body *:last-child {margin-bottom: 0px}

/* Slideshows */
.cms-slideshow {}
     .caption-outside-bottom-center .caption-wrapper {background: #79242F; z-index:1;position: relative; }
     .caption-outside-bottom-center .caption {text-align:left}
     .caption-outside-bottom-center .caption-wrapper *:not(.btn) {color: #fff; }
     .caption-outside-bottom-center .caption-wrapper h2 {text-transform: uppercase; font-size: 1rem;margin-bottom: 0px}

/* Tabs */
.cms-tabs .nav-pills {border-bottom: 2px solid #fff; margin-bottom: 0px !important;flex-direction: row;flex-wrap: nowrap;} /* Override cms plugins settings */
     .cms-tabs .nav-pills .nav-item { flex-grow: 1; position: relative;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
     .cms-tabs .nav-pills .nav-link {text-align:center; width: 100%; justify-content:center; color: #00244A; padding: 15px; font-size: .875rem; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; height: 100%; border-radius: 0px; background: #D3E6FB;border-right: 1.5px solid #fff;}
     .cms-tabs .nav-pills.flex-column .nav-link {text-align:left; border-right:none; border-bottom: 1.5px solid #fff;font-weight:bold}
     .cms-tabs .nav-pills .nav-item:last-child .nav-link {border-right: none; border-left: 1px solid #fff}
     .cms-tabs .nav-pills .active {background:#BEDBFF}
     .cms-tabs .nav-pills .active::after {content: ""; width: 0;height: 0;border-style: solid;border-width: 13px 13px 0px 13px;border-color: #BEDBFF transparent transparent transparent ;position: absolute; bottom: -12px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
     .cms-tabs .nav-pills.flex-column .active::after {bottom: auto; top: calc(50% - 7px); left: calc(100% + 6px); z-index:1; -webkit-transform: translateX(-50%) rotate(-90deg); -ms-transform: translateX(-50%) rotate(-90deg); transform: translateX(-50%) rotate(-90deg);}
     .cms-tabs .tab-content {background: #F1F1F1; padding: 30px}
     .cms-tabs .tab-content *:last-child {margin-bottom: 0px}

/* ==========================================================================
     Media Queries
========================================================================== */

/* Min Width */
@media (min-width: 0px) {	
     /* Typography */
     h1, .h1 {font-size: 2rem}
     h2, .h2 {font-size: 1.375rem}
     h3, .h3 {font-size: 1.125rem}
     h4, .h4 {font-size: 1rem}

     .small, small {font-size: 85%}
     .h2-large {font-size: 1.563rem}
     .text-large {font-size: 1rem}

     /* Header */
     body[itemscope] {padding-top: 56px;}
     header {height: 56px;background: url(/img/bg-logo-on-blue.png) center center;}
     header .mainmenu li:not(:last-child), header .btn-toggle-search-lg, header .quicklinks {display:none}
     header .logo {width: 150px;left: 15px;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     header .btn-toggle-offcanvas, header .btn-toggle-search-xs {bottom: -3px; }
     header .search-wrapper {width: 100%; left:0px; top: 51px; right: -15px;background: url(/img/bg-logo-on-blue.png) center top;}
     header .search-wrapper input {width: calc(100% - 100px);}
     header .search-wrapper .btn-close-search {right: 0px;}
     header .search-wrapper button[type="submit"] {right: 50px}

     .search-open header .search-wrapper {transition: top 500ms ease, opacity 250ms ease;top: 56px;}

     /* Offcanvas */
     .offcanvasmenu {height: calc(100% - 56px)}
     .offcanvas-open .offcanvasmenu {-webkit-transform: translateY(calc(100% + 112px));-ms-transform: translateY(calc(100% + 112px)); transform: translateY(calc(100% + 112px)); }

     /* Footer */
     footer .cta {top: -15px}
     footer .cta li:nth-child(2) {margin-left: 23px; margin-right: 32px}
     footer .btn-maroon-skewed {font-size:.8125rem; padding: 10px 5px}
     footer .btn-maroon-skewed::after {content:none}
     footer .logo {width: 125px}
     footer .bg-blue {background: url(/img/bg-footer.png) bottom right no-repeat #0055B8; background-size: 130% 100%}

     /* Heros */
     .hero-wrapper-cols .caption-wrapper {background: url(/img/bg-logo-on-blue.png);}
     .hero-wrapper-cols .hero-txt {background: url(/img/bg-logo-on-blue.png);padding: 15px;}
     .hero-wrapper-cols .caption-wrapper, .hero-wrapper-cols .item-inner {width: 100% !important}
     .hero-wrapper-cols .caption-wrapper {order: 1; text-align: center;padding: 0px 15px 15px 15px }
     .hero-wrapper-cols .item-inner {order:0; height: 300px}
     .hero-wrapper-cols .slick-track {height: 500px}
     .hero-wrapper-cols .caption-wrapper {height: 200px}

     /* Buttons */
     main .btn-blue, main .btn-maroon, main .btn-maroon-skewed, main .btn-white, span.btn a, .cms-slideshow .btn-primary { font-size: .875rem;}
     main .btn-blue, main .btn-maroon, main .btn-white, span.btn a, .cms-slideshow .btn-primary {padding: 7px 10px; }

     /* Homepage */
     .newsevents-wrapper .news {background:url(/img/bg-logo-on-blue.png);margin-left: -30px; margin-right: -30px}
     .newsevents-wrapper .news div[class*="col-"] {padding-left:30px; padding-right:30px;}
     .newsevents-wrapper .news .slick-track div[class*="col-"] {padding-left:5px; padding-right:5px;}
     .newsevents-wrapper .card-img {position: relative;height: 180px}
     .newsevents-wrapper .card-img img {object-fit:cover; width: 100%; height: 100%; object-position: center top; font-family: "object-fit: cover; object-position: center top;";}

     .programs {padding: 30px}
     .programs-list {}
     .programs-list li {width: 100%;margin-bottom: 10px}
     
     .closerlook-wrapper div[class*="col-"] {margin-bottom: 20px;padding-left: 0px}
     .closerlook-wrapper .slick-list {padding-left: 0px !important; margin-left: -2rem; margin-right: -2rem;margin-bottom: -20px}

     /* Student Gateway */
     .studentgateway-grid {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr;}

     /* Submenu */
     .submenu {visibility: hidden; opacity:0; overflow:hidden; height: 0px;font-size: .813rem;}

     /* Slideshows */
     .media-with-captions .caption-wrapper {width: calc(100% - 60px) !important} /* Override cms slideshow plugin defaults */
     .caption-outside-bottom-center .caption-wrapper { margin: -30px 15px 0px 15px;padding: 5px 15px; width: calc(100% - 30px) !important}

     /* Images */
     .img-gradient-left::before {width: 250px;}

}

@media (min-width: 375px) {
     /* Header */
     body[itemscope] {padding-top: 80px}
     header {height: 80px;}
     header .logo {width: 210px}
     header .btn-toggle-offcanvas, header .btn-toggle-search-xs {bottom: 10px; }
     
     header .search-wrapper {top: 75px}
     
     .search-open header .search-wrapper {top: 80px}

     /* Offcanvas */
     .offcanvasmenu {height: calc(100% - 80px)}
     .offcanvas-open .offcanvasmenu {-webkit-transform: translateY(calc(100% + 160px));-ms-transform: translateY(calc(100% + 160px)); transform: translateY(calc(100% + 160px)); }

     /* Heros */
     .hero-wrapper .hero-txt {padding: 30px}      
}

@media (min-width: 400px) {
     /* Header */
     header .logo {width: 240px;}
     
     /* Student Gateway */
     .studentgateway-grid {grid-template-columns: repeat(3, 1fr); -ms-grid-columns: 1fr 1fr 1fr;}
}

@media (min-width: 480px) {	
     /* Homepage */
     .newsevents-wrapper .news .slick-list {padding-left: 25px; padding-right: 25px}
     .closerlook-wrapper .slick-list {margin-left: calc(-2rem + 32px);}
}

@media (min-width: 576px) {
     /* Spacing */
     .pb-sm-6 {padding-bottom: 3.5rem!important}
     .pt-sm-6 {padding-top: 3.5rem!important}
     .py-sm-6 {padding-top: 3.5rem!important;padding-bottom: 3.5rem!important}
     .pb-sm-7 {padding-bottom: 5rem!important}
     .pt-sm-7 {padding-top: 5rem!important}
     .py-sm-7 {padding-top: 5rem!important;padding-bottom: 5rem!important}

     .mb-sm-6 {margin-bottom: 3.5rem!important}
     .mt-sm-6 {margin-top: 3.5rem!important}
     .my-sm-6 {margin-top: 3.5rem!important;margin-bottom: 3.5rem!important}
     .mb-sm-7 {margin-bottom: 5rem!important}
     .mt-sm-7 {margin-top: 5rem!important}
     .my-sm-7 {margin-top: 5rem!important;margin-bottom: 5rem!important}

     /* Borders */
     .border-sm-right {border-right: 1px solid #dee2e6}
     .border-sm-bottom {border-bottom: 1px solid #dee2e6}

     /* Footer */
     footer .cta {top: -20px}
     footer .cta li:nth-child(2) {margin-left: 33px; margin-right: 42px}
     footer .btn-maroon-skewed {font-size:1.125rem; padding: 10px 45px 10px 10px}
     footer .btn-maroon-skewed::after {content:"";width: 20px; height: 20px; right: 10px}     
     
     /* Student Gateway */
     .studentgateway-grid {grid-template-columns: repeat(4, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr;}

     /* Tuition and Aid */
     .tuition-and-aid .overview {margin-top: -100px}

     /* Slideshows */
     .caption-outside-bottom-center .caption-wrapper { margin: -30px 30px 0px 30px;padding: 5px 30px; width: calc(100% - 60px) !important}

}

@media (min-width: 768px) {	
     /* Typography */
     h1, .h1 {font-size: 3.125rem}
     h2, .h2 {font-size: 1.563rem}
     h3, .h3 {font-size: 1.25rem}
     .small, small {font-size: 80%}

     /* Spacing */
     .pb-md-6 {padding-bottom: 3.5rem!important}
     .pt-md-6 {padding-top: 3.5rem!important}
     .py-md-6 {padding-top: 3.5rem!important;padding-bottom: 3.5rem!important}
     .pb-md-7 {padding-bottom: 5rem!important}
     .pt-md-7 {padding-top: 5rem!important}
     .py-md-7 {padding-top: 5rem!important;padding-bottom: 5rem!important}

     .mb-md-6 {margin-bottom: 3.5rem!important}
     .mt-md-6 {margin-top: 3.5rem!important}
     .my-md-6 {margin-top: 3.5rem!important;margin-bottom: 3.5rem!important}
     .mb-md-7 {margin-bottom: 5rem!important}
     .mt-md-7 {margin-top: 5rem!important}
     .my-md-7 {margin-top: 5rem!important;margin-bottom: 5rem!important}

     /* Footer */
     footer .cta {top: -25px}
     footer .cta li:nth-child(2) {margin-left: 43px; margin-right: 52px}
     footer .btn-maroon-skewed {font-size:1.375rem; padding: 10px 50px 10px 20px}
     footer .btn-maroon-skewed::after {width: 20px; height: 20px; right: 10px}

     /* Homepage */
     .programs {margin-left: -10%; }
     .newsevents-wrapper .news div[class*="col-"] {padding-left:10px; padding-right:10px;}
     .newsevents-wrapper .news {background:none}
     .newsevents-wrapper .news::before {content:""; position: absolute; z-index: -1; top: 0px; left: -20vw; width:122%; height: 100%; background: url(/img/bg-logo-on-blue.png) left top #0055B8;clip-path: polygon(12% 0%, 100% 0%, 88% 100%, 0% 100%);}

     .closerlook-wrapper div[class*="col-"] {margin-bottom: 0px;padding-left: 0px}
 
     .closerlook-wrapper .closerlook-grid .col-sm-6 > a {transition: transform 250ms ease;display:block;}
     .closerlook-wrapper .closerlook-grid .col-sm-6 > a:first-child:hover, .closerlook-wrapper .closerlook-grid .col-sm-6 > a:first-child:focus {transform:scale(1.035)}
     .closerlook-wrapper .bg-blue-logos .container-fluid {max-width: 1400px; margin-left: auto; margin-right: auto}
     .closerlook-wrapper .closerlook-grid > .row:first-child .col-md-6:nth-child(1) { padding-left: 8px; padding-right: 8px;}
     .closerlook-wrapper .closerlook-grid > .row:first-child .col-md-6:nth-child(2) {margin-top: -100px;padding-left: 50px}
     .closerlook-wrapper .closerlook-grid > .row:nth-child(2) .col-md-6:nth-child(1) {margin-top: -80px; margin-left: 50px; max-width: calc(50% - 50px) }
     .closerlook-wrapper .closerlook-grid > .row:nth-child(2) .col-md-6:nth-child(2) {margin-top: 16px; padding-left: 8px; padding-right: 8px}
     .closerlook-wrapper .closerlook-grid > .row:nth-child(2) .col-md-6:nth-child(2) .row {margin-right: -8px}
     .closerlook-wrapper .closerlook-grid .row:nth-child(1) {position: relative; z-index: 1}
     .closerlook-wrapper .closerlook-grid .row:nth-child(2) {position: relative; z-index: 0}
     .closerlook-wrapper .closerlook-grid .col-sm-6 {padding-bottom: 16px; padding-left: 8px; padding-right: 8px}

      /* Submenu */
      .submenu {visibility: visible; opacity:1;overflow:unset; height: auto;font-size: .875rem;}
      .submenu li.active > a::after {content: ""; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 13px;border-color: transparent transparent transparent #BEDBFF;position: absolute; right: -13px; top: 50%; margin-top: -9.5px}
     
      /* Student Gateway */
     .studentgateway-grid {grid-template-columns: repeat(2, 1fr); -ms-grid-columns: 1fr 1fr}

     /* Heros */
     .hero-wrapper-fullwidth {height: 550px;z-index: 0;}
     .hero-wrapper-fullwidth .hero-txt {z-index:2; }
     .hero-wrapper-fullwidth .hero-txt *:not(.btn) {color: #fff; }
     .hero-wrapper-fullwidth .hero-caption {max-width: 1000px;margin-left: auto; margin-right: auto}
     .hero-wrapper-fullwidth .hero-img {z-index: 0; position: absolute; top: 0px; left: 0px}
     .hero-wrapper-fullwidth::before {content:""; position: absolute; z-index: 1; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,0) 50%);}
     .hero-wrapper-cols .slick-prev {left: 15px !important}
     .hero-wrapper-cols .item-inner {height: 400px}
     .hero-wrapper-cols .slick-track {height: 600px}
     .hero-wrapper-cols .caption-wrapper {height: 200px}
     .hero-wrapper-cols .caption-wrapper, .hero-wrapper-cols .item-inner {width: 100% !important}
     .admin-edit .hero-wrapper-fullwidth::before {content:none}
     .admin-edit .hero-wrapper-fullwidth .hero-txt {margin-top: 60px}

     /* Tuition and Aid */
     .tuition-and-aid .cms-slideshow .slick-track {height: 400px} /* Negates adaptiveHeight on cms slideshow plugin */
     .tuition-and-aid .cms-slideshow .item {min-height: auto !important}   /* Remove min height set from cms slideshow plugin */
     .tuition-and-aid .overview {margin-top: -150px; height: calc(100% + 150px)}
}

@media (min-width: 992px) {	
     /* Typography */
     .h2-large {font-size: 2.25rem}
     .text-large {font-size: 1.125rem}

     /* Spacing */
     .pb-lg-6 {padding-bottom: 3.5rem!important}
     .pt-lg-6 {padding-top: 3.5rem!important}
     .py-lg-6 {padding-top: 3.5rem!important;padding-bottom: 3.5rem!important}
     .pb-lg-7 {padding-bottom: 5rem!important}
     .pt-lg-7 {padding-top: 5rem!important}
     .py-lg-7 {padding-top: 5rem!important;padding-bottom: 5rem!important}

     .mb-lg-6 {margin-bottom: 3.5rem!important}
     .mt-lg-6 {margin-top: 3.5rem!important}
     .my-lg-6 {margin-top: 3.5rem!important;margin-bottom: 3.5rem!important}
     .mb-lg-7 {margin-bottom: 5rem!important}
     .mt-lg-7 {margin-top: 5rem!important}
     .my-lg-7 {margin-top: 5rem!important;margin-bottom: 5rem!important}

     /* Header */
     body[itemscope] {padding-top: 120px}
     header {height: 120px;background:#fff}
     header::before {content:""; height: 56px; position: absolute; top: 0px; left: 0px; width: 100%; z-index: -1; background: url(/img/bg-quicklinks.png) no-repeat right top #0055B8; background-size: 70% 56px;}
     .homepage header {background: url(/img/bg-logo-on-blue.png) center center;}
     .homepage header::before {content:none}
     header .mainmenu {width: calc(100% - 310px);overflow:hidden;}
     .homepage header .mainmenu::before { background: #003976; height: 56px; top: 0px; right: 0px; width: 57.5vw; content:""; position: absolute;clip-path: polygon(1.5% 0%, 100% 0, 100% 100%, 0% 100%);z-index:-1}
     .homepage header .mainmenu::after { background: #002a56; height: 56px; top: 0px; right: 0px; width: 48vw; content:""; position: absolute;clip-path: polygon(1.5% 0%, 100% 0, 100% 100%, 0% 100%);z-index:0}
     header .mainmenu li:not(:last-child),header .btn-toggle-search-lg {display:inline-block}
     header .quicklinks, header .mainmenu li button[aria-haspopup]  {display:block}
     header .quicklinks {font-size: 0.813rem}
     header .quicklinks .btn {font-size: 0.875rem}
     header .btn-toggle-offcanvas {display:none}
     header .logo {width: 245px;left: 22.5px;top: 90px}
     .homepage header .logo {width: 260px;top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     header .btn-toggle-search-xs {display:none}
     header .dropdown-submenu li {margin-bottom: 13px}

     header .search-wrapper {height: 64px;right: 0px; left:auto;width: 0px;background: #0055B8; top: auto;}
     header .search-wrapper form {margin-right: -130px;height: 45px;}
     header .search-wrapper input {width: calc(100% - 120px); }
     header .search-wrapper .btn-close-search { right: -50px; }
     header .search-wrapper button[type="submit"] {right: 70px;}

     .search-open header .search-wrapper { transition: width 300ms ease, opacity 500ms ease; width: 100%;top: 56px; }
     .search-open header .search-wrapper .btn-close-search {right: 15px; transition: right 250ms ease;}
     .search-open header .search-wrapper form {margin: 0px; transition: margin 250ms ease;}

     header .dropdownmenu {padding: 100px 50px 50px 50px; }
     header .dropdownmenu [class*="col-"] {padding-left: 5%; padding-right: 5%;}
     header .dropdown-mainmenu button {font-size: 1.5rem;}

     /* Footer */
     footer .logo {width: 180px}
     footer .bg-blue {background: url(/img/bg-footer.png) bottom right no-repeat #0055B8; background-size: 100% 100%}

     /* Heros */
     .homepage .hero-wrapper-cols {position: fixed; top: 120px; left: 0px; width: 100%}
     .admin-edit .homepage .hero-wrapper-cols {position: relative; top: auto; left: auto; width: auto}
     .homepage main {padding-top: 550px}
     .admin-edit .homepage main {padding-top: 0px}
     .hero-wrapper-cols, .hero-wrapper-cols .item-inner, .hero-wrapper-cols .caption-wrapper, .hero-wrapper-cols .slick-track {height: 550px}
     .hero-wrapper-cols .caption-wrapper, .hero-wrapper-cols .hero-txt {position: relative; z-index: 1;background:none;height: 100%}
     .hero-wrapper-cols .caption-wrapper::before, .hero-wrapper-cols .hero-txt::before {content:""; position: absolute; z-index: -1; top: 0px; left: 0px; width:118%; height: calc(100% + 1px); background: url(/img/bg-logo-on-blue.png) left top #0055B8;clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);}
     .hero-wrapper-cols .caption {width: 120%; position: absolute; z-index: 0; top: 50%; left: 7vw; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     .hero-wrapper-cols .caption p {width: 70%;}
     .hero-wrapper-cols .caption-wrapper {flex: 41.666667%;width: 41.666667% !important;order: 0; text-align:left}
     .hero-wrapper-cols .item-inner {flex: 58.333333%;width: 58.333333% !important;order:1}
     .hero-wrapper-cols .slick-prev, .hero-wrapper-cols .slick-next {display:block; bottom: auto !important;top: calc(50% - 13px)}

     /* Buttons */
     main .btn-blue, main .btn-maroon, main .btn-maroon-skewed, main .btn-white, span.btn a, .cms-slideshow .btn-primary {font-size: .875rem;}
     main .btn-blue, main .btn-maroon, main .btn-white, span.btn a, .cms-slideshow .btn-primary {padding: 13px 20px; }

     /* Borders */
     .border-left-md-blue {border-left: 3px solid #0055B8}
     .border-left-md-maroon {border-left: 3px solid #79242F}

     /* Homepage */
     .programs {margin-left: -15%; padding: 40px}
     .programs-list {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
     .programs-list li {width: 33.333%;margin-bottom: 0px}
     .programs-list .btn {height: 100%;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center;justify-content: center; padding: 7.5px 10px;line-height: 1.3}

     /* Student Gateway */
     .studentgateway-grid {grid-template-columns: repeat(4, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr;}

     /* Images */
     .img-gradient-left::before {width: 400px;}
}

@media (min-width: 1200px) {
     /* Spacing */
     .pb-xl-6 {padding-bottom: 3.5rem!important}
     .pt-xl-6 {padding-top: 3.5rem!important}
     .py-xl-6 {padding-top: 3.5rem!important;padding-bottom: 3.5rem!important}
     .pb-xl-7 {padding-bottom: 5rem!important}
     .pt-xl-7 {padding-top: 5rem!important}
     .py-xl-7 {padding-top: 5rem!important;padding-bottom: 5rem!important}

     .mb-xl-6 {margin-bottom: 3.5rem!important}
     .mt-xl-6 {margin-top: 3.5rem!important}
     .my-xl-6 {margin-top: 3.5rem!important;margin-bottom: 3.5rem!important}
     .mb-xl-7 {margin-bottom: 5rem!important}
     .mt-xl-7 {margin-top: 5rem!important}
     .my-xl-7 {margin-top: 5rem!important;margin-bottom: 5rem!important}

     /* Header */
     header .mainmenu {width: calc(100% - 365px)}
     header .mainmenu button {white-space: nowrap;}
     .homepage header .logo {width: 300px;left: 30px;}
     .homepage header .mainmenu::before { width: 58.5vw; clip-path: polygon(1% 0%, 100% 0, 100% 100%, 0% 100%);}
     .homepage header .mainmenu::after {clip-path: polygon(1% 0%, 100% 0, 100% 100%, 0% 100%);}
  
     header .dropdownmenu {padding: 100px; }
     header .dropdownmenu [class*="col-"] {padding-left: 7.5%; padding-right: 7.5%;}
     
     /* Homepage */
     .programs {margin-left: -10%;}

     /* Student Gateway */
     .studentgateway-grid {grid-template-columns: repeat(5, 1fr); -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;}

     /* Heros */
     .hero-wrapper-cols .caption-wrapper {flex: 33.333333%; width: 33.333333% !important}
     .hero-wrapper-cols .item-inner {flex: 66.666667%; width: 66.666667% !important}
}

@media (min-width: 1400px) {	
     /* Header */
     header .mainmenu {width: 65vw}
     header .mainmenu button {font-size: 1.063rem;}
     header .quicklinks {font-size: .875rem}
     header .quicklinks .btn {font-size: 0.9375rem}
     .homepage header .logo {width: 350px;}
     .homepage header .mainmenu::before { width: 58vw; }
     
     /* Footer */
     footer cta {top: -30px;}
     footer .cta li:nth-child(2) {margin-left: 53px; margin-right: 62px}
     footer .btn-maroon-skewed {font-size: 1.5rem;padding: 15px 120px 15px 30px}
     footer .btn-maroon-skewed::after {width: 27.5px; height: 27.5px; right: 10px}
}

@media (min-width: 1600px) {	
     /* Header */
     .homepage header .mainmenu::before { width: 57vw; }
}

@media (min-width: 1900px) {	
     /* Header */
     .homepage header .mainmenu::before { width: 59vw}

     /* Heros */
     .hero-wrapper-cols .caption-wrapper::before {width: 125%; }
}

@media (prefers-reduced-motion: reduce) {
     * { animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;transition: none !important}
}