/* ==========================================================================
     Project:     Fort Valley State University
     Date:        01/04/2022 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

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

@font-face {font-family: "Concourse 4";src: url('/css/fonts/concourse_4_bold-webfont.woff2') format('woff2'),url('/css/fonts/concourse_4_bold-webfont.woff') format('woff');font-weight: 700;font-style: normal;}
@font-face {font-family: "Concourse 4";src: url('/css/fonts/concourse_4_regular-webfont.woff2') format('woff2'),url('/css/fonts/concourse_4_regular-webfont.woff') format('woff');font-weight: 400;font-style: normal;}

body {font-family: "Spectral", serif;line-height:1.6;color: #444;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: "Concourse 4", sans-serif; line-height:1.1;font-weight:700;color: #205097;margin-bottom: 1.5rem}
.text-spectral.h1,.text-spectral.h2,.text-spectral.h3,.text-spectral.h4,.text-spectral.h5,.text-spectral.h6 {line-height: 1.2}

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

.page-wrapper {background: #fff}

/* Grid */
.container-fluid {max-width: 1200px;}

/* Links */
a {color: #205097;text-decoration: underline;}
a:hover { text-decoration: none;color: #1F304E}
.page-wrapper a:focus, .page-wrapper input:focus, .page-wrapper select:focus, .page-wrapper button:focus-visible {outline: 5px auto #205097;}
.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 {font-family: "Concourse 4";position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition: 250ms ease;background:#205097; 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:#205097}

/* Header */
header { z-index: 1;  background: #fff; width: 100%; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);font-family: "Concourse 4", sans-serif;border-bottom: 3px solid #F2C442}
     header a {text-decoration:none}

     .toplinks { font-size: .75rem; text-transform: uppercase;border: none; }
     .toplinks a {color: #fff; padding: 0px 15px; display:block;}
     .toplinks a:hover, .toplnks a:focus {color: #F2C442}
     .toplinks li:last-child a {padding-right: 0px}

     header .btn-toplinks {position: absolute; top: 0px; right: 15px; z-index: 3; border-radius: 0px 0px 3px 3px; padding-left: 20px; padding-right: 20px;}
     header .btn-toplinks::after {content: none}

     .dropdown .fa-angle-down {transition: transform 250ms ease;}
     .dropdown.show .fa-angle-down {-ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg)}

     .audiencelinks {position: relative; z-index: 2}
     .audiencelinks a, .audiencelinks .btn {font-size: .938rem; font-weight: 700;color: #1F304E}
     .audiencelinks .btn-light-blue { text-transform:none; padding: 5px 15px}
     .audiencelinks .btn-toggle-dropdown {border:none; background:none; padding: 0px; }
     .audiencelinks .fa-angle-down {transition: transform 250ms ease}
     .audiencelinks .btn-toggle-dropdown.active .fa-angle-down {-ms-transform:rotate(-180deg); -webkit-transform:rotate(-180deg); transform:rotate(-180deg)}
     .audiencelinks li {position: relative;}
     .audiencelinks ul a:hover, .audiencelinks ul a:focus {text-decoration: underline;}
     .audiencelinks ul {position: absolute; border-top: 2px solid #F2C442; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.09); top: calc(100% + 10px); left: 0px; opacity: 0; width: 170px; font-weight:normal; visibility: hidden;transition: opacity 250ms ease;  background: #fff;  padding: 15px; font-size: .875rem}
     .audiencelinks ul.active {opacity: 1; visibility: visible;}

     .btn-toggle-menu { background:#F2C442; border-radius: 3px; padding: 0px;margin:0px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2); position: relative}
     .btn-toggle-menu .icon-hamburger,.btn-toggle-menu .icon-hamburger::after,.btn-toggle-menu .icon-hamburger::before{position:absolute;width:21px;height:2px;transition: transform 150ms ease-in-out; border-radius:4px;background-color:#205097}
     .btn-toggle-menu .icon-hamburger {top:47%;left: 14px; display:block;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s; width: 15px}
     .btn-toggle-menu .icon-hamburger::after,.btn-toggle-menu .icon-hamburger::before{display:block;content:"";}
     .btn-toggle-menu .icon-hamburger::before{transition:top .1s ease-in .25s,opacity .1s ease-in; top:-7px;width: 19px}
     .btn-toggle-menu .icon-hamburger::after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19); bottom:-7px;}
     .btn-toggle-menu .icon-search {position: absolute; left: 41px; top: 50%; margin-top: -8px; transition: all 150ms ease-in-out}
     .btn-toggle-menu .icon-search::before {content:"";width: 15px; height: 15px; border: 2px solid #205097; display:block; border-radius: 30px}
     .btn-toggle-menu .icon-search::after {content:""; position: absolute; display:block;left: 12px; top: 16px; background: #205097; width: 8px; border-radius: 4.5px; height: 2px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
     
     .btn-toggle-menu.active {background: #205097}
     .btn-toggle-menu.active .icon-hamburger{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg);width: 25px; left: 25px; background-color: #fff}
     .btn-toggle-menu.active .icon-hamburger::before {top:0;transition:top .1s ease,opacity .1s ease .12s;opacity:0}
     .btn-toggle-menu.active .icon-hamburger::after {bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg); width: 25px;background-color: #fff}
     .btn-toggle-menu.active .icon-search {opacity: 0; left: 30px;}

     .mainmenu { background: url(/img/bg-campus.jpg) center center no-repeat; background-size: cover; color: #fff; z-index: 2; position: absolute;left: 0px; width: 100%; transition: opacity 250ms ease}
     .mainmenu::before {z-index: -1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(32,79,150,.9);}
     .mainmenu::after {transition: opacity 250ms ease; content:""; background: url(/img/fvsu-logomark-white.svg) center center no-repeat; background-size: contain; width: 100%; height: 100%; max-width: 340px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);opacity: .2; z-index: -1}
     .mainmenu.active {opacity: 1; visibility: visible;}
     .mainmenu a, .mainmenu button, .mainmenu .small {line-height: 1.4}
     .mainmenu .small {font-size: 95%}
     .mainmenu a, .mainmenu button {color: #fff}
     .mainmenu a:hover, .mainmenu a:focus, .mainmenu button.active, .mainmenu a.active {color: #FFCE08}
     .mainmenu button {text-align:left}
     .mainmenu hr {border-color: #fff; opacity: .2}
     .mainmenu [class*="border-"] {border-color: rgba(255,255,255,.2) !important}

     .mainmenu, .mainmenu .subs, .mainmenu .sub-subs, .mainmenu .subs ul, .mainmenu .sub-subs ul {opacity:0;visibility: hidden;height: 0px; width: 0px; overflow:hidden;transition: opacity 250ms ease;}
     .mainmenu a, .mainmenu button {pointer-events:none}
     .mainmenu.active, .mainmenu.subs-active .subs, .mainmenu.sub-subs-active .sub-subs, .mainmenu ul.active {opacity: 1; visibility: visible;height:auto;width:auto }
     .mainmenu.active {width: 100%}
     .mainmenu.active a, .mainmenu.active button {pointer-events:all}
     .mainmenu.subs-active::after {opacity: 0}

     .mainmenu form {position: relative;max-width: 520px}
     .mainmenu form input {border:none; padding-right: 40px; font-size: .875rem;height: 44px}
     .mainmenu form button {position: absolute; background:none; right: 5px; top: 3px; padding: 0px; border:none; width: 34px; height: 36px}
     .mainmenu form button::before {content:"";width: 15px; height: 15px; border: 2px solid #1F304E; display:block; border-radius: 30px; position: absolute; top: 10px; left: 6px;}
     .mainmenu form button::after {content:""; position: absolute; display:block;left: 18px; top: 26px; background: #1F304E; width: 7px; border-radius: 4.5px; height: 2px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
     
     .mainmenu button {background:none; border:none; padding: 0px; color: #fff;}

     .mainmenu .social a {background: rgba(255,255,255,.2); width: 30px; height: 30px; display:block; border-radius: 30px; font-size: .8125rem;line-height: 30px;text-align:center}

     .mainmenu .mains {font-size: 1.25rem;}
     .mainmenu .mains.active { border-right: 1px solid rgba(255,255,255,.2)}
     .mainmenu .mains button {position: relative}
     .mainmenu .mains button:hover, .mainmenu .mains button:focus {color: #FFCE08}
     .mainmenu .mains button.active::before {content:""; position: absolute; left: -30px; top: 5px; width: 20px; height: 20px; background: url(/img/fvsu-logomark-yellow.svg) no-repeat center center; background-size: contain}

     .mainmenu .subs {font-size: .875rem;}
     .mainmenu .subs a:hover, .mainmenu .subs a:focus, .mainmenu .subs button:hover, .mainmenu .subs button:focus {color: #FFCE08}

     .mainmenu .quicklinks {padding-left: 30px;}

/* Main */
main {position:  relative; z-index: 1;}

/* Footer */
footer {font-size: .875rem; color: #1F304E; position: relative; z-index: 0}
     footer address, footer .list-inline, footer p {font-family: "Concourse 4", sans-serif;}
     footer .social li:not(:last-child) {margin-right: 10px}
     footer img {max-width: 175px}
     footer a {color: #1F304E}
     footer p, footer .list-inline, footer p a, footer .list-inline a {color: #444}
     footer .social a {color: #205097; background: #fff; border-radius: 50%; width: 30px; height: 30px; text-align:center; font-size: .8125rem; line-height: 30px;display:block;}

 /* Cookie Consent */
.cookie-wrapper {position: fixed; bottom: 0px; left: 0px; width: 100%; z-index:1;background: #BBDFED;}

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

/* Homepage */
.alert-wrapper {top: 0px; left: 0px; width: 100%; z-index:1;font-family: "Concourse 4", sans-serif;}
     .alert-wrapper .alert {text-align:center; background: #F2C442; color: #444; position: relative;width: 100%;font-size: .8125rem; padding: 8px 0px 8px 0px; line-height: 1.2; margin: 0px; border-radius: 0px}
     .alert-wrapper .alert.d-flex + .alert {border-top: 1px solid rgba(0,0,0,.1);}
     .alert-wrapper .container-fluid {padding-right: 50px}
     .alert-wrapper a {color: #444;}
     .alert-wrapper button {width: 30px; height: 30px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);padding: 0px; background:none; border:none; }
     .alert-wrapper button:hover, .alert-wrapper button:focus {color: #444}
     .alert-wrapper button::before {content: '';height: 13px;border-left: 1.5px solid #444;position: absolute;transform: rotate(45deg);top: 8px; left: 13px;}
     .alert-wrapper button::after { content: '';height: 13px;border-left: 1.5px solid #444;position: absolute;transform: rotate(-45deg);top: 8px; left: 13px;}

#alert-modal {}
     #alert-modal .modal-content {background:#1F304E; color: #fff}
     #alert-modal .modal-content h2 {color: #fff}
     #alert-modal .btn-close {position:absolute; height: 30px; width: 30px; top: 10px; right: 10px}
     #alert-modal .btn-close::before {content: '';height: 24px;border-left: 1.5px solid #F2C442;position: absolute;transform: rotate(45deg);top: 3px; left: 14px;}
     #alert-modal .btn-close::after { content: '';height: 24px;border-left: 1.5px solid #F2C442;position: absolute;transform: rotate(-45deg);top: 3px; left: 14px;}
     #alert-modal .modal-dialog { min-height: calc(100vh - 60px);display: flex;flex-direction: column;justify-content: center;overflow: auto;}
     #alert-modal + .modal-backdrop {background-color: #205097}
     #alert-modal + .modal-backdrop.show {opacity: .9}
     
     .programs-wrapper {position: relative;}
          .programs-wrapper .bg-video {position: absolute; z-index: 0;bottom: 0px; left: 0px; width: 100%; height: calc(100% - 1.5rem)}
          .programs-wrapper .btn-toggle-video {position: absolute; right: 5px; bottom: 5px; z-index: 1; opacity:.25;font-size: .75rem; color: #fff}
          .programs-wrapper .btn-toggle-video:hover, .programs-wrapper .btn-toggle-video:focus {opacity:.5}

     .calendar-wrapper {}
          .calendar-wrapper .date {width: 50px; height: 50px; padding-top: 7px}

     .financialaid-wrapper {background: url(/img/bg-campus.jpg) center center #205097; background-size: cover;background-blend-mode:luminosity; position: relative;}
          .financialaid-wrapper::before {z-index: 0; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(32,80,151,.8);}
          .financialaid-wrapper .container {z-index:1; position: relative;}

     .about-wrapper {}
          .about-slideshow  {padding: 0px 30px}
          .about-slideshow .slick-track {display: table;}
          .about-slideshow .item {}
          .about-slideshow .slick-prev {left: -5px;}
          .about-slideshow .slick-next {right: -5px;}
          .about-slideshow .slick-prev, .about-slideshow .slick-next {opacity: 1; font-size: 0px}
          .about-slideshow .slick-prev::after, .about-slideshow .slick-next::after {content:""; border: 1px solid #205097;;border-width: 0px 0px 2px 2px;width: 20px; height:20px;display:block;}
          .about-slideshow .slick-prev::after {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);margin-left: 10px;}
          .about-slideshow .slick-next::after {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-left: 5px;}
          .about-slideshow .slick-dots {padding:0px; text-align:center}
          .about-slideshow .slick-dots li {display:inline-block; padding: 0px 4px}
          .about-slideshow .slick-dots button { opacity: .25; width: 7px; height: 7px; display:block; border-radius: 50%;border:none; padding: 0px; background: #000}
          .about-slideshow .slick-dots .slick-active button {opacity: 1; background: #000}
          .about-slideshow .slick-dots button:focus {outline: none}
          
     .contact-wrapper {background: url(/img/bg-graduates.jpg) center center #205097; background-size: cover;background-blend-mode:luminosity; position: relative;}
          .contact-wrapper::before {z-index: 0; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(32,80,151,.8);}
          .contact-wrapper .container {z-index:1; position: relative;}

     .programs-wrapper {position: relative}
          .programs-wrapper .social {position: absolute; top: 85px;  font-size: 1.25rem; text-align:center;height: 165px; margin-top: -82.5px; z-index: 1}
          .programs-wrapper .social a {color: #1F304E}
          .programs-wrapper .social li:not(:last-child) {margin-bottom: 12px}
          .programs-wrapper .social li:last-child {position:relative; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg);margin-top: 20px;}
          .programs-wrapper .social li:last-child::after {content:""; position: absolute; width: 15px; height: 2px; background: #1F304E; position: absolute; top: 50%; margin-top: -1px; left: calc(100% + 10px);}

/* Program Finder */
.program-filters .custom-control-input:checked~.custom-control-label::before {border-color:#205097;background:#205097 }
.program-filters .custom-control-label {line-height:1.4}

.btn-toggle-majors span {transition: transform 250ms ease;}
     .btn-toggle-majors.active span {-ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

.dropdown-majorfilters {visibility: hidden; color: #fff; margin: 0px; opacity:0; overflow:hidden; height: 0px; border-radius: 3px; transition: opacity 250ms ease;position: absolute;right:15px; pointer-events:none; width: calc(100% - 30px)}
     .dropdown-majorfilters.active {visibility:visible;opacity: 1; overflow:scroll; height:400px; pointer-events:all}
     .dropdown-majorfilters::-webkit-scrollbar {-webkit-appearance: none;width:7.5px;}
	.dropdown-majorfilters::-webkit-scrollbar-corner {background:#205097}
     .dropdown-majorfilters::-webkit-scrollbar-track-piece {margin: 15px 0px 0px 0px;}
	.dropdown-majorfilters::-webkit-scrollbar-thumb {border-radius: 4px;background-color: #1F304E;}
     .dropdown-majorfilters input {background: none; border: 1.5px solid #fff;height: 35px;font-size: .875rem; padding-right: 30px}
     .dropdown-majorfilters input::placeholder {color: #fff}
     .dropdown-majorfilters input:focus {background:none}
     .dropdown-majorfilters .position-relative span {position: absolute; top: 10px; right: 10px;font-size: .75rem;height:100%}
     .dropdown-majorfilters .btn-white-border, .dropdown-majorfilters .btn-yellow {height: 35px}
     .dropdown-majorfilters .custom-control-input:checked~.custom-control-label::before, .dropdown-majorfilters .custom-control-label::before {border-color:#1F304E;background:#1F304E }
     .dropdown-majorfilters .col-auto .custom-checkbox:not(:last-child) {margin-bottom: 7.5px;}
     .dropdown-majorfilters .custom-checkbox .custom-control-label::before {border-radius: 0px}
     .dropdown-majorfilters .custom-control-label {font-weight: normal;line-height:1.2; padding-top: 3.5px}

     .dropdown-majorfilters .custom-control {position: static;min-height:0px}
     .dropdown-majorfilters .col-count {column-gap: 20px}

.btn-smallgrid, .btn-largegrid {background:none; border:none;opacity: .3; padding: 0px; transition: opacity 250ms ease}
     .btn-smallgrid.active, .btn-largegrid.active {opacity:1} 

.programs-list {}
     .programs-list .card-body {padding: 15px}

.col-custom .card {flex-direction: row;}
     .col-custom .object-fit {width: 25%; position: absolute; top: 0px; left: 0px; height: 100%}
     .col-custom .program-details { border-left: 1px solid #D5D9DA; padding-left: 30px}
     .col-custom h2 { text-align:center}
     .col-custom h2, .col-custom p {line-height: 1.3;}

/* Directory */
.directory-filters {}
     .directory-filters .custom-select, .directory-filters input {border: 1.5px solid #1F304E; font-family: "Concourse 4", sans-serif;height: 35px; padding-right: 30px; }
     .directory-filters .custom-select, .directory-filters input::placeholder {color: #1F304E; font-size: .875rem; font-weight: bold}
     .directory-filters button[type="submit"] {position: absolute; top: 0px; right: 0px;font-size: .75rem;height:100%;line-height: .75rem}
     .directory-filters ul {font-size: .75rem;font-weight:bold;list-style:none; padding: 0px}
     .directory-filters li {display: inline-block;}
     .directory-filters ul a {text-decoration: none;color: #444; padding: 5px;display:block; transition: background 250ms ease}
     .directory-filters ul a:hover, .directory-filters a:focus {background: #f1f1f1;border-radius: 3px; }
     .directory-filters .active {background: #F2C442;border-radius: 3px; }

.directory-pagination {font-size: .75rem;font-weight:bold;padding: 0px}
     .directory-pagination li {margin-bottom: .5rem;}
     .directory-pagination a {text-decoration: none;color: #1F304E; border: 1.5px solid #1F304E; transition: background 250ms ease; border-radius: 3px; padding: 5px 7.5px;display:block; transition: background 250ms ease;}
     .directory-pagination a:hover, .directory-pagination a:focus {background: #f1f1f1}

/* Alumni Slideshow */
.alumni-slideshow {}
     .alumni-slideshow p.text-concourse {line-height: 1.4}
     .alumni-slideshow .slick-track {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
     .alumni-slideshow .slick-slide {height: inherit !important;}
     .alumni-slideshow .slick-prev, .alumni-slideshow .slick-next {border:none; z-index:2; width: 25px; height: 25px; overflow:hidden; background:#fff;padding: 0px; position: absolute; top:65px; right: 0px}
     .alumni-slideshow .slick-prev {left: 0px}
     .alumni-slideshow .angle {border: 1px solid #1F304E;width: 15px; height: 15px;border-width: 0px 0px 1.5px 1.5px;display:block;}
     .alumni-slideshow .angle-left {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);margin-left:7px;}
     .alumni-slideshow .angle-right {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-left:0px;}
     .alumni-slideshow .slick-dots {flex-wrap: wrap; padding: 0px; position: relative; z-index:0; list-style:none; margin: 30px auto 0px auto; justify-content:center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; color:#205097;}
     .alumni-slideshow .slick-dots li {display:inline-block; position: relative; text-align:center;font-size: .75rem;font-weight: 700; font-family: "Concourse 4", sans-serif; margin: 0px 10px 5px}
     .alumni-slideshow .slick-dots button {width: 15px; height: 15px; padding: 0px; border: 2px solid #BBDFED; background: #F9F9F9; border-radius: 50%}
     .alumni-slideshow .slick-dots button::after {height: 2px; left: -10px; right: -10px; content: ""; background: #eee; position: absolute; top: 14px;z-index: -1;}
     .alumni-slideshow .slick-dots .slick-active button {border-color: #205097; background: #205097}

/* ==========================================================================
     CMS Plugins
========================================================================== */

     /* Accordions */
     .cms-accordion {margin-bottom: 1rem}
     .cms-accordion .card-header { font-weight: 700; font-size: .875rem}
     .cms-accordion .card-header[aria-expanded=false] {border-color: transparent;display:table;}
     .cms-accordion .card-header::before {content:""; flex-shrink: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";transition: transform 250ms ease;color:#205097;width: 30px; margin-left: -5px; text-align:center}
     .cms-accordion .card-header[aria-expanded=true]::before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
     .cms-accordion .card-body p:last-child {margin-bottom:0px}
     .cms-accordion .card:not(:last-of-type), .cms-accordion >.card:not(:first-of-type) {border-bottom: 1px solid rgba(0,0,0,.125); border-radius: .25rem}
     .cms-accordion .btn-link {color: #205097;}
     .cms-accordion .btn-link:hover, .cms-accordion .btn-link:focus {text-decoration: none}

     /* Tabs */
     .cms-tabs .nav-pills .nav-link.active, .cms-tabs .nav-pills .show>.nav-link {background-color: #F2C442;}

     /* News */
     .cms-newspress-main .badge-primary {background: #F2C442 !important;color: #1F304E; font-family: "Concourse 4", sans-serif; }
     .cms-newspress-main .page-item.active .page-link {background-color: #007cc2; border-color: #007cc2}

     /* Slideshow */
     .cms-slideshow.caption-outside-bottom-center h2 {margin: 0px}

/* ==========================================================================
     CMS Classes
========================================================================== */

/* Type */
.text-yellow {color: #FFCE08}
.text-blue {color:#205097}
.text-dark-blue {color:#1F304E}
.text-concourse {font-family: "Concourse 4", sans-serif; }
.text-spectral {font-family: "Spectral", serif;}
.text-dark {color: #444 !important}
.text-large {font-size: 120%}
.h1-large {font-size: 4rem;}
.h2-large {font-size: 2.5rem;}
.line-left, .line-right {/* Defined in media queries */}
.line-top {position: relative;margin-top: 15px; }
     .line-top::before {height: 3px; width: 50px; background: #FFCE08; content:""; position: absolute; top: -15px; left: 0px}
     .text-center.line-top::before {left: 50%; margin-left: -25px}
     .bg-yellow .line-top::before {background: #fff}
.line-bottom {position: relative; padding-bottom: 15px;}
     .line-bottom::before {height: 1px; width: 30px; background: #1F304E; content:""; position: absolute; bottom: 5px; left: 0px}
     .text-center.line-bottom::before {left: 50%; margin-left: -15px;}
.line-height-lg {line-height: 1.5}
.line-height-md {line-height: 1.4}
.line-height-sm {line-height: 1.2}

/* Buttons */
.btn-custom, .cms-slideshow .btn-primary, .btn-dark-link, .btn-yellow-link, .btn-white, .btn-light-blue, .btn-blue, .btn-white-border, .btn-yellow, .btn-darkblue-border, .btn-blue-border, .search .btn-primary {font-family: "Concourse 4", sans-serif; font-weight: 700;transition: transform 250ms ease-in-out; text-decoration: none;padding: 7.5px 30px; line-height: 1.3; text-transform: uppercase; border:none; border-radius: 3px}
     .btn-custom:hover, .btn-custom:focus, .cms-slideshow .btn-primary:hover, .cms-slideshow .btn-primary:focus, .search .btn-primary:hover, .search .btn-primary:focus {-webkit-transform: scale(1.075); -ms-transform: scale(1.075); transform: scale(1.075);}

.btn-light-blue {background: #BBDFED; border-radius: 5px;color: #1F304E}
.btn-blue, .search .btn-primary {background: #205097; color: #fff}
     .btn-blue:hover, .btn-blue:focus, .search .btn-primary:hover, .search .btn-primary:focus {color: #fff}
.btn-white, .cms-slideshow .btn-primary, .cms-slideshow .btn-primary:not(:disabled):not(.disabled):active {background: #fff; color: #205097; position: relative;}
     .btn-white::after, .cms-slideshow .btn-primary::after, .btn-yellow::after, .btn-darkblue-border::after, .btn-blue-border::after, .btn-yellow-link::after, .btn-light-blue::after, .btn-dark-link::after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";margin-left: 5px}
.btn-dark-link {color:#1F304E; padding: 0px}
.btn-yellow-link {color: #FFCE08; padding: 0px}
     .btn-yellow-link:hover, .btn-yellow-link:focus {color: #fff}
.btn-yellow {background: #FFCE08;color:#1F304E;position: relative}
.btn-darkblue-border {border: 1.5px solid #1F304E; color: #1F304E;}
.btn-blue-border {border: 1.5px solid #205097; color: #205097}
.btn-white-border {border: 1.5px solid #fff; color: #fff}
     .btn-white-border:hover, .btn-white-border:focus {color:#fff }

.btn-wide {padding: 7.5px 60px}
.btn-sm {padding: 5px 15px}
.btn-noarrow::after {content:none}

/* Images */
.shadow-hard-grey { filter: drop-shadow(-20px 20px 0px #ccc); padding-left: 20px; padding-bottom: 20px; }
.shadow-hard-white { filter: drop-shadow(-20px 20px 0px #fff); padding-left: 20px; padding-bottom: 20px; }

/* Lists */
.list-whitesquares {list-style: none; padding: 0px;font-family: "Concourse 4"; font-weight: bold;}
     .list-whitesquares li {margin: 0px 15px 15px 0px; display:inline-block; background: #fff; color: #444; border-bottom: 2px solid #205097; text-decoration: none;box-shadow: 0px 5px 10px 0px rgba(0,0,0,.2);}
     .list-whitesquares a {display:block; text-decoration:none}
     .bg-light-grey .list-whitesquares a {box-shadow: none;transition: border-color 250ms ease}
     .list-whitesquares a:hover, .list-whitesquares a:focus {text-decoration: underline;}
.list-bluedots {color: #205097; padding: 0px 0px 0px 20px}
     .list-bluedots li {margin-bottom: 10px}
     .list-bluedots a {text-decoration: none;}
     .list-bluedots a:hover, .list-bluedots a:focus {text-decoration: underline;}
.list-buttons {margin: 0px; text-align:center; list-style:none; padding: 0px}
.list-bluechecks {list-style: none; padding: 0px;}
     .list-bluechecks > li {position: relative; padding-left: 20px;}
     .list-bluechecks > li::before {height: 20px; width: 20px; font-size: .75rem; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; position: absolute; top: 2px; left: 0px; color:  #205097;}
.list-spaced li {margin-bottom: 10px}

/* Interstitials */
.interstitial-wrapper {height: 400px; position: relative}

/* ==========================================================================
     Site Components
========================================================================== */

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

/* Media */
.object-fit {} /* Applied to parent */
     .object-fit img, .object-fit video {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit:cover;}
     .object-fit p {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
     .object-fit-top-center img, .object-fit-top-center video {object-position: top center; font-family: "object-fit: cover; object-position: top center;"}
     .object-fit-bottom-center img, .object-fit-bottom-center video {object-position: bottom center; font-family: "object-fit: cover; object-position: bottom center;"}
     .object-fit-center-center img, .object-fit-center-center video {object-position: center center; font-family: "object-fit: cover; object-position: center center;"}
     .object-fit-right-center img,.object-fit-right-center video {object-position: right center; font-family: "object-fit: cover; object-position: right center;"}
     .object-fit .cms-contentmenu {position: absolute; top: 30px; left: 15px;}

.object-aspectratio {position: relative;}
     .object-aspectratio-115x44 {padding-bottom: 38.26%}
     .object-aspectratio-4x3 { padding-bottom: 75%;}
     .object-aspectratio-16x9 {padding-bottom: 56.25%}
     .object-aspectratio-22x15 {padding-bottom: 70%}
     .object-aspectratio-1x1 {padding-bottom: 100%}

/* Slideshows */
.slideshow-wrapper .media-with-captions .caption-wrapper {width: 100%}
.slideshow-wrapper .media-with-captions.caption-inside-bottom .caption-wrapper {bottom: 80px}
.slideshow-wrapper div[class*="caption-inside"] .caption {padding: 0px 60px}
.slideshow-wrapper div[class*="caption-inside"] .caption-wrapper p:last-child {margin-bottom: 0px}
.slideshow-wrapper h2 { line-height: 1;}
.slideshow-wrapper p {margin-top: 1rem}
.slideshow-wrapper .item::before {z-index: 1; content:""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%)}
.slideshow-wrapper .slick-controls .slick-dots button {opacity: .5}
.slideshow-wrapper .slick-dots {bottom: 15px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.slideshow-wrapper .slick-controls .slick-dots button, .slideshow-wrapper .slick-controls .slick-dots .slick-active button {background: #fff}
.slideshow-wrapper .slick-prev, .slideshow-wrapper .slick-next {top: calc(50% - 17.5px)}
.slideshow-wrapper .slick-prev {left: 5px}
.slideshow-wrapper .slick-next {right: 5px}

/* Heros */
.hero-wrapper {position: relative;z-index: 0}
.hero-wrapper::after {content:""; width: 50%; position: absolute; z-index: 0; top: 0px; left: 0px; height: 100%; background: linear-gradient(to right, rgba(0,0,0,.7) 0%,rgba(0,0,0,0) 100%); }
.hero-wrapper .container {position: relative; z-index: 1}
.hero-wrapper address {line-height: 1.5}

.video-wrapper {}
     .video-wrapper img {position: absolute; top: 50%; left: 50%; z-index: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
     .video-wrapper .btn {color: #fff; opacity: .5; font-size: .75rem; position: absolute; right: 5px; bottom:5px;}
     .video-wrapper .btn:hover, .video-wrapper .btn:focus {opacity: 1}

/* Borders */
.border-top-yellow {border-top: 5px solid #F2C442}
.border-bottom-yellow {border-bottom: 5px solid #F2C442}
.border-bottom-dotted {position: relative}
     .border-bottom-dotted::after {content:"";position: absolute; bottom: 0px; left: 0px; width: 100%; height: 2px; background: url(/img/border-bottom-dotted.png)}
.border-right-dotted {position: relative}
     .border-right-dotted::after {content:"";position: absolute; top: 0px; right: 15px; width: 2px; height: 100%; background: url(/img/border-right-dotted.png)}

/* Lines */
.vertical-line {width: 1px; height: 75px; background: #c3c3c3; margin:auto}

/* Backgrounds */
.bg-grey {background-color: #D5D9DA}
.bg-blue {background-color: #205097}
.bg-blue-lines {background: url(/img/bg-blue-lines.png)}
.bg-light-blue {background-color: #BBDFED}
.bg-yellow {background-color: #F2C442}
.bg-white-90 {background-color: rgba(255,255,255,.9)}
.bg-video {position:relative}
     .btn-video {right: 15px; bottom: 0px; opacity:.5;font-size: 10px;}
     .btn-video:hover, .btn-video:focus {opacity:.5}
.bg-light-grey {background-color: #F1F1F1}
.bg-overlay {position: relative;}
     .bg-overlay::before {z-index: 0; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(32,80,151,.8);}
     .bg-overlay .container, .bg-overlay p {z-index:1; position: relative;}
     .bg-overlay-college-01 {background: url(/img/bg-college-01.jpg) center 30% no-repeat; background-size:cover;}
     .bg-overlay-college-02 {background: url(/img/bg-college-02.jpg) center 30% no-repeat; background-size:cover;}
     .bg-overlay-students {background: url(/img/bg-students.jpg) center 30% no-repeat; background-size:cover;}
     .bg-overlay-meeting {background: url(/img/bg-meeting.jpg) center 30% no-repeat; background-size:cover;}
     .bg-overlay-flags {background: url(/img/bg-flags.jpg) center 30% no-repeat; background-size:cover;}
     .bg-overlay-student {background: url(/img/bg-student.jpg) center 30% no-repeat; background-size:cover;}
     .bg-overlay-students::before, .bg-overlay-meeting::before, .bg-overlay-flags::before, .bg-overlay-student::before {border-radius: 3px; }

/* Blockquotes */
blockquote {position: relative;font-size: 120%;color: #205097; line-height: 1.8; padding: 20px 0px;margin-bottom: 20px}
     blockquote::before, blockquote::after {content: '"'; font-family: "Concourse 4";font-weight: bold; font-size: 5rem;position: absolute; z-index:0;line-height: 0px}
     blockquote::before {left: 0px; top: 10px;}
     blockquote::after {top: calc(100% + 10px); right: 0px;}

     .home blockquote {padding: 15px 0px 0px 45px;font-style: italic; color: #1F304E;}
     .home blockquote::before {left: 0px; top: -15px; color: #205097; background:#D5D9DA; width: 60px; height: 60px; z-index: -1; border-radius: 50%;line-height: 60px; padding: 17px 0px 0px 4px}
     .home blockquote::after {content:none}
     
/* Submenus */
.submenu-wrapper {margin-left: auto; margin-right: auto; max-width: 600px}
     .submenu {background: #F9F9F9; border: 1px solid #EBEBEB;}
     .submenu, .submenu ul {visibility: hidden; margin: 0px; opacity:0; overflow:hidden; height: 0px;transition: opacity 250ms ease; position: absolute}
     .submenu.active, .submenu ul.active {visibility:visible;opacity: 1; overflow:visible; height:auto;position: relative}
     .submenu.active {margin-bottom: 20px; }
     .submenu li:not(:last-child) {border-bottom: 1px solid #EBEBEB}
     .submenu a {color: #444; display:block;text-decoration:none; padding: 9px 15px; display:block;transition: background 250ms ease}
     .submenu a:hover, .submenu a:focus {background: rgba(0,0,0,.075)}
     .submenu ul {border-left: 3px solid #FFCE08; padding-left: 15px;}
     .submenu ul.active {border-top: 1px solid #ebebeb}
     .submenu li.active a {opacity: .65}

     .btn-toggle-submenu {background: #E6E6E6; color: #205097; border: 1px solid #DDDDDD;margin-bottom: 3rem; transition: 250ms ease}
     .btn-toggle-submenu:hover, .btn-toggle-submenu:focus {background: #ddd}
     .btn-toggle-submenu.active {background: #204F96; border-color: #204F96; color: #fff;margin-bottom: 0px}
     .btn-toggle-submenu span+span {position: relative; width: 10px;}
     .btn-toggle-submenu span+span::after {content: "";background: rgb(0,0,0,.15); height: 100%;width: 1.5px;position: absolute;left: -15px;top: 0px;}
     .btn-toggle-submenu.active span+span::after {background: rgb(255,255,255,.15);}
     .btn-toggle-subs {background:none; border:none; padding: 0px 10px; height: 40px; width: 35px; color: #204F96}
     .btn-toggle-subs:hover, .btn-toggle-subs:focus {outline:none}

/* Cards */
.card {z-index: 0}

/* Indexes & Overflows */
.overflow-hidden {overflow: hidden;}
.z-index-0 {z-index: 0}
.z-index-1 {z-index: 1}

/* Ctas */
.cta-wrapper {position: relative; z-index: 0;box-shadow: 0px 0px 15px 0px rgba(0,0,0,.4); }
     .cta-wrapper-basketball {background: url(/img/bg-basketball.jpg) center 30% no-repeat; background-size:cover; }
     .cta-wrapper-football {background: url(/img/bg-football.jpg) center 30% no-repeat; background-size:cover; }
     .cta-wrapper::before {z-index: 0; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(31,48,78,.8);}
     .cta-wrapper .container {z-index:1; position: relative;}

/* CMS Tabs */
.cms-tabs {}
     .cms-tabs .nav {font-family: "Concourse 4", sans-serif; line-height:1.1;font-weight:700;color: #205097;font-size: 1.125rem;}
     .cms-tabs .nav-link {padding: 15px 20px;}
     .cms-tabs .nav-pills .nav-link {border-radius: 0px;border: 1px solid #D5D9DA; border-bottom: none;}
     .cms-tabs .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: #fff;color: #205097; }
     .cms-tabs .tab-content {background: #fff; padding: 20px; border-left: 1px solid #D5D9DA;border-bottom: 1px solid #D5D9DA;border-right: 1px solid #D5D9DA;}
     .cms-tabs .tab-content *:last-child {margin: 0px;}

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

/* Min Width */
@media (min-width: 0px) {	
     /* Type */
     body {font-size:  1rem;}

     /* Header */
     header {height: 100px; }
     .mainmenu {top: 100px}
     .mainmenu .subs > ul.active {padding: 15px 0px 15px 0px;margin-top: 15px; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.2);}
     .mainmenu .mains {padding: 0px 0px 0px 30px}
     .mainmenu.sub-subs-active .sub-subs ul.active {background: rgba(0,0,0,.15); padding: 15px; margin-top: 15px; border-radius: 4px}
     header img {width: 190px}
     .btn-toggle-menu {height: 45px; width: 75px;margin-top: 32px}
     .toplinks {background: #204F96; left:  -10px !important}
     .toplinks li {margin-bottom: 5px;}
     
     /* Slideshow */
     .slideshow-wrapper h2, .home .h1, .home h1 {font-size: 2.5rem;}

     /* Homepage */
     .programs-wrapper .h5 {font-size: 1rem}
     .programs-wrapper .social {right: 10px;}

     /* Program Finder */
     .dropdown-majorfilters { top: calc(100% + 5px) }
     .dropdown-majorfilters .col-count {column-count: 2}
     .col-custom .object-fit {display:none}
     .col-custom .card-body {padding: 15px}
     .col-custom h2 {width: 50%}     

     /* Lists */
     .list-whitesquares li {padding: 5px 10px; }
     .list-buttons li {display:block;margin: 0px 0px 15px 0px}
     .list-buttons .btn {width: 100%}

     /* Media */
     [class*="col-"].object-fit {min-height: 300px}
     
     /* Shortcuts */
     .shortcut-wrapper .row {margin-left: -7.5px; margin-right: -7.5px;}
     .shortcut-wrapper div[class*="col-"] {padding-left: 7.5px; padding-right: 7.5px;}

     /* CMS Tabs */
     .cms-tabs .nav-pills {flex-direction: column;border-bottom: 1px solid #D5D9DA}
     .cms-tabs .tab-content {border-top: 1px solid #D5D9DA}

     /* Heros */
     .video-wrapper img {width: 150px; }

     /* Buttons */
     .btn-custom, .cms-slideshow .btn-primary, .btn-dark-link, .btn-yellow-link, .btn-white, .btn-light-blue, .btn-blue, .btn-white-border, .btn-yellow, .btn-darkblue-border, .btn-blue-border, .search .btn-primary {font-size: .813rem}
}

@media (min-width: 576px) {    
     /* Header */
     .mainmenu .quicklinks {width: 180px; flex-shrink: 0}

     /* CMS Classes */
     .line-left, .line-right {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; align-items:center;}
     .line-left::before, .line-right::after {content:""; border-top: 1px solid #FFCE08; flex: 1 0 10px }
     .line-left::before {margin: 0 10px 0 0;}
     .line-right::after {margin: 0 0 0 10px;} 

     /* Media */
     [class*="col-"].object-fit {min-height: none}

     /* Lists */
     .list-buttons li {display:inline-block; margin: 5px}
     .list-buttons .btn {width:auto}
     
     /* Heights */
     .height-sm-100 {height: 100px}

     /* Program Finder */
     .dropdown-majorfilters { top: 35px; }
     .dropdown-majorfilters .col-count {column-count: 3}
}

@media(max-width: 767px) {
      /* Homepage */
     .modal-dialog {min-height: calc(100vh - 20px);}

     /* Slideshows */
     .slideshow-wrapper .item {align-items:center; }
     .slideshow-wrapper .item-inner {position: absolute !important; height: 100%;}
     .slideshow-wrapper .caption-wrapper {transform: none !important; -webkit-transform: none !important;left: 0px  !important; bottom: auto  !important}
     .slideshow-wrapper .caption {padding: 30px 60px !important}

     /* Default Template's Grid */
     body[data-template=main] .col-sm-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

@media (min-width: 768px) {	
     /* Type */
     body {font-size: .875rem;}

     /* Header */
     header {height: 120px; }
     .mainmenu {top: 120px}
     .mainmenu .subs > ul.active {padding: 0px;border:none;margin: 0px}
     .mainmenu .mains { padding: 0px 30px;}
     .mainmenu.sub-subs-active .sub-subs ul.active {background:none; padding: 0px;margin-top: 0px;border-radius: 0px}
     .mainmenu.sub-subs-active .sub-subs {padding: 0px 30px; border-right: 1px solid rgba(255,255,255,.2) }
     .mainmenu.subs-active .subs { padding: 0px 30px; border-left: 1px solid rgba(255,255,255,.2); border-right: 1px solid rgba(255,255,255,.2)}
     header img {width: 175px}
     .btn-toggle-menu {height: 75px; width: 75px;margin: 0px}
     .toplinks {position: relative; float: none; text-align: right; padding: 0px; margin: 0px; top: auto; right: auto; left: auto !important; display: block; background:none; min-width: unset; border-radius: 0px}
     .toplinks li {display: inline-block;margin-bottom: 0px;}

     /* Slideshows */
     .slideshow-wrapper .cms-slideshow .slick-track {height: 500px}

     /* Borders */
     .border-md-left {border-left: 1px solid}
     .border-md-right {border-right: 1px solid}
     .border-right-dotted-md {position: relative}
     .border-right-dotted-md::after {content:"";position: absolute; top: 0px; right: 15px; width: 2px; height: 100%; background: url(/img/border-right-dotted.png)}

     /* Heros */
     .hero-wrapper {height: 400px; }
     .video-wrapper, .video-wrapper video {height: 400px;}
     .video-wrapper video {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1; object-fit:cover; object-position: center center;}
     .video-wrapper img {width: 240px; }

     /* Lists */
     .list-whitesquares li {padding: 15px 30px; }
     
     /* Shortcuts */
     .shortcut-wrapper .row {margin-left: 15px; margin-right: 15px;}
     .shortcut-wrapper div[class*="col-"] {padding-left: -15px; padding-right: -15px;}

     /* Homepage */
     .programs-wrapper .h5 {font-size: 1.25rem}
     .programs-wrapper .social {right: 30px;}
     
     /* Program Finder */
     .col-custom .object-fit {display: block;}
     .col-custom .card-body {margin-left: 25%; padding: 15px 15px 15px 0px}
     .col-custom h2 {width: 25%;}
     .dropdown-majorfilters .col-count {column-count: 4}

     /* Directory */
     .directory-filters .custom-select {width: 130px}
     .directory-filters .position-relative {width: 150px}

     /* CMS Tabs */
     .cms-tabs .nav-pills {flex-direction: row;margin-bottom: 0px !important; border-bottom:none}
     .cms-tabs .nav-pills .nav-link {margin-right: 7.5px; background: #D5D9DA; }
     .cms-tabs .tab-content {border-top: none}

     /* Buttons */
     .btn-custom, .cms-slideshow .btn-primary, .btn-dark-link, .btn-yellow-link, .btn-white, .btn-light-blue, .btn-blue, .btn-white-border, .btn-yellow, .btn-darkblue-border, .btn-blue-border, .search .btn-primary {font-size: .688rem}

    /* Backgrounds */
    .bg-md-blue {background-color: #205097}
}

@media (min-width: 992px) {	
     /* Grid */
     .container-sm {max-width: 720px;}

     /* Slideshow */
     .slideshow-wrapper h2, .home .h1, .home h1 {font-size: 4.375rem;}

     /* Program Filters */
     .dropdown-majorfilters .col-count {column-count: 5}
}

@media (min-width: 1200px) {	
     /* Program Filters */
     .dropdown-majorfilters .col-count {column-count: 6}
}

@media (min-width: 1900px) {	
     /* Slideshow */
     .slideshow-wrapper img {object-position: center 40%;font-family: "object-fit: cover; object-position: center 40%;"}
     .slideshow-wrapper h2, .home .h1, .home h1 {font-size: 5rem;}
}

@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}
   }