:root { --sansSerif: "Lexend Deca", sans-serif; --serif: "Fraunces", serif; --yellow: #EFCB68; --navy: #1C304A; --blue: #106FBD; --smooth: 0.2s ease-out; } * {margin:0; padding:0; outline:none; border:none; box-sizing:border-box; -moz-box-sizing:border-box;} /* GLOBAL */ html {} body {line-height:1; font-family: var(--sansSerif); font-optical-sizing: auto; color: #1C304A;} h1 {font-family: var(--serif); font-weight: 700;} h2 {font-family: var(--serif); font-weight: 700;} h3 {font-family: var(--serif); font-weight: 700;} h4 {font-family: var(--serif); font-weight: 700;} h5 {font-family: var(--serif); font-weight: 700;} h6 {font-family: var(--serif); font-weight: 700;} p {font-size: 16px; line-height: 1.4em} ul, ol {} img {max-width:100%; height:auto;} a {color:inherit;} a.cover {position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); display:block; z-index: 5} .inner {width:1326px; padding-left: 23px; padding-right: 23px; max-width:100%; margin:0 auto; } .cols {display: flex; width: 100%;} .span-2 .col {width:50%;} .span-3 .col {width:33.333%;} .mt-1 {margin-top: 1em} .mb-1 {margin-bottom: 1em} .sr-only {display: none} /* HEADER */ .logo {width: 170px; max-width: 100%; display: block;} .logo-open { display: none; } header.open .logo-default { display: none; } header.open .logo-open { display: block; } .header-right {display: flex; flex-direction: column;justify-content: center;} .top-nav {display: flex; justify-content: flex-end; align-items: center; background-color: #F4F4F4} .desktop-hidden span, .desktop-hidden {display: none;} header {position: relative; z-index: 20} header .inner {display: flex; justify-content: space-between; align-items: center;} header ul {list-style: none} header ul li {} header ul li a {text-decoration: none; transition: 0.2s ease-in-out;} header ul li a:hover {} header ul li span {cursor:pointer;position: absolute; right: -10px; top:12px; display: block;background-image: url(/_assets/icon-chevron-white.svg);background-position: center;background-size:10px;background-repeat: no-repeat;width:35px;height:35px; display: none; transition: 0.2s ease-out; display: none} header ul li span.active {transform: rotate(90deg)} header .top-nav {padding: 12px 0} header .top-nav ul {font-size: 16px; display: flex; font-weight: 500} header .top-nav ul li {border-right: 1.5px solid #1C304A} header .top-nav ul li a:hover {opacity: 0.5} header .top-nav ul li a {padding:0 15px;} header .top-nav .inner {justify-content: flex-end} header nav {margin-top: 28px;} header nav ul {font-weight: 500; font-size: 18px; display: flex; justify-content: flex-end; line-height: normal} header nav ul li {padding: 0; margin: 0 22px; padding-bottom: 23px; position: relative;} header nav ul li a {color: #1C304A; padding:5px 0 7px 0; display: block; line-height: 1em; position: relative;} /* header nav ul li a:after {width:50px; height: 18px; background-image: url(/_uploads/_assets/nav-triangle.png); background-size: cover; display: block; position: absolute; bottom: -41px; left: 50%; margin-left: -25px; z-index: 5; content:''; opacity: 0; visibility: hidden} */ header nav ul li:hover a:after {visibility: visible; opacity: 1;} header nav ul li:hover a {/*background-color: #1C304A; color: #ffffff*/ position: relative;} header nav ul li:first-child {margin-left: 0} header nav ul li:hover .dropdown {left: 50%; transform: translateX(-50%)} header nav ul li:hover .dropdown.dd-last {left: auto; right: -50px; transform: translateX(0);} header nav ul li.last-nav-item {margin-right: 0} header ul li.sub-menu-item:hover > a {opacity: 0.5 !important} header ul li.turquoise:hover > a {color:#65C6C3} header ul li.turquoise .dropdown .dd-inner {border-color:#dd3598} header ul li.red:hover > a {color:#FF6B6B} header ul li.red .dropdown .dd-inner {border-color:#65c6c3} header ul li.purple:hover > a {color:#46377A} header ul li.purple .dropdown .dd-inner {border-color:#ff6b6b} header ul li.pink:hover > a {color:#DD3598} header ul li.pink .dropdown .dd-inner {border-color:#1c304a} header nav ul li.no-dropdown a:after {display: none !important} .dropdown .dd-inner .dd-inner ul li {padding-left: 5px; padding-right: 0} /* DROPDOWN */ .dropdown {position: absolute; background-color: #1C304A; left: -999999px; top: 100%; overflow: hidden; padding:0 30px; width: 300px;} .dropdown ul {display: flex; flex-direction: column; width: 100%; padding:40px 0; justify-content: flex-start; font-weight: 400} .dropdown ul li {font-size: 18px; font-weight: 400} .dropdown ul li a {color: #ffffff; background-color: transparent !important; border:none !important; line-height: 1.2em; padding: 8px 0} .dropdown ul li a:hover {opacity: 0.5} .dropdown ul li a:after {display: none !important} .dropdown ul li {margin: 0; padding: 0;} .dropdown .dd-inner {display:flex;} header nav ul li .dropdown .dropdown ul li {font-weight: 400} header nav ul li:hover .dropdown .dropdown {left: 0; top: 0; transform: unset; display: block;position: relative; opacity: 1; z-index: 999; transition: 0s; padding: 0px; width: 100%;} header nav ul li:hover .dropdown .dropdown ul li {} /* DROPDOWN SUB-ITEM */ .sub-menu-item {position: relative;overflow:hidden;} .sub-menu-item.active .dropdown {background-color: #49596E;opacity: 1;left: unset !important;position: relative;top: unset;transform: unset;padding: 0;width: 100%;} .sub-menu-item .dropdown {left:-999999px;opacity: 0;transition: opacity 1s;} .sub-menu-item .dropdown ul {padding: 0;} .sub-menu-item .dropdown ul li {border-bottom: 0 !important; position: relative;} .sub-menu-item .dropdown ul li a {font-size: 16px; padding-left: 10px;} .sub-menu-item .dropdown ul li a:hover {opacity:.5;} .sub-menu-item .dropdown ul li:before {width: 5px; background-color: #106FBD; content: ''; position: absolute; left: 0; top: 5px; bottom: 5px;} .dropdown a:hover {opacity:.5;} .sub-menu-item > span {position: absolute;right: 2px; top: 3px;} .sub-menu-item.active {background-color: #49596E;} .sub-menu-item:hover > a {opacity: 1 !important;} /* SUB MENU ITEM (SIDE NAV) */ .sub-menu-item.sidebar {} .sub-menu-item.sidebar > span {width: 9px; height: 17px; background-image: url(/_uploads/_assets/icon-chevron-teal.svg); background-size: cover;transition: transform .35s;} .sub-menu-item.sidebar ul {height: 0;visibility: hidden;opacity: 0;transition: visibility 1s, opacity 1s;} .sub-menu-item.sidebar.active {background-color: #E1E3E7;} .sub-menu-item.sidebar.active ul {height:unset;visibility: visible;opacity: 1;} .sub-menu-item.sidebar > span.active {transform: rotate(90deg)} /*.dropdown.flipped .dd-inner {flex-direction: row-reverse;}*/ .nav-pullout {color: #ffffff; width: 420px; padding: 30px 60px 50px 40px; position: absolute; right: 0; top:0; text-align: right; display: none} .nav-pullout a {border: none; padding: 0; background: none !important; margin-top: 30px;} .nav-pullout:after {border-radius: 200px; position: absolute; left: 0; top:-100px; content: ''; width: 735px; height: 400px; display: block; transform: rotate(13deg); background: rgb(255,176,23); background: linear-gradient(90deg, rgba(255,176,23,1) 0%, rgba(255,107,107,1) 50%, rgba(255,107,107,1) 100%);} .nav-pullout h2 {font-size: 28px;} .nav-pullout p {font-weight: normal} .nav-pullout-inner {position: relative; z-index: 1} .dropdown.flipped .nav-pullout {right: auto; left: 0; transform: scaleX(-1)} .dropdown.flipped .nav-pullout .nav-pullout-inner {transform: scaleX(-1); text-align: left;} /* NAV ICON */ .hamburger {width: 35px; height: 22px; z-index: 30; position: relative; cursor: pointer; margin-left: 25px; display: none} .hamburger span {width: 100%; display: block; height: 2px; background-color: #101B40; position: absolute; top: 0; left: 0; border-radius: 1px; } .hamburger span:nth-child(1) {} .hamburger span:nth-child(2) {top: 10px; } .hamburger span:nth-child(3) {top: 20px; } .hamburger.open span:nth-child(1) {top: 13px; transform: rotate(45deg) } .hamburger.open span:nth-child(2) {opacity: 0; transform: scale(0) } .hamburger.open span:nth-child(3) {top: 13px; transform: rotate(-45deg)} /* GENERAL SEARCH BOX */ .search-box {border:0.5px solid #C1C1C1; width: 727px; max-width: 100%; margin: auto; display: flex; align-items: center; justify-content: space-between;} .search-box input[type="text"] {width: 100%; opacity: 1; font-size: 18px; color:#1C304A; border: none; padding: 15px 20px} .search-box input[type="submit"] {width: 25px; height: 25px; background-image: url(/_assets/icon-search-small.svg); background-size: 100%;background-repeat: no-repeat; background-color: transparent} .search-box input[type="text"]::-webkit-input-placeholder {color:#1C304A; opacity:1;} .search-box input[type="text"]::-moz-placeholder {color:#1C304A; opacity:1;} .search-box input[type="text"]:-ms-input-placeholder {color:#1C304A; opacity:1;} .search-box input[type="text"]:-moz-placeholder {color:#1C304A; opacity:1;} /* HEADER SEARCH BOX */ header .search-box input[type="text"]::-webkit-input-placeholder {color:#000000; opacity:0.5;} header .search-box input[type="text"]::-moz-placeholder {color:#000000; opacity:0.5;} header .search-box input[type="text"]:-ms-input-placeholder {color:#000000; opacity:0.5;} header .search-box input[type="text"]:-moz-placeholder {color:#000000; opacity:0.5;} header .search-box {margin-left: 15px; transition: 0.2s ease-out; width: auto; margin-right: 0; border: none; padding: 0; height: 30px; display: flex; align-items: center; border-bottom: 1px solid transparent} header .search-box input[type="submit"] {width:21px; height: 21px; background-image: url(/_assets/icon-search-small.svg); background-size: cover; background-color: transparent} header .search-box input[type="text"] {color:#000000; background-color: transparent; font-size: 16px; padding-bottom: 5px; visibility: hidden; opacity: 0; width: 0; transition: 0.2s ease-out; padding: 0} header .search-box:hover {border-bottom: 1px solid #000000} header .search-box:hover input[type="text"] {visibility: visible; opacity: 1; position: relative; padding-right: 20px; width: auto} /* HOME HERO CONTAINER */ .hero-container {min-height: 607px; background-size: cover; background-position: center; display: flex; overflow: hidden; color: #ffffff} .hero-container .inner {display: flex; justify-content: flex-end} .hero-text {margin-top: 120px;} .hero-text:before {height: 25px; width: 90px; background-color: #ffffff; content: ''; display: block; margin-bottom: 25px;} .hero-text h1 {font-size: 84px; margin-bottom: 0.1em} .hero-text h1 span {color: #00DCF9} .hero-text h2 {font-family: var(--sansSerif); font-weight: 500; font-size: 46px;} .hero-text ul {display: flex; list-style: none; margin-top: 50px;} .hero-text ul li {margin-right: 50px;} .hero-text ul li:last-child {margin-right: 0} .hero-text ul li a {text-decoration: none;} .content-hero-container {display: flex; align-items: flex-end; justify-content: flex-start} .content-hero-container p {font-size: 24px; color: #00DCF9;} .content-hero-container h1 {font-size: 61px;} .content-hero-container .hero-inner:after {display: none} .content-hero-container .hero-text {background-color: var(--navy); padding: 45px 50px 40px 126px; display: inline-block; min-width: 725px; max-width: 100%; position: relative;} .content-hero-container .hero-text:before {width: 136px; height: 30px; position: absolute; top: -15px; left: 0; background-color: var(--blue);} .hero-text.hero-text-date {position: relative; padding-right: 110px;} .hero-text.hero-text-date .date {position: absolute; left: auto; right: 26px; top: 26px;} .hero-inner {width: 1366px; max-width: 100%; margin: 0 auto} .home .hero-inner:before {background-image: url(/_uploads/shapes/hero-shape-default.png);} .course .content-hero-container h1 {font-size: 48px;} .hero-container.home-hero-container {font-size: 0; position: relative; min-height: unset} .hero-container.home-hero-container .inner {position: absolute; left: 50%; transform: translateX(-50%); height: 100%;} .hero-container.home-hero-container picture {width: 100%;} .hero-container.home-hero-container .hero-text {position: absolute; right: 23px} /* HOMEPAGE PANELS */ .inner-alt {width: 100%;margin: unset;} /* CALLOUT BLOCKS */ .callout-actions {background-color: var(--yellow); padding: 35px 0 65px} .callout-actions .cols {gap: 23px;} .callout-actions .col {width: 33.333%;} .callout-actions .callout-block {width: 338px; max-width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between; margin-left: auto; margin-right: auto; text-decoration: none; height: 100%;} .callout-actions .callout-block h3 {font-size: 37px;} .callout-actions .callout-block hr {border-color: var(--navy); border-top: 4px solid var(--navy); margin: 1.5em 0} .callout-actions .callout-block-top {margin-bottom: 30px;} /* FULL WIDTH CAROUSEL */ .full-width-carousel {height: 530px;} .full-width-carousel .slide {background-size: cover; background-position: center; position: relative; display: flex; justify-content: flex-end; align-items: flex-end;position: relative;} .full-width-carousel .slick-list {height: 100%;} .full-width-carousel .slick-track {display: flex; height: 100%;} .full-width-carousel .slide-text {position: relative; z-index: 1; width: 420px; max-width: 100%; padding-bottom: 50px; padding-right: 70px; color: #ffffff; background-color: var(--blue); width: 680px; padding:90px 60px 50px 60px;} .full-width-carousel .slide-text h3 {font-size: 28px; margin-bottom: 0.75em; font-family: var(--sansSerif)} .full-width-carousel .slide-text p, .full-width-carousel .slide-text p span {font-size: 18px; line-height: 1.3em;} .full-width-carousel .slide-text .btn-text-chevron {margin-top: 1.5em;} .full-width-carousel .slide-text:before {height: 25px; width: 90px; background-color: #ffffff; content: ''; display: block; position: absolute; left: 0px; top: 40px;} .full-width-carousel .slide-text .btn {margin-top: 40px;} .full-width-carousel-container {position: relative;} .full-width-carousel-section .inner-alt {padding: 0} .full-width-carousel-container .carousel-nav-container {width: auto; left: 540px; bottom: 70px;} .full-width-carousel .inner {padding: 0 23px;} .full-width-carousel .carousel-image {position: absolute; inset: 0; background-size: cover; background-position: center;} .carousel-nav {position: relative;} .carousel-nav-container {position: absolute; display: flex; justify-content: center; width: 100%; bottom: 40px; font-size: 0} .carousel-nav-container .slick-arrow {position: absolute; font-size: 0; width: 9px; height: 17px; background-image: url(/_assets/icon-chevron-white.svg); content:''; background-size: cover; background-color: transparent; z-index: 1; top:-1px} .carousel-nav-container .slick-arrow.slick-prev {left: -20px; transform: rotate(-180deg)} .carousel-nav-container .slick-arrow.slick-next {right: -20px} .carousel-nav-container .slick-dots {display: inline-flex; font-size: 0; width: 100%; justify-content: center;} .carousel-nav-container .slick-dots li {width: 15px; height: 15px; border-radius: 15px; background-color: transparent; border:2px solid #ffffff; margin:0 3px;} .carousel-nav-container .slick-dots li.slick-active {background-color: #ffffff} /* SOCIAL PULLOUT */ .social-pullout {padding: 50px 0 0;} .social-pullout .inner {display: flex; justify-content: center; align-items: center;} .social-pullout .social {display: flex; list-style: none} .social-pullout .social li {width: 40px; margin: 0 10px;} .social-pullout .social li:hover {opacity: 0.8} .social-pullout p {font-size: 39px; color: #1C304A; text-decoration: none; line-height: 1em; margin-left: 20px;} /* CARD LISTING */ .card-listing-section {padding:50px 0 40px; background-color: #F4F4F4} .card {color: #ffffff; height: 100%; position: relative; background-color: #ffffff;} .card-image-container {height: 190px; overflow: hidden; position: relative;} .card-image {position: absolute; left: 0; top:0; width: 100%; height: 100%; background-size: cover; background-position: center; transition: 0.2s ease-out;} .card-text {padding: 40px 40px 50px;} .card-text h3 {font-size: 28px; margin-bottom: 0.75em; color: var(--navy); font-family: var(--sansSerif);} .card-text p, .card-text p span {margin-bottom: 1em; color: var(--navy);font-size: 18px !important;} .card.purple {background: rgb(221,53,152); background: linear-gradient(145deg, rgba(221,53,152,1) 0%, rgba(70,55,122,1) 100%);} .card.orange {background: rgb(255,176,23); background: linear-gradient(145deg, rgba(255,176,23,1) 0%, rgba(255,107,107,1) 100%);} .card.blue {background: rgb(101,198,195); background: linear-gradient(145deg, rgba(101,198,195,1) 0%, rgba(70,55,122,1) 100%);} .card:hover .card-image {transform: scale(1.05)} .card-listing-section .cols {gap: 27px; flex-wrap: wrap} .card-listing-section .col {flex: 0 0 calc((100% - (2 * 27px)) / 3); padding: 0; margin-bottom: 10px;} /* SEARCH RESULTS */ .search-results {background-color: #1C304A; color: #ffffff; padding: 60px 0} .search-results h1 {font-size: 40px; font-weight: 700} .big-search.search-box {background-color:rgba(255,255,255,0.18); border:none; width: 100%; padding: 0; margin: 30px 0 50px} .big-search.search-box .inner {position: relative;} .big-search.search-box input[type="submit"] {font-size: 0; position: absolute; background-image: url(/_assets/icon-search-small-white.svg); background-size: 35px 35px; width: 35px; height: 35px; top:50%; margin-top: -18px; right: 40px;} .big-search.search-box input[type="text"] {font-size: 40px; color: #ffffff; padding: 30px 70px 30px 0; background-color: transparent;} .big-search.search-box input[type="text"]::-webkit-input-placeholder {color:#ffffff; opacity:1;} .big-search.search-box input[type="text"]::-moz-placeholder {color:#ffffff; opacity:1;} .big-search.search-box input[type="text"]:-ms-input-placeholder {color:#ffffff; opacity:1;} .big-search.search-box input[type="text"]:-moz-placeholder {color:#ffffff; opacity:1;} .col-search-results h2 {font-size: 27px; border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px;} .col-search-results {width: 940px; max-width: 100%;} .search-result-item {color:#1C304A; margin-bottom: 10px; text-decoration: none; background-color: #ffffff; padding: 30px 25px; display: block; border-top-right-radius: 800px; border-bottom-right-radius: 800px; transition: 0.2s ease-out} .search-result-item h4 {font-size: 20px; margin-bottom: 1em} .search-result-item:hover {transform: translateX(10px);} /* MAIN TWO COL STYLE */ .two-col {padding: 0} .two-col > .inner {width: 1366px; padding: 0} .two-col .cols {margin: 0; width: 100%; flex-wrap: nowrap} .two-col .col-left {width: 350px; flex-shrink: 0; background-color: #ECEEF0} .two-col .col-right {width: calc(100% - 350px); padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 40px;} .two-col .col-right.col-full {width: 100%; padding: 0 30px} .two-col .col-right h2 {font-size: 28px; color: #1C304A; margin-bottom: 1em; line-height: 1.2em; font-family: var(--sansSerif); font-weight: 500} .two-col .col-right ul, .two-col .col-right ol, .two-col .col-right p {color:#1C304A; margin-bottom: 1.2em} .two-col .col-right p span.intro b, .two-col .col-right p span.intro strong, .two-col .col-right p span.intro {font-size: 26px; line-height: 1.3em; font-weight: 400;} .two-col .col-right ul, .two-col .col-right ol {margin: 1em; margin-left: 2em} .two-col .col-right ul li, .two-col .col-right ol li {margin-bottom: 0.5em; line-height: 1.4em; font-size: 16px; } .col-right p:has(> iframe), .col-right p span:has(> iframe) {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; display: block} .col-right p iframe, .col-right p span iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .blockquote-container {color:#ffffff; width:100%; padding: 50px 50px 50px 40px; margin:40px 0; background-color: var(--yellow);} .col-right .blockquote-container p {font-size: 28px; font-weight: 700; color: var(--navy); line-height: 1.2em; margin-bottom: 0.75em} .blockquote-container p:last-child {margin-bottom: 0} .blockquote-container cite {display: block; text-align: right; font-size: 21px; font-style: normal; color: var(--navy);} .col-right table td {padding: 10px; border: 1px solid #cccccc} .blockquote-container blockquote {background-image: url(/_uploads/_assets/icon-quote.png); background-size: 88px auto; padding: 50px 0 0 20px; background-repeat: no-repeat;} .left-nav {padding: 40px 40px 40px 50px; color: #ffffff;} .left-nav h3 {font-size: 22px; color: #1C304A; margin-bottom: 0.75em; cursor: pointer; transition: ease-in-out 0.2s; font-family: var(--sansSerif); border-bottom: 1px solid #00DCF9; padding-bottom: 10px;} .left-nav h3:hover {opacity: 0.5;} .left-nav ul {list-style: none; font-size: 18px; font-weight: 400;} .left-nav ul li {line-height: 1.2em; /*border-bottom: 1px solid #65C6C3;*/ position: relative;} .left-nav ul li:last-child {margin-bottom: 0} .left-nav ul li a {text-decoration: none; color: #1C304A; font-weight: 500; padding:10px 0 10px 0; display: block} .left-nav ul li a:hover {opacity: 0.75} /*.left-nav ul li.active a:not(.sub-menu-item a) {position: relative; background-image: url(/_uploads/_assets/icon-chevron-teal.svg); background-position: right 15px center; background-repeat: no-repeat; display: block; background-color: #E1E4E8; padding-left: 10px; padding-right: 27px;}*/ .left-nav ul li.first {/*margin-bottom: 0.8em;*/} .left-nav ul li.first a {/*font-size: 22px;*/} /* Sub Nav Irems */ .left-nav ul li span {cursor:pointer;width: 25px;height: 20px;background-image: url(/_uploads/_assets/icon-chevron-teal.svg);background-size: 12px;background-repeat: no-repeat;background-position: center;transition: 0.2s ease-out; position: absolute;top: 11px;right: 5px;} .left-nav ul li span:hover {opacity: .6;} .left-nav ul li.active span {transform: rotate(90deg);} .left-nav ul li ul.sub-pages {display:none; background-color: #00DCF9; margin-bottom: 10px; width: calc(100% + 40px);} .left-nav ul li.active ul.sub-pages {display:block;} .left-nav ul li ul.sub-pages li {border: 0px; margin-left: 0px; } .left-nav ul li ul.sub-pages li a {font-weight: 400; background-image: none !important;padding-left: 25px;} .left-nav ul li ul.sub-pages li.active a {font-weight: 700; /*padding-left: 10px;*/} .left-nav ul li.active:before {position: absolute; width: 34px; height: 18px; background-color: var(--blue); content: ''; left: -50px; top: 10px; display: block;} .left-nav ul li.active > a {font-weight: 700} .left-nav ul li span {display: none} .left-nav ul li.active ul.sub-pages li.active:before {display: none} .single-col-page .inner {width: 1161px; padding: 0 23px;} .single-col-page .col-right.col-full {padding: 0} /* IMAGE CAROUSEL */ .image-carousel-container {margin:0 0 40px 0; position: relative;} .image-carousel {background-color: #101B40} .image-carousel p {color:#ffffff; font-size: 20px; margin: 0; width: calc(100% - 150px);} .slide-image {background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 55%; background-color: #eeeeee} .slide-text {padding:5px 15px;} .image-carousel-container .carousel-nav-container-2 {position: absolute; bottom: 14px; right:20px; z-index: 1} /* ALTERNATIVE IMAGE CAROUSEL WITH FIXED TEXT */ .image-carousel-container-alt .slide-text {width: 100%; display: flex; align-items: flex-end; padding: 20px; background-color: var(--blue);} .image-carousel-container-alt .slide-text p {color:#ffffff; margin-bottom: 0; font-size: 20px; width: calc(100% - 150px); } .image-carousel-container-alt.image-carousel-container-yellow .slide-text {background-color:#FFCB00} .image-carousel-container-alt.image-carousel-container-yellow .slide-text p {color:#101B40;} /* NUMBERS CAROUSEL */ .image-carousel-container-alt .carousel-nav-container-2 {bottom:20px; right: 50px;} .image-carousel-container-alt .carousel-nav-container-2 .slick-arrow {top:2px} .image-carousel-container-alt ul.custom_paging {margin: 0; font-size: 28px;} .image-carousel-container-alt ul.custom_paging li {display: none; margin: 0} .image-carousel-container-alt ul.custom_paging li.slick-active {display: block; color: #ffffff} .image-carousel-container-alt .slide-text p span.expander-chevron {margin-left: 15px; transform: rotate(-90deg)} .image-carousel-container-alt .slick-arrow {position: absolute; font-size: 0; width: 11px; height: 21px; background-image: url(/_assets/icon-chevron-white.svg); content:''; background-size: cover; background-color: transparent; z-index: 1; top:-3px} .image-carousel-container-alt .slick-arrow.slick-prev {left: -25px; transform: rotate(-180deg)} .image-carousel-container-alt .slick-arrow.slick-next {right: -25px} /* COURSE FILTER */ .course-switches {display: flex; flex-wrap: wrap; margin: 40px 0;} .switch {position: relative; display: inline-block; width: 43px; height: 22px;} .switch input {opacity: 0; width: 0; height: 0;} .slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #B0B7C0; -webkit-transition: .4s; transition: .4s;} .slider:before {position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} .switch input:checked + .slider {background-color: #101B40;} .switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;} .switch input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);} .slider.round {border-radius: 34px;} .slider.round:before {border-radius: 50%;} .switch-container {display: flex; align-items: center; margin-bottom: 18px; } .switch-container label {font-weight: 700; margin-right: 12px; font-size: 16px; font-weight: 400} /* ACCORDION SECTION */ .accordion-section {margin:0 0 40px 0} .accordion-section .accordion-item {margin-bottom:8px;} .accordion-section .accordion-item h3 {font-size:20px; font-weight: 500; font-family: var(--sansSerif); margin: 0; color: #ffffff; background-color: #1C304A; position: relative; cursor: pointer; line-height: 1.4em; padding: 13px 40px 13px 24px;} .accordion-section .accordion-item h3 span.plus {width: 20px; height: 20px; position:absolute; right:20px; display: block; top:16px;transition: .2s ease-out;} .accordion-section .accordion-item h3 span.plus:before {width: 2px; height: 100%;position: absolute; left: 9px; background-color: #ffffff; content: '';} .accordion-section .accordion-item h3 span.plus:after {width: 2px; height: 100%;position: absolute; left: 9px; background-color: #ffffff; content: ''; transform: rotate(90deg);} .accordion-section .accordion-item.active h3 {background-color: var(--blue);} .accordion-section .accordion-item.active h3 span.plus:before {display: none} .accordion-section .accordion-expanded {display:none; padding:20px 24px; background-color: #F1F1F1; margin-top: 0; margin-bottom: 20px;} .accordion-section .accordion-expanded p:last-child {margin-bottom:0;} .contact-section .accordion-section .accordion-item .accordion-expanded h3 {background: none; cursor: unset; padding: 0;} .contact-section .accordion-section .accordion-item .accordion-expanded h3 span {display: block; background: none !important; position: relative; top: auto; right: auto} /* ACCORDION COURSE SECTION */ .course-icon-list {display: flex; margin-bottom: 20px;} .course-icon-list p {display: flex; align-items: center; line-height: 1em; margin: 0} .course-icon-list p span {flex-shrink: 0; transform:translateY(1px); width: 30px;} .course-icon-list .col {margin-right: 30px;} .course-icon-list .col:last-child {margin-right: 0} .accordion-section-course .buttons {margin-bottom: 30px; margin-top: 30px;} .accordion-section-course a.btn-text-chevron {color: var(--navy); border: 2px solid #00DCF9; font-weight: normal; margin-right: 15px; min-width: 220px; max-width: 100%; margin-bottom: 10px; padding: 11px 13px 11px 20px; background-color: #00DCF9; font-size: 16px;} .accordion-section-course a.btn-text-chevron:after {background-image: url(/_uploads/_assets/icon-chevron.svg); top: 0; width: 10px; height: 18px;} .accordion-section-course .big-letter {margin: 1em 0} .accordion-section-course a.btn-text-chevron:hover {background-color: #ffffff; border-color: var(--navy);} .coursecordion {background-color: var(--navy); font-size: 20px; font-weight: 500!important; color: #ffffff; padding: 13px 40px 13px 24px; cursor: pointer; width: 100%; display: block; text-decoration: none; position: relative;} .coursecordion.active {background-color: var(--blue);} .sc-title.active span:before, .coursecordion.active span.plus:before {display: none} .sc-title span, .coursecordion span.plus {width: 20px; height: 20px; position:absolute; right:20px; display: block; top:14px; transition: .2s ease-out;} .sc-title span:before, .coursecordion span.plus:before {width: 2px; height: 100%;position: absolute; left: 9px; background-color: #ffffff; content: '';} .sc-title span:after, .coursecordion span.plus:after {width: 2px; height: 100%;position: absolute; left: 9px; background-color: #ffffff; content: ''; transform: rotate(90deg);} .sc-title span {right: 0; top: 3px;} .sc-title span:before, .sc-title span:after {background-color: var(--navy)} .course-sub-menu {list-style: none; margin: 0 !important} .course-sub-menu li {margin-bottom: 0 !important; margin-top: 15px;} .two-col .col-right .expanded-copy h2 {margin-top: 0} /* ACCORDION ENTERPRISE */ .accordion-section-enterprise .accordion-expanded {background-color: #ffffff;} .enterprise-expanded-cols {display: flex; align-items: flex-start; margin-bottom: 30px;} .enterprise-expanded-cols .logo {width:167px; flex-shrink: 0; border:1px solid #707070; margin-right: 30px;} .enterprise-expanded-cols h4 {font-size: 18px; margin-bottom: 0.5em} /* VIDEO CONTAINER */ .video-container-outer {margin: 40px 0;} .video-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; /*margin-bottom: 30px;*/} .video-container iframe, .video-container object, .video-container embed, .video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* FIND A COURSE */ .find-a-course-section {padding-right: 20px;} .find-a-course {color: #ffffff; padding:35px 50px 45px 50px; margin-bottom: 30px; border-top-right-radius: 200px; border-bottom-right-radius: 200px;} .find-a-course h2 {font-size: 39px; font-weight: normal; margin-bottom: 1em} .find-a-course .cols {width:calc(100% + 28px); margin-left: -14px;} .find-a-course .col {flex: 1; padding:0 14px;} .find-a-course .col .select-css {width: 100%; background-color: transparent; font-size: 21px; color: #ffffff; border-bottom: 2px solid #ffffff; border-radius: 0; padding: 0 35px 23px 10px; background-size: 22px auto; background-position: right 10px top 10px, 0 0} .course-search-section {padding:0 0 30px 0; background-color: var(--yellow);} .course-search-section .search-box {/*padding: 5px 30px 10px;*/ width: 100%; background-color: #ffffff;} .course-search-section .search-box input[type="submit"] {position: relative; top: 2px; right: 20px} .course-search-section a {font-size: 18px; flex-shrink: 0} .course-search-section a:hover {opacity: 0.5} .course-search-section .inner {padding: 0 20px} .search-box-col {width: 590px; max-width: 100%;} .search-box-outer {background-color: #F4F4F4; width: 1093px; max-width: 100%; padding: 19px 28px;} .search-box-outer .cols {display: flex; justify-content: space-between; align-items: center; margin: 0; width: 100%; gap: 23px;} /* COURSE DETAIL PAGE .two-col .col-right ul.course-sub-menu {list-style: none; display: flex; flex-wrap: wrap; padding: 0; margin: 0; width: 100%; max-width: 100%;} .two-col .col-right ul.course-sub-menu li {margin-bottom: 15px; margin-right: 0; width: 100%; display: block;} .two-col .col-right ul.course-sub-menu a {font-weight: 400; margin-bottom: 0; width: 100%;}*/ /*.two-col .col-right ul.course-sub-menu a.active {font-weight: 700;background-color: #65C6C3;}*/ .col-right hr {border-color:#00DCF9 !important; margin: 40px 0} .expanded-copy {display: none; width: 100%; background-color: #F4F4F4; padding: 34px;} .sc-content {padding: 1px} #structure h3:not(:first-child) {border-bottom: 1px solid #101a40; padding-bottom: 5px; position: relative; cursor: pointer; margin: 0 0 10px} #structure h3:not(:first-child):after {content: ''; position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; background-image: url('/_assets/icon-arrow-blue.svg'); background-size: contain; background-repeat: no-repeat; transition: 0.2s ease-in-out;} #structure ul {/*display: none;*/} #structure ul.show {display: block !important;} .sc-content {display: none;} /* CARD VERTICAL */ .card-split-vertical {display: flex;} .card-split-vertical .card-text {width: 50%; background-color: #f1f1f1; padding:28px 36px; flex-shrink: 0} .card-split-vertical .card-image-2 {width: 50%; background-size: cover; background-position: center; position: relative;} .card-split-vertical .calendar {position: absolute; left:15px; top:0; text-align: center; width: 55px;} .card-split-vertical .calendar span:nth-child(1) {font-size: 20px; font-weight: 700; padding: 5px 0 7px; background-color: #46377A; color: #ffffff; display: block} .card-split-vertical .calendar span:nth-child(2) {font-size: 16px; padding: 3px 0 10px; background-color: #ffffff; color: #101B40; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; display: block} .card-split-vertical h3 {font-size: 20px; color: #1C304A; line-height: 1.3em; margin-bottom: 1em} .card-split-vertical p.icon {display: flex; align-items: center; line-height: 0; margin-bottom: 1.75em} .card-split-vertical p.icon span {margin-right: 8px;} .card-split-vertical .btn-text-chevron {font-weight: 400; font-size: 19px;} .card-split-vertical .btn-text-chevron:after {width: 9px; height: 17px; transform: translateY(4px); margin-left: 10px;} .card-split-vertical .btn-text-chevron:hover:after {transform: translateY(4px) translateX(5px);} .card-split-vertical.flipped {flex-direction:row-reverse;} .card-expander {margin-bottom: 15px;} .card-expanded {background-color: #f1f1f1; padding:28px 20px; display: none} .card-expanded .form-container .checkboxes {margin: 40px 0} .card-expanded-form {display: flex;justify-content: flex-start;align-items: flex-start;} .expand-btn {width: 100%;border: 2px solid #65C6C3;padding: 12px 15px 14px 15px !important;} .expand-btn:after {transform: translateY(-3px) !important;} .expand-btn.active:after {transform: rotate(90deg) translateX(-2px) !important;} /* STAFF DIRECTORY */ .people-directory .card-split-vertical {flex-direction: row-reverse; margin-bottom: 0;} .people-directory .card-image-2 {/*width: 167px;*/ width: 386px;} .people-directory .card-text {width: auto; width: 65%;} .people-directory .card-text h3 {margin-bottom: 0.25em} .people-directory .card-text p:last-child {margin-bottom: 0} .people-directory .card-text p a {text-decoration: none} .people-directory .card-text p a:hover {text-decoration: underline} .people-directory .accordion-section .accordion-item h3 {font-size: 20px} .people-directory .select-container {width: 375px; max-width: 100%; margin-bottom: 15px;} .people-directory .card-text .btn.plus {background-color: #00DCF9; border-color: #00DCF9; color: var(--navy);} .people-directory .card-text .btn.plus span:before, .people-directory .card-text .btn.plus span:after {background-color: var(--navy);} .people-directory .card-text .btn.plus:hover {background-color: #ffffff; border-color: var(--navy);} .staff-expanded {background-color: #f1f1f1; padding: 36px; display: none} .btn.plus {display: inline-flex; font-weight: 400; cursor: pointer;} .btn.plus span {width: 20px; height: 20px; position: relative; display: block; transition: .2s ease-out;margin-left: 13px;} .btn.plus span:before {width: 2px; height: 100%; position: absolute; left: 9px; background-color: #ffffff; content: '';} .btn.plus span:after {width: 2px; height: 100%; position: absolute; left: 9px; background-color: #ffffff; content: ''; transform: rotate(90deg);} .btn.plus:hover span:before, .btn.plus:hover span:after {background-color: var(--navy);} /* GALLERY LISTING */ .gallery .cols {flex-wrap: wrap} /* TEXT SECTION */ .col-right h1, .text-section h1 {font-size:28px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-family: var(--sansSerif); font-weight: 500} .col-right h2, .text-section h2 {font-size:26px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-family: var(--sansSerif); font-weight: 500} .col-right h3, .text-section h3 {font-size:24px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-family: var(--sansSerif); font-weight: 500} .col-right h4, .text-section h4 {font-size:22px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-family: var(--sansSerif); font-weight: 500} .col-right h5, .text-section h5 {font-size:20px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-family: var(--sansSerif); font-weight: 500} .col-right h6, .text-section h6 {font-size:18px; line-height: 1.3em; margin:0.75em 0 0.5em 0; font-family: var(--sansSerif); font-weight: 500} .text-section h1 strong, .text-section h2 strong, .text-section h3 strong {font-weight: 500} .col-right h1 strong, .col-right h2 strong, .col-right h3 strong {font-weight: 500} .text-section p {font-size:16px; line-height: 1.3em; margin-bottom: 1.5em;} .text-section ul, .text-section ol {font-size:16px; line-height: 1.3em; margin: 1.5em;} .text-section ul li, .text-section ol li {margin-bottom:0.5em;} /* CONTACT US */ .contact-section .accordion-section .accordion-item {margin-bottom: 20px;} .contact-section .accordion-section .accordion-item h3 {color: #1C304A; background-color: #ffffff; padding: 0; display: flex; align-items: center; padding: 5px 8px 8px 8px;} .contact-section .accordion-section .accordion-item h3 span {background-image: url(/_assets/icon-chevron-navy.svg); position: absolute; right: auto; background-repeat: no-repeat; top: 12px; right: 20px; } .contact-section p.icon {display: flex; font-size: 18px} .contact-section p.icon span {width: 50px} .contact-section p.icon a {text-decoration: none} .contact-section p.icon a:hover {opacity: 0.8} .google-map iframe {width: 100%} /* BLUE GRAD */ .blue-grad {background: linear-gradient(90deg, rgba(70,55,122,1) 0%, rgba(101,198,195,1) 100%);} .blue-grad.flipped {background: linear-gradient(-90deg, rgba(70,55,122,1) 0%, rgba(101,198,195,1) 100%);} /* DOWNLOAD PROSPECTUS */ .popup-background, .download-prospectus-container {position: absolute; left: 0; width: 100%; padding: 45px 0; visibility: hidden; opacity: 0; z-index: 55; transition: 0.4s ease-out; top:0; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.65);} .popup-inner, .prospectus-inner {background-color: #1C304A; width: 540px; max-width:calc(100% - 40px); padding: 40px; position: relative} .prospectus-inner h2 {font-size: 37px; font-family: var(--sansSerif); font-weight: 400; color: #ffffff; margin-bottom: 1em} .prospectus-inner p {color: #ffffff} .prospectus-inner .form-container label {color: #ffffff; font-size: 16px; margin: 0 0 8px 0; display: block; font-weight: 400} .prospectus-inner .form-container input[type="text"] {font-size: 18px; padding:0 15px; height: 45px;} .prospectus-inner .form-container .form-cell {margin-bottom: 15px;} .prospectus-inner .form-container .form-cell:last-child {margin-bottom: 0} button#btnProspectus {background-color: #00DCF9; padding: 12px 15px; display: inline-block; font-size: 18px; font-weight: 400; color: var(--navy); margin-top: 15px;} button#btnProspectus:hover {background-color: var(--yellow)} .prospectus-inner .download-success {display: none; text-align: left; font-size: 19px;} .prospectus-inner .form-cell-submit {margin-top: 25px;} input.download-prospectus-input.error { background-color: #ffcece;} .download-prospectus-container.active {visibility: visible; opacity: 1;} .input-box {position: relative;} .input-box span {width: 57px; height: 57px; border-radius: 57px; border: 5px solid #dadff3; display: flex; justify-content: center; align-items: center; background-color: #ffffff; position: absolute; left: -4px; top: -5px; display: none;} .close {display: block; width: 30px; height: 30px; background-image: url(/_assets/icon-close-2025.svg); background-size: cover; position: absolute; right:20px; top:20px;} /* GENERAL POPUP */ .popup-inner {width: 530px;} .popup-inner h2 {color: #ffffff; font-size: 43px; font-weight: 400; margin-bottom: 0.75em; font-family: var(--sansSerif);} .popup-inner p {color: #ffffff;} .popup-inner .btn-chevron {margin-top: 2em;} .prospectus-inner:before, .popup-inner:before {width: 238px; height: 24px; background-color: var(--blue);position: absolute; left: 0; top: -12px; content: '';} .popup-background.yellow .popup-inner {background-color: var(--yellow);} .popup-background.yellow .popup-inner h2, .popup-background.yellow .popup-inner p {color: var(--navy);} .popup-background.yellow .popup-inner .btn-chevron {background-color: var(--navy) !important; border-color: var(--navy); color: #ffffff} .popup-background.yellow .popup-inner .btn-chevron:after {background-image: url(/_assets/icon-chevron-right-white.svg);} .popup-background.yellow .popup-inner .btn-chevron:hover {background-color: #ffffff !important; color: var(--navy);} .popup-background.yellow .popup-inner .btn-chevron:hover:after {background-image: url(/_uploads/_assets/icon-chevron.svg)} .popup-background.yellow .close {background-image: url(/_assets/icon-close-navy-2025.svg);} /* FOOTER */ footer {padding: 50px 0; background: #1C304A; color: #ffffff} footer .cols {display: flex; justify-content: space-between; flex-wrap: nowrap} footer .cols .col {width: auto} footer .cols .col-map {width: 343px; display: none} footer .cols .col-quicklinks ul {font-size: 18px; margin: 0; list-style: none; font-weight: 500} footer .cols .col-quicklinks ul li {margin-bottom: 18px;} footer .cols .col-quicklinks ul li a {color: #ffffff; text-decoration: none} footer a:hover {opacity: 0.8} footer .col-address {display: inline-flex} footer .col-address h4 {font-size: 18px; margin-bottom: 1.3em; font-family: var(--sansSerif);} footer .col-address p {font-size: 18px;} footer .col-address p.icon {display: flex; align-items: flex-start; line-height: 1em; margin-bottom: 1.2em; line-height: 1.4em} footer .col-address p.icon span { margin-right: 10px; width: 40px; flex-shrink: 0; text-align: center;} footer .col-address p.icon a {text-decoration: none} /* footer .col-address p:last-child {margin-top:50px;} */ ul.logos {display: flex; margin-top: 60px; margin-bottom: 20px; list-style: none} ul.logos img {height: 107px; width: auto} ul.logos li {margin-right: 10px} .col-address-inner {margin-right: 100px;} /* BUTTONS */ .btn {background-color: var(--navy); font-size: 18px; font-weight: 700; padding:12px 20px; color: #ffffff; display: inline-block; border: 2px solid var(--navy); transition: var(--smooth); text-decoration: none} .btn:hover {background-color: #ffffff; color: var(--navy);} .btn-text-chevron {display: inline-flex; justify-content: space-between; align-items: center; font-size: 16px; font-weight: 400; color: #ffffff; border:2px solid var(--navy); background-color: #1C304A; padding:11px 15px 13px 15px; text-decoration: none; line-height: 1em; transition: 0.2s ease-out} .btn-text-chevron:after {width: 9px; height: 16px; background-image: url(/_uploads/_assets/icon-chevron-white-new.svg); content:''; background-size: cover; margin-left: 15px; flex-shrink: 0; position: relative; top: 1px; transition: 0.2s ease-out} .btn-text-chevron:hover {background-color: #ffffff; color: var(--navy);} .btn-text-chevron:hover:after {background-image: url(/_uploads/_assets/icon-chevron.svg);} .btn-text-chevron.active:after { transform: rotate(90deg);} /* .btn-text-chevron.navy {color: #101B40} .btn-text-chevron.navy:after {background-image: url(/_assets/icon-chevron-navy-white.svg);} */ .btn-text-chevron:hover:after, .card:hover .btn-text-chevron:after, .callout-actions .callout-block:hover .btn-text-chevron:after {} .btn-text-chevron.no-bg, .btn-text-chevron.no-bg.navy {padding: 0; background-color: transparent; color: #101B40} .btn-text-chevron.no-bg.navy:after {background-image: url(/_uploads/_assets/icon-chevron-navy-btn.svg)} .btn-text-chevron.no-bg:hover, .btn-text-chevron.no-bg.navy:hover {opacity: 0.5} .btn-text-chevron.no-bg {color: #ffffff} .btn-text-chevron.no-bg:after {background-image: url(/_uploads/_assets/icon-chevron-white-btn.svg); transform: translateY(1px)} /* FORM STYLES */ .form-container .form-row {display: flex; justify-content: space-between; margin-bottom: 20px;} .form-container .form-row .form-cell {width:calc(50% - 10px);} .form-container .form-row-full .form-cell {width:100%;} .form-container label {font-size: 20px; font-weight: 500; color:#101B40; display: block; margin-bottom: 6px; line-height: 1.2em} .form-container textarea, .form-container input[type="text"] {font-size: 20px; color: #101B40; padding: 15px 20px; width: 100%;} .form-container textarea {resize: none; height: 230px;} .form-container .form-row.form-row-checkbox {flex-direction: column} .form-container .checkboxes {display: flex; margin-top: 13px;} .form-container .checkbox-cell {margin-right: 40px} .form-container .checkbox-cell:last-child {margin-right: 0px} .form-container .checkmark {transform: translateY(-2px); background-color: #ffffff;} .form-container .btn-submit {color:#ffffff; font-size: 16px; text-decoration: none; background-color: #101B40; border-radius: 50px; line-height: 1em; padding:10px 25px 15px; transition: 0.2s ease-out} .form-container .btn-submit:hover {color:#101B40; background-color: #ffffff;} .form-container input[type="text"]::-webkit-input-placeholder {color:#101B40; opacity:1;} .form-container input[type="text"]::-moz-placeholder {color:#101B40; opacity:1;} .form-container input[type="text"]:-ms-input-placeholder {color:#101B40; opacity:1;} .form-container input[type="text"]:-moz-placeholder {color:#101B40; opacity:1;} select.select-css {font-size: 20px; color: #101B40; padding: 15px 20px; width: 100%; background-color: #ffffff; border-radius: 0} select.select-css.select-css-2 {background-image: url(/_assets/select-arrow-navy.png); background-size: 16px auto} select.select-css.select-css-2.navy {color:#ffffff; background-color: #101B40; background-image: url(/_assets/select-arrow.png);} /* CHECKBOX */ .form-container .checkboxes {margin-bottom: 20px;} .form-container label.container {font-size: 16px;} .form-container .container input:checked ~ .checkmark {background-color: #1C304A} /* LEGACY COOKIE BAR */ .cookieBar {width: 100%; background-color:rgba(0,0,0,0.5); position: fixed; bottom: 0px; left: 0px; text-align: center; padding: 10px 10px; z-index: 99999999;} .cookieBar p {color:#ffffff; font-size:14px; font-family:inherit; line-height:1.5em; text-align:center; display:inline-block;} .cookieBar .acceptBtn {background:#000; border:1px solid #DEDEDE; font-weight:bold; display:inline-block; margin-top:6px; margin-left:5px; font-family:inherit; font-size:12px; padding:5px 10px; text-decoration:none; color:#FFF; text-transform:uppercase; } /* ENTRY REQUIREMENTS */ .entry-requirement { display: none; } .entry-requirement.active { display: block; } .entry-requirements-select-container { font-size: 21px;font-weight: 700;margin: 0;color: #ffffff;background-color: var(--navy); position: relative;cursor: pointer;line-height: 1.4em;padding: 10px 40px 10px 20px;width: 100%;position: relative; } .entry-requirements-select-container:after { background-image: url(/_assets/icon-left-nav-chevron.svg);background-repeat: no-repeat;width: 11px;height: 20px;position: absolute;right: 20px;display: block;top: 50%;content: "";transform: translateY(-50%);transition: transform .25s; } .entry-requirements-select-container.open:after { transform: translateY(-50%) rotate(90deg); } .entry-requirements-select-container .entry-requirements-select { width: 100%;cursor: pointer;background: transparent;padding: 10px;color: #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none; } .entry-requirements-select-container .entry-requirements-select option { background-color: #46377A;color: #fff; } .entry-requirement-list { padding: 20px 0; } /* LATEST NEWS PANEL */ .latest-news-section {} .follow-us h2, .latest-news-section h2 {font-size: 33px; color:#101B40; font-weight: 700; margin-bottom: 0.75em} .latest-news-section .inner {background-color: #ffffff; width: 100%; padding: 40px 0px; margin: auto; position: relative;} .latest-news-section .col {width:33%; padding:8px; height: auto} .split-card {background-color: #ffffff; height: 100%; position: relative;} .split-card a.cover {z-index: 10} .card-image-container {height: 190px; background-size: cover; position: relative;} .date {background-color: #ffffff; position: absolute; left: 20px; top:20px; text-align: center; width: auto;} .date p {font-size: 21px !important; line-height: 24px; font-weight: 700; color:#595B60; padding:4px 0 6px 0} .date span {background-color: #F3C35C; display: block; width: 100%; font-size: 10px; text-transform: uppercase; color:#595B60; font-weight: 600; padding: 5px} .latest-news-section .slick-track {display: flex;} .carousel-nav-ln {position: relative;} .carousel-nav-container-ln {position: absolute; display: flex; justify-content: center; width: calc(100% - 80px); bottom: 0px; font-size: 0} .carousel-nav-container-ln .slick-arrow {position: absolute; font-size: 0; width: 11px; height: 21px; background-image: url(/_assets/icon-chevron-navy.svg); content:''; background-size: cover; background-color: transparent; z-index: 1; top:-3px} .carousel-nav-container-ln .slick-arrow.slick-prev {left: -20px; transform: rotate(-180deg)} .carousel-nav-container-ln .slick-arrow.slick-next {right: -20px} .carousel-nav-container-ln .slick-dots {display: inline-flex; font-size: 0; width: 100%; justify-content: center;} .carousel-nav-container-ln .slick-dots li {width: 15px; height: 15px; border-radius: 15px; background-color: transparent; border:2px solid #1C304A; margin:0 3px;} .carousel-nav-container-ln .slick-dots li.slick-active {background-color: #1C304A} /* LATEST NEWS */ .col-right .date p {margin-bottom: 0} .page-panel-latest-news {margin-bottom: 50px; margin-top: -15px;} .page-panel-latest-news .col-container {flex-wrap: wrap; width:calc(100% + 30px); margin-left: -15px;} .page-panel-latest-news .col {width:50%; padding:12px 15px} /* LATEST NEWS COLOUR CHANGE */ .latest-news-section .split-card, .page-panel-latest-news .split-card {background: rgb(255,176,23); background: linear-gradient(145deg, rgba(255,176,23,1) 0%, rgba(255,107,107,1) 100%);} /* LATEST NEWS ** EVENT ** COLOUR CHANGE */ .latest-news-section .event-item .split-card, .page-panel-latest-news .event-item .split-card {background: rgb(101,198,195); background: linear-gradient(145deg, rgba(101,198,195,1) 0%, rgba(70,55,122,1) 100%);} .latest-news-section .split-card .arrow:before, .page-panel-latest-news .split-card .arrow:before {background-color:#FFCB00;} .latest-news-section .split-card .arrow, .page-panel-latest-news .split-card .arrow {background-image: url(/_assets/arrow-head-yellow.svg);} .latest-news-section .split-card h3, .col-right .page-panel-latest-news .split-card h3 {color:#fff; border-color:#fff} .latest-news-section .split-card p, .col-right .page-panel-latest-news .split-card p {color: #ffffff} .latest-news-section .date p {color:#595B60} .col-right .page-panel-latest-news .date p {color:#595B60} .article-hero {background-size: cover; background-position: center; padding-top: 50%; position: relative; margin-bottom: 40px;} .buttons-right {display: flex; justify-content: flex-end; margin-bottom: 40px;} /* BUTTONS */ .btn-arrow {font-size: 24px; border:4px solid #ffffff; display: inline-flex; text-decoration: none; padding: 10px 20px; width: 100%; max-width: 370px; justify-content: space-between; transition: 0.2s ease-out} .btn-arrow:after {width:49px; height: 26px; background-image: url(/_assets/icon-arrow-white.svg); background-size: cover; content: ''; align-self: center; transition: 0.2s ease-out; margin-left: 10px; flex-shrink: 0} .btn-arrow:hover {box-shadow:0 0 0 2px #ffffff} .btn-arrow:hover:after {transform: translateX(5px)} .btn-arrow-navy {border: none; background-color: #101B40; color: #FFCB00} .btn-arrow-navy:after {background-image: url(/_assets/icon-arrow-yellow.svg);} .btn-arrow-navy:hover {background-color: #FFCB00; color: #101B40} .btn-arrow-navy:hover:after {background-image: url(/_assets/icon-arrow-blue.svg);} .btn-chevron {display: inline-flex; border:2px solid #101B40; background-color: var(--navy); font-size: 16px; color: #ffffff; padding: 12px 15px 13px 15px; justify-content: space-between; text-decoration: none} .btn-chevron:after {width:10px; height: 18px; background-image: url(/_assets/icon-chevron-right-blue.svg); background-size: cover; content: ''; align-self: center; margin-left: 20px; flex-shrink: 0; transition: 0.2s ease-out} .btn-chevron:hover {border-color:#101B40 !important; background-color: #101B40 !important; color: #ffffff} .btn-chevron:hover:after {background-image: url(/_assets/icon-chevron-right-white.svg);} .btn-chevron.back {position: relative;display: flex; flex-direction: row-reverse; gap: 12px;} .btn-chevron.back:after {background-image: url(/_uploads/_assets/icon-chevron-white-new.svg); transform: rotate(180deg); margin: 0; width: 10px; height: 18px;} .btn-chevron.back:hover {color: var(--navy); background-color: #ffffff !important;} .btn-chevron.back:hover:after {background-image: url(/_uploads/_assets/icon-chevron.svg);} .btn-chevron-navy {background-color: #101B40; color: #FFCB00; border: none !important} .btn-chevron-navy:hover {background-color: #FFCB00 !important; color: #101B40 !important;} .btn-chevron-navy.active {color: #101B40} .btn-chevron-navy:after {background-image:url(/_assets/icon-chevron-right-yellow.svg)} .btn-chevron-navy:hover:after, .btn-chevron-navy.active:after {background-image:url(/_assets/icon-chevron-right-blue.svg)} .btn-plus {font-size: 21px; border:3px solid #101B40; color: #101B40; display: inline-flex; text-decoration: none; padding: 10px 20px; width: 100%; max-width: 370px; justify-content: space-between; transition: 0.2s ease-out} .btn-plus:after {width:21px; height: 21px; background-image: url(/_assets/icon-plus.svg); background-size: cover; content: ''; align-self: center; transition: 0.2s ease-out; margin-left: 30px;} .btn-plus:hover {box-shadow:0 0 0 2px #101B40} .btn-plus:hover:after {transform: translateX(5px)} .blue-light {background-color: #00DCF9; color: var(--navy); border:2px solid #00DCF9} .blue-light:after {background-image: url(/_uploads/_assets/icon-chevron.svg);} .blue-light:hover {background-color: #ffffff; border-color: var(--navy)} /* LATEST NEWS */ .page-panel-latest-news .span-2 .col {width: 50%;} .page-panel-latest-news .cols.span-2 {flex-wrap: wrap;} /* OPEN DAYS */ .open-days-listing .card-text { width: 60%;} .open-days .cols, .people-directory .cols {width:calc(100% + 30px); margin-left: -15px;} .open-days .cols .col {width: 100%;} .open-days .cols .col, .people-directory .cols .col {padding: 15px; flex-direction: column;} .open-days .card-text { background-color: #1C304A; width: 55%; padding: 50px; } .open-days .card-text h3, .open-days .card-text p { color: #fff; } .open-days .card-text h3 { font-size: 27px; margin: 0; } .open-days .card-text p { font-size: 20px; } .open-days .card-image-2 { width:45%; } .open-days hr { border-bottom: 1px solid #65C6C3;margin: 20px 0; } .open-days select {background-image:url(/_assets/select-arrow-navy.png)} /* GALLERY */ .gallery-page-panel {margin-top: 30px; margin-bottom: 50px;} .gallery-expanded {background-color: #f8f8f8; padding: 20px; display: none} .gallery-page-panel .image-carousel-container {margin-bottom: 0} .image-carousel-container-alt .slide-text p span.expander-chevron.active {transform: rotate(0)} /* IMAGE CAROUSEL */ .image-carousel-container {margin:0 0 40px 0; position: relative;} .image-carousel {background-color: #101B40} .image-carousel p {color:#ffffff; font-size: 20px; margin: 0; width: calc(100% - 150px);} .slide-image {background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 75%; background-color: #000} .slide-text {padding:5px 15px;} .image-carousel-container-alt.image-carousel-container-yellow .slide-text {height: 60px; background-image:unset; background-color: #101B40;} .image-carousel-container-alt.image-carousel-container-yellow .slide-text p {color: #fff;} /* EVENTS */ .event-listing .split-card.vertical .card-text h3 {color: var(--navy); font-weight: 500} .event-listing .split-card.vertical .card-text p {color: var(--navy); font-weight: 500} .event-listing .event-card {margin-bottom: 20px; } .event-listing .event-card .btn-text-chevron {font-size: 16px;} .event-listing .event-card .btn-text-chevron:after {top: 0;} .split-card.vertical {display: flex; background-color: #ECEDEF;} .event-listing .col:nth-child(even) .split-card {flex-direction: row-reverse;} .split-card.vertical .card-image-container {width: 40%; flex-shrink: 0; height: auto; background-position: center; background-color: #e6e6e6;} .event-card .split-card.vertical .card-text {width: 60%;} .expanded-text, .expanded-book {background-color: #ECEDEF; padding: 50px; display: none; line-height: 1.4em;} .expand-read-more.active:after, .expand-book.active:after {transform: rotate(90deg) !important;} /* BLOG CARD */ .blog-card .split-card {background-color: var(--navy);} .blog-card .split-card h3 {color: #ffffff !important;line-height: 1.2em; font-size: 25px;}