@import "https://use.typekit.net/uxw2ihw.css";

body {
    color: #333;
    font-family: "adelle-sans", sans-serif;
    font-weight: 400;
    overflow-x:hidden;
}

.footerContact {
    text-align:center;
    padding:35px 0;
}

.variable-content-item a {
    font-weight:bold;
    color:#003e51 !important;
    text-decoration:underline;
}

.variable-content-item a:hover {
    color:#00b3ba !important;
}

.forgot-credential-container {
    justify-content: end;
    font-size:13px;
    color:#00b3ba;
}

.forgot-credential-container a{
    font-size:13px;
    color:#00b3ba;
}

#studentLoginOptionsContainer {
    margin-right:0;
}

#portalExtAuthLoginPanel {
    order:12;
}

#existingStudentDiv .sectionHeader:after {
    content:"Log in using your online learning profile username (email address) and password or log in using your existing TRU student ID.";
    display:block;
    line-height:1.5;
}

#existingStudentDiv {
    padding:35px;
    border:1px solid #ccc;
    border-radius:.25rem;
    order:12;
}

.courseSectionTitle .nameAndCodeSeparator,
.courseSectionTitle .sectionCode,
#studentInfoSalutation,
#enrollmentStudentResidentFlag,
#emergencyContactRelationshipSubContainer,
#studentProfileEmergencyContactInfoAddressRow,
#studentProfileEmergencyContactInfoRegionRow,
#studentProfileEmergencyContactInfoCountryRow,
#studentProfileEmergencyContactInfoContactRow,
#legalMiddleName,
#addressWrapper1,
#telephoneTypeWrapper,
#courseProfileOfficialCourseDescription h2,
#courseProfileInstructionMethods,
#courseProfileActions .btn-group,
#searchResultsLink,
.searchBreadcrumbSeparator,
td.tuitionProfileName .creditType,
td.tuitionProfileName .minMaxUnits,
#newStudentDiv .sectionHeader{
    display:none !important;
}

.buttons button {
    margin-right:5px;
}

.cartItemDescriptionContainer .badge,
.savedForLaterListDetails .badge {
    margin-bottom:5px;
}

.cartContainer .radio, .cartContainer .checkbox {
    margin-left:25px;
}

.cartHeader, 
.cartItemName,
.cartContainer,
.savedForLaterListDetails {
    font-size:16px !important;
}

.courseSectionEnrollmentActions {
 width:100%;
 float:left;
}

#pageStudentLogin .sectionHeader {
    padding: 0; 
    border:none;
    margin-bottom:35px;
}


#portalNativeLoginPanel>div>p:empty,
#portalNativeLoginPanel h3,
#portalNativeLoginPanel .editable-resource {
    display:none;
}

#portalNativeLoginPanel .buttons {
    margin-top:15px;
}

#pageStudentLogin .btn-primary {
    background:#003e51;
    border:none;
}

#newStudentDiv .btn-primary:hover {
    background:#00b3ba;
    color:#fff;
}

#newStudentDiv .btn-primary {
    color:#003e51;
    background:#fff;
    border:none;
}

#pageStudentLogin .btn-primary:hover {
    background:#00b3ba;
}

#portalExtAuthLoginPanel {
border-left:1px solid #ccc;
padding-left:40px;

}

#portalNativeLoginPanel {
    padding-right:40px;
}

#newStudentDiv {
    order:1;
    padding-right:30px;
}

#newStudentDiv form {
    padding:35px;
    border-radius:.25rem;
    color:#fff;
    background:#003e51;
    border:none;
    height:100%
}

#newStudentDiv form input[type="text"]{
    background:#003e51;
    border:1px solid #fff;
    color:#fff;
}

#newStudentDiv form .has-float-label .form-control:placeholder-shown:not(:focus)+*,
#newStudentDiv form .has-float-label .form-control:focus,
#newStudentDiv form .has-float-label .form-control,
#newStudentDiv form .has-float-label label, .has-float-label>span {
    color:#fff !important;
}

.cartItemDescriptionContainer a,
.savedForLaterListDetails a,
.courseSectionDescription a {
    color:#003e51;
    text-decoration: underline;
}

.cartItemDescriptionContainer a:hover,
.savedForLaterListDetails a:hover,
.courseSectionDescription a:hover {
    color:#00b3ba !important;
    
}

#variableContentBlockPG0014,
#variableContentBlockPG0015 {
    margin-bottom:20px;
}

#variableContentBlockPG0015 h2 {
    color:#fff;
}

#variableContentBlockPG0015 .btn-primary {
    background:#fff;
    color:#003e51;
    border:none;
}

#newStudentDiv form .col-md-12 {
    padding:0;
}

div.forgot-credential-container {
    flex-direction:row;
    font-size:14px;
    margin-bottom:5px;
}

#courseProfileActions::after {
    content:"Need help?";
    cursor:pointer;
    float:right;
    background-color:#003e51;
    color:#fff;
    padding:10px 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-size:14px;
}

#courseProfileActions:hover::after {
    background-color:#00b3ba;
}

#studentProfileEnrollmentDataContainer .form-row:nth-child(2) .col-lg-6:nth-child(1){
    display:none;
}

#pageHeaderActions {
    margin-top:0;
}

#loginInfo .headerProfileLink, #loginInfo .headerLogoutLink, #loginInfo .headerStudentLoginLogoutLink {
    color:#333;
}

#variableContentBlockCM000003,
#variableContentBlockCM000004 {
    display:none;
    padding: 20px 20px 0;
    border:2px solid red;
    font-style:italic;
}

.courseDescriptionCollapsibleWrapper h2:not(:empty),
#contentModule8 {
    margin-top:35px;
}

#courseProfileWrapper ul {
    padding-left:20px;
}

#courseProfileWrapper a,
#searchBreadcrumb a {
    font-weight:bold;
    color:#003143 !important;
    text-decoration:none;
}

#courseProfileWrapper a:hover,
#searchBreadcrumb a:hover {
    color:#00b3ba !important;
}

#courseProfileWrapper table {
    width:100%;
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
}

#courseProfileWrapper tr {
    border-bottom:1px solid #ddd;
}

#courseProfileWrapper td {
padding:10px;
border-right:1px solid #ddd;
}

 #courseProfileWrapper .note {
    margin-bottom: 1.25rem;
    padding: .875rem 1.5rem .875rem .875rem;
    background: #003e51;
    color: #fff;
 }
 
 #courseProfileWrapper .note a {
    color: #fff !important;
 }

 #courseProfileSections #buttonCourseInquiry {
    display:none !important;
 }

header#contentHeader {
    margin-bottom:30px;
}

.mobile-login {
    position:absolute;
    right:122px;
    font-size:13px;
}

.mobile-login #loginNameWrapper .headerProfileLink:after {
    font-size:13px;
}

.mobile-login:hover {
    color:#00abb3;
}

.mobile-login #header1Wrapper .headerStudentLoginContainer .headerStudentLoginDropdownLink, 
.mobile-login #logoutLinkWrapper .headerStudentLoginLogoutLink {
    margin-right:0;
}

.mobile-login #loginNameWrapper .headerProfileLink {
    margin-right:10px;
}

.container {
    max-width: 1400px !important;
}

#cartInfo {position:absolute;top:5px;right:15px;z-index:10000;}

#mainContent {
    margin-top:50px;
}

#pagePublicHome #mainContent {
    margin-top:0;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight:700;
    color:#003e51;
}

#full-width-banner h1,
#full-width-banner h2,
#full-width-banner h3,
#full-width-banner h4,
#full-width-banner h5 {
    color:#fff;
}

#header1 {
    padding-top:0;
}

#header1Wrapper {
    background:#fff !important;
    border-bottom:1px solid #dedede;
    z-index:1040;
    position:relative;
}

.navbar-light .navbar-toggler {
    background:#fff;
    border:none !important;
}

#header1Wrapper .headerStudentLoginContainer .headerStudentLoginDropdownLink,
#header1Wrapper .glyphicon-shopping-cart {
    color: #333;
}

#header1Wrapper .headerStudentLoginContainer .headerStudentLoginDropdownLink,
#logoutLinkWrapper .headerStudentLoginLogoutLink,
#loginNameWrapper .headerProfileLink {
    text-transform:uppercase;
    font-weight:700;
    float:left;
}

#loginNameWrapper .headerProfileLink {
  font-size:0 !important;
}

#loginNameWrapper .headerProfileLink:after {
    content:"Portal";
}

#logoutLinkWrapper:before, .conferenceLogoutButtonWrapper:before {
    content:"";
}

#logoutLinkWrapper,
#loginNameWrapper {
    max-width:none;
    width:auto;
}

#loginInfo {
    line-height:1;
    order:1;
    display:block !important;
}

#header3Wrapper,
#header3Wrapper .bg-light {
    background-color: #005463 !important;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.navbar-light .navbar-nav .nav-link {
    color: #FFF;
    text-transform: none;
}

.nav-item:hover {
    color: #FFF;
    background-color: #00b0b9;
}

.nav-link:not(.disabled-on-click):hover {
    color: #FFF;
    text-decoration: none;

}

#skipToMain{overflow:hidden;height:0;opacity:0;transition:opacity .15s ease;font-size:.75rem;text-align:center;padding:0;text-transform:uppercase;font-weight:600;position:absolute;top:0;background:#fff;display:block;z-index:0}
#skipToMain:focus,#skipToMain:focus-visible{opacity:1;padding:10px 36px;z-index:10;height:100%;outline-offset:0;display:flex;align-items:center}
.mobile-nav-btn-group{display:flex}
#mobileNavToggle{width:52px;height:56px;margin-bottom:-1px;position:relative;padding-right:15px;padding-left:15px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #dedede;align-items:center;visibility:visible;cursor:pointer;transition:background-color .25s ease,color .25s ease}
#mobileNavToggle .toggle-line{height:2px;display:block;background-color:#003143;position:relative;width:100%;transition:transform .25s ease,opacity .25s .25s ease,background-color .25s ease,margin .25s .25s ease,height .25s .25s ease,width .5s .1s ease;pointer-events:none}
#mobileNavToggle .toggle-line:nth-child(2){margin:6px 0}
#mobileNavToggle:focus,#mobileNavToggle:hover{background-color:#003143;color:#fff}
#mobileNavToggle:focus .toggle-line,#mobileNavToggle:hover .toggle-line{background-color:#fff}
#mobileNavToggle.toggled .toggle-line{transition:transform .25s .25s ease,opacity .25s ease,background-color .25s ease,margin .25s ease,height .25s .25s ease,width .25s ease}
#mobileNavToggle.toggled .toggle-line:nth-child(1){transform:rotate(45deg);top:2px}
#mobileNavToggle.toggled .toggle-line:nth-child(2){margin:0 0;height:0;width:0}
#mobileNavToggle.toggled .toggle-line:nth-child(3){transform:rotate(-45deg)}
@media(min-width:64rem){
#mobileNavToggle{display:none}
.mobile-login{display:none}
}
.nav-wrapper{position:sticky;top:0;width:100%;z-index:6000;background-color:#fff;display:block;overflow:visible!important;box-shadow:0 0 0 rgba(0,0,0,0);transition:box-shadow .15s ease;}
.nav-wrapper.scrolled{box-shadow:0 3px 12px rgba(0,0,0,.085);border-bottom:1px solid #dedede}
.nav-wrapper .nav-inner{width:100%;display:flex;align-items:center;justify-content:space-between;z-index:1010;padding:0;max-width:var(--main-row-width);margin-left:auto;margin-right:auto;background:#fff;position:relative}
@media(min-width:64rem){
.nav-wrapper .nav-inner{padding:0 var(--main-columns-side-pad);position:unset}
}
.nav-wrapper .nav-items{width:100%;position:relative}
.nav-wrapper .nav-logo{width:100%;max-width:90px;display:block;transition:opacity .25s ease;padding:10px 0;margin-left:15px;opacity:1}
.nav-wrapper .nav-logo img{width:100%;display:block;pointer-events:none}
.nav-wrapper .nav-logo:focus-visible{outline:0!important}
.nav-wrapper .nav-logo:focus-visible img{outline:1px dashed #003143;outline-offset:4px}
.nav-wrapper .nav-logo:focus,.nav-wrapper .nav-logo:hover{opacity:.85}
@media(min-width:64rem){
.nav-wrapper .nav-logo{max-width:140px;margin-left:0;padding:15px 0}
}
.nav-wrapper .nav-items-wrapper{position:absolute;height:calc(100vh - 55px);width:100%;top:calc(100% + 1px);left:-100%;background:#fff;display:inline-flex;flex-direction:column;justify-content:space-between;overflow-y:auto!important;overflow-x:hidden;padding-left:15px;padding-right:15px;transition:left .25s ease,visibility .25s allow-discrete;visibility:hidden}
.nav-wrapper .nav-items-wrapper.toggled{left:0;visibility:visible}
@media(min-width:64rem){
.nav-wrapper .nav-items-wrapper{width:100%;margin-left:30px;border-left:1px solid #dedede;position:unset;height:auto;background:#fff;flex-direction:column-reverse;overflow:visible!important;padding-left:0;padding-right:0;transition:none;top:unset;left:unset;visibility:visible}
}
.nav-wrapper .nav-upper-menu{position:relative;z-index:1005;display:flex;align-items:center;flex-wrap:wrap;padding:0;justify-content:center}
@media(max-width:63.9375rem){
.nav-wrapper .nav-upper-menu{margin-top:-2px;width:calc(100% + 30px);margin-right:-15px;margin-left:-15px;padding-bottom:45px;background:#003143}
#cartInfo {right:90px;top:18px;}
#header1 .col-lg-12 {padding:0;}
#schoolHeaderLogoWrapperLink{margin-left:10px;}
#loginInfo {display:none !important;}
.mobile-login #loginInfo {display:block !important;}
}
.nav-wrapper .nav-upper-menu .upper-menu-group{display:flex;justify-content:center;flex-wrap:wrap;align-items:stretch;width:100%;order:1;margin-bottom:30px}
@media(max-width:63.9375rem){
.nav-wrapper .nav-upper-menu .upper-menu-group .upper-menu-item{flex-grow:1;text-align:center;margin-right:0;padding:12px;transition:background .15s ease}
.nav-wrapper .nav-upper-menu .upper-menu-group .upper-menu-item:first-child{background:#00abb3;color:#fff}
.nav-wrapper .nav-upper-menu .upper-menu-group .upper-menu-item:nth-child(2){background:#496e8c;color:#fff}
.nav-wrapper .nav-upper-menu .upper-menu-group .upper-menu-item:last-child{background:#6b958c;color:#fff}
.nav-wrapper .nav-upper-menu .upper-menu-group .upper-menu-item:focus,.nav-wrapper .nav-upper-menu .upper-menu-group .upper-menu-item:hover{background:#003143;color:var(--lteal)}
}
@media(min-width:64rem){
.nav-wrapper .nav-upper-menu .upper-menu-group{align-items:center;width:auto;margin:0 30px 0 0;order:2}
}
.nav-wrapper .nav-upper-menu .upper-menu-item{font-weight:300;font-size:.875rem;color:#fff;text-decoration:none;text-underline-offset:2px;border-bottom:0;transition:color .25s ease,text-decoration .25s ease!important;line-height:1;padding:12px;order:2}
@media(min-width:64rem){
.nav-wrapper .nav-upper-menu .upper-menu-item,#header1Wrapper .headerStudentLoginContainer .headerStudentLoginDropdownLink,
#logoutLinkWrapper .headerStudentLoginLogoutLink,#loginNameWrapper .headerProfileLink:after{padding:0;font-size:.8025rem;margin-right:10px;color:#333;order:1}
/*.nav-wrapper .nav-upper-menu .upper-menu-item:last-child{margin-right:0}*/
}
@media(min-width:76rem){
.nav-wrapper .nav-upper-menu .upper-menu-item,#header1Wrapper .headerStudentLoginContainer .headerStudentLoginDropdownLink,
#logoutLinkWrapper .headerStudentLoginLogoutLink,#loginNameWrapper .headerProfileLink:after{font-size:.875rem;margin-right:20px}
}
.nav-wrapper .nav-upper-menu .upper-menu-item:focus,.nav-wrapper .nav-upper-menu .upper-menu-item:hover{text-decoration:underline;color:#00abb3}
.nav-wrapper .nav-upper-menu .upper-menu-item:focus-visible{outline-offset:4px!important}
@media(min-width:64rem){
.nav-wrapper .nav-upper-menu{justify-content:flex-end;padding:15px 0 15px 15px;margin:0;order:1}
}
.nav-wrapper .nav-menu-items{display:flex;flex-direction:column;align-items:start;justify-content:flex-start;width:100%}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items{padding-left:30px;border-top:1px solid #dedede;flex-direction:row;align-items:center;justify-content:space-between}
}
.nav-wrapper .nav-menu-items .menu-item-link{color:#333;font-weight:700;font-size:.9rem;margin-right:10px;text-decoration:none;transition:color .25s ease;letter-spacing:.5px;padding:16px 0;display:block;position:relative;line-height:1;width:100%}
.nav-wrapper .nav-menu-items .menu-item-link *{pointer-events:none}
@media(min-width:40rem){
.nav-wrapper .nav-menu-items .menu-item-link{font-size:.875rem}
}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-link{width:auto}
}
@media(min-width:75rem){
.nav-wrapper .nav-menu-items .menu-item-link{font-size:1rem;padding:15px 0}
}
@media(min-width:87.5rem){
.nav-wrapper .nav-menu-items .menu-item-link{font-size:1.125rem;margin-right:20px}
}
@media(min-width:105rem){
.nav-wrapper .nav-menu-items .menu-item-link{margin-right:30px}
}
.nav-wrapper .nav-menu-items .menu-item-link.active,.nav-wrapper .nav-menu-items .menu-item-link:focus:not(.submenu-toggle),.nav-wrapper .nav-menu-items .menu-item-link:hover{color:#00abb3}
.nav-wrapper .nav-menu-items .menu-item-link:focus-visible{outline-offset:0}
.nav-wrapper .nav-menu-items .menu-item-link.search-toggle{margin-right:0!important}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-link.search-toggle{line-height:0}
}
.nav-wrapper .nav-menu-items .menu-item-link.search-toggle span{flex-grow:1;padding-left:10px}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-link.search-toggle span{display:none}
}
.nav-wrapper .nav-menu-items .menu-item-link.search-toggle .fa{position:relative;pointer-events:none}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle{display:flex;justify-content:space-between;border-bottom:1px solid #dedede;cursor:pointer}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle::after{content:"\f107";font-family:"Font Awesome 6 Pro";font-weight:400;transition:transform .15s ease-out}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle::before{content:"";height:1px;background:#00abb3;width:0;position:absolute;top:-1px;width:100%;transform:scaleX(0);transition:transform .25s ease}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle:focus-visible{color:#00abb3;outline-offset:0!important}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle{display:block;border-bottom:0}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle.active::before,.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle:focus-visible::before,.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle:hover::before{transform:scaleX(1)}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle::after{display:none!important}
}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle.active{border-color:#00abb3}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-toggle.active::after{transform:rotate(180deg)}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item{color:#333;font-size:.875rem;letter-spacing:1px;font-weight:300;padding:8px 10px 8px 0;margin-right:0;margin-left:0;width:100%;display:inline;align-items:center;transition:text-decoration-color .25s ease,text-underline-offset .25s ease,color .25s ease;line-height:1.5}
@media(min-width:40rem){
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item{font-size:.875rem}
}
@media(min-width:87.5rem){
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item{font-size:1rem}
}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item span{background:linear-gradient(to right,#00abb3 100%,transparent 0);background-size:0 1px,0 1px;background-position:0 87%,0 100%;background-repeat:no-repeat;transition:background .25s ease;padding:7px 0 7px 0}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item span::after{content: "\f061";font-family:"Font Awesome 6 Pro";position:relative;display:inline-block;right:10px;font-size:.75rem;opacity:0;transition:right .35s ease,opacity .15s ease;font-weight:400;height:13px;width:0;line-height:1}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:focus,.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:hover{color:#00abb3}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:focus span,.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:hover span{background-size:100% 1px,0 1px}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:focus span::after,.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:hover span::after{opacity:1;right:-5px}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:focus-visible{outline:0!important}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:focus-visible span{outline:1px dashed #003143;outline-offset:1px}
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item:nth-child(4n){margin-right:0}
@media(min-width:40rem){
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item{width:50%}
}
@media(min-width:60rem){
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item{width:33.3333%;padding:12px 10px 12px 0}
}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-link.submenu-item{width:25%;padding:7px 10px 7px 0}
}
.nav-wrapper .nav-menu-items .menu-item-submenu{position:relative;width:100%;transition:grid-template-rows .25s ease,box-shadow .15s ease,padding .25s ease,visibility .25s ease allow-discrete;z-index:0;padding:0 0;width:100%;left:unset;top:unset;background:#fff;border-bottom:1px solid #dedede;box-shadow:0 5px 7px rgba(0,0,0,0);visibility:hidden;display:grid;grid-template-rows:0fr;grid-template-columns:1fr}
.nav-wrapper .nav-menu-items .menu-item-submenu .menu-item-submenu-links{display:flex;align-items:stretch;position:relative;width:100%;background:#fff;flex-wrap:wrap;padding:0 0;background:#fff;max-width:calc(var(--main-row-width) - var(--main-columns-side-pad)*2);margin-left:auto;margin-right:auto;overflow:hidden}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-submenu .menu-item-submenu-links{padding:0 30px;transition:padding .25s ease}
}
.nav-wrapper .nav-menu-items .menu-item-submenu .submenu-close{position:absolute;right:0;font-size:.875rem;height:auto;display:none;visibility:hidden;justify-content:center;align-items:center;z-index:1025;outline:0;border:none;text-decoration:none!important;text-align:right;top:-1px;opacity:0;cursor:pointer;outline-offset:-1px!important}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-submenu .submenu-close{display:flex;visibility:hidden;opacity:1}
}
.nav-wrapper .nav-menu-items .menu-item-submenu .submenu-close .fa-times{transition:background .2s ease,color .2s ease;font-size:1.125rem;font-weight:300;width:25px;height:25px;display:flex;align-items:center;justify-content:center;color:#00abb3;background:#fff;border:1px solid #00abb3;pointer-events:none}
.nav-wrapper .nav-menu-items .menu-item-submenu .submenu-close:focus .fa-times,.nav-wrapper .nav-menu-items .menu-item-submenu .submenu-close:hover .fa-times{background:#00abb3;color:#fff}
.nav-wrapper .nav-menu-items .menu-item-submenu.toggled{z-index:15;visibility:visible;grid-template-rows:1fr;padding:15px 0}
.nav-wrapper .nav-menu-items .menu-item-submenu.toggled .submenu-close{visibility:visible}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-submenu.toggled{padding:0 0 15px 0}
.nav-wrapper .nav-menu-items .menu-item-submenu.toggled .menu-item-submenu-links{padding-top:15px;border-top:1px solid #00abb3}
}
@media(min-width:64rem){
.nav-wrapper .nav-menu-items .menu-item-submenu{position:absolute;left:0;top:calc(100% - 1px)}
.nav-wrapper .nav-menu-items .menu-item-submenu.toggled{box-shadow:0 10px 12px rgba(0,0,0,.07)}
}
.nav-wrapper .search-bar{width:100%;margin-top:10px;margin-bottom:15px}
.nav-wrapper .search-bar .action-form{width:100%;margin:0;position:relative;display:flex;justify-content:space-between}
.nav-wrapper .search-bar .ql-searchbox{border-top:1px solid #00abb3;border-bottom:1px solid #00abb3;border-left:1px solid #00abb3;border-right:0!important;border-radius:0!important;width:100%;padding-right:15px;padding-left:15px;margin:0;font-size:.9375rem;color:#333;position:relative;height:auto;background-color:#fff!important;min-height:45px;transition:box-shadow .2s ease-out;box-shadow:10px 5px 5px rgba(0,0,0,0)}
.nav-wrapper .search-bar .ql-searchbox::placeholder{color:#333}
.nav-wrapper .search-bar .ql-searchbox:focus{box-shadow:20px 10px 12px rgba(0,0,0,.1);border-color:#496e8c}
.nav-wrapper .search-bar .ql-searchbox:focus-visible{outline:0}
.nav-wrapper .search-bar .submit_keywords{position:relative;z-index:50;line-height:0;color:#00abb3;padding:0 18px;top:0;margin:0;font-size:.875rem;border:1px solid #00abb3;min-height:45px;display:flex;align-items:center;justify-content:center;background-color:#fff;transition:color .25s ease,background-color .25s ease;outline:0;cursor:pointer}
@media(min-width:64rem){
.nav-wrapper .search-bar .submit_keywords{font-size:1rem}
}
@media(min-width:87.5rem){
.nav-wrapper .search-bar .submit_keywords{font-size:1.125rem}
}
.nav-wrapper .search-bar .submit_keywords .fa{pointer-events:none}
.nav-wrapper .search-bar .submit_keywords:focus,.nav-wrapper .search-bar .submit_keywords:hover{background-color:#00abb3;color:#fff}
@media(min-width:64rem){
.nav-wrapper .search-bar{width:calc(100% - 15px)}
}
@media(min-width:64rem){
.nav-menu-items:has(.submenu-toggle.active+.menu-item-submenu.toggled) .menu-item-submenu{transition:none}
.nav-menu-items:has(.submenu-toggle.active+.menu-item-submenu.toggled) .menu-item-submenu .menu-item-submenu-links{transition:none}
}

#footer1Container,
#footer2Container {
    max-width:none !important;
    padding:0;
}

#footer2Wrapper {
    padding:25px;
    background:#005464;
    text-align:center;
}

.poweredByDestinyOne {
    position:relative;
    bottom:auto;
    left:auto;
    margin-top:5px;
}

#footer {
    color: #FFF;
    background-color: #003e51;
    padding-top: 0;
    margin-top:50px;
    position:relative;
    z-index:0;

    h1,
    h2,
    h3,
    h4,
    h5 {
        color: #FFF;
        text-transform: none;
    }

    ul,
    li {
        list-style-type: none;
        margin-left: 0;
    }

    a {
        color: #FFF;
        text-decoration: underline
    }

    a:hover {
        text-decoration: none;
    }

    @media only screen and (min-width: 1500px) {
        .links-title {
            font-size: 24px;
        }
    }

    .links-column ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .whitetext {
        color: #fff !important;
    }

    .font-900,
    .font-black {
        font-weight: 900 !important;
    }

    .links-title {
        display: block;
        margin-bottom: 15px;
        font-size: 18px;
    }

}

.btn-primary {
    background-color: #00b0b9;
    color: #FFF;
    border-color: #00b0b9;
    float:left;
}

.btn-primary:hover {
    background-color: #003143;
    border-color: #003143;
    color: #FFF;
}


#contentHeader {
    margin-top: 25px;
}

#cartInfo .glyphicon-shopping-cart {
    font-size: 1.1rem;
}

#cartCount {
    font-size: 10px;
    margin-left: 0px;
    margin-top: 5px;
    background-color: #005463;
    color: #FFF;
}

#cartCount:empty {
    display: none;      
}

@media (max-width: 975px) {
    #existingStudentDiv,
    #newStudentDiv {
        flex:100%;
        max-width:100%;
        margin-left:15px;
    }

    #existingStudentDiv {
        margin-top:30px;
    }

    #newStudentDiv {
        padding-left:15px;
        margin-left:0;
        padding-right:0;
    }
}

@media (max-width: 767px) {
    
    #cartInfo {
        font-size: 0.875rem;
    }

    #portalExtAuthLoginPanel {
        border-left:none;
        padding-left:15px;
        margin:30px 0 0;
    }

    #portalNativeLoginPanel {
        padding-right:15px;
   }
}

@media (max-width: 575px) {
    #contentHeader {
        margin-top: 15px;
    }
}

#schoolHeaderLogoWrapperLink > img {
    margin-top: 10px;
}

.links-column.moto-column {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    padding-right: 0 !important;
}

.footer-moto {
    display: block;
    margin-bottom: 5px;
    line-height: 1;
}

.links-column ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.links-column ul li {
    padding: 4px 0;
    font-size: 11px;
}

.links-column a, .logo-links a, .logo-social a {
    color: white !important;
    text-decoration: none !important;
    border-bottom: 0 !important;
}