@charset "UTF-8"; html { font-size: calc((10 / 16) * 1em); height: 100%; margin: 0; padding: 0; } body { font-size: 1.6rem; color: #555; font-weight: 300; font-family: "montserrat", sans-serif; -moz-osx-font-smoothing: grayscale; } body.page { background-color: #fff; background-repeat: repeat; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mpContent ol, .mpContent ul, .reference-guide ol, .reference-guide ul { line-height: 1.88; } body.isMobile .mpContent ol, body.isMobile .mpContent ul, body.isMobile .reference-guide ol, body.isMobile .reference-guide ul { padding-inline-start: 40px; } .clickToEditDiv { font-size: 0; } a { color: #c3002f; } a:hover, a:focus { color: #c3002f; } a:focus, button:focus, input:focus { outline-width: 2px; outline-style: solid; outline-color: Highlight; } @media (-webkit-min-device-pixel-ratio: 0) { a:focus, button:focus, input:focus { outline-color: -webkit-focus-ring-color; outline-style: auto; } } body.dynamicpageedit table { border-collapse: separate; } .eventMgrPop #eventMgrWrapper { min-height: 100% !important; } .eventMgrPop #floatingToolbar .floatRight li { padding: 0; } .eventMgrPop p { line-height: 1; font-size: 12px; } .eventMgrPop h3, .eventMgrPop .articles.opt1 .priv-hm-title, .articles.opt1 .eventMgrPop .priv-hm-title { font-size: 16px; letter-spacing: 0; margin-bottom: 10px; } html._Telerik_IE9, html._Telerik_IE9 body { width: 100% !important; height: 100% !important; } .nl-container p, .nl-container ol, .nl-container ul { color: inherit !important; font-family: inherit !important; font-weight: inherit !important; } .nl-container *:not(strong):not([style*="font-weight"]) { font-weight: inherit !important; } .nl-container *:not([style*=" color:"]):not([style^="color:"]):not([style*=";color:"]) { color: inherit !important; } .nl-container *:not([style*="font-family"]) { font-family: inherit !important; } h1, .h1, .priv-hm-title { font-family: "ivypresto-headline", serif; color: #213b73; font-size: 4.4rem; font-weight: 100; line-height: 1.5; margin-bottom: 0.3em; letter-spacing: 0.3rem; text-transform: uppercase; } .content .mpContent h1, .content .mpContent .h1, .content .mpContent .priv-hm-title { margin-bottom: 0.7em; } h2, .h2 { font-family: "ivypresto-headline", serif; color: #213b73; font-size: 3.6rem; font-weight: 300; line-height: 1.5; margin-bottom: 1em; letter-spacing: 0; text-transform: none; } .content .mpContent h2, .content .mpContent .h2 { /*margin-bottom: 1em;*/ } h3, .articles.opt1 .priv-hm-title, .h3, .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar, .card-deck.opt1 .card-img-overlay .mpContent { font-family: "ivypresto-headline", serif; color: #213b73; font-size: 3rem; font-weight: 300; line-height: 1.4; margin-bottom: 1em; letter-spacing: 0; text-transform: none; } h4, .formSection .rosterletteroff, .h4 { font-family: "ivypresto-headline", serif; color: #213b73; font-size: 2.1rem; font-weight: 300; font-style: italic; line-height: 1.22; margin-bottom: 0.6em; letter-spacing: 0; text-transform: none; } h5, .h5 { font-family: "ivypresto-headline", serif; color: #1b2249; font-size: 2.1rem; font-weight: 400; font-style: italic; line-height: 1.22; margin-bottom: 0.6em; letter-spacing: 0; text-transform: none; } h6, .h6 { font-family: "montserrat", sans-serif; color: #213b73; font-size: 1.6rem; font-weight: 700; line-height: 1.31; margin-bottom: 2em; letter-spacing: 0.2rem; text-transform: uppercase; } p { margin: 0; font-family: "montserrat", sans-serif; font-size: 1.6rem; color: #555; letter-spacing: 0; line-height: 1.88; font-weight: 300; } .mpContent p, .reference_guide p { margin: 0 0 1.88em; } .mpContent h1 + p { margin-top: 2rem; } .mpContent h1:last-child, .mpContent h2:last-child, .mpContent h3:last-child, .mpContent .articles.opt1 .priv-hm-title:last-child, .articles.opt1 .mpContent .priv-hm-title:last-child, .mpContent h4:last-child, .mpContent .formSection .rosterletteroff:last-child, .formSection .mpContent .rosterletteroff:last-child, .mpContent h5:last-child, .mpContent h6:last-child, .mpContent p:last-child { margin-bottom: 0; } header.opt5 { z-index: 99; position: absolute; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.4); /*&.fixed{ position: fixed !important; top: 0; left: 0; right: 0; @media(max-width: 1199px){ .navbar-collapse{ position: fixed; top: 100px; left: 0; right: 0; bottom: 0; overflow: auto; } } } &.private, &.fixed{ background: #fff; transition: 0.3s ease-in-out; position: relative; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); &:after{ display: none; } .default-logo{ display: none; } .scroll-logo{ display: block; } @media (min-width:$desktop-nav-min-brkpt) { padding-top: 0; &:after{ opacity: 1; transition: 0.3s ease-in-out; } .navbar{ height: 90px; padding: 0; .navbar-collapse{ > div.left-menu{ padding-right: 30px; border: none; } > div.right-menu{ padding-left: 30px; border: none; } > div.logo-container{ width: 80px; > a{ position: absolute; top: 10px; width: 80px; height: 80px; padding: 0; img{ width: 100%; } } } .navbar-nav{ > li > a.nav-link{ color: #555; } > li:hover > a.nav-link{ color: $color-primary; } } } } } @media (min-width: 1500px) { .navbar{ .navbar-collapse{ > div.left-menu{ padding-right: 60px; } > div.right-menu{ padding-left: 60px; } } } } }*/ } header.opt5 .header-top { padding: 15px; text-align: center; background: #213b73; position: relative; z-index: 9; color: #fff; } header.opt5 .header-top span { font-family: "ivypresto-headline", serif; font-size: 1.8rem; font-weight: 400; font-style: italic; } header.opt5 .searchWrap { position: absolute; right: 15px; top: 11px; } header.opt5 .searchWrap input { display: block; width: 165px; height: 35px; padding: 5px 18px 5px 20px; background: none; border: 1px solid #bad2ed; border-radius: 18px; font-size: 1.2rem; font-weight: 500; color: #fff !important; outline: none !important; } header.opt5 .searchWrap ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } header.opt5 .searchWrap :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } header.opt5 .searchWrap ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } header.opt5 .searchWrap .abut, header.opt5 .searchWrap .table-button td a, .table-button td header.opt5 .searchWrap a { width: 35px; height: 35px; padding: 0 !important; margin-left: -18px; border-radius: 100%; background-color: #bad2ed; background-image: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/ChicagoYacht-2023/images/zoom.svg"); background-size: 12px; background-position: 50% 50%; background-repeat: no-repeat; font-size: 0; position: absolute; top: 0; right: 0; outline: none !important; } header.opt5 .searchWrap .abut:hover, header.opt5 .searchWrap .table-button td a:hover, .table-button td header.opt5 .searchWrap a:hover, header.opt5 .searchWrap .abut:active, header.opt5 .searchWrap .table-button td a:active, .table-button td header.opt5 .searchWrap a:active { background-color: #bad2ed; opacity: 0.8; } header.opt5 li a span[class*="nc-icon"] { display: none; } header.opt5:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: linear-gradient(to top, rgba(255, 255, 255, 0.7), #fff); } header.opt5 .login-item { position: absolute; right: 3.5rem; top: 50%; transform: translateY(-50%); font-size: 1.4rem; font-weight: 700; letter-spacing: 0.187rem; text-transform: uppercase; text-decoration: none !important; transition: 0.3s ease-in-out; color: #213b73; padding: 1.5rem 2rem; border-radius: 5px; border: 1px solid #bad2ed; background: #fff; } header.opt5 .login-item span { margin-right: 10px; font-size: 1.5rem; } @media (max-width: 1500px) { header.opt5 .login-item { right: 1.5rem; } } @media (max-width: 1299px) { header.opt5 .login-item { display: none; } } header.opt5 .login-item:hover, header.opt5 .login-item:active { background: #bad2ed; color: #213b73; } header.opt5 .navbar { padding: 0; align-items: stretch; height: 120px; position: relative; z-index: 1; } header.opt5 .navbar .navbar-brand { align-self: center; margin: 0; padding: 0; height: 120px; display: flex; align-items: center; background-size: contain; } header.opt5 .navbar .navbar-brand img { width: 95px; max-width: 100%; } @media (max-width: 1400px) { header.opt5 .navbar .navbar-brand img { width: 80px; } } @media (min-width: 1300px) { header.opt5 .navbar .navbar-brand { flex-basis: 0; height: 140px; background: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/ChicagoYacht-2023/images/Logo.svg") no-repeat left center; background-size: contain; } header.opt5 .navbar .navbar-brand img { visibility: hidden; } } header.opt5 .navbar .navbar-collapse { justify-content: center; align-items: stretch; position: relative; z-index: 9; } @media (min-width: 1300px) { header.opt5 .navbar .navbar-collapse > div { display: flex; flex: 1; justify-content: center; align-items: stretch; position: relative; } header.opt5 .navbar .navbar-collapse > div .navProps { top: 0; } header.opt5 .navbar .navbar-collapse > div.left-menu { padding-right: 0; justify-content: flex-end; } header.opt5 .navbar .navbar-collapse > div.left-menu .navProps { right: auto !important; left: 0; } header.opt5 .navbar .navbar-collapse > div.logo-container { flex: 0 0 auto !important; align-items: center; display: flex; padding: 0 1rem; } header.opt5 .navbar .navbar-collapse > div.logo-container > a { padding: 5px; } header.opt5 .navbar .navbar-collapse > div.right-menu { padding-left: 0; justify-content: flex-start; } header.opt5 .navbar .navbar-collapse > div.right-menu > ul > li:last-child { display: none !important; } } header.opt5 .navbar .navbar-collapse .logo-container { display: none; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown { justify-content: space-between; flex-wrap: wrap; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-toggle .caret:before { content: "\eab0"; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown.dropleft .dropdown-toggle:before, header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown.dropright .dropdown-toggle:before { content: none; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle { display: flex; align-items: center; flex: 0 1 8rem; justify-content: center; cursor: pointer; } @media (min-width: 1300px) { header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle { display: none; } } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle .caret { font-size: 0; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle .caret:before { display: inline-block; font: normal normal normal 14px/1 "Nucleo Outline"; font-size: inherit; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; content: "\eaad"; color: #b0b0b0; font-size: 1.2rem; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle:after { content: none; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before { color: #213b73; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu { margin: 0; border-radius: 0; padding: 0.9rem 0 0.9rem 2rem; transition: .2s; } @media (min-width: 1300px) { header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu { padding: 2.3rem 0 calc(2.3rem - 0px); min-width: 260px; background: rgba(33, 59, 115, 0.9); top: 100%; left: 50%; display: block; transform-origin: top; transform: scaleY(0) translateX(-50%) !important; } } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link { color: #213b73; font-size: 1.4rem; font-weight: 400; padding: 0.9rem 3rem; text-align: left; letter-spacing: 0; text-transform: none; font-family: "montserrat", sans-serif; line-height: 1.3; transition: all 0.3s ease-in-out; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link:focus { text-decoration: underline; } @media (min-width: 1300px) { header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link { color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 1.8; padding: 0.8rem 3rem; text-align: center; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link:focus { text-decoration: underline; background: transparent; } } header.opt5 .navbar .navbar-collapse .navbar-nav > li { align-items: stretch; display: flex; text-align: center; border-bottom: 1px solid #e4e4e4; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { display: flex; align-items: center; transition: all 0.3s ease-in-out; color: #213b73; font-family: "montserrat", sans-serif; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0; padding: 1.7rem 2rem; text-underline-offset: 22px; text-decoration-thickness: 3px !important; } @media (max-width: 1500px) { header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 1.7rem 1rem; } } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link.has-abut { text-decoration: none !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:focus { color: #152549; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"] { font-size: 2.1rem; margin: 0 1rem 1rem 0; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link[href="#"] { cursor: default !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link { color: #213b73; text-decoration: underline; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedItem > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedParent > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedGrandParent > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.open > .nav-link { text-decoration: underline; } header.opt5 .navbar .navbar-collapse .navbar-nav > li[id$="100404"].selectedItem > a.nav-link { color: #213b73; text-decoration: none; } header.opt5 .navbar .navbar-collapse .navbar-nav > li[id$="100404"].selectedItem > a.nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav > li[id$="100404"].selectedItem > a.nav-link:focus { color: #152549; text-decoration: underline; } header.opt5 .navbar .navbar-collapse .navbar-nav > li[id$="100404"].selectedItem.open > a.nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li[id$="100404"].selectedItem:hover > a.nav-link { color: #152549; text-decoration: underline; } @media (min-width: 1300px) { header.opt5 .navbar .navbar-collapse .navbar-nav > li { border: none; flex-wrap: nowrap !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li:hover > a.nav-link { color: #152549; text-decoration: underline; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > .dropdown-menu { display: block; transform: scaleY(1) translateX(-50%) !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu { transform: scaleY(0) translateX(0); } header.opt5 .navbar .navbar-collapse .navbar-nav > li:hover > .dropdown-menu { display: block; transform: scaleY(1) translateX(-50%) !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown > .dropdown-menu { display: block; transform: scaleY(1) scaleX(0) translateX(0) !important; top: calc(-2.3rem - 1px); transform-origin: left; left: 100%; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.open > .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown:hover > .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown > a.nav-link:focus ~ .dropdown-menu { transform: scaleY(1) scaleX(1) translateX(0) !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropleft.open > .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropleft:hover > .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropleft > a.nav-link:focus ~ .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropright.open > .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropright:hover > .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropright > a.nav-link:focus ~ .dropdown-menu { transform: scaleY(1) scaleX(1) translateX(0) !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropleft > .dropdown-menu { transform-origin: right; left: auto !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.dropdown.dropright > .dropdown-menu { transform-origin: left; right: auto !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedItem > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedParent > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedGrandParent > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li:hover > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.open > .nav-link { text-decoration: underline; background: transparent; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedItem > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedParent > .nav-link, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedGrandParent > .nav-link { background-color: transparent; } header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedItem > .nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedItem > .nav-link:focus, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedItem > .nav-link:active, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedParent > .nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedParent > .nav-link:focus, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedParent > .nav-link:active, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedGrandParent > .nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedGrandParent > .nav-link:focus, header.opt5 .navbar .navbar-collapse .navbar-nav > li li.selectedGrandParent > .nav-link:active { background-color: transparent; } } @media (min-width: 1300px) { .navbar-expand-custom { flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-custom .navbar-nav { flex-direction: row; } .navbar-expand-custom .dropdown-menu { position: absolute; } .navbar-expand-custom .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-custom > .container { flex-wrap: nowrap; } .navbar-expand-custom .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-custom .navbar-toggler { display: none; } } .public header.opt1 .navbar .navbar-toggler, .public header.opt2 .navbar .navbar-toggler, .public header.opt3 .navbar .navbar-toggler, .public header.opt4 .navbar .navbar-toggler, .public header.opt5 .navbar .navbar-toggler, .private header.opt1 .navbar .navbar-toggler, .private header.opt2 .navbar .navbar-toggler, .private header.opt3 .navbar .navbar-toggler, .private header.opt4 .navbar .navbar-toggler, .private header.opt5 .navbar .navbar-toggler { border: none; flex: 0 0 3.8rem; margin: 0 4.5rem 0 1rem; padding: 0.5rem; height: 34px; width: 38px; position: relative; font-size: 0; } body:not(.user-is-tabbing) .public header.opt1 .navbar .navbar-toggler, body:not(.user-is-tabbing) .public header.opt2 .navbar .navbar-toggler, body:not(.user-is-tabbing) .public header.opt3 .navbar .navbar-toggler, body:not(.user-is-tabbing) .public header.opt4 .navbar .navbar-toggler, body:not(.user-is-tabbing) .public header.opt5 .navbar .navbar-toggler, body:not(.user-is-tabbing) .private header.opt1 .navbar .navbar-toggler, body:not(.user-is-tabbing) .private header.opt2 .navbar .navbar-toggler, body:not(.user-is-tabbing) .private header.opt3 .navbar .navbar-toggler, body:not(.user-is-tabbing) .private header.opt4 .navbar .navbar-toggler, body:not(.user-is-tabbing) .private header.opt5 .navbar .navbar-toggler { outline: none; } @media (max-width: 767px) { .public header.opt1 .navbar .navbar-toggler, .public header.opt2 .navbar .navbar-toggler, .public header.opt3 .navbar .navbar-toggler, .public header.opt4 .navbar .navbar-toggler, .public header.opt5 .navbar .navbar-toggler, .private header.opt1 .navbar .navbar-toggler, .private header.opt2 .navbar .navbar-toggler, .private header.opt3 .navbar .navbar-toggler, .private header.opt4 .navbar .navbar-toggler, .private header.opt5 .navbar .navbar-toggler { margin-right: 1rem; margin-left: 2rem; } } .public header.opt1 .navbar .navbar-toggler .icon-bar, .public header.opt2 .navbar .navbar-toggler .icon-bar, .public header.opt3 .navbar .navbar-toggler .icon-bar, .public header.opt4 .navbar .navbar-toggler .icon-bar, .public header.opt5 .navbar .navbar-toggler .icon-bar, .private header.opt1 .navbar .navbar-toggler .icon-bar, .private header.opt2 .navbar .navbar-toggler .icon-bar, .private header.opt3 .navbar .navbar-toggler .icon-bar, .private header.opt4 .navbar .navbar-toggler .icon-bar, .private header.opt5 .navbar .navbar-toggler .icon-bar { background: #b0b0b0; width: 28px; height: 2px; border-radius: 1px; display: block; position: absolute; transition: all 0.15s ease, left 1ms; } .public header.opt1 .navbar .navbar-toggler .icon-bar.active, .public header.opt2 .navbar .navbar-toggler .icon-bar.active, .public header.opt3 .navbar .navbar-toggler .icon-bar.active, .public header.opt4 .navbar .navbar-toggler .icon-bar.active, .public header.opt5 .navbar .navbar-toggler .icon-bar.active, .private header.opt1 .navbar .navbar-toggler .icon-bar.active, .private header.opt2 .navbar .navbar-toggler .icon-bar.active, .private header.opt3 .navbar .navbar-toggler .icon-bar.active, .private header.opt4 .navbar .navbar-toggler .icon-bar.active, .private header.opt5 .navbar .navbar-toggler .icon-bar.active { background: #c3002f; } .public header.opt1 .navbar .navbar-toggler .bar-one, .public header.opt2 .navbar .navbar-toggler .bar-one, .public header.opt3 .navbar .navbar-toggler .bar-one, .public header.opt4 .navbar .navbar-toggler .bar-one, .public header.opt5 .navbar .navbar-toggler .bar-one, .private header.opt1 .navbar .navbar-toggler .bar-one, .private header.opt2 .navbar .navbar-toggler .bar-one, .private header.opt3 .navbar .navbar-toggler .bar-one, .private header.opt4 .navbar .navbar-toggler .bar-one, .private header.opt5 .navbar .navbar-toggler .bar-one { top: calc(50% - 9px); } .public header.opt1 .navbar .navbar-toggler .bar-one.active, .public header.opt2 .navbar .navbar-toggler .bar-one.active, .public header.opt3 .navbar .navbar-toggler .bar-one.active, .public header.opt4 .navbar .navbar-toggler .bar-one.active, .public header.opt5 .navbar .navbar-toggler .bar-one.active, .private header.opt1 .navbar .navbar-toggler .bar-one.active, .private header.opt2 .navbar .navbar-toggler .bar-one.active, .private header.opt3 .navbar .navbar-toggler .bar-one.active, .private header.opt4 .navbar .navbar-toggler .bar-one.active, .private header.opt5 .navbar .navbar-toggler .bar-one.active { transform: rotate(45deg); top: 16px; } .public header.opt1 .navbar .navbar-toggler .bar-two, .public header.opt2 .navbar .navbar-toggler .bar-two, .public header.opt3 .navbar .navbar-toggler .bar-two, .public header.opt4 .navbar .navbar-toggler .bar-two, .public header.opt5 .navbar .navbar-toggler .bar-two, .private header.opt1 .navbar .navbar-toggler .bar-two, .private header.opt2 .navbar .navbar-toggler .bar-two, .private header.opt3 .navbar .navbar-toggler .bar-two, .private header.opt4 .navbar .navbar-toggler .bar-two, .private header.opt5 .navbar .navbar-toggler .bar-two { top: calc(50% - 1px); } .public header.opt1 .navbar .navbar-toggler .bar-two.active, .public header.opt2 .navbar .navbar-toggler .bar-two.active, .public header.opt3 .navbar .navbar-toggler .bar-two.active, .public header.opt4 .navbar .navbar-toggler .bar-two.active, .public header.opt5 .navbar .navbar-toggler .bar-two.active, .private header.opt1 .navbar .navbar-toggler .bar-two.active, .private header.opt2 .navbar .navbar-toggler .bar-two.active, .private header.opt3 .navbar .navbar-toggler .bar-two.active, .private header.opt4 .navbar .navbar-toggler .bar-two.active, .private header.opt5 .navbar .navbar-toggler .bar-two.active { opacity: 0; } .public header.opt1 .navbar .navbar-toggler .bar-three, .public header.opt2 .navbar .navbar-toggler .bar-three, .public header.opt3 .navbar .navbar-toggler .bar-three, .public header.opt4 .navbar .navbar-toggler .bar-three, .public header.opt5 .navbar .navbar-toggler .bar-three, .private header.opt1 .navbar .navbar-toggler .bar-three, .private header.opt2 .navbar .navbar-toggler .bar-three, .private header.opt3 .navbar .navbar-toggler .bar-three, .private header.opt4 .navbar .navbar-toggler .bar-three, .private header.opt5 .navbar .navbar-toggler .bar-three { top: calc(50% + 7px); } .public header.opt1 .navbar .navbar-toggler .bar-three.active, .public header.opt2 .navbar .navbar-toggler .bar-three.active, .public header.opt3 .navbar .navbar-toggler .bar-three.active, .public header.opt4 .navbar .navbar-toggler .bar-three.active, .public header.opt5 .navbar .navbar-toggler .bar-three.active, .private header.opt1 .navbar .navbar-toggler .bar-three.active, .private header.opt2 .navbar .navbar-toggler .bar-three.active, .private header.opt3 .navbar .navbar-toggler .bar-three.active, .private header.opt4 .navbar .navbar-toggler .bar-three.active, .private header.opt5 .navbar .navbar-toggler .bar-three.active { transform: rotate(-45deg); top: 16px; } @media (min-width: 1300px) { body.isMobile .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown, body.isMobile .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown { justify-content: flex-end; } body.isMobile .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown-toggle, body.isMobile .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle { display: flex; flex: 0 0 4rem; } body.isMobile .public header.opt1 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .public header.opt2 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .public header.opt3 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .public header.opt4 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .public header.opt5 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .private header.opt1 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .private header.opt2 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .private header.opt3 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .private header.opt4 .navbar .navbar-collapse .navbar-nav > li, body.isMobile .private header.opt5 .navbar .navbar-collapse .navbar-nav > li { flex-direction: column; justify-content: flex-end; } body.isMobile .public header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .public header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .public header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .public header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .public header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .private header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .private header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .private header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .private header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, body.isMobile .private header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { margin-bottom: 4rem; } body.isMobile .public header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .public header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .public header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .public header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .public header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .private header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .private header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .private header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .private header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after, body.isMobile .private header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:after { content: none !important; } body.isMobile .public header.opt1 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .public header.opt2 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .public header.opt3 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .public header.opt4 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .public header.opt5 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .private header.opt1 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .private header.opt2 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .private header.opt3 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .private header.opt4 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link, body.isMobile .private header.opt5 .navbar .navbar-collapse .navbar-nav > li.dropdown > a.nav-link { margin-bottom: 0; } } @media (max-width: 1299px) { .public header.opt1, .public header.opt2, .public header.opt3, .public header.opt4, .public header.opt5, .private header.opt1, .private header.opt2, .private header.opt3, .private header.opt4, .private header.opt5 { background-color: #fff; position: relative; } .public header.opt1 .navbar, .public header.opt2 .navbar, .public header.opt3 .navbar, .public header.opt4 .navbar, .public header.opt5 .navbar, .private header.opt1 .navbar, .private header.opt2 .navbar, .private header.opt3 .navbar, .private header.opt4 .navbar, .private header.opt5 .navbar { align-items: center; padding: 0; z-index: 9; } .public header.opt1 .navbar .navbar-brand, .public header.opt2 .navbar .navbar-brand, .public header.opt3 .navbar .navbar-brand, .public header.opt4 .navbar .navbar-brand, .public header.opt5 .navbar .navbar-brand, .private header.opt1 .navbar .navbar-brand, .private header.opt2 .navbar .navbar-brand, .private header.opt3 .navbar .navbar-brand, .private header.opt4 .navbar .navbar-brand, .private header.opt5 .navbar .navbar-brand { flex: 0 1 auto; max-width: calc(100% - 6.8rem); padding-left: 5rem; } } @media (max-width: 1299px) and (max-width: 767px) { .public header.opt1 .navbar .navbar-brand, .public header.opt2 .navbar .navbar-brand, .public header.opt3 .navbar .navbar-brand, .public header.opt4 .navbar .navbar-brand, .public header.opt5 .navbar .navbar-brand, .private header.opt1 .navbar .navbar-brand, .private header.opt2 .navbar .navbar-brand, .private header.opt3 .navbar .navbar-brand, .private header.opt4 .navbar .navbar-brand, .private header.opt5 .navbar .navbar-brand { padding-left: 1.5rem; } } @media (max-width: 1299px) { .public header.opt1 .navbar .navbar-collapse, .public header.opt2 .navbar .navbar-collapse, .public header.opt3 .navbar .navbar-collapse, .public header.opt4 .navbar .navbar-collapse, .public header.opt5 .navbar .navbar-collapse, .private header.opt1 .navbar .navbar-collapse, .private header.opt2 .navbar .navbar-collapse, .private header.opt3 .navbar .navbar-collapse, .private header.opt4 .navbar .navbar-collapse, .private header.opt5 .navbar .navbar-collapse { background: #fff; } .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown, .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown, .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown, .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown, .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown, .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown, .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown, .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown, .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown, .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown { display: flex; } .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown > a.nav-link { flex: 0 1 calc(100% - 8rem); padding-right: 0; } .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown.open, .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown.open, .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown.open, .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown.open, .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown.open, .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown.open, .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown.open, .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown.open, .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown.open, .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown.open { background: #f1f6fb; } .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu, .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown.open > .dropdown-menu { display: block; width: 100%; background: transparent; } .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown-menu, .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu { border: none; padding-top: 0; } .public header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link { color: #213b73; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { text-align: left; color: #213b73; justify-content: flex-start; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .public header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .public header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .public header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .public header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .private header.opt1 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .private header.opt2 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .private header.opt3 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .private header.opt4 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"], .private header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link span[class*="nc-icon"] { font-size: 1.4rem; margin: 0 0.5rem 0.5rem 0; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt1 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .public header.opt1 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .public header.opt1 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link { color: #213b73; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .public header.opt1 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link { color: #213b73; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li:last-child, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li:last-child, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li:last-child, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li:last-child, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li:last-child, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li:last-child, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li:last-child, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li:last-child, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li:last-child, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li:last-child { display: flex; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li li .nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li li .nav-link { color: #213b73; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu { border-left: 1px solid #555; padding: 0; margin: 0.9rem 0 0.9rem 3rem; } .public header.opt1 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .public header.opt2 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .public header.opt3 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .public header.opt4 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .public header.opt5 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .private header.opt1 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .private header.opt2 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .private header.opt3 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .private header.opt4 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link, .private header.opt5 .navbar .navbar-collapse .navbar-nav > li li.level2 .dropdown-menu .nav-link { padding: 0.9rem 2rem; color: #555; } .public header.opt1 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .public header.opt1 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .public header.opt2 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .public header.opt2 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .public header.opt3 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .public header.opt3 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .public header.opt4 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .public header.opt4 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .public header.opt5 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .public header.opt5 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .private header.opt1 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .private header.opt1 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .private header.opt2 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .private header.opt2 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .private header.opt3 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .private header.opt3 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .private header.opt4 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .private header.opt4 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link, .private header.opt5 .navbar .navbar-collapse > .navbar-nav > li:last-child > a.nav-link, .private header.opt5 .navbar .navbar-collapse .right-menu .navbar-nav > li:last-child > a.nav-link { color: #213b73; } .public header.opt1 .navbar .nav-log-wrap, .public header.opt2 .navbar .nav-log-wrap, .public header.opt3 .navbar .nav-log-wrap, .public header.opt4 .navbar .nav-log-wrap, .public header.opt5 .navbar .nav-log-wrap, .private header.opt1 .navbar .nav-log-wrap, .private header.opt2 .navbar .nav-log-wrap, .private header.opt3 .navbar .nav-log-wrap, .private header.opt4 .navbar .nav-log-wrap, .private header.opt5 .navbar .nav-log-wrap { display: none; } .public.sitewrap, .public.modulewrap, .private.sitewrap, .private.modulewrap { position: relative; } .public.sitewrap:after, .public.modulewrap:after, .private.sitewrap:after, .private.modulewrap:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 0; z-index: 98; background-color: rgba(195, 0, 47, 0); } body.burgerNav-visible .public.sitewrap:after, body.burgerNav-visible .public.modulewrap:after, body.burgerNav-visible .private.sitewrap:after, body.burgerNav-visible .private.modulewrap:after { background-color: rgba(195, 0, 47, 0.8); height: auto; } } .intro { margin-top: 7rem; margin-bottom: 7.5rem; text-align: center; } @media (max-width: 1024px) { .intro { margin: 5rem auto; padding: 0 15px; } } @media (max-width: 767px) { .intro { margin: 5rem auto; } } .one-column, .two-column { padding: 10rem 1.5rem; margin: 0 auto; } .one-column.no-padding-top, .two-column.no-padding-top { padding-top: 0 !important; } .one-column.no-padding-bottom, .two-column.no-padding-bottom { padding-bottom: 0 !important; } @media (max-width: 1500px) { .one-column, .two-column { padding: 8rem 1.5rem; } } @media (max-width: 1300px) { .one-column, .two-column { padding: 6rem 1.5rem; } } @media (max-width: 1024px) { .one-column, .two-column { padding: 4rem 1.5rem; } } .one-column.centered, .two-column.centered { text-align: center; } .abut, .table-button td a { font-family: "montserrat", sans-serif; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.25rem; line-height: 1em; text-align: center; text-decoration: none; color: #fff; background-color: #c3002f; background-image: none; border: 2px solid #c3002f; border-radius: 5px; padding: 20px 30px; margin: 0; display: inline-block; width: auto; cursor: pointer; transition: all .3s ease-in-out; } .abut:hover, .table-button td a:hover, .abut:focus, .table-button td a:focus, .abut:active, .table-button td a:active { text-decoration: none; background-color: #a80029; border-color: #a80029; color: #fff; } .abut-secondary, .table-button-secondary td a { font-family: "montserrat", sans-serif; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.25rem; line-height: 1em; text-align: center; text-decoration: none; color: #213b73; background-color: #fff; border: 1px solid #bad2ed; border-radius: 5px; padding: 20px 30px; margin: 0; display: inline-block; width: auto; cursor: pointer; transition: all .3s ease-in-out; } .abut-secondary:hover, .table-button-secondary td a:hover, .abut-secondary:focus, .table-button-secondary td a:focus, .abut-secondary:active, .table-button-secondary td a:active { text-decoration: none; background-color: #bad2ed; border-color: #bad2ed; color: #213b73; } form[action*="ArticleEdit"] .abut, form[action*="ArticleEdit"] .table-button td a, .table-button td form[action*="ArticleEdit"] a { padding: .75rem 1.25rem; border: inherit; } .sitewrap header .log-link.abut, .sitewrap header .table-button td a.log-link, .table-button td .sitewrap header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .table-button-secondary td .sitewrap header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .table-button td a.log-link, .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .table-button-secondary td a.log-link, .table-button-secondary td .modulewrap header a.log-link { min-width: 130px !important; } @media screen and (max-width: 476px) { .sitewrap header .log-link.abut, .sitewrap header .table-button td a.log-link, .table-button td .sitewrap header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .table-button-secondary td .sitewrap header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .table-button td a.log-link, .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .table-button-secondary td a.log-link, .table-button-secondary td .modulewrap header a.log-link { width: 100% !important; min-width: 0 !important; } } .modulesWrap .abut, .modulesWrap .table-button td a, .table-button td .modulesWrap a { margin: 2px; padding: 18px 39px 17px 39px; width: auto !important; letter-spacing: .1em; } .modulesWrap .qFilterButton input.abut { padding: 11px 25px 10px !important; margin: 0; } @media screen and (max-width: 425px) { .abut, .table-button td a { width: 100%; } .modulesWrap .abut, .modulesWrap .table-button td a, .table-button td .modulesWrap a { margin: 2px; padding: 5px 10px; width: auto !important; } } .mobileButton { background-color: #c3002f; color: #fff; border-color: #900023; } @media screen and (max-width: 367px) { .mobileButton { padding: 5px; } .mobileButton.searchButton { padding: 0 5px; } } .table-button td a { margin: 15px; } .table-button-secondary td a { margin: 15px; } .bodytxt #form1 input#btnKeepAlive.abut, .bodytxt #form1 input#btnKeepAlive.abut + .abut, .bodytxt #form1 .table-button td input#btnKeepAlive.abut + a, .table-button td .bodytxt #form1 input#btnKeepAlive.abut + a { font-weight: 400; letter-spacing: 0; padding: 5px; width: auto !important; text-transform: none; border-radius: 0; } /* Mobile Buttons Update If not using Mobile Stylesheet */ [id$="_tblTop"] { margin: 2rem 0; table-layout: fixed; width: 100%; } [id$="_tblTop"]:last-child { margin: 2rem 0 0; } [id$="_tblTop"] > tbody > tr > td > table { table-layout: fixed; width: 100%; } [id$="_tblTop"] > tbody > tr > td > table > tbody, [id$="_tblTop"] > tbody > tr > td > table > tbody > tr, [id$="_tblTop"] > tbody > tr > td > table > tbody > tr > td { display: block; width: 100%; float: left; } [id$="_radTabsTop"] .levelwrap.level1 { text-align: center; overflow-x: auto; overflow-y: hidden; padding: 0 !important; } [id$="_radTabsTop"] .levelwrap.level1 * { background: 0 0 !important; float: none !important; } [id$="_radTabsTop"] .levelwrap.level1 > ul { border: none; padding: 0; margin: 0; text-align: center; white-space: nowrap; font-size: 0; } @media (max-width: 1023px) { [id$="_radTabsTop"] .levelwrap.level1 > ul { position: relative; text-align: left; } [id$="_radTabsTop"] .levelwrap.level1 > ul:after { content: 'Scroll for More \00a0\00a0\2192'; display: inline-block; height: auto; max-width: 185px; position: absolute; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 98; text-transform: uppercase; letter-spacing: 0; } } [id$="_radTabsTop"] .levelwrap.level1 > ul > li { display: inline-block; } [id$="_radTabsTop"] .levelwrap.level1 > ul > li > a { display: block; height: auto; margin: 0; } [id$="_radTabsTop"] .levelwrap.level1 > ul > li > a * { padding: 0 !important; margin: 0 !important; background: 0 0 !important; height: auto !important; line-height: 1 !important; } [id$="_tblTop"] .tsContent { padding: 8.5rem 10rem; border: none !important; border-top: 0 !important; background: #f1f6fb !important; font-family: "montserrat", sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.88; color: #555; } [id$="_tblTop"] .tsContent p { line-height: 1.88; } @media (max-width: 1500px) { [id$="_tblTop"] .tsContent { padding: 5rem 7rem; } } @media (max-width: 1300px) { [id$="_tblTop"] .tsContent { padding: 3rem 5rem; } } @media (max-width: 1024px) { [id$="_tblTop"] .tsContent { padding: 2.5rem; } } @media (max-width: 768px) { [id$="_tblTop"] .tsContent { padding: 2rem; } } [id$="_radTabsTop"] .levelwrap { background: #14336d !important; width: 100% !important; } @media (max-width: 1023px) { [id$="_radTabsTop"] .levelwrap > ul { padding: 0 0 0 170px !important; } [id$="_radTabsTop"] .levelwrap > ul:after { font-weight: 500; font-family: "montserrat", sans-serif; font-size: calc(1.6rem * 0.8); line-height: 1; text-transform: uppercase; letter-spacing: 0; color: #fff; height: auto; max-width: 160px; } } [id$="_radTabsTop"] .levelwrap > ul > li { margin: 0; } [id$="_radTabsTop"] .levelwrap > ul > li > a { padding: 2.5rem 3rem !important; background: 0 0; font-family: "montserrat", sans-serif; font-weight: 500; font-size: 1.6rem !important; line-height: 1; text-transform: none; letter-spacing: 0; border: none !important; border-top: 5px solid #14336d !important; color: #fff !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a:before { display: none !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a.selected { background: #f1f6fb !important; border-color: #c3002f !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a.selected .wrap { color: #14336d; } .vertical-tabstrip { max-width: 1460px; margin: 0 auto; padding: 6rem 3rem; } @media (max-width: 1024px) { .vertical-tabstrip { padding: 4rem 1.5rem; } } @media (max-width: 768px) { .vertical-tabstrip { padding: 2rem 1.5rem; } } @media (min-width: 900px) { .vertical-tabstrip [id$="_radTabsTop"] .levelwrap > ul:after { display: none; } .vertical-tabstrip .tabstrip { position: relative; overflow: visible !important; } .vertical-tabstrip .tabstrip .levelwrap { width: 100% !important; background: #14336d !important; position: relative; z-index: 2; } .vertical-tabstrip .tabstrip .levelwrap > ul { display: block !important; white-space: initial !important; margin: 0 !important; padding: 30px 0 !important; background: 0 0 !important; } .vertical-tabstrip .tabstrip .levelwrap > ul > li { display: block !important; float: none; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li { padding: 10px !important; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a { overflow: initial; display: block; float: none; background: none; border: none !important; height: auto; padding: 13px 0 12px !important; margin: 0; line-height: 1; position: relative; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a .wrap { padding: 0; background: 0 0 !important; border: none !important; display: block; height: auto; line-height: 1; float: none; white-space: normal; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a .innerWrap { display: block; float: none; padding: 0 !important; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.43 !important; letter-spacing: 0; text-transform: none; text-align: center; white-space: normal; color: #FFF; background: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected { background: #f1f6fb !important; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus { background: #f1f6fb; opacity: 1; color: #14336d; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover.selected, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active.selected, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus.selected { background: none; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus { color: #14336d; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus .innerWrap { color: #14336d; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected:hover, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected:active, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected:focus { color: #14336d; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected:hover .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected:active .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected:focus .innerWrap { color: #14336d; } .vertical-tabstrip table[id$="_tblTop"] { border-collapse: inherit; background-color: transparent; padding: 0; margin: 0; display: table; table-layout: fixed; } .vertical-tabstrip table[id$="_tblTop"] > tbody { display: table-row; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr { display: table-cell; vertical-align: top; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:first-child { width: 470px; vertical-align: middle; background: #14336d !important; border-radius: 5px; } } @media (min-width: 900px) and (max-width: 1300px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:first-child { width: 300px; } } @media (min-width: 900px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:first-child > td:nth-child(2) { width: 100%; display: block; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:nth-child(2) { position: relative; background: #f4f4f1; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:last-child { width: 0; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] { margin-top: 0 !important; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] .tsContent { border: none; padding: 100px; margin-bottom: 0; border: none !important; background: none !important; } } @media (min-width: 900px) and (max-width: 1300px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] .tsContent { padding: 50px; } } @media (min-width: 900px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr > td { width: 100%; display: block; } } [id$="_accordian"].RadPanelBar { width: 100% !important; margin: 2rem 0; background: 0 0; border-collapse: separate; } [id$="_accordian"].RadPanelBar:last-child { margin-bottom: 0; } [id$="_accordian"].RadPanelBar > ul { border: none; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink { display: table; width: 100%; background: 0 0; border: none !important; font: inherit; padding: 1.7rem 3.5rem; border-radius: 5px; } @media (max-width: 767px) { [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink { padding-left: 1.5rem; padding-right: 1.5rem; } } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink * { width: auto; height: auto; padding: 0; margin: 0; border: none; background: 0 0 !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink:active, [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink:hover { font: inherit; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink:active .rpOut, [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink:hover .rpOut { padding: 0; font: inherit; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpOut { display: flex; font: inherit; position: relative; line-height: 0; margin: 0; justify-content: space-between; align-items: center; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpText { padding: 0 !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpExpandHandle, [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpText { display: inline-block; position: relative; } [id$="_accordian"].RadPanelBar > ul > li { margin: 0 0 10px !important; padding: 0; border: none; } [id$="_accordian"].RadPanelBar > ul > li:last-child { margin-bottom: 0 !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink { background: #bad2ed !important; border: none !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpText { font-family: "ivypresto-headline", serif; font-weight: 400; font-size: 2.1rem; line-height: 1.2 !important; letter-spacing: 0; font-style: italic; text-transform: none; color: #213b73; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpExpandHandle { flex: 0 0 5rem; order: 1; padding: 0 0 0 3.5rem; float: none; -webkit-transition: .3s; transition: .3s; color: #213b73; line-height: 1; height: auto; width: auto; font-size: 1.4rem; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpExpandHandle:after { content: ""; font-family: 'Nucleo Glyph'; font-size: inherit; } @media (max-width: 767px) { [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpExpandHandle { right: 1.5rem; } } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded { background: #213b73 !important; border: none !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpText { color: #fff; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpExpandHandle { color: #fff; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpExpandHandle:after { content: ""; } [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 4rem 7rem 5rem; border: none !important; border-top: 0 !important; background: #f1f6fb !important; font-family: "montserrat", sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.88; color: #555; } [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate p { line-height: 1.88; } @media (max-width: 1199px) { [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 3rem 5rem 4rem; } } @media (max-width: 768px) { [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 1.5rem 2rem; } } .mpContent ~ .RadPanelBar_accordionTemplate, .RadPanelBar_accordionTemplate ~ .mpContent { margin-top: 30px; } .banner.opt1 { max-height: 850px; background-color: #fff; position: relative; overflow: hidden; z-index: 1; font-size: 0; } @media (min-width: 1300px) { .emptyBannerAlbum .banner.opt1 { padding-top: 120px; } } .banner.opt1:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10rem; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } @media (max-width: 768px) { .banner.opt1:after { content: none; } } .banner.opt1 > table { position: absolute; right: 1.5rem; bottom: 1.5rem; z-index: 98; width: auto; display: flex; justify-content: flex-end; } .banner.opt1 > table a { background: #fff; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); border-radius: 5px; display: flex; padding: 5px; justify-content: center; align-items: center; font-size: 0; font-family: Arial, sans-serif; width: auto; } .sitewrap.emptyBannerAlbum .banner.opt1 > table { position: relative; top: auto; right: auto; } .banner.opt1 [id^=photoPlugin] { width: 100% !important; height: auto !important; padding-bottom: calc((850/1600)*100%); min-height: 125px; } .banner.opt1 .banner-image { background-size: cover; background-position: 50% 50%; position: relative; font-size: 0; } .banner.opt1 .banner-image img { max-height: calc(100vh - 120px); } #adminDashboard:not([style*="none"]) ~ div[id^="masterPageUC_MSTR"] .banner.opt1 .banner-image img { max-height: calc(100vh - 46px - 120px); } .banner.opt1 .banner-arrows { position: absolute; top: 50%; left: 0; right: 0; width: 100%; transform: translateY(-50%); padding: 0 5rem; display: flex; justify-content: space-between; } @media (max-width: 767px) { .banner.opt1 .banner-arrows { padding: 0 1.5rem; } } .banner.opt1 .banner-arrows [class*="icon"] { font-size: 3.6rem; color: #fff; } @media (max-width: 767px) { .banner.opt1 .banner-arrows [class*="icon"] { font-size: 2.4rem; } } .banner.opt1 .countWrap { width: auto !important; z-index: 999; font-size: 0; position: absolute; bottom: 50px; right: 70px; z-index: 99; padding: 0 1.5rem; display: flex; justify-content: center; align-items: center; } @media (max-width: 1400px) { .banner.opt1 .countWrap { right: 5rem; bottom: 3rem; } } @media (max-width: 991px) { .banner.opt1 .countWrap { right: 3rem; bottom: 2rem; } } .banner.opt1 .countWrap .counter { margin: 0; padding: 0; } .banner.opt1 .countWrap .counter > li { display: inline-block !important; background: transparent; border-radius: 50%; height: 10px; width: 10px; margin: 0 3px; cursor: pointer; border: 2px solid #fff; } .banner.opt1 .countWrap .counter > li.active { background-color: #fff; } .outer-banner { position: relative; } .outer-banner .banner-social { position: absolute; z-index: 1; bottom: 5rem; left: 7rem; } .outer-banner .banner-social > div { top: -1.5rem; } .outer-banner .banner-social ul { display: block; padding: 0; margin: 0; font-size: 0; letter-spacing: 0; } .outer-banner .banner-social ul li { display: inline-block; padding: 0; margin: 0 9px; } .outer-banner .banner-social ul li:first-child { margin-left: 0; } .outer-banner .banner-social ul li:last-child { margin-right: 0; } .outer-banner .banner-social ul li a { display: block; width: 15px; height: 15px; color: #fff; text-align: center; transition: 0.3s ease-in-out; } .outer-banner .banner-social ul li a:hover, .outer-banner .banner-social ul li a:active { color: #eee; } .outer-banner .banner-social .nc-icon-glyph { font-size: 15px; } @media (max-width: 1400px) { .outer-banner .banner-social { left: 5rem; bottom: 3rem; } } @media (max-width: 991px) { .outer-banner .banner-social { left: 3rem; bottom: 2rem; } } @media (max-width: 700px) { .outer-banner .banner-social { display: none; } } .outer-banner .scroll-down { position: absolute; left: 50%; text-align: center; transform: translateX(-50%); bottom: 4rem; z-index: 62; display: inline-block; color: #fff; line-height: 1.8; cursor: pointer; opacity: 1; font-size: 3.2rem; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: 0; font-family: "ivypresto-headline", serif; text-shadow: 2px 2px rgba(0, 0, 0, 0.5); } .outer-banner .scroll-down:after { content: ''; position: absolute; bottom: -75px; left: 0; right: 0; margin: 0 auto; height: 70px; width: 2px; background: #bad2ed; } @media (max-width: 1200px) { .outer-banner .scroll-down { font-size: 2.5rem; } } @media (max-width: 768px) { .outer-banner .scroll-down { bottom: 15px; width: 100%; display: none; font-size: 1.8rem; } } @media (max-width: 767px) { .outer-banner .scroll-down { line-height: 1.5; } } .scroll-album { padding: 0 15px; max-width: 1200px; margin: 3rem auto; } .scroll-album > table .plgHeaderBar { padding-right: 15px; } .scroll-album [id*="photoPluginWrapper"] { width: 100% !important; } .scroll-album .album-image { height: 100%; position: relative; display: flex; align-items: center; background-size: cover; background-position: center center; background-repeat: no-repeat; } .scroll-album .album-image a[class*="nextImg"], .scroll-album .album-image a[class*="prevImg"] { position: absolute; text-align: center; color: #fff; font-size: 0; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; padding: 1.5rem; margin: 0 2rem; text-decoration: none; transition: background 0.3s ease-in-out; } @media (max-width: 767px) { .scroll-album .album-image a[class*="nextImg"], .scroll-album .album-image a[class*="prevImg"] { margin: 0 1rem; } } .scroll-album .album-image a[class*="nextImg"] > em, .scroll-album .album-image a[class*="prevImg"] > em { display: block; background-color: transparent; transition: all .3s ease-out; font-size: 2.1rem; letter-spacing: 0; } .scroll-album .album-image a[class*="nextImg"]:hover, .scroll-album .album-image a[class*="prevImg"]:hover { color: #fff; background-color: black; } .scroll-album .album-image a[class*="nextImg"] { right: 0; } .scroll-album .album-image a[class*="prevImg"] { left: 0; } .thumbs-album { max-width: 1600px; padding: 75px 15px; margin: 0 auto; } .thumbs-album h2 { text-align: center; } @media (max-width: 1500px) { .thumbs-album { padding: 60px 15px; } } @media (max-width: 1300px) { .thumbs-album { padding: 40px 15px; } } @media (max-width: 1100px) { .thumbs-album { padding: 30px 15px; } } @media (max-width: 1024px) { .thumbs-album { padding: 15px; } .thumbs-album h3, .thumbs-album .articles.opt1 .priv-hm-title, .articles.opt1 .thumbs-album .priv-hm-title { font-size: 3rem; } } .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { display: block; text-align: center; margin-bottom: 1.9rem; border: none; background: none; } @media (max-width: 767px) { .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { margin-bottom: 1.5rem; } } .thumbs-album [id*="photoPluginWrapper"] { width: 100% !important; } .thumbs-album .carousel { position: relative; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; text-align: center !important; } @media (min-width: 992px) { .thumbs-album .carousel { text-align: left !important; } } .thumbs-album .carousel > div { display: block !important; height: 100% !important; padding: 1px !important; flex: 0 0 50%; max-width: 50%; text-align: center; } @media (min-width: 768px) { .thumbs-album .carousel > div { flex: 0 0 33.333333%; max-width: 33.333333%; } } @media (min-width: 992px) { .thumbs-album .carousel > div { flex: 0 0 25%; max-width: 25%; } } .thumbs-album .carousel > div > img { height: auto; width: 100%; max-width: 100%; vertical-align: middle; } .thumbs-album .thumbs-arrows-wrap { display: flex; justify-content: center; align-items: center; text-align: center; font-weight: 300; color: #555; font-size: 1.6rem; line-height: 1; padding-top: 15px; } .thumbs-album .thumbs-arrows-wrap.totalpages1 { display: none; } .thumbs-album .thumbs-arrows-wrap > a { font-size: 0; line-height: 1; padding: 0 15px; } .thumbs-album .thumbs-arrows-wrap > a > em { font-size: 3rem; color: #b0b0b0; } .thumbs-album .thumbs-arrows-wrap > span { margin: 0 5px; } .lightBoxDiv { box-sizing: initial; } .lightBoxDiv.mobileSploder { top: 0 !important; padding-top: 30vh; position: absolute; } .sitewrap:not(.hasBannerAlbum) .banner { max-height: 850px; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #fff; position: relative; overflow: hidden; z-index: 1; font-size: 0; } .sitewrap:not(.hasBannerAlbum) .banner:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 110px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); z-index: 1; opacity: 0.5; } .sitewrap:not(.hasBannerAlbum) .banner.opt3 { max-height: none; } .sitewrap:not(.hasBannerAlbum) .banner .mpContent { max-height: inherit; } .sitewrap:not(.hasBannerAlbum) .banner .mpContent img { width: 100%; visibility: hidden; } .sitewrap:not(.hasBannerAlbum) .banner > .clickToEditDiv { position: absolute !important; bottom: 0; left: 0; } .sitewrap:not(.hasBannerAlbum) .banner:not(.empty-banner) .clickToEditDiv { margin-top: -22px !important; position: relative; z-index: 61; } .sitewrap:not(.hasBannerAlbum) .banner.empty-banner { background: transparent; } .sitewrap:not(.hasBannerAlbum) .banner .banner-title { position: absolute; z-index: 2; bottom: 3.5rem; left: 0; right: 0; font-family: "ivypresto-headline", serif; font-size: 4.4rem; font-weight: 100; letter-spacing: 0.3rem; text-transform: uppercase; text-align: center; color: #fff; } @media (max-width: 1400px) { .sitewrap:not(.hasBannerAlbum) .banner .banner-title { font-size: 4rem; } } @media (max-width: 1200px) { .sitewrap:not(.hasBannerAlbum) .banner .banner-title { font-size: 3.5rem; } } @media (max-width: 1024px) { .sitewrap:not(.hasBannerAlbum) .banner .banner-title { font-size: 3rem; } } @media (max-width: 900px) { .sitewrap:not(.hasBannerAlbum) .banner .banner-title { font-size: 2.5rem; } } .articles.opt1 { padding: 30px 15px 15px 15px; background-color: #f1f6fb; margin-top: 1.6rem; } @media screen and (min-width: 1200px) { .articles.opt1 { padding-right: 30px; padding-left: 30px; } } @media screen and (max-width: 1024px) { .articles.opt1 { padding: 20px 15px 35px 15px; } } @media screen and (max-width: 991px) { .articles.opt1 { padding: 25px 15px; text-align: center; } } .articles.opt1 .view-all-link { display: inline-block; margin: 2rem 0 2rem; color: #a80029; font-size: 1.6rem; font-weight: 400; letter-spacing: 0; margin-top: 0; font-size: 1.5rem; } .articles.opt1 .priv-hm-title { margin-bottom: 28px; } .articles.opt1 .newsItem { margin-bottom: 27px; font-size: 0; } .articles.opt1 .newsItem a { display: block; font-size: 1.8rem; font-family: "montserrat", sans-serif; line-height: 1.2; font-weight: 700; letter-spacing: 0; color: #c3002f; text-transform: none; text-decoration: none; margin-bottom: 16px; transition: all .3s ease-in-out; } .articles.opt1 .newsItem a:hover, .articles.opt1 .newsItem a:focus { color: #c3002f; text-decoration: underline; } .articles.opt1 .newsItem .article-date { font-family: "montserrat", sans-serif; text-transform: none; font-size: 1.5rem; font-weight: 400; letter-spacing: 0; color: #555555; line-height: 1.7; } @media screen and (max-width: 991px) { .articles.opt1 { margin-top: 30px; } } .articles.opt1 .newsPluginArchiveLink { display: none; } .archive-icon { background-image: url("../../../images/archive.png"); } .calendar-title { display: flex; align-items: center; align-content: center; justify-content: space-between; margin-bottom: 2rem; } .calendar-title h1 { margin: 0; } .calendar-title a { font-size: 1.6rem; font-weight: 500; } @media (max-width: 1400px) { .calendar-title h1 { font-size: 3.3rem; letter-spacing: 0.2rem; } } @media (max-width: 1100px) { .calendar-title h1 { font-size: 3rem; letter-spacing: 0.1rem; } } @media (max-width: 700px) { .calendar-title { flex-wrap: wrap; justify-content: center; text-align: center; } .calendar-title h1 { width: 100%; margin-bottom: 15px; } } @media (max-width: 991px) { .calendar.opt2 { padding: 15px; text-align: center; } } .calendar.opt2 div[id$="EventsWrapper"] { clear: both; } @media (max-width: 700px) { .calendar.opt2 div[id$="EventsWrapper"] { margin-left: auto; margin-right: auto; max-width: 400px; } } .calendar.opt2 div[id$="EventsWrapper"] .event-image { flex: 0 0 400px; align-self: stretch; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; z-index: 1; } @media (max-width: 1500px) { .calendar.opt2 div[id$="EventsWrapper"] .event-image { flex: 0 0 300px; } } @media (max-width: 700px) { .calendar.opt2 div[id$="EventsWrapper"] .event-image { flex: auto; width: 100%; } } .calendar.opt2 div[id$="EventsWrapper"] .event-image:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0); transition: background 0.3s ease-in-out; } .calendar.opt2 div[id$="EventsWrapper"] .event-image img { visibility: hidden; width: 100%; max-height: 100%; } .calendar.opt2 div[id$="EventsWrapper"] .event-image img + img { display: none; } .calendar.opt2 div[id$="EventsWrapper"] .event-image .articleImage { display: none; } .calendar.opt2 div[id$="EventsWrapper"] .event-image .articleImage + img { display: block; } .calendar.opt2 div[id$="EventsWrapper"] .event-info { font-size: 0; padding: 2rem 4rem 2rem 8rem; flex-basis: 100%; text-align: left; position: relative; z-index: 2; } @media (max-width: 991px) { .calendar.opt2 div[id$="EventsWrapper"] .event-info { padding: 2rem 3rem 2rem 5rem; } } @media (max-width: 700px) { .calendar.opt2 div[id$="EventsWrapper"] .event-info { padding-left: 1.5rem; padding-right: 1.5rem; flex: 1 1 auto; width: 100%; text-align: center; } } .calendar.opt2 div[id$="EventsWrapper"] .event-info .event-date { font-family: "montserrat", sans-serif; font-size: 1.6rem; font-weight: 500; color: #555; text-transform: uppercase; line-height: 1.4; letter-spacing: 2px; padding-bottom: 15px; margin-bottom: 30px; position: relative; } @media (max-width: 700px) { .calendar.opt2 div[id$="EventsWrapper"] .event-info .event-date { margin: 0; } } .calendar.opt2 div[id$="EventsWrapper"] .event-info .event-date > span { margin-right: 10px; } .calendar.opt2 div[id$="EventsWrapper"] .event-info .event-date:after { content: ''; position: absolute; bottom: 0; left: -130px; width: 340px; height: 3px; background: #bad2ed; } @media (max-width: 700px) { .calendar.opt2 div[id$="EventsWrapper"] .event-info .event-date:after { display: none; } } .calendar.opt2 div[id$="EventsWrapper"] .event-info .event-title { font-family: "ivypresto-headline", serif; font-size: 3rem; font-weight: 400; color: #14336d; text-transform: none; line-height: 1.2; letter-spacing: 0; margin-bottom: 0; transition: all 0.3s ease-in-out; } .calendar.opt2 div[id$="EventsWrapper"] a.event-link { display: flex; align-items: center; margin-bottom: 1rem; text-decoration: none; } .calendar.opt2 div[id$="EventsWrapper"] a.event-link:hover, .calendar.opt2 div[id$="EventsWrapper"] a.event-link:focus { text-decoration: none; } .calendar.opt2 div[id$="EventsWrapper"] a.event-link:hover .event-image:after, .calendar.opt2 div[id$="EventsWrapper"] a.event-link:focus .event-image:after { background: rgba(0, 0, 0, 0.5); } .calendar.opt2 div[id$="EventsWrapper"] a.event-link:hover .event-title, .calendar.opt2 div[id$="EventsWrapper"] a.event-link:focus .event-title { color: #456dab; } @media (max-width: 700px) { .calendar.opt2 div[id$="EventsWrapper"] a.event-link { flex-wrap: wrap; } } .calendar.opt2 .newsItem .event-image { background-size: contain !important; } .articles { padding-left: 70px; text-align: center; } .articles .archive-link { display: inline-block; margin-top: 15px; font-size: 1.6rem; font-weight: 500; line-height: 2.38; } .articles > h4, .formSection .articles > .rosterletteroff { padding: 30px 15px; margin: 0; letter-spacing: 0.2rem; text-transform: uppercase; text-align: center; color: #fff; background-image: linear-gradient(to right, #456dab 0%, #213b73); font-style: normal; } .articles .newsPluginArchiveLink { display: none; } .articles [id$="ArticlesWrapper"] { padding: 30px; background: #f1f6fb; } .articles .article-image { transition: 0.3s ease-in-out; background: #000; position: relative; max-width: 400px; margin: 0 auto; } .articles .article-image img { width: 100%; } .articles .article-image img + img { display: none; } .articles .article-image:after { content: ''; position: absolute; z-index: 1; opacity: 0.7; bottom: 0; left: 0; right: 0; height: 75px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); } .articles .slick-dots { position: absolute; z-index: 2; bottom: 30px; left: 50%; transform: translateX(-50%); display: flex; list-style: none; margin: 0; padding: 0; } .articles .slick-dots li { margin: 0 4px; } .articles .slick-dots li button { display: block; background: transparent; height: 10px !important; width: 10px !important; overflow: hidden; border: 2px solid #fff; border-radius: 100%; font-size: 0; padding: 0; } .articles .slick-dots li.slick-active button { background: #fff; } .articles .article-content { padding: 30px; margin: 0 auto; text-align: center; } @media (max-width: 1200px) { .articles .article-content { padding: 15px; } } .articles .article-content h3, .articles.opt1 .article-content .priv-hm-title { font-family: "ivypresto-headline", serif; font-size: 3rem; font-weight: 400; line-height: 1.2; color: #14336d; text-align: center; } .articles .article-content .article-date { font-family: "montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.88; color: #555; } .articles .newsItem { display: inline-block; width: 100%; } .articles .newsItem img { width: 100%; } .articles .newsItem a { text-decoration: none !important; } .articles .newsItem a:hover h3, .articles.opt1 .newsItem a:hover .priv-hm-title, .articles .newsItem a:active h3, .articles.opt1 .newsItem a:active .priv-hm-title { color: #456dab; } @media (max-width: 1500px) { .articles { padding-left: 40px; } } @media (max-width: 1200px) { .articles { padding-left: 20px; } } @media (max-width: 991px) { .articles { padding: 0; } .articles [id$="ArticlesWrapper"] { padding: 15px; } } .prv-home-wrap { max-width: 1600px; margin: 0 auto; padding: 60px 70px; } @media (max-width: 1600px) { .prv-home-wrap { padding: 50px; } } @media (max-width: 1400px) { .prv-home-wrap { padding: 40px 30px; } } @media (max-width: 1200px) { .prv-home-wrap { padding: 30px 20px; } } @media (max-width: 991px) { .prv-home-wrap { padding: 20px 15px; } } .card-deck.opt1 { padding: 5px; margin: 0; justify-content: center; flex-wrap: wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media (max-width: 991px) { .card-deck.opt1 { align-items: center; } } .card-deck.opt1 .card { text-align: center; border: 5px solid #fff; width: 25%; flex: 1 0 25%; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 991px) { .card-deck.opt1 .card { width: 50%; flex: 1 0 50%; } } @media (max-width: 400px) { .card-deck.opt1 .card { width: 100%; flex: 1 0 100%; } } .card-deck.opt1 .card-link-wrap { position: relative; display: block; max-width: 100%; position: relative; } .card-deck.opt1 .card-link-wrap > * { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .card-deck.opt1 .card-link-wrap:before { content: ''; display: block; padding-top: calc((500/493) * 100%); } .card-deck.opt1 .card-link-wrap:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); transition: background 0.3s ease-in-out; } .card-deck.opt1 .card-link-wrap:hover:after, .card-deck.opt1 .card-link-wrap:focus:after { background-color: rgba(20, 51, 109, 0.8); } .card-deck.opt1 .card-bg-img { background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #c3002f; } .card-deck.opt1 .card-bg-img > .mpContent img { visibility: hidden; width: 100%; } .card-deck.opt1 .card-img-overlay { height: auto; padding: 2.5rem; top: 50%; transform: translateY(-50%); bottom: auto; z-index: 1; /*&:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); }*/ } .card-deck.opt1 .card-img-overlay .mpContent { margin-bottom: 0; line-height: 1.2; color: #fff; z-index: 1; position: relative; } .card-deck.opt1 .card-img-overlay .mpContent:after { content: "\ea8d"; display: block; margin-top: 25px; font: normal normal normal 14px/1 "Nucleo Outline"; font-size: 22px; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 1400px) { .card-deck.opt1 .card-img-overlay .mpContent { font-size: 2.2rem; } .card-deck.opt1 .card-img-overlay .mpContent:after { margin-top: 15px; font-size: 18px; } } @media (max-width: 1100px) { .card-deck.opt1 .card-img-overlay .mpContent { font-size: 1.8rem; } .card-deck.opt1 .card-img-overlay .mpContent:after { display: none; } } .card-deck.opt1 .card-img-overlay .mpContent a { text-decoration: none; color: #fff; } .card-deck.opt1 .card-admin { display: flex; justify-content: center; text-align: center; } .card-deck.opt1 .card-admin > div { display: flex; flex-direction: column; } .card-deck.opt1 .card-admin > div .clickToEditDiv { border-color: #c3002f; border-style: solid; border-width: 1px 0; padding: 0.5rem 1rem !important; margin: 5px 0 !important; height: 100%; } .card-deck.opt1 .card-admin > div .clickToEditDiv:before { content: ''; display: block; font-size: 1.2rem; } .card-deck.opt1 .card-admin > div .clickToEditDiv img { max-width: 100%; } .card-deck.opt1 .card-admin > div.card-cte-img .clickToEditDiv:before { content: 'Image:'; } .card-deck.opt1 .card-admin > div.card-cte-txt .clickToEditDiv:before { content: 'Linked Caption:'; } .card-deck.opt1 .card-admin > div:first-child .clickToEditDiv { border-width: 1px 0 1px 1px; padding-left: 0.5rem !important; } .card-deck.opt1 .card-admin > div:last-child .clickToEditDiv { border-width: 1px 1px 1px 0; padding-right: 0.5rem !important; } .card-panels.opt4 { padding: 10rem 15px; } @media (max-width: 1500px) { .card-panels.opt4 { padding: 8rem 15px; } } @media (max-width: 1300px) { .card-panels.opt4 { padding: 6rem 15px; } } @media (max-width: 1100px) { .card-panels.opt4 { padding: 4rem 15px; } } @media (max-width: 1024px) { .card-panels.opt4 { padding: 3rem 15px; } } .card-panels.opt4.no-padding-top { padding-top: 0 !important; } .card-panels.opt4.no-padding-bottom { padding-bottom: 0 !important; } .card-panels.opt4 .card { margin: 0 auto; max-width: 1400px; border: none; } @media (max-width: 991px) { .card-panels.opt4 .card { max-width: 800px; } } .card-panels.opt4 .card + .card { margin-top: 100px; } @media (max-width: 1500px) { .card-panels.opt4 .card + .card { margin-top: 90px; } } @media (max-width: 1300px) { .card-panels.opt4 .card + .card { margin-top: 70px; } } @media (max-width: 1100px) { .card-panels.opt4 .card + .card { margin-top: 50px; } } @media (max-width: 1024px) { .card-panels.opt4 .card + .card { margin-top: 30px; } } @media (max-width: 991px) { .card-panels.opt4 .card + .card { width: 100%; margin-top: 20px; } } .card-panels.opt4 .card .clickToEditDiv { font-size: 0; width: 100%; } .card-panels.opt4 .card .clickToEditDiv:after { vertical-align: middle; } .card-panels.opt4 .card .row { margin-left: 0; margin-right: 0; flex-wrap: nowrap; } @media (max-width: 991px) { .card-panels.opt4 .card .row { flex-wrap: wrap; } } .card-panels.opt4 .card .card-bg-img { width: 40%; position: relative; } @media (max-width: 1300px) { .card-panels.opt4 .card .card-bg-img { width: 45%; } } @media (max-width: 991px) { .card-panels.opt4 .card .card-bg-img { width: 100%; } } .card-panels.opt4 .card .card-bg-img .mpContent { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 991px) { .card-panels.opt4 .card .card-bg-img .mpContent { height: auto; max-height: 500px; overflow: hidden; } } .card-panels.opt4 .card .card-bg-img .mpContent img { visibility: hidden; } .card-panels.opt4 .card .card-bg-img .clickToEditDiv { position: absolute; bottom: 15px; } .card-panels.opt4 .card .card-bg-img .clickToEditDiv:after { content: '(image)'; } .card-panels.opt4 .card .card-text { display: flex; align-items: center; flex-wrap: wrap; align-content: center; width: 60%; padding: 3rem 7rem; } @media (max-width: 1500px) { .card-panels.opt4 .card .card-text { padding: 3rem 6rem; } } @media (max-width: 1300px) { .card-panels.opt4 .card .card-text { width: 55%; padding: 3rem 5rem; } } @media (max-width: 1100px) { .card-panels.opt4 .card .card-text { padding: 3rem 4rem; } } @media (max-width: 1024px) { .card-panels.opt4 .card .card-text { padding: 3rem; } } @media (max-width: 991px) { .card-panels.opt4 .card .card-text { width: 100%; } } .card-panels.opt4 .card .card-text .mpContent { width: 100%; } .card-panels.opt4 .card .card-text .mpContent h2 { font-size: 3.6rem; font-weight: 300; } @media (max-width: 1100px) { .card-panels.opt4 .card .card-text .mpContent h2 { font-size: 3rem; } } @media (max-width: 991px) { .card-panels.opt4 .card .card-text .mpContent h2 { font-size: 2.5rem; } } .card-panels.opt4 .card .card-text .mpContent .abut, .card-panels.opt4 .card .card-text .mpContent .table-button td a, .table-button td .card-panels.opt4 .card .card-text .mpContent a { border: none !important; background: #fff; color: #c3002f; box-shadow: 0 5px 15px 0 rgba(33, 59, 115, 0.25); } .card-panels.opt4 .card .card-text .mpContent .abut:hover, .card-panels.opt4 .card .card-text .mpContent .table-button td a:hover, .table-button td .card-panels.opt4 .card .card-text .mpContent a:hover, .card-panels.opt4 .card .card-text .mpContent .abut:active, .card-panels.opt4 .card .card-text .mpContent .table-button td a:active, .table-button td .card-panels.opt4 .card .card-text .mpContent a:active { color: #fff; background: #c3002f; } .card-panels.opt4 .card .card-text .mpContent [class*="icon"] { display: none; } .card-panels.opt4 .card .card-text .clickToEditDiv:after { content: '(text)'; } .card-panels.opt4 .card:nth-of-type(even):not(:only-child) .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4 .card:nth-of-type(even):not(:only-child) .card-bg-img { order: 0; } } .card-panels.opt4 .card.has-empty-column .row { align-items: center; } .card-panels.opt4 .card.has-empty-column .clickToEditDiv:after { font-size: 1rem; } .card-panels.opt4.left-only .card .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4.left-only .card .card-bg-img { order: 0; } } .card-panels.opt4.type-2 { padding: 0 !important; } .card-panels.opt4.type-2 .card { margin: 0 auto; max-width: 100%; border: none; } @media (max-width: 991px) { .card-panels.opt4.type-2 .card { max-width: 100%; } } .card-panels.opt4.type-2 .card + .card { margin-top: 0 !important; } @media (max-width: 991px) { .card-panels.opt4.type-2 .card + .card { width: 100%; } } .card-panels.opt4.type-2 .card .clickToEditDiv { font-size: 0; } .card-panels.opt4.type-2 .card .clickToEditDiv:after { vertical-align: middle; } .card-panels.opt4.type-2 .card .row { margin-left: 0; margin-right: 0; flex-wrap: nowrap; } @media (max-width: 991px) { .card-panels.opt4.type-2 .card .row { flex-wrap: wrap; } } .card-panels.opt4.type-2 .card .card-bg-img { width: 50%; position: relative; } @media (max-width: 991px) { .card-panels.opt4.type-2 .card .card-bg-img { width: 100%; } } .card-panels.opt4.type-2 .card .card-bg-img .mpContent { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 991px) { .card-panels.opt4.type-2 .card .card-bg-img .mpContent { height: auto; } } .card-panels.opt4.type-2 .card .card-bg-img .mpContent img { visibility: hidden; } .card-panels.opt4.type-2 .card .card-bg-img .clickToEditDiv { position: absolute; bottom: 15px; } .card-panels.opt4.type-2 .card .card-bg-img .clickToEditDiv:after { content: '(image)'; } .card-panels.opt4.type-2 .card .card-text { display: flex; align-items: center; flex-wrap: wrap; align-content: center; width: 50%; padding: 2rem 4rem; background: #f1f6fc; text-align: center; } @media (max-width: 1024px) { .card-panels.opt4.type-2 .card .card-text { padding: 2rem; } } @media (max-width: 991px) { .card-panels.opt4.type-2 .card .card-text { width: 100%; } } .card-panels.opt4.type-2 .card .card-text .mpContent { width: 100%; max-width: 450px; margin: 0 auto; } .card-panels.opt4.type-2 .card .card-text .mpContent .abut, .card-panels.opt4.type-2 .card .card-text .mpContent .table-button td a, .table-button td .card-panels.opt4.type-2 .card .card-text .mpContent a { border: none !important; background: #fff; color: #c3002f; } .card-panels.opt4.type-2 .card .card-text .mpContent .abut:hover, .card-panels.opt4.type-2 .card .card-text .mpContent .table-button td a:hover, .table-button td .card-panels.opt4.type-2 .card .card-text .mpContent a:hover, .card-panels.opt4.type-2 .card .card-text .mpContent .abut:active, .card-panels.opt4.type-2 .card .card-text .mpContent .table-button td a:active, .table-button td .card-panels.opt4.type-2 .card .card-text .mpContent a:active { color: #fff; background: #c3002f; } .card-panels.opt4.type-2 .card .card-text .mpContent [class*="icon"] { display: none; } .card-panels.opt4.type-2 .card .card-text .clickToEditDiv:after { content: '(text)'; } .card-panels.opt4.type-2 .card:nth-of-type(even):not(:only-child) .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4.type-2 .card:nth-of-type(even):not(:only-child) .card-bg-img { order: 0; } } .card-panels.opt4.type-2 .card.has-empty-column .row { align-items: center; } .card-panels.opt4.type-2 .card.has-empty-column .clickToEditDiv:after { font-size: 1rem; } .card-panels.opt4.type-2.left-only .card .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4.type-2.left-only .card .card-bg-img { order: 0; } } .card-panels.opt4.maps { padding: 7rem; background: #f1f6fc; } @media (max-width: 1500px) { .card-panels.opt4.maps { padding: 6rem; } } @media (max-width: 1300px) { .card-panels.opt4.maps { padding: 5rem; } } @media (max-width: 1100px) { .card-panels.opt4.maps { padding: 4rem; } } @media (max-width: 1024px) { .card-panels.opt4.maps { padding: 3rem; } } @media (max-width: 768px) { .card-panels.opt4.maps { padding: 2rem; } } .card-panels.opt4.maps .card { margin: 0 auto 50px; max-width: 100%; border: none; background: none; } @media (max-width: 991px) { .card-panels.opt4.maps .card { max-width: 100%; } } .card-panels.opt4.maps .card + .card { margin-bottom: 0 !important; } @media (max-width: 991px) { .card-panels.opt4.maps .card + .card { width: 100%; } } .card-panels.opt4.maps .card .clickToEditDiv { font-size: 0; } .card-panels.opt4.maps .card .clickToEditDiv:after { vertical-align: middle; } .card-panels.opt4.maps .card .row { margin-left: 0; margin-right: 0; flex-wrap: nowrap; } @media (max-width: 991px) { .card-panels.opt4.maps .card .row { flex-wrap: wrap; } } .card-panels.opt4.maps .card .card-bg-img { width: 65%; position: relative; } @media (max-width: 1024px) { .card-panels.opt4.maps .card .card-bg-img { width: 100%; } } .card-panels.opt4.maps .card .card-bg-img .mpContent { height: 100%; background: none !important; position: relative; } @media (max-width: 1024px) { .card-panels.opt4.maps .card .card-bg-img .mpContent { height: auto; padding-top: 50%; } } @media (max-width: 600px) { .card-panels.opt4.maps .card .card-bg-img .mpContent { padding-top: 40%; } } .card-panels.opt4.maps .card .card-bg-img .mpContent img { width: 100%; visibility: hidden; } .card-panels.opt4.maps .card .card-bg-img .mpContent iframe { position: absolute; height: 100% !important; width: 100% !important; top: 0; left: 0; right: 0; bottom: 0; } .card-panels.opt4.maps .card .card-bg-img .clickToEditDiv { position: absolute; bottom: 15px; } .card-panels.opt4.maps .card .card-bg-img .clickToEditDiv:after { content: '(image)'; } .card-panels.opt4.maps .card .card-text { display: flex; align-items: center; flex-wrap: wrap; align-content: center; width: 45%; padding: 0 0 0 10rem; background: none; } @media (max-width: 1500px) { .card-panels.opt4.maps .card .card-text { padding: 0 0 0 7rem; } } @media (max-width: 1300px) { .card-panels.opt4.maps .card .card-text { padding: 0 0 0 5rem; } } @media (max-width: 1100px) { .card-panels.opt4.maps .card .card-text { padding: 0 0 0 3rem; } } @media (max-width: 1024px) { .card-panels.opt4.maps .card .card-text { padding: 0 0 0 2rem; width: 100%; padding: 2rem; text-align: center; } } .card-panels.opt4.maps .card .card-text .mpContent { width: 100%; max-width: 460px; margin: 0 auto; font-size: 1.6rem; font-weight: 500; line-height: 1.88; color: #555; } .card-panels.opt4.maps .card .card-text .mpContent i, .card-panels.opt4.maps .card .card-text .mpContent em { font-size: 1.4rem; font-style: italic; } .card-panels.opt4.maps .card .card-text .mpContent b, .card-panels.opt4.maps .card .card-text .mpContent strong { font-size: 1.6rem; font-weight: 700; color: #14336d; } .card-panels.opt4.maps .card .card-text .mpContent table td { vertical-align: top; padding-bottom: 15px; } .card-panels.opt4.maps .card .card-text .mpContent table td:first-child { width: 60px; } @media (max-width: 1024px) { .card-panels.opt4.maps .card .card-text .mpContent { max-width: 900px; } .card-panels.opt4.maps .card .card-text .mpContent table, .card-panels.opt4.maps .card .card-text .mpContent table tbody, .card-panels.opt4.maps .card .card-text .mpContent table tr, .card-panels.opt4.maps .card .card-text .mpContent table td { display: block; width: 100%; text-align: center; } .card-panels.opt4.maps .card .card-text .mpContent table td:first-child { width: 100%; padding-bottom: 15px; } } .card-panels.opt4.maps .card .card-text .mpContent h2 { margin: 0 0 1rem; font-size: 4.4rem; font-weight: 100; letter-spacing: 0.3rem; text-transform: uppercase; } .card-panels.opt4.maps .card .card-text .mpContent .abut, .card-panels.opt4.maps .card .card-text .mpContent .table-button td a, .table-button td .card-panels.opt4.maps .card .card-text .mpContent a { border: none !important; background: #fff; color: #c3002f; } .card-panels.opt4.maps .card .card-text .mpContent .abut:hover, .card-panels.opt4.maps .card .card-text .mpContent .table-button td a:hover, .table-button td .card-panels.opt4.maps .card .card-text .mpContent a:hover, .card-panels.opt4.maps .card .card-text .mpContent .abut:active, .card-panels.opt4.maps .card .card-text .mpContent .table-button td a:active, .table-button td .card-panels.opt4.maps .card .card-text .mpContent a:active { color: #fff; background: #c3002f; } .card-panels.opt4.maps .card .card-text .mpContent [class*="icon"] { display: none; } .card-panels.opt4.maps .card .card-text .clickToEditDiv:after { content: '(text)'; } .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-bg-img { order: 0; } } .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-text { padding: 0 10rem 0 0; } @media (max-width: 1500px) { .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-text { padding: 0 7rem 0 0; } } @media (max-width: 1300px) { .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-text { padding: 0 5rem 0 0; } } @media (max-width: 1100px) { .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-text { padding: 0 3rem 0 0; } } @media (max-width: 1024px) { .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-text { padding: 0 2rem 0 0; } } @media (max-width: 991px) { .card-panels.opt4.maps .card:nth-of-type(even):not(:only-child) .card-text { width: 100%; padding: 2rem; text-align: center; } } .card-panels.opt4.maps .card.has-empty-column .row { align-items: center; } .card-panels.opt4.maps .card.has-empty-column .clickToEditDiv:after { font-size: 1rem; } .card-panels.opt4.maps.left-only .card .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4.maps.left-only .card .card-bg-img { order: 0; } } .card-panels.opt4.maps.left-only .card .card-text { padding: 0 10rem 0 0; } @media (max-width: 1500px) { .card-panels.opt4.maps.left-only .card .card-text { padding: 0 7rem 0 0; } } @media (max-width: 1300px) { .card-panels.opt4.maps.left-only .card .card-text { padding: 0 5rem 0 0; } } @media (max-width: 1100px) { .card-panels.opt4.maps.left-only .card .card-text { padding: 0 3rem 0 0; } } @media (max-width: 1024px) { .card-panels.opt4.maps.left-only .card .card-text { padding: 0 2rem 0 0; } } @media (max-width: 991px) { .card-panels.opt4.maps.left-only .card .card-text { width: 100%; padding: 2rem; text-align: center; } } .sub-nav.opt2 { background-color: #bad2ed; padding: 0 15px; text-align: center; } .sub-nav.opt2 ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } .sub-nav.opt2 ul li { border-top: 2px solid transparent; } .sub-nav.opt2 ul li a { display: block; color: #213b73; font-family: "montserrat", sans-serif; font-size: 1.6rem; font-weight: 500; text-transform: none; letter-spacing: 0; text-decoration: none; padding: 1.7rem 1.9rem; transition: all 0.3s ease-in-out; } .sub-nav.opt2 ul li a:hover, .sub-nav.opt2 ul li a:focus { color: #213b73; } .sub-nav.opt2 ul li.selectedItem { border-color: #c3002f; } .sub-nav.opt2 ul li.selectedItem a { color: #213b73; font-weight: 500; background-color: #fff; } .quick-links.opt1 { background-size: cover; background-position: center center; background-color: #fff; text-align: center; color: #fff; font-size: 0; display: flex; flex-direction: column; justify-content: flex-end; position: relative; padding: 32rem 1.5rem 12rem; } @media (max-width: 1600px) { .quick-links.opt1 { padding: 28rem 1.5rem 10rem; } } @media (max-width: 1500px) { .quick-links.opt1 { padding: 25rem 1.5rem 8rem; } } @media (max-width: 1400px) { .quick-links.opt1 { padding: 20rem 1.5rem 6rem; } } @media (max-width: 1300px) { .quick-links.opt1 { padding: 6rem 1.5rem; } } @media (max-width: 1000px) { .quick-links.opt1 { padding: 3rem 1.5rem; } } ._Telerik_IE9 .quick-links.opt1 { height: 400px; } @media (max-width: 768px) { .quick-links.opt1 { min-height: 290px; } } .quick-links.opt1 > .mpContent { font-size: 0; } .quick-links.opt1 > .mpContent img { visibility: hidden; height: 0; margin: 0; } .quick-links.opt1 > .mpContent:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.7); } .quick-links.opt1 > .clickToEditDiv { position: absolute; left: 0; bottom: 0; } .quick-links.opt1 .welcome { position: relative; z-index: 99; margin-bottom: 3rem; font-size: 1.6rem; line-height: 1.88; color: #fff; } .quick-links.opt1 .welcome h1 { line-height: 1; margin-bottom: 2rem; color: #fff; font-size: 3.4rem; font-weight: 600; letter-spacing: 0.567rem; text-transform: uppercase; } @media screen and (max-width: 768px) { .quick-links.opt1 .welcome h1 { margin: 0; font-size: 2.8rem; } } .quick-links.opt1 .welcome span { font-family: "montserrat", sans-serif; font-size: 1.6rem; font-weight: 400; letter-spacing: 0.062rem; text-transform: none; } .quick-links.opt1 .nc-icon-glyph { position: relative; color: #213b73; font-size: 2.2rem; width: 60px; height: 60px; display: block; margin: 0 auto 15px; text-decoration: none !important; background: #bad2ed; border-radius: 100%; padding-top: 1.8rem; transition: 0.3s ease-in-out; } @media (max-width: 768px) { .quick-links.opt1 .nc-icon-glyph { display: none; } } .quick-links.opt1 ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; float: none; display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 768px) { .quick-links.opt1 ul { display: inline-block; width: auto; } } .quick-links.opt1 ul li { display: inline-block; padding: 15px 5px; margin: 0; font-size: 0; flex: 0 1 250px; vertical-align: top; transition: all .3s ease-in-out; } ._Telerik_IE9 .quick-links.opt1 ul li { flex-basis: 240px !important; } @media screen and (max-width: 768px) { .quick-links.opt1 ul li { display: block; padding: 0 0 15px 0; } } .quick-links.opt1 ul li a { display: inline-block; width: 100%; font-size: 2.4rem; font-family: "ivypresto-headline", serif; font-weight: 300; font-style: italic; text-transform: none; text-align: center; color: #fff; line-height: 1.2; letter-spacing: 0; text-decoration: none; position: relative; transition: opacity 0.3s ease-in-out; } .quick-links.opt1 ul li a:hover, .quick-links.opt1 ul li a:focus { opacity: 1; color: #fff; } .quick-links.opt1 ul li a:hover .nc-icon-glyph, .quick-links.opt1 ul li a:focus .nc-icon-glyph { background: #213b73; color: #fff; } body.user-is-tabbing .quick-links.opt1 ul li a:focus { text-decoration: none; outline-style: dashed; outline-color: #fff; outline-width: 2px; opacity: 1; } @media screen and (max-width: 768px) { .quick-links.opt1 ul li a { padding: 0; display: flex; align-items: center; justify-content: center; text-decoration: none !important; } } .burgerNav-visible .quick-links.opt1 .welcome { z-index: 90; } .course-tour-parent { margin: 6.25vw auto; } .one-column + .course-tour-parent { margin-top: 0; } .course-tour.opt3 { max-width: 1200px; padding: 0 1.5rem; } @media (min-width: 1200px) { .course-tour.opt3 { margin-left: auto; margin-right: auto; } } .container .course-tour.opt3 { padding-left: 0; padding-right: 0; } .course-tour.opt3 > .container > .row > .col-12 > .mpContent { text-align: center; } .course-tour.opt3 > .container > .row > .col-12 > .mpContent h4, .course-tour.opt3 > .container > .row > .col-12 > .mpContent .formSection .rosterletteroff, .formSection .course-tour.opt3 > .container > .row > .col-12 > .mpContent .rosterletteroff { color: #63828f; } .course-tour.opt3 > .container > .row > .col-12 > .mpContent h5 { margin-bottom: 2rem; } .course-tour.opt3 .RadTabStrip_Tab_responsive .levelwrap.level1 > ul > li > a { padding-left: 2rem !important; padding-right: 2rem !important; } @media (min-width: 1024px) { .course-tour.opt3 .RadTabStrip_Tab_responsive .levelwrap.level1 > ul { display: flex; justify-content: stretch; max-width: 1000px; margin: 0 auto; } .course-tour.opt3 .RadTabStrip_Tab_responsive .levelwrap.level1 > ul > li { flex: 1; } .course-tour.opt3 .RadTabStrip_Tab_responsive .levelwrap.level1 > ul > li > a { padding-left: 1.4rem !important; padding-right: 1.4rem !important; } } .course-tour.opt3 [id$="_tblTop"]:last-child { margin-top: 0; } .course-tour.opt3 [id$="_tblTop"] .tsContent { padding: 5.8rem 6.9rem; } @media (max-width: 1199px) { .course-tour.opt3 [id$="_tblTop"] .tsContent { padding: 30px; } } @media (max-width: 1024px) { .course-tour.opt3 [id$="_tblTop"] .tsContent { padding: 30px 15px; } } .course-tour.opt3 [id$="_tblTop"] .tsContent h4, .course-tour.opt3 [id$="_tblTop"] .tsContent .formSection .rosterletteroff, .formSection .course-tour.opt3 [id$="_tblTop"] .tsContent .rosterletteroff { color: #426a7a; font-weight: 600; font-size: 1.6rem; letter-spacing: 1px; } .course-tour.opt3 [id$="_radTabsTop"] .levelwrap.level1 > ul > li > a .innerWrap { letter-spacing: 0.438rem; } @media (max-width: 1023px) { .course-tour.opt3 [id$="_radTabsTop"] .levelwrap > ul { position: relative; text-align: left; padding: 0 0 0 135px !important; } .course-tour.opt3 [id$="_radTabsTop"] .levelwrap > ul:after { content: 'Scroll for More \00a0\00a0\2192'; display: inline-block; height: auto; max-width: 185px; position: absolute; left: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; font-weight: 500; font-family: Arial, sans-serif; font-size: 1rem; line-height: 1; text-transform: uppercase; letter-spacing: 0; color: #fff; height: auto; max-width: 160px; } } .hole-wrap { display: flex; max-width: 1210px; margin: 0 auto; justify-content: flex-start; } @media (max-width: 991px) { .sitewrap .hole-wrap { flex-wrap: wrap; } .sitewrap .hole-wrap > div { flex: 1 1 100% !important; } } .hole-wrap .hole-media-wrap { flex: 0 1 500px; } @media (max-width: 991px) { .hole-wrap .hole-media-wrap { margin-top: 30px; text-align: center; } } .sitewrap .hole-wrap .hole-media-wrap { font-size: 0; align-self: flex-start; } @media (max-width: 991px) { .sitewrap .hole-wrap .hole-media-wrap { order: 1; padding-right: 0; } } .hole-wrap .hole-info-wrap { display: flex; flex-direction: column; flex: 1 0 50%; padding: 0 3rem; } @media (max-width: 991px) { .hole-wrap .hole-info-wrap { padding: 0; } } .hole-wrap .hole-info-wrap .abut, .hole-wrap .hole-info-wrap .table-button td a, .table-button td .hole-wrap .hole-info-wrap a { width: 100%; max-width: 207px; } @media (min-width: 768px) { .hole-wrap .hole-info-wrap .abut, .hole-wrap .hole-info-wrap .table-button td a, .table-button td .hole-wrap .hole-info-wrap a { margin-top: 2.4rem; } } .hole-wrap .hole-info-wrap > div:first-child { flex: 0; margin-bottom: 0; } .hole-wrap .hole-info-wrap > div:first-child h3, .hole-wrap .hole-info-wrap > div:first-child .articles.opt1 .priv-hm-title, .articles.opt1 .hole-wrap .hole-info-wrap > div:first-child .priv-hm-title { margin-bottom: 0.4em; font-weight: 500; color: #a80029; font-size: 2.4rem; font-family: "montserrat", sans-serif; } .hole-wrap .hole-info-wrap > div:first-child > div { font-size: 1.65rem; font-weight: 700; letter-spacing: 0.59px; text-align: center; text-transform: uppercase; color: #fff; cursor: default; margin: 0; padding: 0; min-width: 155px; line-height: 44px; float: left; position: relative; background-color: #f1f6fb; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: background-color 0.2s ease; } .hole-wrap .hole-info-wrap > div:first-child > div:before, .hole-wrap .hole-info-wrap > div:first-child > div:after { content: " "; position: absolute; top: 0; right: -18px; width: 0; height: 0; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 18px solid #f1f6fb; z-index: 2; transition: border-color 0.2s ease; } .hole-wrap .hole-info-wrap > div:first-child > div:before { right: auto; left: 0; border-left: 17px solid #fff; z-index: 0; border: none; } .hole-wrap .hole-info-wrap > div:last-child h5 { font-weight: 700; color: #555555; font-size: 1.6rem; text-transform: none; letter-spacing: 0; margin-bottom: 0.4em; } .hole-wrap .hole-info-wrap > div:last-child p strong { font-weight: 600; } .hole-wrap .hole-info-wrap > div:last-child > div:first-child { font-weight: 300; color: #555; font-family: "montserrat", sans-serif; line-height: 1.88; letter-spacing: 0; font-size: 1.6rem; } .hole-wrap .hole-info-wrap > div:last-child > div:first-child > span, .hole-wrap .hole-info-wrap > div:last-child > div:first-child > font { display: inline-block; } @media (min-width: 992px) and (max-width: 1199px) { .hole-wrap .hole-info-wrap > div:last-child > div:first-child > span, .hole-wrap .hole-info-wrap > div:last-child > div:first-child > font { display: block; } } .hole-wrap .hole-info-wrap > div:last-child > div:first-child > span:nth-last-child(n+2):after, .hole-wrap .hole-info-wrap > div:last-child > div:first-child > font:nth-last-child(n+2):after { content: ''; padding: 0 1.1rem; } @media (max-width: 767px) { .hole-wrap .hole-info-wrap > div:last-child > div:first-child > span, .hole-wrap .hole-info-wrap > div:last-child > div:first-child > font { display: block; } .hole-wrap .hole-info-wrap > div:last-child > div:first-child > span:after, .hole-wrap .hole-info-wrap > div:last-child > div:first-child > font:after { content: none !important; } } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) { font-size: 1.6rem; font-weight: 300; letter-spacing: 0; color: #555; font-family: "montserrat", sans-serif; line-height: 1.88; display: flex; justify-content: space-between; margin-bottom: 1rem; margin-top: 0; padding: 0; } @media (max-width: 991px) { .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) { margin-bottom: 0; margin-top: 0; } } @media (max-width: 767px) { .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) { flex-wrap: wrap; justify-content: space-evenly; padding: 15px 0; align-items: center; } } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font { padding-top: 13px !important; padding-bottom: 13px !important; display: flex; align-items: center; } @media (max-width: 767px) { .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font { padding: 5px 15px !important; } } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span:nth-child(n+2), .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font:nth-child(n+2) { padding-left: 1rem; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span:before, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font:before { content: ''; height: 12px; width: 12px; display: inline-block; margin-right: 8px; margin-bottom: 0; vertical-align: middle; border-radius: 50%; border: 1px solid transparent; } .hole-info-wrap .blue:before { background-color: #3e68c7; } .hole-info-wrap .white:before { background-color: #ffffff; border-color: #979797 !important; } .hole-info-wrap .gold:before { background-color: #a2926b; } .hole-info-wrap .red:before { background-color: #c73e3e; } .hole-info-wrap .black:before { background-color: #000000; } .hole-info-wrap .green:before { background-color: #336e19; } .hole-info-wrap .silver:before { background-color: #C0C0C0; } .hole-info-wrap .turquoise:before { background-color: #01707e; } .hole-info-wrap .copper:before { background-color: #ee7f1f; } .login.opt2#login-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #fff; height: 100%; min-height: 100vh !important; display: flex; position: relative; font-size: 1.4rem; overflow: hidden; } .login.opt2 .login-bg-img .mpContent img { visibility: hidden; height: 0; } .login.opt2 .login-bg-img .clickToEditDiv { position: absolute; top: 0; } .login.opt2 .errLogin { font-size: 16px !important; display: block; text-align: center; margin-bottom: 10px; color: #df0000 !important; font-weight: 600; } .login.opt2 .login-instruct { color: #555; font-size: 1.6rem; font-weight: 300; line-height: 1.88; text-align: center; padding-bottom: 17px; } @media screen and (max-width: 767px) { .login.opt2 .login-instruct { padding-bottom: 15px; } } .login.opt2 .login-instruct .mpContent p { line-height: 1.88; } .login.opt2 .login-right { z-index: 1000; background-size: cover; background-position: center center; background-repeat: no-repeat; flex-grow: 1; } @media screen and (max-width: 1199px) { .login.opt2 .login-right { width: auto; background-position: center center; } } .login.opt2 .login-left { display: flex; flex: 0 1 35.625%; background-color: #fff; position: relative; max-width: 570px; flex-direction: column; justify-content: center; } @media screen and (max-width: 991px) { .login.opt2 .login-left { flex-basis: 100%; max-width: none; } } @media screen and (max-width: 768px) { .login.opt2 .login-left { width: 100%; } } @media screen and (max-width: 767px) { .login.opt2 .login-left { justify-content: flex-start; } } .login.opt2 .login-wrap { padding: 15px 30px; width: 100%; max-width: 430px; margin: 0 auto; } @media screen and (max-width: 767px) { .login.opt2 .login-wrap { max-width: 75%; margin: 0 auto; display: block; padding: 10%; } } @media screen and (max-width: 475px) { .login.opt2 .login-wrap { max-width: 100%; min-width: 100%; transform: none; top: 0; left: 0; padding: 5%; outline: 0; } } @media screen and (max-width: 325px) { .login.opt2 .login-wrap { padding: 15px 5%; } } .login.opt2 .login-logo { text-align: center; margin-bottom: 30px; } @media screen and (max-width: 767px) { .login.opt2 .login-logo { margin-bottom: 15px; } } .login.opt2 .login-logo img { position: relative; padding: 0; max-width: 100%; } .login.opt2 .login-logo a { width: auto; height: auto; display: inline-block; text-align: center; font-size: 0; } .login.opt2 .login-logo a:focus { outline-offset: 0; } .login.opt2 .login-content { text-align: center; } .login.opt2 .login-content p { color: #c3002f; } .login.opt2 .login-inputs { margin: 0 auto; text-align: center; position: relative; } .login.opt2 .login-inputs > div[id^="wrapLogin"] { display: inline-block; width: 100%; } .login.opt2 .login-inputs_fields { display: none; } .login.opt2 .login-inputs_box input { border: none; border-radius: 5px; width: 100%; padding: 14px 30px; margin-bottom: 10px; background-color: #f1f6fb; outline: 0; text-transform: none; letter-spacing: 0; line-height: 30px; color: #555; font-weight: 300; font-family: "montserrat", sans-serif; font-size: 1.7rem; width: 100%; } @media screen and (max-width: 1024px) { .login.opt2 .login-inputs_box input { font-size: 1.6rem; } } .login.opt2 .login-inputs_box input::placeholder { color: #555; } .login.opt2 .login-inputs_box input[style*="red"]::placeholder { color: #fff; } .login.opt2 .login-inputs_box input:focus { color: #555; } html._Telerik_IE9 .login.opt2 .login-inputs_box input { padding-top: 0px; padding-bottom: 0px; height: 60px; line-height: 60px; } .login.opt2 .login-inputs_link input { margin: 0; margin-bottom: 25px; background: #c3002f; font-family: "montserrat", sans-serif; text-transform: uppercase; color: #fff; font-size: 1.4rem; font-weight: 600 !important; letter-spacing: 0.25rem; border-radius: 5px; padding: 25px 50px !important; outline: 0; border: 2px solid #c3002f !important; width: 100%; max-width: 100%; min-width: 0; transition: all .3s ease-in-out; } .login.opt2 .login-inputs_link input:hover, .login.opt2 .login-inputs_link input:focus { background-color: #a80029; color: #fff; border-color: #a80029 !important; } .login.opt2 .login-inputs_cookie, .login.opt2 .login-inputs_forgotPassword { display: inline-block; position: relative; padding: 0; font-size: 0; } .login.opt2 .login-inputs_cookie *, .login.opt2 .login-inputs_forgotPassword * { color: #213b73; font-family: "montserrat", sans-serif; } .login.opt2 .login-inputs_cookie label, .login.opt2 .login-inputs_cookie a, .login.opt2 .login-inputs_forgotPassword label, .login.opt2 .login-inputs_forgotPassword a { margin: 0; line-height: 1.2; color: #213b73; font-weight: 300; font-size: 1.4rem; } .login.opt2 .login-inputs_cookie a, .login.opt2 .login-inputs_forgotPassword a { color: #c3002f; text-decoration: underline; } .login.opt2 .login-inputs_cookie a:hover, .login.opt2 .login-inputs_cookie a:focus, .login.opt2 .login-inputs_forgotPassword a:hover, .login.opt2 .login-inputs_forgotPassword a:focus { text-decoration: none; } .login.opt2 .login-inputs_cookie { float: left; } .login.opt2 .login-inputs_cookie span.advLogRemoveChk { font-size: 1.4rem; } .user-is-tabbing .login.opt2 .login-inputs_cookie span.advLogRemoveChk:focus { outline: 1px solid #c3002f; } .login.opt2 .login-inputs_cookie input { display: none; } .login.opt2 .login-inputs_cookie input[type=checkbox] + label:before { font-family: 'Nucleo Glyph'; content: ''; color: #fff; border-radius: 50%; width: 16px; height: 16px; display: inline-block; position: absolute; left: 0; cursor: pointer; background: #213b73; } .login.opt2 .login-inputs_cookie input[type=checkbox] + label:active:before, .login.opt2 .login-inputs_cookie input[type=checkbox] + label:hover:before { background: #213b73; } .login.opt2 .login-inputs_cookie input[type=checkbox]:checked + label:before { content: "\ed40"; background: #213b73; line-height: 1; font-size: 1.6rem; } .login.opt2 .login-inputs_cookie label { margin: 0 0 0 30px; cursor: pointer; } .login.opt2 .login-inputs_forgotPassword { float: right; } .login.opt2 .login-inputs .logged-in a { display: block; margin-bottom: 15px; } .reference-guide { margin-top: 120px; } .reference-guide .c1 { background: #c3002f; } .reference-guide .c2 { background: #a80029; } .reference-guide .c3 { background: #555555; } .reference-guide .c4 { background: #f1f6fb; } .reference-guide .c5 { background: #f1f6fb; } .reference-guide .c6 { background: #fff; } .reference-guide .c7 { background: #fff; } .reference-guide .c8 { background: #fff; } .reference-guide .c9 { background: #fff; } .hideNav { display: none; } .sitewrap img { max-width: 100%; } .sitewrap .login { min-height: 0 !important; } .priv-hm-title { display: inline-block; } @media (max-width: 767px) { .priv-hm-title { font-size: 2.8rem; letter-spacing: 0; } } .global-scripts { display: none; } .global-scripts.scriptA9 { display: block; position: fixed; width: 200px; height: 200px; padding: 0 0 15px 0; text-align: center; bottom: 0; border: 1px solid rgba(0, 0, 0, 0.3); transition: .3s ease-in-out; background: #fff; overflow: hidden; z-index: 50000000000; } .global-scripts.scriptA9.minimized { width: 36px; height: 46px; padding: 0 0 15px 10px; bottom: 5%; } .global-scripts.scriptA9.minimized .global-scripts-head { text-align: right; font-size: 11px; padding: 17px 0px; padding-right: 31px; color: transparent; } .global-scripts.scriptA9.minimized .toggle-1, .global-scripts.scriptA9.minimized .toggle-2 { transform: rotate(0deg); } .global-scripts.scriptA9.minimized .toggle-2 { transform: rotateZ(90deg); } @media screen and (max-width: 768px) { .global-scripts.scriptA9 { display: none; } } .global-scripts-head { color: #000; text-transform: uppercase; letter-spacing: 1px; display: block; padding: 15px 0 5px; transition: .3s; text-align: center; } .global-scripts-head:hover { cursor: pointer; } .global-scripts-head:hover .global-scripts-toggle .toggle-1, .global-scripts-head:hover .global-scripts-toggle .global-scripts .toggle-2, .global-scripts .global-scripts-head:hover .global-scripts-toggle .toggle-2, .global-scripts-head:hover .global-scripts-toggle toggle-2 { width: 2px; } .global-scripts-toggle { width: 100%; height: 44px; position: absolute; top: 0; right: 0; transition: .3s; } .global-scripts .toggle-1, .global-scripts .toggle-2 { position: absolute; width: 1px; height: 12px; background: #000; transition: .3s; right: 16px; top: 17px; transform: rotate(45deg); } .global-scripts .toggle-2 { transform: rotate(-45deg); } .global-scripts .hide-toggle { position: relative; font-size: 12px; padding-bottom: 10px; padding-right: 10px; width: 130px; margin: 0 auto; } .global-scripts .hide-toggle input[type="checkbox"] { margin: 0; top: 3px; right: -4px; position: absolute; } .global-scripts .fed-scripts, .global-scripts .content-scripts { padding-bottom: 15px; } a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; color: #fff; background-color: #c3002f; } a.skip-main:active, a.skip-main:focus { color: #fff; background-color: #c3002f; left: auto; top: auto; width: auto; height: auto; overflow: auto; padding: .5em 1em; text-align: center; font-size: 1.2em; font-weight: 400; z-index: 99999; } body:not([class*="-log"]) { font-size: 12px; } body:not([class*="-log"]) table { border-collapse: separate; } body:not([class*="-log"]) h3, body:not([class*="-log"]) .articles.opt1 .priv-hm-title, .articles.opt1 body:not([class*="-log"]) .priv-hm-title { FONT-SIZE: 12px; FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif; color: #000000; font-weight: 600; } body:not([class*="-log"]) .abut, body:not([class*="-log"]) .table-button td a, .table-button td body:not([class*="-log"]) a, body:not([class*="-log"]) .abut:hover, body:not([class*="-log"]) .table-button td a:hover, .table-button td body:not([class*="-log"]) a:hover, body:not([class*="-log"]) .abut:focus, body:not([class*="-log"]) .table-button td a:focus, .table-button td body:not([class*="-log"]) a:focus, body:not([class*="-log"]) .abut:active, body:not([class*="-log"]) .table-button td a:active, .table-button td body:not([class*="-log"]) a:active { letter-spacing: 0; text-transform: inherit; font-size: inherit; } body:not([class*="-log"]) input.abut, body:not([class*="-log"]) input.abut:hover, body:not([class*="-log"]) input.abut:focus, body:not([class*="-log"]) input.abut:active { border-radius: 3px; -moz-border-radius: 3px; border: 1px solid #888; margin: 0 2px; FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif; color: #000000; font-size: 12px; background-color: #eeeeee; TEXT-ALIGN: center; padding: 0 5px; font-weight: 400; line-height: inherit; } #datepicker { background: #fff; border: 1px solid #000; padding: 10px; } #datepicker > table { border-collapse: separate; } .RadEditor.Default.reWrapper table { border-collapse: separate; } .sitewrap .calendarEventIcon { max-width: none; } div[id$="_Panel1"] input[id$="_txtSearch"] { color: #fff; } /* Article & Mobile Event Flyer Fixes for Bee Editor Updates 5/2022 */ .mobileFlyer .nl-container .txtTinyMce-wrapper p { text-align: center !important; } .mobileFlyer table.row { margin: 0 !important; } .nl-container p, .nl-container ol, .nl-container ul { color: inherit !important; font-family: inherit !important; font-weight: inherit !important; } .nl-container *:not(strong):not([style*="font-weight"]) { font-weight: inherit !important; } .nl-container *:not([style*=" color:"]):not([style^="color:"]):not([style*=";color:"]) { color: inherit !important; } .nl-container *:not([style*="font-family"]) { font-family: inherit !important; } .nl-container *:not([style*="font-size"]) { font-size: inherit !important; } table.row { display: revert !important; } footer { background-color: #213b73; color: #fff; font-size: 1.4rem; font-weight: 500; line-height: 2.14; /*ul { list-style: none; margin: 0; padding: 0; li { display: inline-block; margin: 0.8rem 1.7rem; @media (max-width:767px) { width: 100%; margin-left: auto; margin-right: auto; } span[class*="icon"] { margin-right: 5px; } } }*/ } footer h6 { margin: 0 0 1rem; font-family: "montserrat", sans-serif; font-size: 1.4rem; font-weight: 600; letter-spacing: 0.263rem; text-transform: uppercase; color: #bad2ed; } footer p { color: #fff; } footer a { color: #fff; text-decoration: none; } footer a:hover, footer a:focus { color: #fff; text-decoration: underline; } .footer-top { display: flex; justify-content: space-between; align-items: flex-start; max-width: 1430px; margin: 0 auto; padding: 9.5rem 0; color: #fff; } @media (max-width: 1500px) { .footer-top { padding: 7rem 0; } } @media (max-width: 1300px) { .footer-top { padding: 5rem 0; } } @media (max-width: 1199px) { .footer-top { padding: 4rem 1.5rem; flex-wrap: wrap; } } @media (max-width: 1024px) { .footer-top { padding: 3rem 1.5rem; } } @media (max-width: 500px) { .footer-top { padding: 2rem 1.5rem; } } .footer-top > div { padding: 0 15px; } @media (max-width: 1199px) { .footer-top > div { padding: 15px; } } @media (max-width: 900px) { .footer-top > div { width: 100% !important; max-width: 100%; text-align: center; } } @media (max-width: 500px) { .footer-top > div { width: 100%; } } .footer-top div[class*="address"] a:before { content: "\e8a8"; display: inline-block; font: normal normal normal 14px/1 'Nucleo Glyph'; font-size: inherit; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } .footer-top div[class*="address"] a[href^="tel"]:before { content: "\ee0c"; } @media (max-width: 1500px) { .footer-main-logo { display: none; } } @media (max-width: 1199px) { .footer-secondary-logos { display: none; } } .footer-secondary-logos img:first-child { margin-right: 15px; } .footer-menu ul, .footer-menu li { display: block; padding: 0; margin: 0; } .footer-menu li { margin: 0; } .footer-menu li span { margin-right: 15px; } .footer-menu li a:before { content: "\eb26"; display: inline-block; font: normal normal normal 14px/1 'Nucleo Glyph'; font-size: inherit; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; } .footer-bottom { background: #203563; position: relative; } .footer-bottom > div { max-width: 1430px; padding: 3rem 1.5rem; margin: 0 auto; font-size: 1.2rem; font-weight: 500; letter-spacing: 0.4rem; text-transform: uppercase; color: #bad2ed; display: flex; justify-content: space-between; } .footer-bottom > div a { color: #bad2ed; } .footer-bottom > div a:hover, .footer-bottom > div a:active { color: #fff; } .footer-bottom > div > div[style] { position: absolute; top: 0; right: 0; } @media (max-width: 1199px) { .footer-bottom > div { flex-wrap: wrap; padding: 2rem 3rem; text-align: center; } .footer-bottom > div > div { width: 100%; } .footer-bottom > div ul { margin: 0 auto; padding-top: 15px; } } .footer-bottom ul { display: block; padding: 0; margin: 0; font-size: 0; letter-spacing: 0; } .footer-bottom ul li { display: inline-block; padding: 0; margin: 0 9px; } .footer-bottom ul li:first-child { margin-left: 0; } .footer-bottom ul li:last-child { margin-right: 0; } .footer-bottom ul li a { display: block; width: 20px; height: 20px; color: #fff; text-align: center; transition: 0.3s ease-in-out; } .footer-bottom ul li a:hover, .footer-bottom ul li a:active { color: #eee; } .footer-bottom .nc-icon-glyph { font-size: 20px; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .full-width-callout-background .mpContent { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background-position: 50% 50%; background-size: cover; opacity: 1; } .full-width-callout-background .mpContent img { opacity: 0; } .full-width-callout-background > .clickToEditDiv { position: absolute; z-index: 97; display: block; bottom: 15px; left: 15px; padding: 5px 10px !important; border-radius: 5px; background: #FFF; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); font: normal bold 12px/1 Arial, sans-serif; letter-spacing: 0; text-transform: none; color: #000; cursor: pointer; } @media (max-width: 760px) { .full-width-callout-background > .clickToEditDiv { display: none; } } .full-width-callout-background > .clickToEditDiv:before { content: 'Background'; margin-right: 5px; position: relative; bottom: -1px; } .full-width-callout-content .mpContent { position: relative; z-index: 3; width: 100%; max-width: 710px; margin: 0 auto; padding: 10% 1.5rem; text-align: center; color: #FFF; } .full-width-callout-content .mpContent h1, .full-width-callout-content .mpContent h2, .full-width-callout-content .mpContent h3, .full-width-callout-content .mpContent .articles.opt1 .priv-hm-title, .articles.opt1 .full-width-callout-content .mpContent .priv-hm-title, .full-width-callout-content .mpContent h4, .full-width-callout-content .mpContent .formSection .rosterletteroff, .formSection .full-width-callout-content .mpContent .rosterletteroff, .full-width-callout-content .mpContent h5, .full-width-callout-content .mpContent h6 { color: #FFF; } .full-width-callout-content .mpContent .abut, .full-width-callout-content .mpContent .table-button td a, .table-button td .full-width-callout-content .mpContent a { border: none !important; background: #fff; color: #c3002f; } .full-width-callout-content .mpContent .abut:hover, .full-width-callout-content .mpContent .table-button td a:hover, .table-button td .full-width-callout-content .mpContent a:hover, .full-width-callout-content .mpContent .abut:active, .full-width-callout-content .mpContent .table-button td a:active, .table-button td .full-width-callout-content .mpContent a:active { color: #fff; background: #c3002f; } @media (max-width: 900px) { .full-width-callout-content .mpContent { margin: 0 auto; padding: 8% 1.5rem; } } .full-width-callout-content > .clickToEditDiv { position: absolute; z-index: 97; display: block; bottom: 15px; right: 15px; padding: 5px 10px !important; border-radius: 5px; background: #FFF; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); font: normal bold 12px/1 Arial, sans-serif; letter-spacing: 0; text-transform: none; color: #000; cursor: pointer; } @media (max-width: 760px) { .full-width-callout-content > .clickToEditDiv { display: none; } } .full-width-callout-content > .clickToEditDiv:before { content: 'Content'; margin-right: 5px; position: relative; bottom: -1px; } .full-width-callout { position: relative; margin: 0 auto; overflow: hidden; background: #000; } .full-width-callout:after { content: ''; position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.5; } .full-width-callout.right-aligned { max-width: 100%; } .full-width-callout.right-aligned .full-width-callout-content .mpContent { max-width: 430px; margin: 0 100px 0 auto; text-align: left; } .full-width-callout.title .full-width-callout-content .mpContent { padding: 17% 1.5rem; } .full-width-callout.title .full-width-callout-content .mpContent h2 { letter-spacing: 2px; text-transform: uppercase; } .anchor-list { max-width: 1200px; padding: 10rem 15px; margin: 0 auto; } @media (max-width: 1500px) { .anchor-list { padding: 8rem 15px; } } @media (max-width: 1300px) { .anchor-list { padding: 6rem 15px; } } @media (max-width: 1100px) { .anchor-list { padding: 4rem 15px; } } @media (max-width: 1024px) { .anchor-list { padding: 3rem 15px; } } .anchor-list.no-padding-top { padding-top: 0 !important; } .anchor-list.no-padding-bottom { padding-bottom: 0 !important; } .anchor-list .mpContent { display: flex; flex-wrap: wrap; justify-content: center; } .anchor-list .mpContent ul, .anchor-list .mpContent li { display: inline; margin: 0; padding: 0; } .anchor-list .mpContent br { display: none; } .anchor-list .mpContent a { display: flex; align-content: center; align-items: center; justify-content: center; position: relative; width: calc(25% - 10px); padding: 30px; margin: 15px 5px; border: 1px solid #bad2ed; border-radius: 5px; font-family: "montserrat", sans-serif; font-size: 1.6rem; font-weight: 700; text-transform: none; letter-spacing: 0; line-height: 1em; text-align: center; text-decoration: none; transition: 0.3s ease-in-out; color: #213b73; } .anchor-list .mpContent a:after { content: "\eaad"; display: block; width: 20px; height: 20px; margin: 0 auto; padding: 5px 0 0 0; position: absolute; bottom: -10px; left: 0; right: 0; background: #bad2ed; border-radius: 100%; color: #c3002f; font: normal normal normal 14px/1 "Nucleo Outline"; font-size: 11px; speak: none; text-transform: none; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: 0.3s ease-in-out; } .anchor-list .mpContent a:hover, .anchor-list .mpContent a:active { background: #f1f6fb; color: #213b73; } .anchor-list .mpContent a:hover:after, .anchor-list .mpContent a:active:after { background: #c3002f; color: #fff; } @media (max-width: 1200px) { .anchor-list .mpContent a { width: calc(50% - 10px); padding: 25px; } } @media (max-width: 700px) { .anchor-list .mpContent a { width: 100%; } } .anchor-list.three-wide .mpContent a { width: calc(33.33333333333333333% - 10px); } @media (max-width: 900px) { .anchor-list.three-wide .mpContent a { width: calc(50% - 10px); } } @media (max-width: 400px) { .anchor-list.three-wide .mpContent a { width: 100%; } } .anchor-list.five-wide .mpContent a { width: calc(20% - 10px); } @media (max-width: 900px) { .anchor-list.five-wide .mpContent a { width: calc(50% - 10px); } } @media (max-width: 400px) { .anchor-list.five-wide .mpContent a { width: 100%; } } .one-column .anchor-list { padding: 20px 0 !important; } .form-wrapper { background-color: #f1f6fb; } .form-wrapper > div { max-width: 900px; padding: 100px 15px; margin: 0 auto; } .form-wrapper > div > h2 { margin: 0; } @media (max-width: 1400px) { .form-wrapper > div { padding: 80px 15px; } } @media (max-width: 1200px) { .form-wrapper > div { padding: 60px 15px; } } @media (max-width: 1000px) { .form-wrapper > div { padding: 40px 15px; } .form-wrapper > div > h3, .articles.opt1 .form-wrapper > div > .priv-hm-title { padding-left: 20px; font-size: 3rem; } } @media (max-width: 700px) { .form-wrapper > div { padding: 20px 15px; } } .formBaseFormWrapper > div:last-child { padding-left: 20px; } .form-wrapper, .formBaseFormWrapper { margin: 0 -15px; } .form-wrapper table, .formBaseFormWrapper table { width: 100%; } .form-wrapper .abut, .form-wrapper .table-button td a, .table-button td .form-wrapper a, .formBaseFormWrapper .abut, .formBaseFormWrapper .table-button td a, .table-button td .formBaseFormWrapper a { width: 270px; } .form-wrapper .riSingle, .formBaseFormWrapper .riSingle { width: 100% !important; } .form-wrapper input.password, .form-wrapper input.text, .form-wrapper input[type=text], .form-wrapper input[type=password], .form-wrapper textarea, .form-wrapper .textbox, .formBaseFormWrapper input.password, .formBaseFormWrapper input.text, .formBaseFormWrapper input[type=text], .formBaseFormWrapper input[type=password], .formBaseFormWrapper textarea, .formBaseFormWrapper .textbox { width: 100% !important; height: auto; padding: 20px 15px; font-family: "montserrat", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.1; letter-spacing: 0; background: #FFF; border: none; border-radius: 5px; color: #555; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .form-wrapper input[type=checkbox] + label, .formBaseFormWrapper input[type=checkbox] + label { margin-left: 15px; } .form-wrapper select, .formBaseFormWrapper select { height: 58px; padding: 18px 15px; border: none; font-size: 1.4rem; font-weight: 400; line-height: 1.1; background: #FFF; border: none; border-radius: 5px; color: #555; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } .form-wrapper label, .formBaseFormWrapper label { font-size: 1.6rem; font-weight: 300; letter-spacing: 0; text-transform: none; color: #555; } .form-wrapper .abut, .form-wrapper .table-button td a, .table-button td .form-wrapper a, .formBaseFormWrapper .abut, .formBaseFormWrapper .table-button td a, .table-button td .formBaseFormWrapper a { border-radius: 5px; padding: 22px 40px; margin: 0; display: inline-block; width: 270px; max-width: 100%; font-size: 1.4rem; } .form-wrapper .formQuestionWrapper, .form-wrapper .formQuestionWrapper tbody, .form-wrapper .formQuestionWrapper tr, .form-wrapper .formQuestionCell, .form-wrapper .formControlCell, .form-wrapper .questionCell, .form-wrapper .controlCell, .formBaseFormWrapper .formQuestionWrapper, .formBaseFormWrapper .formQuestionWrapper tbody, .formBaseFormWrapper .formQuestionWrapper tr, .formBaseFormWrapper .formQuestionCell, .formBaseFormWrapper .formControlCell, .formBaseFormWrapper .questionCell, .formBaseFormWrapper .controlCell { display: block !important; width: 100% !important; } .form-wrapper .formControlCell table, .form-wrapper .formControlCell tbody, .form-wrapper .formControlCell tr, .formBaseFormWrapper .formControlCell table, .formBaseFormWrapper .formControlCell tbody, .formBaseFormWrapper .formControlCell tr { display: inline-block !important; width: auto !important; } .form-wrapper .formControlCell td, .formBaseFormWrapper .formControlCell td { display: inline-block; margin-right: 15px; } .form-wrapper .formControlCell td label, .formBaseFormWrapper .formControlCell td label { margin-left: 3px; } .form-wrapper .formBaseFormHeader, .formBaseFormWrapper .formBaseFormHeader { display: none !important; } .form-wrapper .formBaseFormFooter + div[align="center"], .formBaseFormWrapper .formBaseFormFooter + div[align="center"] { text-align: left !important; font-size: 0; } .form-wrapper .formSectiom table, .form-wrapper .formSectiom tbody, .form-wrapper .formSectiom tr, .formBaseFormWrapper .formSectiom table, .formBaseFormWrapper .formSectiom tbody, .formBaseFormWrapper .formSectiom tr { display: block; width: 100% !important; } .form-wrapper .formSection table td[width], .formBaseFormWrapper .formSection table td[width] { display: inline-block; padding: 5px; font-size: 1.6rem; } @media (max-width: 700px) { .form-wrapper .formSection table td[width], .formBaseFormWrapper .formSection table td[width] { display: block; width: 100% !important; padding: 5px !important; } } .form-wrapper .formSection table td[width="50%"], .formBaseFormWrapper .formSection table td[width="50%"] { width: 50%; } .form-wrapper .formSection table td[width="50%"]:first-child, .formBaseFormWrapper .formSection table td[width="50%"]:first-child { padding-right: 15px; } .form-wrapper .formSection table td[width="50%"]:last-child, .formBaseFormWrapper .formSection table td[width="50%"]:last-child { padding-left: 15px; } .form-wrapper .formSection table td[width="33.3333333333333%"], .formBaseFormWrapper .formSection table td[width="33.3333333333333%"] { width: 33.3333333333333%; } .form-wrapper .formSection table td[width="33.3333333333333%"]:nth-child(2), .formBaseFormWrapper .formSection table td[width="33.3333333333333%"]:nth-child(2) { padding: 0 15px; } .form-wrapper .formSection table td[width="66.6666666666667%"], .formBaseFormWrapper .formSection table td[width="66.6666666666667%"] { width: 60%; } .form-wrapper .formSection table td[width="66.6666666666667%"] + td[width="33.3333333333333%"], .formBaseFormWrapper .formSection table td[width="66.6666666666667%"] + td[width="33.3333333333333%"] { width: 40%; padding-right: 0; } .form-wrapper .formSection table td[width="66.6666666666667%"]:nth-child(2), .formBaseFormWrapper .formSection table td[width="66.6666666666667%"]:nth-child(2) { padding: 0 15px; } .form-wrapper .formSection table td[width="16.6666666666667%"], .formBaseFormWrapper .formSection table td[width="16.6666666666667%"] { width: auto; padding-right: 60px; } @media (max-width: 1200px) { .form-wrapper .formSection table td[width="16.6666666666667%"], .formBaseFormWrapper .formSection table td[width="16.6666666666667%"] { padding-right: 30px; } } .form-wrapper .formSection table td[width="16.6666666666667%"] .formQuestionCell, .form-wrapper .formSection table td[width="16.6666666666667%"] .formControlCell, .formBaseFormWrapper .formSection table td[width="16.6666666666667%"] .formQuestionCell, .formBaseFormWrapper .formSection table td[width="16.6666666666667%"] .formControlCell { display: inline-block !important; width: auto !important; } .form-wrapper .formSection table td[width="16.6666666666667%"] .formQuestionCell, .formBaseFormWrapper .formSection table td[width="16.6666666666667%"] .formQuestionCell { margin-right: 5px; } .form-wrapper .formSection table td[width="16.6666666666667%"] .formControlCell, .formBaseFormWrapper .formSection table td[width="16.6666666666667%"] .formControlCell { float: left; } .vertical-tabstrip { max-width: 1430px; margin: 0 auto; padding: 9rem 1.5rem; } .vertical-tabstrip.no-padding-top { padding-top: 0 !important; } .vertical-tabstrip.no-padding-bottom { padding-bottom: 0 !important; } @media (max-width: 1500px) { .vertical-tabstrip { padding: 7rem 1.5rem; } } @media (max-width: 1400px) { .vertical-tabstrip { padding: 6rem 1.5rem; } } @media (max-width: 1200px) { .vertical-tabstrip { padding: 4rem 1.5rem; } } @media (max-width: 1024px) { .vertical-tabstrip { padding: 3rem 1.5rem; } } @media (max-width: 768px) { .vertical-tabstrip { padding: 2rem 1.5rem; } } @media (min-width: 900px) { .vertical-tabstrip [id$="_radTabsTop"] .levelwrap > ul:after { display: none; } .vertical-tabstrip .tabstrip { position: relative; overflow: visible !important; } .vertical-tabstrip .tabstrip .levelwrap { width: 100% !important; background: #14336d !important; position: relative; z-index: 2; } .vertical-tabstrip .tabstrip .levelwrap > ul { display: block !important; white-space: initial !important; margin: 0 !important; padding: 30px 0 !important; background: 0 0 !important; } .vertical-tabstrip .tabstrip .levelwrap > ul > li { display: block !important; float: none; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li { padding: 0 !important; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a { overflow: initial; display: block; float: none; background: none; border: none !important; height: auto; padding: 13px 0 12px !important; margin: 0; line-height: 1; position: relative; transition: 0.3s ease-in-out; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a .wrap { padding: 0; background: 0 0 !important; border: none !important; display: block; height: auto; line-height: 1; float: none; white-space: normal; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a .innerWrap { display: block; float: none; padding: 0 !important; font-family: "montserrat", sans-serif; font-size: 16px; font-weight: 500; line-height: 1.67 !important; letter-spacing: 0; text-transform: none; text-align: center; white-space: normal; color: #FFF; background: none; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected { background: #f1f6fb !important; border-left: 5px solid #c3002f !important; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus { background: #f1f6fb; opacity: 1; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover.selected, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active.selected, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus.selected { background: none; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus { color: #14336d !important; background: #f1f6fb !important; opacity: 1; } .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a.selected .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:hover .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:active .innerWrap, .vertical-tabstrip .tabstrip .levelwrap.level1 > ul > li > a:focus .innerWrap { color: #14336d !important; } .vertical-tabstrip table[id$="_tblTop"] { border-collapse: inherit; background-color: transparent; padding: 0; margin: 0; display: table; table-layout: fixed; } .vertical-tabstrip table[id$="_tblTop"] > tbody { display: table-row; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr { display: table-cell; vertical-align: top; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:first-child { width: 400px; vertical-align: middle; background: #14336d !important; border-radius: 5px; } } @media (min-width: 900px) and (max-width: 1200px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:first-child { width: 300px; } } @media (min-width: 900px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:first-child > td:nth-child(2) { width: 100%; display: block; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:nth-child(2) { position: relative; background: #f1f6fb; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr:last-child { width: 0; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] { margin-top: 0 !important; } .vertical-tabstrip table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] .tsContent { border: none; padding: 90px; margin-bottom: 0; border: none !important; background: none !important; } } @media (min-width: 900px) and (max-width: 1300px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr div[id$="_radMultTop"] .tsContent { padding: 50px; } } @media (min-width: 900px) { .vertical-tabstrip table[id$="_tblTop"] > tbody > tr > td { width: 100%; display: block; } } .modulewrap header.opt5 { position: relative; } @media (max-width: 700px) { .tableStack td { display: block; width: 100% !important; } }