/*Header to Main Content*/
 :root {
    /*Walden brand colors*/
     --slate: #003b4c;
     --cyan: #00687f;
     --teal: #008ea9;
     --gold: #fdb71a;
     --green: #00a887;
     --light-gray: #dbdee0;
     --dark-gray: #5a5d66;
     --hover-bg: #B2D1D7;
    /*fonts and headings*/
     --headers: noto-serif, serif;
     --default: Arial, sans-serif;
}
/*Backend*/
/*Admin Page Breadcrumb*/
 #s-lib-admin-bc .breadcrumb, #s-lib-bc .breadcrumb {
     float: left !important;
}
/*Page Information*/
 #page-header {
     width: 100%;
     margin-top: -20px;
     background-color: #fff;
}
 #s-lg-guide-description {
     display: none;
}
 div#guide-title {
     display: none;
}
 #s-lg-guide-name {
     margin-top: -200px !important;
     padding-left: 150px !important;
     color: #fff !important;
     font-family: var(--headers);
     font-size: 6rem !important;
     font-weight: 500;
     line-height: 100%;
}
 #s-lg-guide-header-info {
     padding-left: 15px;
     margin-top: 50px;
}
 #s-lg-guide-header-info h1 {
     line-height: 100%;
     vertical-align: bottom;
     width: 95%;
}
 #guide-title {
     display: none;
}
 #s-lg-guide-desc-container {
     font-size: 2rem;
     text-align: center;
     line-height: 175% !important;
}
/*adjusting page header on Mobile*/
 @media screen and (max-width: 1600px) {
     #s-lg-guide-name {
         padding-left: 25px !important;
    }
}
 @media (max-width: 1024px) {
     #s-lg-guide-name {
         margin-top: 0px !important;
         padding-left: revert !important;
         color: var(--slate) !important;
         font-size: 5rem !important;
         text-align: center;
    }
     #s-lg-guide-header-info {
         margin-top: 70px !important;
    }
     #s-lg-guide-desc-container {
         font-size: 1.25rem;
    }
}
 @media screen and (max-width: 767px) {
     #s-lg-guide-name {
         margin-top: 20px !important;
         font-size: 4rem !important;
    }
}
 @media screen and (max-width: 424px) {
     #s-lg-guide-name {
         padding-top: 10px;
         font-size: 3.25rem !important;
    }
}
/*HERO*/
/*default hero and guide title*/
 #hero {
     background-image: linear-gradient(0deg,#212322 0,rgba(33,35,34,0) 100%), url("https://libapps.s3.amazonaws.com/accounts/31417/images/walden-w-slate-hero.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     height: 350px;
}
 @media (max-width: 1024px) {
     #hero {
         display: none;
    }
}
/*Admin Page Breadcrumb*/
 #s-lib-admin-bc .breadcrumb, #s-lib-bc .breadcrumb {
     float: left !important;
}
/*Breadcrumbs and Print URL */
 div#page-header #s-lib-bc {
     margin-top: 130px;
}
 #s-lib-bc {
     padding-left: 15px !important;
     padding-right: 15px !important;
     margin-top: 0px;
}
 @media screen and (min-width: 1600px) {
     #s-lib-bc {
         margin-left: 150px;
    }
}
 @media screen and (max-width: 1024px) {
     #s-lib-bc {
         display: none;
    }
}
 li#s-lib-bc-group::before {
     content: " " !important;
     padding: 0;
}
 li#s-lib-bc-guide::before {
     content: "" !important;
     padding: 0px;
}
 .breadcrumb>li#s-lib-bc-guide, .breadcrumb>li#s-lib-bc-page {
     display: inline-block !important;
}
 .breadcrumb a, .breadcrumb>.active {
     font-size: 1.2rem;
     letter-spacing: .02em;
     color: var(--dark-gray);
     text-decoration: none;
}
/*Hide Site Breadcrumbs for Account, School, Group*/
 #s-lib-bc-list > li:nth-child(3), #s-lib-bc-list > li:nth-child(2), #s-lib-bc-list > li:nth-child(1) {
     display: none !important;
}
/*PRINT & BROKEN URL*/
 #s-lg-guide-print-url a {
     float: right !important;
     font-size: 1.2rem;
     color: var(--dark-gray) !important;
     text-decoration: none !important;
     padding-right: 10px !important;
     padding-left: 10px !important;
}
 #s-lg-guide-print-url a {
     float: right;
     font-size: 1.2rem;
     color: var(--dark-gray);
     text-decoration: none;
     padding-right: 10px;
     padding-left: 10px;
}
 #s-lg-guide-print-url a:last-child {
     border-right: 1px solid var(--light-gray);
}
 @media (min-width: 1600px) {
     #s-lg-guide-print-url {
         margin-right: 150px;
    }
}
 @media (max-width: 1024px) {
     #s-lg-guide-print-url {
         display: none;
    }
}
/*PREVIOUS AND NEXT BUTTONS*/
 #s-lg-page-prevnext {
     margin-left: 20px;
     margin-right: 20px;
     margin-bottom: 50px;
}
 @media (max-width: 1024px) {
     #s-lg-page-prevnext {
         display: none;
    }
}
/*styles previous and next buttons*/
 .pager li > a, .pager li > span {
     min-width: 250px;
     border-radius: 10px;
     box-shadow: 0px 1px 5px 0px var(--dark-gray), 0px 2px 2px 0px var(--dark-gray), 0px 3px 1px -2px var(--dark-gray);
}
 .pager li > a:focus, .pager li > a:hover {
     background-color: #00687f !important;
     color: #fff !important;
}
/*Skip to Main & Scroll to Top*/
 #s-lg-public-skiplink {
     border-bottom: 1px solid var(--dark-gray) !important;
}
/*scroll to top*/
 #s-lib-scroll-top {
     background-color: white;
     border-radius: 10px;
     box-shadow: 0px 1px 5px 0px #5a5d66, 0px 2px 2px 0px var(--dark-gray), 0px 3px 1px -2px var(--dark-gray);
     right: 30px;
}
 i.fa.fa-angle-double-up.fa-stack-1x, .fa.fa-square-o.fa-stack-2x {
     display: block;
}
 @media (max-width: 424px) {
     #s-lib-scroll-top {
         display: none !important;
        /*needs important tag*/
    }
}
/*Universal Navigation and Search Bar Header */
/*Logo site title*/
 #walden-logo {
     float: left;
	 margin-top: 25px;
	 margin-left: 20px; 
}

 #logo-site-title {
     color: var(--cyan);
     font-size: 3.5rem;
     position: relative;
     display: inline-block;
     padding-top: 15px;
}
 #logo-site-title a {
     font-family: var(--headers);
     padding-left: 15px;
     text-decoration: none;
}
 @media (min-width: 1600px) {
     #logo-site-title {
         margin-left: 150px;
    }
}
 @media (max-width: 1024px) {
     #logo-site-title {
         text-align: center;
         display: block;
         margin-bottom: 10px;
    }
     #logo-site-title a {
         padding-left: revert;
    }
}
 @media (max-width: 725px) {
     #logo-site-title a {
         padding-left: 15px;
         display: block;
         margin-top: 0px;
    }
}
 @media (max-width: 424px) {
     #logo-site-title a {
         padding-left: revert;
         font-size: 2.5rem;
    }
}
/*SEARCH BAR*/
 #search-bar-header {
     background-color: #fff! important;
     height: 65px;
}
 #s-lg-guide-header-search {
     z-index: 100;
     padding-top: 15px;
     padding-right: 15px;
     float: right;
}
 #s-lg-guide-search-box {
     width: 700px;
}
/*Search input area*/
 #s-lg-guide-search-terms {
     font-size: 1.8rem;
}
 input#s-lg-guide-search-terms {
     border: none !important;
     box-shadow: none !important;
}
/*Search button*/
 #s-lg-guide-search-form {
     background-color: #fff;
     border-bottom: 3px solid var(--gold);
     box-shadow: none !important;
}
 #s-lg-guide-search-form button {
     background-color: transparent;
     border: none;
     font-size: 2rem !important;
    /* font-size: 1.8rem !important;
     WALDEN GLOBAL */
     color: var(--cyan);
}
 #s-lg-guide-search-form button::after {
     content: ' \f002';
     font-family: 'FontAwesome';
     margin-left: 5px;
     padding-right: 5px;
}
 #s-lg-guide-search-form button:hover, #s-lg-guide-search-form button:focus {
     background-color: var(--hover-bg) !important;
     color: #333333;
     outline: none;
}
/*controls how the text in input fields appears*/
 ::placeholder {
     color: #333 !important;
     opacity: 1;
}
 :-ms-input-placeholder {
     color: #333 !important;
}
 ::-ms-input-placeholder {
     color: #333!important;
}
/*Adjust search bar for media)*/
 @media (min-width: 1600px) {
     #s-lg-guide-header-search {
         margin-right: 150px;
    }
}
 @media (max-width: 1024px) {
     #search-bar-header {
         height: auto;
         border-bottom: 2px solid var(--dark-gray);
         padding-bottom: 5px;
    }
     #s-lg-guide-header-search {
         float: none;
         margin-bottom: 25px;
         width: 98%;
    }
     #s-lg-guide-search-box {
         margin: auto;
    }
     #s-lg-guide-search-box {
         width: 95%;
    }
}
 @media screen and (max-width: 725px) {
     #search-bar-header {
         height: auto;
    }
     #s-lg-guide-search-box {
         width: 98% !important;
    }
}
 @media screen and (max-width: 424px) {
     #search-bar-header {
         height: 65px;
         border-bottom: 2px solid (--dark-gray);
    }
}
/*System Alert Banner*/
 #system-alert {
     background-color: #fdb71a;
     height: 30px;
}
 .alert-bar {
     width: 100%;
     height: 50px;
     padding-top: 10px;
     color: #333;
     font-size: 1.6rem;
     text-align: center;
     background-color: #fdb71a;
}
 .alert-bar a {
     color: #333 !important;
}
 .fa.fa-exclamation-triangle {
     color: red;
}
/*MOBILE NAVIGATION*/
/*To Mimic Hamburger Navigation*/
 .mobile-container {
     width: 100%;
     margin: auto;
     height: 75%;
     color: white;
     display: none;
     margin-bottom: 10px;
}
/*Use font awesome hamburger icon and link it to the site index*/
 .topnav {
     background-color: #fff;
     position: relative;
	display: grid;
    grid-template-columns: 12% 88%;

}
 .topnav a {
     width: auto;
     color: var(--cyan) !important;
     padding: 10px 16px;
     text-decoration: none !important;
     font-size: 30px;
     display: block;
     font-family: var(--headers) !important;
}
 @media screen and (max-width: 1024px) {
     .mobile-container {
         display: block;
    }
}
 @media screen and (max-width: 424px) {
     .topnav a {
         padding: 10px 16px;
         font-size: 22px;
    }
}
/*Universal Navigation Login Header*/
/*adds a green lock before login links*/
 #universal-navigation {
     height: 65px;
     width: 100%;
     background-color: #00657c;
     margin-top: -10px;
}
 #universal-navigation img {
     padding-top: 5px;
}
 #universal-navigation ul {
     list-style-type: none;
     float: right;
     padding-top: 20px;
}
 #universal-navigation li {
     float: right;
     padding-right: 20px;
     padding-top: 5px;
}
 #universal-navigation a {
     padding: 10px;
     text-decoration: none;
     color: #fff;
}
 #universal-navigation a:hover, #universal-navigation a:focus {
     color: #fff !important;
     text-decoration: underline;
     background-color: transparent !important;
}
 @media screen and (min-width: 1600px) {
     #universal-navigation img {
         padding-left: 150px;
    }
     #universal-navigation ul {
         margin-right: 150px;
    }
}
 @media screen and (max-width: 424px) {
     #universal-navigation ul {
         display: none;
    }
}
/*Switching to Mobile Navigation*/
 @media screen and (max-width:1024px) {
     #universal-navigation-mobile {
         display: block !important;
    }
     #universal-navigation {
         display: none !important;
    }
     #mobile-site-name {
         display: block !important;
         text-align: center;
         padding-top: 20px;
         padding-bottom: 10px;
    }
}
 #universal-navigation-mobile {
     height: 45px;
     width: 100%;
     background-color: #00657c;
     margin-top: -10px;
     display: none;
}
 #universal-navigation-mobile img {
     max-width: 35%;
     max-height: 95%;
}
 #mobile-site-name {
     display: none;
     padding-bottom: 10px;
     font-size: 2rem;
}
/*Login Links*/
 .portal-login-nav a.login-links::before {
     display: inline-block;
     padding-top: 10px;
     padding-right: 20px;
     content: '\f023';
     font-family: 'FontAwesome';
     color: var(--green);
     font-size: 20px;
}
 .portal-login-nav {
     display: inline-block;
     margin-top: 15px;
     color: #fff;
     font-size: 1.8rem;
     margin-right: 25px;
     float: right;
}
 @media screen and (min-width: 1600px) {
     .portal-login-nav {
         margin-right: 150px;
    }
}
/*not currenty in use, cyan background, white borders*/
 #help-support {
     float: right;
     padding-top: 25px;
     background-color: var(--teal);
     border-right: 2px solid #fff;
     border-left: 2px solid #fff;
     height: 65px;
     padding-left: 20px;
     padding-right: 20px;
     font-weight: 700;
}
 a.support-services {
     background-color: var(--teal);
     border-left: 5px solid;
     border-right: 5px solid;
     padding-bottom: 16px !important;
}
 #universal-navigation a.support-services:hover, #universal-navigation a.support-services:focus{
     background-color: var(--slate) !important;
     text-decoration: none !important;
}
/*STANDARD NAVIGATION FORMATTING*/
 .navbar {
     margin-bottom: 0px;
	 border-radius: 0px !important;
}
 .navbar-nav {
     background-color: #fff !important;
     height: auto;
     width: 100%;
}
 @media (min-width: 1600px) {
     .navbar-nav {
         padding-left: 150px;
    }
}
 .navbar-default {
     background-color: #fff;
     border: none;
}
 .nav.navbar-nav ul {
     background-color: #fff;
     min-height: 50px;
     display: none;
     margin-top: -8px;
}
 .nav>li>a {
     padding: 10px 20px 10px 7px!important;
}
 .nav>li>a.carret {
     padding: 10px 7px !important;
}
 .navbar-nav > li {
     display: inline-block;
}
 .navbar-default .navbar-nav>li>a {
     color: var(--cyan) !important;
     font-family: var(--headers);
     font-size: 2.25rem !important;
     text-decoration: none !important;
}
 .nav.navbar-nav li ul::before {
     display: none;
}
 .nav .navbar-nav li ul li {
     display: none;
     float: none;
     white-space: normal;
     border-bottom: none;
     list-style-type: none;
}
 .nav.navbar-nav li ul li {
     display: block;
     font-size: 1.5rem !important;
     line-height: 150%;
     list-style-type: none;
     position: static;
     text-align: left;
     white-space: nowrap;
     width: 100%;
}
 .nav.navbar-nav li ul li a {
     position: relative;
     padding: 10px;
     color: #fff !important;
     font-family: sans-serif;
     font-size: 1.85rem;
     line-height: 190%;
     text-decoration: none !important;
}
 .nav.navbar-nav li:focus-within ul li a:focus {
     background-color: transparent !important;
     color: #fff !important;
     display: inline;
     text-decoration: underline !important;
}
 .nav.navbar-nav li ul li a:hover {
     background-color: transparent !important;
     color: #fff!important;
     display: inline;
     text-decoration: underline !important;
}
 .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
     color: #333;
     background-color: var(--hover-bg);
}
/*DROP DOWN MENU CARRET */
/*link styling*/
 .navbar-default .navbar-nav>li:focus a.carret, .navbar-default .navbar-nav>li:hover a.carret, .navbar-default .navbar-nav>li>a.carret:focus-within {
     color: var(--slate) !important;
     background-color: transparent;
}
 .nav.navbar-nav li ul.column-nav li a {
     color: #fff;
     white-space: normal;
}
 .nav.navbar-nav li ul.column-nav-2 li, .nav.navbar-nav li ul.column-nav-3 li {
     white-space: normal;
}
 .nav>li>a:hover {
     outline: none;
}
 .navbar-nav li:hover, .navbar-nav li:focus, .navbar-nav li:focus-within {
     background-color: transparent;
}
 .nav.navbar-nav li ul li:hover, .nav.navbar-nav li ul li:focus {
     border: none;
}
/*adds a down carret after the menu item on focus/hover only*/
 a.carret:before {
     content: '\f078';
     font-family: 'FontAwesome';
     display: inline-block;
     font-size: 1.8rem;
     font-weight: normal;
     float: right;
     color: #fff;
     margin-left: 7px;
}
 .nav.navbar-nav lia.carret:focus:before, .nav.navbar-nav li:active a.carret:before, .nav.navbar-nav li:hover a.carret:before {
     color: var(--dark-gray);
}
/*Adjusting for Mobile*/
 @media screen and (max-width: 1400px) {
     .nav.navbar-nav li ul li a {
         padding: 7px;
         font-size: 1.6rem !important;
    }
     .navbar-default .navbar-nav>li>a {
         font-size: 2rem !important;
    }
}
 @media screen and (max-width: 1310px) {
     .nav.navbar-nav li ul li a {
         padding: 5px;
         font-size: 1.6rem !important;
    }
}
 @media screen and (max-width: 1100px) {
     .nav.navbar-nav li ul li a {
         padding: 3px;
         font-size: 1.65rem !important;
    }
     .navbar-default .navbar-nav>li>a {
         font-size: 1.8rem !important;
         padding-right: 10px;
    }
}
 @media screen and (max-width: 1024px) {
     .nav.navbar-nav li:hover ul, .nav.navbar-nav li:focus-within ul {
         display: none;
    }
     .universal-navigation, .help-support, .navbar, div#logo-site-title {
         display: none;
    }
}
/*NEW MEGAMENU DROPDOWN STYLING*/
/*UL menu that opens on hover*/
 .nav.navbar-nav li ul.column-nav {
     display: none;
     position: absolute;
     z-index: 1040;
     width: 95vw;
     left: 0;
     padding-top: 8px;
     padding-bottom: 20px;
     padding-left: 50px;
     padding-right: 50px;
     margin-top: 0px;
     margin-left: 5px;
     border: 2px solid #fff;
     border-bottom: 10px solid var(--gold);
     border-top: none;
     background-image: url(https://libapps.s3.amazonaws.com/customers/1460/images/Walden-W-Angles.png);
     background-position: right;
     background-size: cover;
     background-repeat: no-repeat;
     text-align: left;
     text-decoration: none;
}
 @media screen and (min-width: 1600px) {
     .nav.navbar-nav li ul.column-nav {
         width: 85vw;
    }
}
 .nav.navbar-nav li:focus > ul.column-nav, .nav.navbar-nav li:active > ul.column-nav, .nav.navbar-nav li:focus-within > ul.column-nav, .nav.navbar-nav li a:focus + ul, .nav.navbar-nav li a:active + ul {
     display: block;
}
/*adds a border to the left of the column*/
 .c2 {
     border-left: 2px solid #00A887;
     padding-left: 25px;
}
 .c3 {
     border-left: 2px solid #00A887;
     padding-left: 25px;
}
/*Skip to next megamenu link*/
/*adds a hidden skip to next menu item available only on focus - manually create the links*/
 li.skip {
     height: 0px !important;
}
 .nav.navbar-nav li ul.column-nav li a.skip-next {
     position: absolute;
     transform: translateY(-100%);
     background: transparent;
     position: absolute;
     transform: translateY(-50%);
     transition: transform 0.3s;
     z-index: -100;
     color: transparent !important;
}
 .nav.navbar-nav li ul.column-nav li a.skip-next:focus {
     transform: translateY(0%);
     z-index: 1000;
     color: #333 !important;
     background-color: var(--hover-bg) !important;
}
/*divs allow megamenu to display in columns of 2, 3 or 4 - column-programs is unique 3 column sizing specific to catalog*/
 .columns-2 {
     display: grid;
     column-gap: 10%;
     row-gap: 3rem;
     grid-template-columns: 45% 45%;
}
 .columns-3 {
     display: grid;
     column-gap: 8%;
     row-gap: 3rem;
     grid-template-columns: 25% 25% 25%;
}
 .columns-4 {
     display: grid;
     column-gap: 3rem;
     row-gap: 3rem;
     grid-template-columns: 23% 23% 23% 23%;
}
 .columns-programs {
     display: grid;
     column-gap: 2.5%;
     row-gap: 3rem;
     grid-template-columns: 45% 25% 25%;
}
/*second level of navigation li*/
/*main appears as an h3 level of heading*/
 li.main {
     font-weight: bold;
     font-size: 18px;
     margin-top: 15px;
     text-indent: -8px;
}
 li.main h3 {
     font-size: 18px;
     color: #fff !important;
     font-family: var(--normal);
     font-weight: bold;
}
 .nav.navbar-nav li ul.column-nav li.main:after {
     content: '';
     display: block;
     background: var(--gold);
     height: 2px;
     width: 33px;
     margin-left: 3%;
     margin-bottom: 8px;
     margin-top: -3px;
}
/*third level of navigation li - indented under the main*/
 a.lvl-3 {
     font-size: 16px;
     font-weight: normal !important;
}
/*the "sub" class gives a hanging indent to items that might span more than one line*/
 li.sub {
     padding-left: 15px;
     list-style-position: inside;
     text-indent: -15px;
}
/*Hide Top Tabs on front end for Tabbed Templates*/
 #s-lg-guide-tabs-title-bar {
     border-top: 0 !important;
}
 .nav.nav-tabs.split-button-nav {
     display:none;
}
/*Side Navigation*/
 #s-lg-tabs-container .nav-tabs > .active > a {
     text-decoration: none;
}
 #s-lg-tabs-container .nav-pills > li > a {
     background-color: #fff !important;
     color: #00687f !important;
     text-decoration: none !important;
     font-weight: normal !important;
}
 #s-lg-tabs-container .nav-pills > .active > a:link {
     border-left: solid .5rem var(--gold);
     border-image: linear-gradient(to bottom,rgba(251,184,75,0) 0%,rgba(251,184,75,0) 24%,var(--gold) 25%,var(--gold) 75%,rgba(251,184,75,0) 76%,rgba(251,184,75,0)) 4 0 1 1;
     border-image-width: 1;
     border-image-width: 0 0 0 .5rem;
}
 div.col-md-3.s-lg-tabs-side.pad-bottom-med {
     margin-bottom: 25px;
     border-right: 1px solid var(--light gray);
}
 .nav-pills .list-group-item {
     background-color: #fff !important;
     border-bottom: none !important;
     border-top: none;
     border-left: none;
     border-right: none;
     margin: 0 !important;
     padding-left: 0px;
     padding-bottom: 10px !important;
}
 .nav-pills .list-group-item a {
     text-decoration: none !important;
     color: var(--dark-gray);
}
 .nav-pills .list-group-item:last-child {
     padding-bottom: 20px !important;
}
 #s-lg-tabs-container .nav-pills > li > a:hover, #s-lg-tabs-container .nav-tabs > .active > button:hover, #s-lg-tabs-container .nav-pills > li > a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
     background-color: var(--hover-bg) !important;
     color: #333333 !important;
     outline: none !important;
     border-radius: 5px !important;
}
/*adds a W image above side navigation
 @media screen and (min-width: 992px) {
     div.col-md-3.s-lg-tabs-side.pad-bottom-med {
         background-image: url(https://libapps.s3.amazonaws.com/customers/1460/images/Quad_W_gradientoverlay.png);
         background-repeat: no-repeat;
         background-position: center 1%;
         background-size: 35%;
         padding-left: 40px !important;
         position: sticky;
         top: 40px;
         padding-top: 50px !important;
    }
}
*/
 @media screen and (min-width: 1600px) {
     div.col-md-3.s-lg-tabs-side.pad-bottom-med {
         padding-left: 40px !important;
    }
}
 @media screen and (min-width: 991px) {
     div.col-md-3.s-lg-tabs-side.pad-bottom-med div#s-lg-tabs-container {
         width: 121%;
    }
}
 @media screen and (min-width: 1920px) {
     div.col-md-3.s-lg-tabs-side.pad-bottom-med div#s-lg-tabs-container {
         width: 115%;
    }
}