@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: "Nunito Sans", 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: #223e55; } a:hover, a:focus { color: #223e55; } 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 { 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; } table[id*="_dpEditor"] { border-collapse: separate; } h1, .h1 { font-family: "Playfair Display", serif; color: #223e55; font-size: 4rem; font-weight: 400; line-height: 1.27; margin-bottom: 0.4em; letter-spacing: 0; text-transform: uppercase; } @media (max-width: 1024px) { h1, .h1 { font-size: 3.5rem; letter-spacing: 0.3rem; } } h2, .h2, .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { font-family: "Playfair Display", serif; color: #223e55; font-size: 3.4rem; font-weight: 400; line-height: 1.27; margin-bottom: 1em; letter-spacing: 0; text-transform: none; } .content .mpContent h2, .content .mpContent .h2, .content .mpContent .thumbs-album .plgHeaderBar b, .thumbs-album .plgHeaderBar .content .mpContent b, .content .mpContent .thumbs-album .pluginTitleBar, .thumbs-album .content .mpContent .pluginTitleBar { /*margin-bottom: 1em;*/ } @media (max-width: 1024px) { h2, .h2, .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { font-size: 3rem; } } h3, .h3 { font-family: "Playfair Display", serif; color: #223e55; font-size: 2.6rem; font-weight: 400; line-height: 1.38; margin-bottom: 0.6em; letter-spacing: 0; text-transform: none; } h4, .formSection .rosterletteroff, .h4 { font-family: "Nunito Sans", sans-serif; color: #223e55; font-size: 1.3rem; font-weight: 800; line-height: 1.2; margin-bottom: 0.6em; letter-spacing: 0.3rem; text-transform: uppercase; } h5, .h5 { font-family: "Playfair Display", serif; color: #223e55; font-size: 2.4rem; font-weight: 400; line-height: 1.2; margin-bottom: 0.6em; letter-spacing: 0; text-transform: none; } h6, .h6 { font-family: "Nunito Sans", sans-serif; color: #555; font-size: 1.6rem; font-weight: 300; line-height: 1.2; margin-bottom: 2em; letter-spacing: 0; text-transform: none; } p { margin: 0; font-family: "Nunito Sans", 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 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: transparent; transform: translateY(0); transition: none; } header.opt5:after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 145px; opacity: 0.5; background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000); } @media (max-width: 1199px) { header.opt5:after { display: none; } } header.opt5 .navbar { padding: 0 2rem; align-items: stretch; height: 120px; position: relative; z-index: 1; } @media (max-width: 1200px) { header.opt5 .navbar { padding: 0 1.5rem; } } @media (max-width: 1024px) { header.opt5 .navbar { padding: 0; } } 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 (min-width: 1200px) { header.opt5 .navbar .navbar-brand { flex-basis: 0; height: 80px; background: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/KentCC-2024/images/Logos/LogoOneColor.svg") no-repeat left center; background-size: contain; } header.opt5 .navbar .navbar-brand img { visibility: hidden; } } header.opt5 .navbar .navbar-collapse { justify-content: center; position: relative; z-index: 9; } @media (min-width: 1200px) { header.opt5 .navbar .navbar-collapse > div { display: flex; flex: 1; justify-content: center; align-items: stretch; position: relative; height: 85px; } header.opt5 .navbar .navbar-collapse > div .navProps { top: 0; } header.opt5 .navbar .navbar-collapse > div.left-menu { justify-content: flex-end; padding-right: 15px; } } @media (min-width: 1200px) and (max-width: 1300px) { header.opt5 .navbar .navbar-collapse > div.left-menu { padding-right: 0; } } @media (min-width: 1200px) { 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: 1.5rem 1rem 0; } header.opt5 .navbar .navbar-collapse > div.logo-container > a { position: relative; } header.opt5 .navbar .navbar-collapse > div.right-menu { justify-content: flex-start; padding-left: 15px; } } @media (min-width: 1200px) and (max-width: 1300px) { header.opt5 .navbar .navbar-collapse > div.right-menu { padding-left: 0; } } 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: 1200px) { 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: #fff; font-size: 1.2rem; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle:after { content: none; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-toggle ~ .dropdown-toggle { display: none; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.open .dropdown-toggle .caret:before { color: #eee; } 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: 1200px) { header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu { padding: 2.8rem 0 2.2rem; min-width: 270px; background: rgba(34, 62, 85, 0.9); top: 100%; left: 50%; display: block; transform-origin: top; transform: scaleY(0) translate(-50%, 0) !important; } } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link { color: #eee; font-size: 1.4rem; font-weight: 400; padding: 0.6rem 2.5rem; text-align: center; letter-spacing: 0; text-transform: none; font-family: "Nunito Sans", 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: 1200px) { header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link { color: #ffcc46; font-size: 1.6rem; font-weight: 300; letter-spacing: 0; text-transform: none; line-height: 1.3; padding: 0.7rem 2.5rem; text-align: center; } } @media (min-width: 1200px) and (max-width: 1400px) { header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link { padding: 0.7rem 1.5rem; } } @media (min-width: 1200px) { 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; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { display: flex; align-items: center; transition: all 0.3s ease-in-out; color: #fff; font-family: "Nunito Sans", sans-serif; font-size: 1.3rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.3rem; padding: 0 2.5rem; text-underline-offset: 12px; text-decoration-thickness: 3px !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link.has-abut { text-decoration: none !important; } @media (max-width: 1500px) { header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 0 1.5rem; } } @media (max-width: 1199px) { header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 1rem 2rem; } } 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: #eee; } 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.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: #eee; 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; } @media (min-width: 1200px) { 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: #eee; text-decoration: underline; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > .dropdown-menu { display: block; transform: scaleY(1) translate(-50%, 0) !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > .dropdown-menu { transform: scaleY(0) translate(-50%, 0) !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li:hover > .dropdown-menu, header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:focus ~ .dropdown-menu { display: block; transform: scaleY(1) translate(-50%, 0) !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; } } header.opt5 .default-logo { display: block; } header.opt5 .scroll-logo { display: none; } header.opt5.private { position: relative; } header.opt5.scroll { position: fixed !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; position: fixed; bottom: 100%; transform: translateY(100%); } @media (max-width: 1199px) { header.opt5.scroll .navbar-collapse { position: fixed; top: 120px; left: 0; right: 0; bottom: 0; height: calc(100vh - 120px); overflow: auto; } } header.opt5.scroll, header.opt5.private { background: #fff; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); } header.opt5.scroll:after, header.opt5.private:after { display: none; } header.opt5.scroll .default-logo, header.opt5.private .default-logo { display: none; } header.opt5.scroll .scroll-logo, header.opt5.private .scroll-logo { display: block; } header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link, header.opt5.private .navbar .navbar-collapse .navbar-nav > li > a.nav-link { text-underline-offset: 10px; } @media (min-width: 1200px) { header.opt5.scroll, header.opt5.private { padding-top: 0; } header.opt5.scroll:after, header.opt5.private:after { opacity: 1; transition: 0.3s ease-in-out; } header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link, header.opt5.private .navbar .navbar-collapse .navbar-nav > li > a.nav-link { color: #555; text-decoration-color: #ffcc46; } header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link:hover, header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link:active, header.opt5.private .navbar .navbar-collapse .navbar-nav > li > a.nav-link:hover, header.opt5.private .navbar .navbar-collapse .navbar-nav > li > a.nav-link:active { color: #223e55; } header.opt5.scroll .navbar, header.opt5.private .navbar { height: 90px; padding: 0 20px; } header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link, header.opt5.private .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 1.7rem 2rem; } header.opt5.scroll .navbar .navbar-collapse > div.left-menu, header.opt5.private .navbar .navbar-collapse > div.left-menu { padding-right: 30px; border: none; } } @media (min-width: 1200px) and (max-width: 1300px) { header.opt5.scroll .navbar .navbar-collapse > div.left-menu, header.opt5.private .navbar .navbar-collapse > div.left-menu { padding-right: 0; } } @media (min-width: 1200px) { header.opt5.scroll .navbar .navbar-collapse > div.left-menu:after, header.opt5.private .navbar .navbar-collapse > div.left-menu:after { display: none; } header.opt5.scroll .navbar .navbar-collapse > div.right-menu, header.opt5.private .navbar .navbar-collapse > div.right-menu { padding-left: 30px; border: none; } } @media (min-width: 1200px) and (max-width: 1300px) { header.opt5.scroll .navbar .navbar-collapse > div.right-menu, header.opt5.private .navbar .navbar-collapse > div.right-menu { padding-left: 0; } } @media (min-width: 1200px) { header.opt5.scroll .navbar .navbar-collapse > div.right-menu:after, header.opt5.private .navbar .navbar-collapse > div.right-menu:after { display: none; } header.opt5.scroll .navbar .navbar-collapse > div.logo-container, header.opt5.private .navbar .navbar-collapse > div.logo-container { width: 75px; } header.opt5.scroll .navbar .navbar-collapse > div.logo-container > a, header.opt5.private .navbar .navbar-collapse > div.logo-container > a { position: absolute; top: 15px; width: 65px; padding: 0; } header.opt5.scroll .navbar .navbar-collapse > div.logo-container > a img, header.opt5.private .navbar .navbar-collapse > div.logo-container > a img { width: 100%; } } .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: #000; } .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: 1200px) { 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: 1199px) { .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: 2rem; position: relative; z-index: 10; } } @media (max-width: 1199px) 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: 1199px) { .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; top: -30px; padding-top: 30px; } .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 > .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: #223e55; } .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: #223e55; 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: #223e55; } .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: #223e55; } .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: #223e55; } .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: #223e55; } .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(0, 0, 0, 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(0, 0, 0, 0.8); height: auto; } } .one-column { max-width: 800px; margin: 0 auto; padding: 7.5rem 15px; } .one-column.wide { max-width: 1000px; } .one-column.centered { max-width: 690px; text-align: center; } .one-column.centered.wide { max-width: 800px; } @media (max-width: 1400px) { .one-column { padding: 6rem 15px; } } @media (max-width: 1024px) { .one-column { padding: 5rem 15px; } } .two-column { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 2rem 15px; } .two-column.has-video { align-content: center; align-items: center; justify-content: space-between; } .two-column.left-aligned > div:first-child { width: 58%; padding-right: 10px; } .two-column.left-aligned > div:last-child { width: 42%; padding-left: 50px; } .two-column.right-aligned > div:first-child { width: 42%; padding-right: 50px; } .two-column.right-aligned > div:last-child { width: 58%; padding-left: 10px; } @media (max-width: 1024px) { .two-column > div { width: 100% !important; max-width: 700px; margin: 0 auto; padding: 10px 0 !important; } } footer { background-color: #223e55; font-size: 1.8rem; font-weight: 400; line-height: 1.67; color: #FFF; position: relative; } footer a { color: #FFF; text-decoration: none !important; border-bottom: 1px solid transparent; } footer a:hover, footer a:active, footer a:focus { color: #FFF; border-bottom: 1px solid #fff; } .footer-split { display: flex; flex-wrap: wrap; align-items: stretch; align-content: stretch; } .footer-logo { display: flex; align-items: center; align-content: center; justify-content: center; width: 200px; border-right: 1px solid #1a3042; } .footer-logo img { width: 72px; } @media (max-width: 1024px) { .footer-logo { display: none; } } .footer-menu { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; width: calc(100% - 400px); padding: 60px 15px; text-align: center; } @media (max-width: 1024px) { .footer-menu { width: 100%; order: 2; padding: 0; } } .footer-menu > div { width: 100%; } .footer-menu > div:first-child > div[style] { position: absolute; top: 15px; left: 15px; width: 70px; padding: 8px; font: normal bold 12px/1 Arial, sans-serif; letter-spacing: 0; text-transform: none; color: #000; cursor: pointer; background: #fff; border-radius: 5px; } @media (max-width: 760px) { .footer-menu > div:first-child > div[style] { display: none; } } .footer-menu > div:first-child > div[style]:before { content: 'Menu'; margin-right: 20px; position: relative; bottom: -1px; } .footer-menu > div:first-child > div[style] a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: none !important; } .footer-menu > div:first-child > div[style] a img { position: relative; top: 6px; right: 5px; } .footer-menu > div:first-child ul, .footer-menu > div:first-child li { display: inline-block; padding: 0; margin: 0; } .footer-menu > div:first-child span { margin: 0 10px; } .footer-menu > div:first-child li a { margin: 0 10px; font-size: 1.4rem; font-weight: 400; letter-spacing: 0; text-transform: none; } .footer-menu > div:last-child { padding-top: 5px; font-size: 1.2rem; font-weight: 500; line-height: 2.14; letter-spacing: 0.2rem; text-transform: uppercase; color: #fff; } .footer-menu > div:last-child a { color: #fff; border-bottom: 1px solid transparent; } .footer-menu > div:last-child a:hover, .footer-menu > div:last-child a:active { color: #fff; border-bottom: 1px solid #fff; } .footer-social { display: flex; align-items: center; align-content: center; justify-content: center; width: 200px; padding: 60px 15px; text-align: right; border-left: 1px solid #1a3042; } @media (max-width: 1024px) { .footer-social { width: 100%; margin-bottom: 20px; order: 1; text-align: center; } } .footer-social > div[style] { position: absolute; top: 15px; right: 15px; width: 70px; padding: 8px; font: normal bold 12px/1 Arial, sans-serif; letter-spacing: 0; text-transform: none; color: #000; cursor: pointer; background: #fff; border-radius: 5px; } @media (max-width: 760px) { .footer-social > div[style] { display: none; } } .footer-social > div[style]:before { content: 'Social'; margin-right: 20px; position: relative; bottom: -1px; } .footer-social > div[style] a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: none !important; transition: 0.3s ease-in-out; } .footer-social > div[style] a img { position: relative; top: 6px; right: 5px; } .footer-social ul { display: inline-block; vertical-align: top; padding: 0; margin: 0; } .footer-social ul li { padding: 0; } .footer-social li { display: inline-block; vertical-align: top; font-size: 0; } .footer-social li:first-child { padding-left: 0; } .footer-social li:last-child { padding-right: 0; } .footer-social li span[class*="icon"] { font-size: 1.9rem; margin: 0 8px; color: #ffcc46; } .footer-social li a { display: inline-block; vertical-align: top; border: none !important; transition: 0.3s ease-in-out; } .footer-social li a:hover, .footer-social li a:active { opacity: 0.7; } .abut, .table-button td a { font-family: "Nunito Sans", sans-serif; font-size: 1.6rem; font-weight: 400; text-transform: none; letter-spacing: 0; line-height: 1em; text-align: center; text-decoration: none; color: #223e55; background-color: transparent; background-image: none; border: 1px solid #ffcc46; border-radius: 5px; padding: 25px 50px; 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: #ffcc46; border-color: #ffcc46; color: #223e55; } .abut-secondary, .table-button-secondary td a { font-family: "Nunito Sans", sans-serif; font-size: 1.3rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1em; text-align: center; text-decoration: none; color: #223e55; background-color: #ffcc46; border: none; border-radius: 0; padding: 25px 50px; 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: #223e55; border-color: #223e55; color: #fff; } 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: transparent; color: #223e55; border-color: rgba(0, 0, 0, 0); } @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: 3rem; border: none !important; border-top: 0 !important; background: #f3f5f9 !important; font-family: "Nunito Sans", sans-serif; font-weight: 300; font-size: 1.6rem; line-height: 1.88; color: #555; } [id$="_tblTop"] .tsContent p { line-height: 1.88; } .no-padding [id$="_tblTop"] .tsContent { padding: 0; } [id$="_radTabsTop"] .levelwrap { background: #223e55 !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: 400; font-family: "Playfair Display", serif; font-size: calc(1.8rem * 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 3rem !important; background: 0 0; font-family: "Playfair Display", serif; font-weight: 400; font-size: 1.8rem !important; line-height: 1; text-transform: none; letter-spacing: 0; border-top: 5px solid #223e55 !important; color: #fff !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a:before { display: none !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a.selected { background: #f3f5f9 !important; border-color: #ffcc46 !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a.selected .wrap { color: #223e55; } [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: 2rem 3rem; } @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 20px !important; padding: 0; border: none; overflow: visible; } [id$="_accordian"].RadPanelBar > ul > li:last-child { margin-bottom: 0 !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink { background: #ffcc46 !important; border: 2px solid #ffcc46 !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpText { font-family: "Playfair Display", serif; font-weight: 400; font-size: 2.4rem; font-style: normal; line-height: 1.2 !important; letter-spacing: 0; text-transform: none; color: #223e55; } [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: #223e55; 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: #223e55 !important; border: 2px solid #223e55 !important; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded + .rpSlide { box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1); overflow: visible; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpText { color: #ffcc46; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpExpandHandle { color: #ffcc46; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpExpandHandle:after { content: ""; } [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 3rem; border: none !important; border-top: 0 !important; background: #f3f5f9 !important; font-family: "Nunito Sans", sans-serif; font-weight: 500; font-size: 1.6rem; line-height: 1.88; color: #555; } [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate p { font-weight: 500; line-height: 1.88; } @media (max-width: 768px) { [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 1.5rem; } } .mpContent ~ .RadPanelBar_accordionTemplate, .RadPanelBar_accordionTemplate ~ .mpContent { margin-top: 30px; } .banner.opt1 { max-height: 700px; background-color: #000; position: relative; overflow: hidden; z-index: 1; font-size: 0; } .banner.opt1:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 20px; background: rgba(66, 172, 210, 0.7); } @media (min-width: 1200px) { .emptyBannerAlbum .banner.opt1 { padding-top: 120px; } } .banner.opt1 > table { position: absolute; right: 1.5rem; top: 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((700/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: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 .banner-image:after { content: none; } } .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 .scroll-down { position: absolute; left: 50%; text-align: center; transform: translateX(-50%); bottom: 2.7rem; z-index: 62; display: inline-block; color: #fff; line-height: 1.8; cursor: pointer; opacity: 1; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2rem; font-family: "Nunito Sans", sans-serif; } .banner.opt1 .scroll-down .nc-icon-outline { font-size: 2.4rem; display: block; } @media (max-width: 768px) { .banner.opt1 .scroll-down { bottom: 15px; width: 100%; display: none; } } @media (max-width: 767px) { .banner.opt1 .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: 1500px; padding: 60px 15px; margin: 0 auto; } .thumbs-album.no-padding-top { padding-top: 0 !important; } .thumbs-album.no-padding-bottom { padding-bottom: 0 !important; } @media (max-width: 1400px) { .thumbs-album { padding: 50px 15px; } } @media (max-width: 1200px) { .thumbs-album { padding: 40px 15px; } } @media (max-width: 1000px) { .thumbs-album { padding: 20px 15px; } } @media (max-width: 700px) { .thumbs-album { padding: 15px; } } .thumbs-album h2 { margin: 0; text-align: center; text-transform: uppercase; } .thumbs-album .category-drop { width: 270px; margin: 0 auto; } .thumbs-album [class^="photoPlgCat"] { width: 270px; max-width: 100%; padding: 15px 60px 15px 20px; margin-bottom: 30px; border: 2px solid #ffcc46; border-radius: 5px; outline: none; font-size: 1.6rem; font-weight: 400; letter-spacing: 0; color: #223e55; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; background-color: #fff; background-image: url(https://clubessential.s3.amazonaws.com/CEFED/_Axis-Website/Sites/DelWebb-2024/images/priority-low.svg); background-size: 15px; background-position: right 20px center; background-repeat: no-repeat; } .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: 0.1rem !important; flex: 0 0 50%; max-width: 50%; text-align: center; aspect-ratio: 9/5; } @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 img.carouselImage { height: 100%; width: 100%; object-fit: cover; 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: 700px; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #000; position: relative; z-index: 1; font-size: 0; } .sitewrap:not(.hasBannerAlbum) .banner.short { max-height: 660px; } .sitewrap:not(.hasBannerAlbum) .banner .mpContent { max-height: inherit; overflow: hidden; } .sitewrap:not(.hasBannerAlbum) .banner .mpContent img { width: 100%; visibility: hidden; } .sitewrap:not(.hasBannerAlbum) .banner > .clickToEditDiv { position: absolute; right: 0; bottom: 30px; z-index: 61; } .sitewrap:not(.hasBannerAlbum) .banner.empty-banner { background: transparent; } .sitewrap .banner .scroll-down { position: absolute; bottom: -50px; left: 0; right: 0; width: 10px; height: 100px; margin: 0 auto; background: #ffcc46; } .articles.opt2 { background: #f9f8f8; padding: 7.1rem 1.5rem 10.5rem; text-align: center; } @media (max-width: 991px) { .articles.opt2 { padding: 5rem 1.5rem; } } .articles.opt2 .priv-hm-title { display: block; } .articles.opt2 .view-all-link { display: inline-block; margin: 2rem 0 2rem; color: #ac7a2a; font-size: 1.6rem; font-weight: 400; letter-spacing: 0; text-transform: none; float: none; margin-top: 0; margin-bottom: 2.9rem; } .articles.opt2 [id$="ArticlesWrapper"] { display: flex; justify-content: center; } @media (max-width: 991px) { .articles.opt2 [id$="ArticlesWrapper"] { flex-wrap: wrap; margin: 0 auto; max-width: 570px; } } .articles.opt2 [id$="ArticlesWrapper"] .newsItem { padding: 15px; display: flex; flex: 0 1 calc(570px + 30px); max-width: calc(570px + 30px); } @media (max-width: 991px) { .articles.opt2 [id$="ArticlesWrapper"] .newsItem { padding: 0 0 30px; } .articles.opt2 [id$="ArticlesWrapper"] .newsItem:last-child { padding-bottom: 0; } } .articles.opt2 [id$="ArticlesWrapper"] .article-info { padding: 6rem 3.5rem 5.6rem; } @media (max-width: 991px) { .articles.opt2 [id$="ArticlesWrapper"] .article-info { padding: 30px; } } .articles.opt2 [id$="ArticlesWrapper"] .article-postdate { font-size: 1.2rem; font-weight: 600; letter-spacing: 1.44px; text-transform: uppercase; color: #969696; margin-bottom: 2.2rem; } @media (max-width: 991px) { .articles.opt2 [id$="ArticlesWrapper"] .article-postdate { margin-bottom: 1.5rem; } } .articles.opt2 [id$="ArticlesWrapper"] .article-subject { color: #000; font-weight: 700; font-size: 2.4rem; line-height: 1.42; margin-bottom: 1.63rem; text-transform: none; letter-spacing: 0; font-family: "Playfair Display", serif; } .articles.opt2 [id$="ArticlesWrapper"] .article-cta { font-size: 0; } .articles.opt2 [id$="ArticlesWrapper"] .article-cta [class*="icon"] { transition: color 0.3s ease-in-out; font-size: 2.4rem; color: #6e6e6e; } .articles.opt2 [id$="ArticlesWrapper"] .article-wrap { background: #fff; display: flex; justify-content: center; flex-direction: column; width: 100%; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); transition: all 0.3s ease-in-out; } .articles.opt2 [id$="ArticlesWrapper"] .article-wrap:hover, .articles.opt2 [id$="ArticlesWrapper"] .article-wrap:focus { text-decoration: none; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); } .articles.opt2 [id$="ArticlesWrapper"] .article-wrap:hover .article-subject, .articles.opt2 [id$="ArticlesWrapper"] .article-wrap:focus .article-subject { color: #000; } .articles.opt2 [id$="ArticlesWrapper"] .article-wrap:hover .article-cta [class*="icon"], .articles.opt2 [id$="ArticlesWrapper"] .article-wrap:focus .article-cta [class*="icon"] { color: #ffcc46; } .articles.opt2 .newsPluginArchiveLink { display: none; } .card-panels.opt4 { position: relative; } .card-panels.opt4.no-padding-top { padding-top: 0 !important; } .card-panels.opt4.no-padding-bottom { padding-bottom: 0 !important; } .card-panels.opt4.blue { color: #fff; } .card-panels.opt4.blue h1, .card-panels.opt4.blue h2, .card-panels.opt4.blue h3, .card-panels.opt4.blue h4, .card-panels.opt4.blue .formSection .rosterletteroff, .formSection .card-panels.opt4.blue .rosterletteroff, .card-panels.opt4.blue h5, .card-panels.opt4.blue h6, .card-panels.opt4.blue p { color: #fff; } .card-panels.opt4.blue .abut, .card-panels.opt4.blue .table-button td a, .table-button td .card-panels.opt4.blue a { color: #ffcc46; } .card-panels.opt4.blue .card:after { content: ''; position: absolute; top: 0; bottom: 0; width: 50%; background: #223e55; } @media (max-width: 1400px) { .card-panels.opt4.blue .card:after { width: 60%; } } @media (max-width: 1100px) { .card-panels.opt4.blue .card:after { display: none; } } .card-panels.opt4.blue .card .card-bg-img:after { content: ''; position: absolute; z-index: -1; top: 20px; left: 20px; bottom: -20px; right: -20px; background: #f3f5f9; } @media (max-width: 1100px) { .card-panels.opt4.blue .card .card-bg-img:after { display: none; } } .card-panels.opt4.white .card:after { content: ''; position: absolute; top: 0; bottom: 0; width: 50%; background: #f3f5f9; } @media (max-width: 1400px) { .card-panels.opt4.white .card:after { width: 60%; } } @media (max-width: 1100px) { .card-panels.opt4.white .card:after { display: none; } } .card-panels.opt4.yellow .card:before { content: ''; position: absolute; top: 0; bottom: 0; width: 200px; background: #223e55; } @media (min-width: 1601px) { .card-panels.opt4.yellow .card:before { width: 16%; } } @media (min-width: 1800px) { .card-panels.opt4.yellow .card:before { width: 20%; } } @media (min-width: 2200px) { .card-panels.opt4.yellow .card:before { width: 30%; } } @media (max-width: 1100px) { .card-panels.opt4.yellow .card:before { display: none; } } .card-panels.opt4.yellow .card .card-bg-img:after { content: ''; position: absolute; z-index: -1; top: 20px; left: 20px; bottom: -20px; right: -20px; background: #ffcc46; } @media (max-width: 1100px) { .card-panels.opt4.yellow .card .card-bg-img:after { display: none; } } .card-panels.opt4 .card { padding: 100px 20px; width: 100%; border: none; background: none; } .card-panels.opt4 .card .nc-icon-outline { display: none !important; } @media (max-width: 1400px) { .card-panels.opt4 .card { padding: 70px 20px; } } @media (max-width: 1200px) { .card-panels.opt4 .card { padding: 50px 20px; } } @media (max-width: 1000px) { .card-panels.opt4 .card { padding: 30px 20px; } } @media (max-width: 1100px) { .card-panels.opt4 .card { max-width: 800px; padding: 10px 0; margin: 0 auto; } } .card-panels.opt4 .card .clickToEditDiv { font-size: 0; } .card-panels.opt4 .card .clickToEditDiv:after { vertical-align: middle; } .card-panels.opt4 .card .row { max-width: 1400px; margin: 0 auto; justify-content: space-between; flex-wrap: nowrap; position: relative; } @media (max-width: 1100px) { .card-panels.opt4 .card .row { flex-wrap: wrap; } } .card-panels.opt4 .card .card-bg-img { width: 60%; position: relative; z-index: 2; } .card-panels.opt4 .card .card-bg-img > [class^="image"] { position: absolute; } @media (max-width: 1100px) { .card-panels.opt4 .card .card-bg-img > [class^="image"] { position: relative; } } @media (max-width: 1400px) { .card-panels.opt4 .card .card-bg-img { width: 50%; } } @media (max-width: 1100px) { .card-panels.opt4 .card .card-bg-img { width: 100%; order: 0 !important; } } .card-panels.opt4 .card .card-bg-img > div { position: relative; } .card-panels.opt4 .card .card-bg-img .mpContent { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; } @media (max-width: 1100px) { .card-panels.opt4 .card .card-bg-img .mpContent { height: auto; } } .card-panels.opt4 .card .card-bg-img .mpContent img { visibility: hidden; } .card-panels.opt4 .card .card-bg-img .clickToEditDiv { position: absolute; bottom: 0; left: 0; right: 0; } .card-panels.opt4 .card .card-bg-img .clickToEditDiv:after { display: none !important; } .card-panels.opt4 .card .card-bg-img .clickToEditDiv:after { content: '(image)'; } .card-panels.opt4 .card .card-text { display: flex; flex-wrap: wrap; align-content: center; align-items: center; width: 40%; margin: 0 auto; background: none; position: relative; z-index: 4; } .card-panels.opt4 .card .card-text .mpContent { max-width: 440px; } @media (max-width: 1400px) { .card-panels.opt4 .card .card-text { width: 50%; } } @media (max-width: 1100px) { .card-panels.opt4 .card .card-text { flex-basis: auto; width: 100%; text-align: center; } .card-panels.opt4 .card .card-text .mpContent { max-width: 100% !important; margin: 0 !important; text-align: center; } } .card-panels.opt4 .card .card-text .clickToEditDiv { width: 100%; } .card-panels.opt4 .card .card-text .clickToEditDiv:after { content: '(text)'; } .card-panels.opt4 .card.right-aligned:before { left: 0; } .card-panels.opt4 .card.right-aligned:after { right: 0; } .card-panels.opt4 .card.right-aligned .card-bg-img { order: 0; } .card-panels.opt4 .card.right-aligned .card-text { padding: 3rem 2rem 6rem 12.5rem; } @media (max-width: 1500px) { .card-panels.opt4 .card.right-aligned .card-text { padding: 3rem 2rem 4rem 10rem; } } @media (max-width: 1100px) { .card-panels.opt4 .card.right-aligned .card-text { padding: 3rem 2rem; } } .card-panels.opt4 .card.left-aligned:before, .card-panels.opt4 .card:nth-child(even):before { right: 0; } .card-panels.opt4 .card.left-aligned:after, .card-panels.opt4 .card:nth-child(even):after { left: 0; } .card-panels.opt4 .card.left-aligned .card-text, .card-panels.opt4 .card:nth-child(even) .card-text { padding: 3rem 12.5rem 6rem 2rem; } @media (max-width: 1500px) { .card-panels.opt4 .card.left-aligned .card-text, .card-panels.opt4 .card:nth-child(even) .card-text { padding: 3rem 10rem 4rem 2rem; } } @media (max-width: 1100px) { .card-panels.opt4 .card.left-aligned .card-text, .card-panels.opt4 .card:nth-child(even) .card-text { padding: 3rem 2rem; } } .card-panels.opt4 .card.left-aligned .card-bg-img, .card-panels.opt4 .card:nth-child(even) .card-bg-img { order: 1; } @media (max-width: 1100px) { .card-panels.opt4 .card.left-aligned .card-bg-img, .card-panels.opt4 .card:nth-child(even) .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; } .formBaseFormWrapper table { table-layout: fixed; } .formBaseFormWrapper .formBaseFormFooter + div[align="center"] { white-space: nowrap; text-align: left; } @media (min-width: 768px) { .formBaseFormWrapper .formBaseFormHeader br { display: none; } } .formBaseFormWrapper span[id$="HeaderHTML"] { padding: 0 15px; display: block; margin-bottom: 3rem; } @media (max-width: 767px) { .formBaseFormWrapper span[id$="HeaderHTML"] { text-align: center; } } .formBaseFormWrapper span[id$="HeaderHTML"] h1 { margin-bottom: 0.8em; } .formBaseFormWrapper span[id$="HeaderHTML"] h2 { margin-bottom: 0.8em; } .formBaseFormWrapper span[id$="HeaderHTML"] h3 { margin-bottom: 0.3em; } .formBaseFormWrapper span[id$="HeaderHTML"] h4, .formBaseFormWrapper span[id$="HeaderHTML"] .formSection .rosterletteroff, .formSection .formBaseFormWrapper span[id$="HeaderHTML"] .rosterletteroff { margin-bottom: 0.8em; } .formBaseFormWrapper input[type=submit] { margin-left: 7px; width: 100%; max-width: 270px; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.2rem; text-transform: uppercase; color: #223e55; background: #ffcc46; border-radius: 0; border: none !important; } .formBaseFormWrapper input[type=submit]:hover, .formBaseFormWrapper input[type=submit]:focus, .formBaseFormWrapper input[type=submit]:active { background-color: #223e55; color: #fff; } .formBaseFormWrapper td { padding: 0; } .formBaseFormWrapper td font.smallerfont { margin-left: 15px; } @media (max-width: 767px) { .formBaseFormWrapper td { display: block; width: 100%; } } .formBaseFormWrapper .formQuestionWrapper { margin-bottom: 15px; padding: 0 15px; border-collapse: separate; border-spacing: 0; } .formBaseFormWrapper .formQuestionWrapper *::placeholder { font-style: italic; letter-spacing: 0.55px; font-size: 11px; font-weight: 300; color: #7b7772; } .formBaseFormWrapper .formQuestionWrapper td { display: block; width: 100%; } @media (max-width: 991px) { .formBaseFormWrapper .formQuestionWrapper td { display: block; width: 100%; } } @media (max-width: 767px) { .formBaseFormWrapper .formQuestionWrapper td > .formQuestionWrapper { padding-left: 0; padding-right: 0; } } .formBaseFormWrapper .formQuestionWrapper td.formQuestionCell { color: #555; line-height: 1.9; font-weight: 500; letter-spacing: 0; font-size: 1.6rem; text-transform: none; margin-bottom: 6px; } .formBaseFormWrapper .formQuestionWrapper td input, .formBaseFormWrapper .formQuestionWrapper td textarea, .formBaseFormWrapper .formQuestionWrapper td select { background-color: #fff !important; border: 1px solid #dfdfdf !important; color: #396079 !important; font-size: 1.6rem !important; font-family: "Nunito Sans", sans-serif !important; line-height: 1.5; padding: 17px 23px !important; box-shadow: none; } @media (max-width: 767px) { .formBaseFormWrapper .formQuestionWrapper td input, .formBaseFormWrapper .formQuestionWrapper td textarea, .formBaseFormWrapper .formQuestionWrapper td select { padding-left: 15px; padding-right: 15px; } } .formBaseFormWrapper .formQuestionWrapper td input:focus::placeholder, .formBaseFormWrapper .formQuestionWrapper td textarea:focus::placeholder, .formBaseFormWrapper .formQuestionWrapper td select:focus::placeholder { font-size: 0; } .injectContent .formBaseFormWrapper .formQuestionWrapper td input, .injectContent .formBaseFormWrapper .formQuestionWrapper td textarea, .injectContent .formBaseFormWrapper .formQuestionWrapper td select { width: 100%; } .formBaseFormWrapper .formQuestionWrapper td input.riTextBox { min-height: 60px; } .formBaseFormWrapper .formQuestionWrapper td span.riSingle { width: 100% !important; min-height: 60px; } .formBaseFormWrapper .formQuestionWrapper td select { appearance: none; background-color: #fff; background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3ctitle%3esmall down%3c/title%3e%3cg class='nc-icon-wrapper' stroke-linecap='square' stroke-linejoin='miter' stroke-width='1' fill='%23396079' stroke='%23396079'%3e%3cpolyline fill='none' stroke='%23396079' stroke-miterlimit='10' points='32%2c20 24%2c28 16%2c20 '/%3e%3c/g%3e%3c/svg%3e"); background-size: 4.4rem; } .formBaseFormWrapper .formBaseForm > tbody > tr.requiredFields:last-child { padding: 0 15px; display: block; color: #555555; line-height: 1.75; letter-spacing: 0; font-size: 12px; } .contact-form { padding: 7vw 0 7.5vw; margin: 0; } @media (max-width: 767px) { .contact-form { padding: 60px 0; } } .form-blasted input:not([type=submit]), .form-blasted textarea, .form-blasted select { background-color: #fff !important; border: 1px solid #dfdfdf !important; color: #396079 !important; font-size: 1.6rem !important; font-family: "Nunito Sans", sans-serif !important; line-height: 1.5; padding: 17px 23px !important; } @media (max-width: 767px) { .form-blasted input:not([type=submit]), .form-blasted textarea, .form-blasted select { padding-left: 15px; padding-right: 15px; } } .form-blasted input:not([type=submit]):focus::placeholder, .form-blasted textarea:focus::placeholder, .form-blasted select:focus::placeholder { font-size: 0; } .injectContent .form-blasted input:not([type=submit]), .injectContent .form-blasted textarea, .injectContent .form-blasted select { width: 100%; } .form-blasted input.riTextBox { min-height: 60px; } .form-blasted span.riSingle { width: 100% !important; min-height: 60px; } .form-blasted select { appearance: none; background-color: #fff; background-position: calc(100% - 10px) center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3ctitle%3esmall down%3c/title%3e%3cg class='nc-icon-wrapper' stroke-linecap='square' stroke-linejoin='miter' stroke-width='1' fill='%23777777' stroke='%23777777'%3e%3cpolyline fill='none' stroke='%23777777' stroke-miterlimit='10' points='32%2c20 24%2c28 16%2c20 '/%3e%3c/g%3e%3c/svg%3e"); background-size: 4.4rem; } .form-blasted input[type=submit] { margin-left: 7px; width: 100%; max-width: 270px; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.2rem; text-transform: uppercase; color: #223e55; background: #ffcc46; border-radius: 0; border: none !important; } .form-blasted input[type=submit]:hover, .form-blasted input[type=submit]:focus, .form-blasted input[type=submit]:active { background-color: #223e55; color: #fff; } .sub-nav.opt2 { background-color: #82735c; 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; position: relative; } .sub-nav.opt2 ul li:after { content: ''; display: block; opacity: 0; width: 44px; height: 7px; margin: 0 auto; background: #dbd4c1; } .sub-nav.opt2 ul li a { display: block; color: #fff; font-family: "Nunito Sans", sans-serif; font-size: 1.35rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4rem; 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: #fff; } .sub-nav.opt2 ul li.selectedItem { border-color: #82735c; } .sub-nav.opt2 ul li.selectedItem:after { opacity: 1; } .sub-nav.opt2 ul li.selectedItem a { color: #fff; font-weight: 900; background-color: #82735c; } .course-tour.opt3 { padding: 0; max-width: 1500px; } @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 [id$="_radTabsTop"] .levelwrap.level1 > ul > li > a { padding: 2.5rem 2rem 3rem !important; } .course-tour.opt3 [id$="_radTabsTop"] .levelwrap.level1 > ul > li > a.selected { padding: 2.5rem 2.8rem 3rem !important; } .course-tour.opt3 [id$="_tblTop"]:last-child { margin-top: 0; } .course-tour.opt3 [id$="_tblTop"] .tsContent { padding: 3.5rem; } .course-tour.opt3 [id$="_tblTop"] .tsContent h2 { text-transform: uppercase; } .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; margin: 0 auto; justify-content: flex-start; flex-wrap: wrap; } @media (max-width: 991px) { .sitewrap .hole-wrap { flex-wrap: wrap; } .sitewrap .hole-wrap > div { flex: 1 1 100% !important; } } .hole-wrap .hole-media-wrap { width: 100%; } .hole-wrap .hole-media-wrap img { opacity: 0; } @media (max-width: 991px) { .hole-wrap .hole-media-wrap { margin-top: 30px; text-align: center; } } .sitewrap .hole-wrap .hole-media-wrap { font-size: 0; background-size: cover; background-position: 50% 50%; } @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; padding: 5rem 7.5rem; } @media (max-width: 1500px) { .hole-wrap .hole-info-wrap { padding: 10rem 5rem; } } @media (max-width: 991px) { .hole-wrap .hole-info-wrap { padding: 20px; } } .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 { margin-bottom: 0.4em; font-weight: 500; color: #223e55; font-size: 2.4rem; font-family: "Nunito Sans", 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: #f1f1f1; -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 #f1f1f1; 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 p strong { color: #223e55; font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 500; } .hole-wrap .hole-info-wrap > div:last-child > div:first-child { font-weight: 400; color: #555; font-family: "Nunito Sans", 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: "Nunito Sans", sans-serif; line-height: 1.88; display: flex; margin-bottom: 3rem; margin-top: 1rem; 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 { list-style: none; display: block; width: 70px; margin: 7.5px 5px; padding: 9px 5px 8px; border-radius: 25px; font-size: 1.6rem; font-weight: 500; line-height: 1.7; text-align: center; color: #FFF; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span:first-child, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font:first-child { margin-left: 0; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span:last-child, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font:last-child { margin-right: 0; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.blue, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.blue { background: #091f3f; border: 1px solid #091f3f; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.white, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.white { background-color: #fff; border: 1px solid #e4e4e4; color: #000; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.green, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.green { background-color: #538b59; border: 1px solid #538b59; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.bronze, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.bronze { background-color: #bf944f; border: 1px solid #bf944f; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.black, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.black { background-color: #000; border: 1px solid #000; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.silver, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.silver { background-color: #999; border: 1px solid #999; color: #000; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.gold, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.gold { background-color: #BFA063; border: 1px solid #BFA063; } .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > span.red, .hole-wrap .hole-info-wrap > div:last-child > div:nth-child(2) > font.red { background-color: #dd1515; border: 1px solid #dd1515; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .weekly-events { max-width: 750px; margin: 0 0 0 auto; padding: 40px 50px; background: #f4f5f9; color: #555; } .weekly-events [id$="EventsWrapper"] { display: flex; flex-wrap: wrap; } @media (max-width: 1300px) { .weekly-events { padding: 15px; } } @media (max-width: 991px) { .weekly-events { margin: 0 auto; } } .rpTemplate .weekly-events { max-width: 100%; } .daily-events { width: 50%; padding: 30px 15px; } @media (max-width: 1300px) { .daily-events { padding: 10px 5px; } } @media (max-width: 600px) { .daily-events { width: 100%; } } .daily-events .view-all-link { display: none; width: 100%; padding: 25px 15px; } .daily-events:last-child * { display: none; } .daily-events:last-child .view-all-link { display: inline-block; } .day-title { margin-bottom: 2rem; font-size: 1.4rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #213d53; } .day-title .nc-icon-glyph { margin-right: 5px; position: relative; bottom: -3px; font-size: 2rem; } @media (max-width: 1100px) { .day-title { letter-spacing: 0; } .day-title .nc-icon-glyph { display: none; } } .staff-list > div { display: flex; flex-wrap: wrap; justify-content: center; max-width: 1500px; margin: 0 auto; padding: 4.5rem 1.5rem; } @media (max-width: 1400px) { .staff-list > div { padding: 3rem 1.5rem; } } @media (max-width: 1200px) { .staff-list > div { padding: 2rem 1.5rem; } } .staff-list > div > h2 { width: 100%; text-align: center; text-transform: uppercase; } .staff-member { width: 25%; padding: 4px; position: relative; } @media (max-width: 1100px) { .staff-member { width: 33.333333333333333333333333%; } } @media (max-width: 800px) { .staff-member { width: 50%; } } @media (max-width: 550px) { .staff-member { width: 100%; max-width: 300px; } } .staff-image { position: relative; } .staff-image:before { content: ''; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; height: 130px; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); } .staff-image .mpContent img { width: 100%; } .staff-image > .clickToEditDiv { position: absolute; z-index: 97; display: block; top: 0; left: 0; 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) { .staff-image > .clickToEditDiv { display: none; } } .staff-image > .clickToEditDiv:before { content: 'Background'; margin-right: 5px; position: relative; bottom: -1px; } .staff-info { position: absolute; z-index: 2; top: 4px; left: 4px; right: 4px; bottom: 4px; display: flex; text-align: center; color: #fff; } .staff-info .mpContent { display: flex; align-items: flex-end; flex-wrap: wrap; align-content: flex-end; justify-content: center; width: 100%; padding: 0; transition: 0.4s ease-in-out; } .staff-info > .clickToEditDiv { position: absolute; z-index: 97; display: block; bottom: 0; left: 0; 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) { .staff-info > .clickToEditDiv { display: none; } } .staff-info > .clickToEditDiv:before { content: 'Content'; margin-right: 5px; position: relative; bottom: -1px; } .staff-info h1, .staff-info h2, .staff-info h3, .staff-info h4, .staff-info .formSection .rosterletteroff, .formSection .staff-info .rosterletteroff, .staff-info h5, .staff-info h6, .staff-info a { color: #fff; } .staff-info h3 { margin: 0; font-size: 2.4rem; font-weight: 400; letter-spacing: 0; } .staff-info h4, .staff-info .formSection .rosterletteroff, .formSection .staff-info .rosterletteroff { margin-bottom: 2.2rem; font-size: 1.8rem; font-weight: 400; letter-spacing: 0; line-height: 1.67; text-transform: none; } .staff-info p { width: 100%; max-height: 0; overflow: hidden; z-index: 10; font-size: 1.8rem; font-weight: 400; line-height: 1.67; letter-spacing: 0; text-align: center; color: #ffcc46; } .staff-info p a { color: #ffcc46; cursor: pointer; } .staff-info:hover .mpContent, .staff-info:active .mpContent { align-content: center; justify-content: center; background: rgba(34, 62, 85, 0.8); } .staff-info:hover p, .staff-info:active p { max-height: 400px; } @media (max-width: 1024px) { .staff-info .mpContent { align-content: center; justify-content: center; background: rgba(34, 62, 85, 0.8); } .staff-info p { max-height: 400px; } } .instagram-wrap { padding-top: 30px; text-align: center; } .instagram-wrap span { margin-bottom: 2.5rem; font-size: 3rem; color: #ffcc46; } .instagram-wrap h6 { margin: 0 0 30px; font-size: 1.3rem; font-weight: 800; letter-spacing: 0.3rem; text-transform: uppercase; color: #223e55; } .video { margin: 0 auto; cursor: pointer; position: relative; } .video-fallback { z-index: 2; position: relative; } .video.active .video-fallback { opacity: 0; } .video-fallback img { width: 100%; } .video-button { position: absolute; z-index: 3; left: 0; right: 0; width: 71px; height: 71px; margin: 0 auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.3s ease-in-out; cursor: pointer; border-radius: 100%; background-image: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/KentCC-2024/images/Logos/VideoButton.svg"); background-size: 50px; background-position: 50% 50%; background-repeat: no-repeat; } .video.active .video-button { display: none; } .video-display { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; overflow: hidden; } .video-display > video { width: 100%; object-fit: cover; } .video-display.active { z-index: 2; cursor: pointer; } .video-display.active > video { opacity: 1; } .anchor-list { max-width: 900px; padding: 2rem 15px; margin: 0 auto; } .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; flex-wrap: wrap; position: relative; width: calc(25% - 30px); padding: 30px 30px 25px; margin: 15px; border: 1px solid #dbdde0; border-radius: 5px; font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 400; text-transform: none; letter-spacing: 0; line-height: 1em; text-align: center; text-decoration: none; transition: 0.3s ease-in-out; color: #223e55; background: #fff; } .anchor-list .mpContent a:after { content: "\eaad"; display: block; width: 100%; height: 25px; margin: 0 auto; padding: 8px 0 0 0; color: #ffcc46; font: normal normal normal 14px/1 "Nucleo Outline"; font-weight: 700; font-size: 16px; 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: #ffcc46; color: #fff; border: 1px solid #ffcc46; } .anchor-list .mpContent a:hover:after, .anchor-list .mpContent a:active:after { color: #fff; } @media (max-width: 900px) { .anchor-list .mpContent a { width: calc(50% - 20px); padding: 25px; margin: 10px; } } @media (max-width: 400px) { .anchor-list .mpContent a { width: 100%; } } @media (max-width: 1200px) { .anchor-list.four-wide .mpContent a { width: calc(50% - 20px); } } @media (max-width: 700px) { .anchor-list.four-wide .mpContent a { width: 100%; } } .anchor-list.five-wide .mpContent a { width: calc(20% - 30px); } @media (max-width: 900px) { .anchor-list.five-wide .mpContent a { width: calc(50% - 20px); } } @media (max-width: 400px) { .anchor-list.five-wide .mpContent a { width: 100%; } } .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 > div { position: relative; z-index: 3; width: 100%; max-width: 800px; margin: 0 auto; padding: 12.5% 1.5rem; text-align: center; } @media (max-width: 1500px) { .full-width-callout-content > div { padding: 10% 1.5rem; } } @media (max-width: 1200px) { .full-width-callout-content > div { padding: 8% 1.5rem; } } @media (max-width: 1024px) { .full-width-callout-content > div { padding: 6% 1.5rem; } } @media (max-width: 700px) { .full-width-callout-content > div { padding: 4% 1.5rem; } } .full-width-callout-content .mpContent { 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 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, .full-width-callout-content .mpContent p { 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 { color: #ffcc46; } .full-width-callout-content .clickToEditDiv { position: absolute; z-index: 97; display: block; bottom: 15px; right: 15px; left: auto; width: auto; 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; max-width: 1500px; margin: 5rem auto; overflow: hidden; background: #000; } .full-width-callout.no-padding-top { margin-top: 0 !important; } .full-width-callout.no-padding-bottom { margin-bottom: 0 !important; } @media (max-width: 1500px) { .full-width-callout { margin: 4rem auto; } } @media (max-width: 1024px) { .full-width-callout { margin: 3rem auto; } } @media (max-width: 700px) { .full-width-callout { margin: 1.5rem auto; } } .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.section-title .full-width-callout-content > div { padding: 18.5% 1.5rem; } @media (max-width: 1500px) { .full-width-callout.section-title .full-width-callout-content > div { padding: 16% 1.5rem; } } @media (max-width: 1200px) { .full-width-callout.section-title .full-width-callout-content > div { padding: 12% 1.5rem; } } @media (max-width: 1024px) { .full-width-callout.section-title .full-width-callout-content > div { padding: 8% 1.5rem; } } @media (max-width: 700px) { .full-width-callout.section-title .full-width-callout-content > div { padding: 4% 1.5rem; } } .callouts-container { max-width: 1510px; padding: 50px 0; margin: 0 auto; } .callouts-container > h2 { max-width: 770px; margin: 0 auto 30px; text-align: center; } .callouts-inner { display: flex; flex-wrap: wrap; margin: 0 auto; } .callout-link .mpContent, .callout-link .mpContent a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-size: 0; z-index: 11; border: none !important; outline: none !important; } .callout-link .clickToEditDiv { position: absolute; z-index: 97; display: block; top: 41px; left: 40px; 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) { .callout-link .clickToEditDiv { display: none; } } .callout-link .clickToEditDiv:before { content: 'Link'; margin-right: 5px; position: relative; bottom: -1px; } .callout-content:before { content: ''; position: absolute; z-index: 1; bottom: 5px; left: 5px; right: 5px; height: 125px; opacity: 0.7; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); } .callout-content .mpContent { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; width: 100%; max-width: 370px; margin: 0 auto; padding: 0 15px; transition: 0.4s ease-in-out; } .callout-content .mpContent:after { content: "\eeb8"; display: block; font: normal normal normal 20px / 1 'Nucleo Glyph'; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin: 8px auto 20px; width: 20px; height: 20px; } .callout-content .mpContent h1, .callout-content .mpContent h2, .callout-content .mpContent h3, .callout-content .mpContent h4, .callout-content .mpContent .formSection .rosterletteroff, .formSection .callout-content .mpContent .rosterletteroff, .callout-content .mpContent h5, .callout-content .mpContent h6, .callout-content .mpContent p { color: #fff; } .callout-content .mpContent h3 { margin: 0; font-size: 2.4rem; font-weight: 400; letter-spacing: 0; text-transform: none; text-align: center; z-index: 10; } .callout-content .mpContent p { text-align: center; max-height: 0; transition: 0.4s ease-in-out; overflow: hidden; z-index: 10; } .callout-content .clickToEditDiv { position: absolute; z-index: 97; display: block; top: 80px; right: 40px; 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) { .callout-content .clickToEditDiv { display: none; } } .callout-content .clickToEditDiv:before { content: 'Content'; margin-right: 5px; position: relative; bottom: -1px; } .callout-image { background: #223e55; overflow: hidden; position: relative; z-index: 1; } .callout-image .mpContent { transition: 0.3s ease-in-out; opacity: 1; } .callout-image .mpContent img { width: calc(100% + 2px); } .callout-image .clickToEditDiv { position: absolute; z-index: 97; display: block; top: 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) { .callout-image .clickToEditDiv { display: none; } } .callout-image .clickToEditDiv:before { content: 'Image'; margin-right: 5px; position: relative; bottom: -1px; } .callout { width: 33.33333333333333%; font-size: 1.6rem; position: relative; padding: 5px; } .callout:hover .callout-image .mpContent, .callout:active .callout-image .mpContent { opacity: 0.2; } .callout:hover .callout-content .mpContent, .callout:active .callout-content .mpContent { bottom: 50%; transform: translateY(50%); } .callout:hover .callout-content .mpContent:after, .callout:active .callout-content .mpContent:after { color: #ffcc46; } .callout:hover .callout-content .mpContent h3, .callout:active .callout-content .mpContent h3 { margin: 0 0 1rem; } .callout:hover .callout-content .mpContent p, .callout:active .callout-content .mpContent p { max-height: 400px; } @media (max-width: 1024px) { .callout .callout-image .mpContent { opacity: 0.2; } .callout .callout-content .mpContent { bottom: 50%; transform: translateY(50%); } .callout .callout-content .mpContent:after { color: #ffcc46; } .callout .callout-content .mpContent h3 { margin: 0 0 1rem; } .callout .callout-content .mpContent p { max-height: 400px; } } @media (max-width: 991px) { .callout { width: 100%; max-width: 500px; margin: 0 auto; } } @media (max-width: 800px) { .callout { width: 100%; } } .private-home-split { color: #fff; position: relative; } .private-home-split h1, .private-home-split h2, .private-home-split h3, .private-home-split h4, .private-home-split .formSection .rosterletteroff, .formSection .private-home-split .rosterletteroff, .private-home-split h5, .private-home-split h6 { color: #fff; } .private-home-split:after { content: ''; position: absolute; z-index: -1; left: 0; top: 0; bottom: 0; width: 50%; background: #223e55; } @media (max-width: 991px) { .private-home-split:after { display: none; } } .private-home-split > div { display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; width: 100%; max-width: 1530px; margin: 0 auto; padding: 5rem 1.5rem; } @media (max-width: 1300px) { .private-home-split > div { padding: 4rem 1.5rem; } } @media (max-width: 900px) { .private-home-split > div { padding: 3rem 1.5rem; } } .private-home-split > div > div:first-child { width: 500px; } .private-home-split > div > div:first-child h2 { margin: 0 0 1rem; font-size: 3.4rem; font-weight: 300; line-height: 1.29; } @media (max-width: 1100px) { .private-home-split > div > div:first-child h2 { font-size: 3rem; } } @media (max-width: 1024px) { .private-home-split > div > div:first-child h2 { font-size: 2.6rem; } } .private-home-split > div > div:first-child p { margin-bottom: 30px; font-size: 1.6rem; font-weight: 300; line-height: 1.88; color: #fff; } .private-home-split > div > div:first-child > div { max-width: 600px; margin: 0 auto; } .private-home-split > div > div:last-child { width: calc(100% - 500px); } @media (max-width: 1200px) { .private-home-split > div > div:first-child { width: 400px; } .private-home-split > div > div:last-child { width: calc(100% - 400px); } } @media (max-width: 991px) { .private-home-split > div > div { width: 100% !important; text-align: center; } .private-home-split > div > div:first-child { background: #223e55; } .private-home-split > div > div:last-child { padding-top: 20px; } } .quicklinks { padding: 8rem 3rem 2rem; } @media (max-width: 1200px) { .quicklinks { padding: 5rem 1rem 1rem; } } @media (max-width: 991px) { .quicklinks { padding: 3rem 1rem; } } .quicklinks span[class*="icon"] { position: relative; color: #fff; font-size: 2.4rem; display: inline-block; margin-right: 25px; text-decoration: none !important; transition: 0.3s ease-in-out; } .quicklinks span[class*="icon"]:before { display: flex; align-content: center; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 0 auto; border-radius: 100%; background: #ffcc46; letter-spacing: 0; } @media (max-width: 768px) { .quicklinks span[class*="icon"] { display: none; } } .quicklinks ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; float: none; display: flex; flex-wrap: wrap; justify-content: space-around; } @media (max-width: 768px) { .quicklinks ul { display: inline-block; width: auto; } } .quicklinks ul li { display: block; width: 100%; padding: 5px 5px; margin: 0; font-size: 0; vertical-align: top; transition: all .3s ease-in-out; } ._Telerik_IE9 .quicklinks ul li { flex-basis: 240px !important; } @media screen and (max-width: 768px) { .quicklinks ul li { display: block; padding: 0 0 15px 0; } } .quicklinks ul li a { display: flex; justify-content: flex-start; align-items: center; width: 100%; font-size: 1.5rem; font-family: "Nunito Sans", sans-serif; font-weight: 400; text-transform: uppercase; text-align: center; color: #ffcc46; line-height: 1.2; letter-spacing: 0.2rem; text-decoration: none; position: relative; transition: 0.3s ease-in-out; } @media (max-width: 991px) { .quicklinks ul li a { justify-content: center; } } @media (max-width: 700px) { .quicklinks ul li a .nc-icon-outline { display: none; } } .quicklinks ul li a span[class*="icon"] { color: #223e55; } .quicklinks ul li a span[class*="icon"]:before { transition: 0.3s ease-in-out; } .quicklinks ul li a:hover, .quicklinks ul li a:focus { color: #fff; } .quicklinks ul li a:hover span[class*="icon"]:before, .quicklinks ul li a:focus span[class*="icon"]:before { color: #223e55; background: #fff; } body.user-is-tabbing .quicklinks ul li a:focus { text-decoration: none; outline-style: dashed; outline-color: #fff; outline-width: 2px; opacity: 1; } .calendar.opt4-plat-v2 { position: relative; max-width: 800px; margin-left: auto; z-index: 9; } .calendar.opt4-plat-v2:after { content: ''; position: absolute; z-index: -1; top: 20px; left: 20px; right: -20px; bottom: 0; background: #f3f5f9; } @media (max-width: 1300px) { .calendar.opt4-plat-v2:after { right: -10px; } } @media (max-width: 991px) { .calendar.opt4-plat-v2:after { top: 0; left: 0; right: 0; } } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap { display: block; width: 100%; max-height: 500px; z-index: 9; position: absolute; top: 0; left: 0; right: 0; color: #fff; } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap:before { content: ''; display: block; padding-top: calc((500/800) * 100%); } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap .slidecounter { display: block; padding: 0; margin: 0 auto; } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap .slidecounter ul { display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap .slidecounter li { margin: 0 5px; } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap .slidecounter 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; } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap .slidecounter li.slick-active button { background: #fff; } .calendar.opt4-plat-v2 .slick-arrows-wrap { position: absolute; bottom: 30px; right: 40px; width: 115px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: space-between; } @media (max-width: 1500px) { .calendar.opt4-plat-v2 .slick-arrows-wrap { right: 30px; } } @media (max-width: 1300px) { .calendar.opt4-plat-v2 .slick-arrows-wrap { right: 20px; } } @media (max-width: 700px) { .calendar.opt4-plat-v2 .slick-arrows-wrap { right: 10px; } } .calendar.opt4-plat-v2 [id$="EventsWrapper"] { opacity: 0; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-image { display: block; position: relative; width: 100%; max-height: 500px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-image:before { content: ''; display: block; padding-top: calc((500/800) * 100%); } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-image:after { content: ''; position: absolute; bottom: 0; right: 0; left: 0; height: 110px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); opacity: 0.7; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-image > * { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-image > img { visibility: hidden; width: 100%; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info-wrap { position: relative; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info { display: flex; align-content: center; align-items: center; justify-content: space-between; padding: 40px 50px 50px; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-date { position: absolute; top: -55px; left: 85px; font-family: "Nunito Sans", sans-serif; font-size: 1.3rem; font-weight: 700; line-height: 1.88; letter-spacing: 3px; text-transform: uppercase; color: #fff; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-date .nc-icon-glyph { position: relative; bottom: -3px; margin-right: 5px; font-size: 21px; color: #ffcc46; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-date span { display: inline-block; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-date .calDOW { margin-right: 5px; } @media (max-width: 991px) { .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-date { top: -40px; left: 20px; letter-spacing: 1px; } } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-title { max-width: 500px; padding: 0 0 0 35px; font-family: "Playfair Display", serif; font-size: 2.6rem; font-weight: 400; line-height: 1.38; letter-spacing: 0; text-transform: none; color: #223e55; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-cta { display: flex; align-content: center; align-items: center; text-decoration: none !important; border: none !important; transition: 0.3s ease-in-out; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-cta:hover, .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-cta:active { opacity: 0.8; } @media (min-width: 992px) { .calendar.opt4-plat-v2 .slick-arrows-wrap .slide-count { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .calendar.opt4-plat-v2 .slick-arrows-wrap .slide-count span { display: block; } .calendar.opt4-plat-v2 .slick-arrows-wrap .slick-arrow.slick-prev { left: 0; } .calendar.opt4-plat-v2 .slick-arrows-wrap .slick-arrow.slick-next { right: 0; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] { width: 100%; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } } @media (max-width: 1300px) { .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info .event-title { font-size: 2.4rem; } } @media (max-width: 991px) { .calendar.opt4-plat-v2 { width: 100%; max-width: 600px; margin: 0 auto; } .calendar.opt4-plat-v2 .slick-arrows-wrap-wrap { display: none; } .calendar.opt4-plat-v2 .slick-arrows-wrap { position: relative; top: 0; right: 0; width: 100%; padding: 15px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .calendar.opt4-plat-v2 .slick-arrows-wrap .slide-count { color: #434a59; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; } .calendar.opt4-plat-v2 .slick-arrows-wrap .slick-arrow { -ms-flex-preferred-size: 40px; flex-basis: 40px; height: auto !important; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; display: block; padding: 0; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info-wrap { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin: 0; padding: 0; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-info { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 20px; max-height: none; overflow: auto; margin: 0; -webkit-box-shadow: none; box-shadow: none; left: auto; } } @media (max-width: 767px) { .calendar.opt4-plat-v2 .slick-arrows-wrap { padding: 0; } .calendar.opt4-plat-v2 [id$="EventsWrapper"] .event-date { letter-spacing: 2px; } } .filtered-calendar { max-width: 950px; padding: 5rem 1.5rem; margin: 0 auto; } @media (max-width: 1500px) { .filtered-calendar { padding: 4rem 1.5rem; } } @media (max-width: 1100px) { .filtered-calendar { padding: 3rem 1.5rem; } } .filtered-calendar .filtered-top, .filtered-calendar .abut, .filtered-calendar .table-button td a, .table-button td .filtered-calendar a { display: block; } .filtered-calendar .filtered-top { display: flex; justify-content: flex-end; align-items: center; margin-bottom: 3.5rem; } .filtered-calendar .filtered-top ul { border: none; padding: 0; } @media (max-width: 991px) { .filtered-calendar .filtered-top { flex-wrap: wrap; } .filtered-calendar .filtered-top ul { width: 100%; justify-content: center; } } .filtered-calendar .filtered-top li { display: flex; align-content: center; justify-content: center; align-items: center; padding: 0 10px; } .filtered-calendar .filtered-top li:first-child { padding-left: 0; } .filtered-calendar .filtered-top li:last-child { padding-right: 0; } .filtered-calendar .filtered-top .nav-tabs .nav-link { padding: 0 !important; border: none !important; background: none !important; color: #223e55; font-family: "Playfair Display", serif; font-size: 1.8rem; font-weight: 400; line-height: 1.2; letter-spacing: 0; text-transform: none; position: relative; } .filtered-calendar .filtered-top .nav-tabs .nav-link:after { content: ''; display: block; width: 100%; height: 3px; margin: 0 auto; background: #ffcc46; opacity: 0; position: absolute; bottom: -6px; left: 0; } .filtered-calendar .filtered-top .nav-tabs .nav-item.show .nav-link, .filtered-calendar .filtered-top .nav-tabs .nav-link.active { color: #223e55; } .filtered-calendar .filtered-top .nav-tabs .nav-item.show .nav-link:after, .filtered-calendar .filtered-top .nav-tabs .nav-link.active:after { opacity: 1; } .filtered-calendar .events-container { padding: 15px 0 30px; } .articles-container { position: relative; padding: 11.5rem 0; } @media (max-width: 1500px) { .articles-container { padding: 8rem 0; } } @media (max-width: 1300px) { .articles-container { padding: 6rem 0; } } @media (max-width: 1100px) { .articles-container { padding: 4rem 0; } } @media (max-width: 700px) { .articles-container { padding: 3rem 0; } } .articles-container .newsPluginArchiveLink { display: none; } .articles-container:before { content: ''; position: absolute; top: 0; bottom: 0; width: 200px; background: #ffcc46; } @media (min-width: 1601px) { .articles-container:before { width: 16%; } } @media (min-width: 1800px) { .articles-container:before { width: 20%; } } @media (min-width: 2200px) { .articles-container:before { width: 30%; } } @media (max-width: 1100px) { .articles-container:before { display: none; } } .articles-container:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(https://static.clubessential.com/CEFED/_Axis-Website/Sites/KentCC-2024/images/Logos/Watermark.svg); background-size: 900px; background-position: right -70px top; background-repeat: no-repeat; } .articles-container > div { max-width: 1500px; margin: 0 auto; position: relative; z-index: 1; } .articles-container .articles-title { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 15px; } .articles-container .articles-title h2 { margin-bottom: 1rem; font-family: "Nunito Sans", sans-serif; font-size: 1.3rem; font-weight: 700; line-height: 1.33; letter-spacing: 0.3rem; text-transform: uppercase; } .articles-container .articles-title > a:last-child { display: inline-block; font-size: 1.6rem; font-weight: 300; line-height: 1.53; color: #555; text-decoration: none !important; border-bottom: transparent; transition: 0.3s ease-in-out; } .articles-container .articles-title > a:last-child:hover, .articles-container .articles-title > a:last-child:active, .articles-container .articles-title > a:last-child:focus { color: #223e55; border-bottom: 1px solid #223e55; } @media (max-width: 600px) { .articles-container .articles-title { justify-content: center; } .articles-container .articles-title h2 { width: 100%; letter-spacing: 0; text-align: center; } } .articles-container [id$="ArticlesWrapper"] { display: flex; flex-wrap: wrap; } .articles-container .newsItem { display: flex; flex-wrap: wrap; width: 50%; padding: 15px; } @media (max-width: 1200px) { .articles-container .newsItem { width: 100%; } } .article-wrap { display: flex; align-items: center; align-content: center; flex-wrap: wrap; width: 100%; background: #f3f5f9; transition: 0.3s ease-in-out; text-decoration: none !important; } .article-wrap img { width: 100%; } .article-wrap img + img { display: none; } .article-wrap:hover, .article-wrap:active { opacity: 0.8; } .article-image { width: 225px; } @media (max-width: 600px) { .article-image { width: 125px; } } .article-content { display: flex; flex-wrap: wrap; width: calc(100% - 225px); padding: 15px 45px; } @media (max-width: 600px) { .article-content { width: calc(100% - 125px); padding: 15px; } } .article-title { font-family: "Playfair Display", serif; font-size: 2.6rem; font-weight: 400; line-height: 1.38; color: #223e55; } @media (max-width: 600px) { .article-title { font-size: 2rem; line-height: 1.2; } } .article-date { font-family: "Nunito Sans", sans-serif; font-size: 1.6rem; font-weight: 300; line-height: 1.88; color: #555; } .login.opt3#login-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #000; height: 100%; min-height: 100vh !important; display: flex; position: relative; font-size: 1.4rem; overflow: hidden; } @media (max-width: 767px) { .injectContent .login.opt3#login-bg { min-height: -webkit-fill-available !important; } } .login.opt3#login-bg:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf000000', endColorstr='#00000000',GradientType=1 ); } @media screen and (max-width: 991px) { .login.opt3#login-bg:before { background: rgba(0, 0, 0, 0.5); max-width: none; } } .login.opt3#login-bg:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(https://static.clubessential.com/CEFED/_Axis-Website/Sites/KentCC-2024/images/Logos/Watermark.svg); background-size: 900px; background-position: right -170px center; background-repeat: no-repeat; opacity: 0.1; } @media (min-width: 992px) { .login.opt3.justify-content-lg-end#login-bg:before { left: auto; right: 0; width: 50%; background: linear-gradient(to right, rgba(0, 0, 0, 0), #000); opacity: 0.5; } } .login.opt3 .login-bg-img .mpContent img { visibility: hidden; height: 0; } .login.opt3 .login-bg-img .clickToEditDiv { position: absolute; top: 0; } .login.opt3 .errLogin { font-size: 16px !important; display: block; text-align: center; margin-bottom: 10px; background: #df0000; color: #ffffff !important; font-weight: 600; } .login.opt3 .login-instruct { color: #fff; font-size: 1.6rem; font-weight: 300; line-height: 1.88; text-align: center; padding-bottom: 17px; } @media screen and (max-width: 767px) { .login.opt3 .login-instruct { padding-bottom: 15px; } } .login.opt3 .login-instruct .mpContent h1 { color: #fff; } .login.opt3 .login-instruct .mpContent p { line-height: 1.88; } .login.opt3 .login-right { z-index: 1000; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media screen and (max-width: 1199px) { .login.opt3 .login-right { width: auto; background-position: center center; } } .login.opt3 .login-left { display: flex; flex: 1; background-color: transparent; position: relative; z-index: 2; max-width: 570px; flex-direction: column; justify-content: center; } @media screen and (max-width: 991px) { .login.opt3 .login-left { flex-basis: 100%; max-width: none; } } @media screen and (max-width: 768px) { .login.opt3 .login-left { width: 100%; } } @media screen and (max-width: 767px) { .login.opt3 .login-left { justify-content: flex-start; } } .login.opt3 .login-wrap { padding: 15px 30px; width: 100%; max-width: 430px; margin: 0 auto; } @media screen and (max-width: 767px) { .login.opt3 .login-wrap { max-width: 100%; margin: 0 auto; display: block; padding: 10%; } } @media screen and (max-width: 475px) { .login.opt3 .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.opt3 .login-wrap { padding: 15px 5%; } } .login.opt3 .login-logo { text-align: center; margin-bottom: 30px; } @media screen and (max-width: 767px) { .login.opt3 .login-logo { margin-bottom: 15px; } } .login.opt3 .login-logo img { position: relative; padding: 0; } .login.opt3 .login-logo a { width: auto; height: auto; display: inline-block; text-align: center; font-size: 0; } .login.opt3 .login-logo a:focus { outline-offset: 0; } .login.opt3 .login-content { text-align: center; } .login.opt3 .login-content p { color: #ffcc46; } .login.opt3 .login-inputs { margin: 0 auto; text-align: center; position: relative; } .login.opt3 .login-inputs > div[id^="wrapLogin"] { display: inline-block; width: 100%; } .login.opt3 .login-inputs_fields { display: none; } .login.opt3 .login-inputs_box input { border: 2px solid #fff; width: 100%; padding: 14px 30px; margin-bottom: 10px; background-color: #fff; outline: 0; text-transform: none; letter-spacing: 0; line-height: 30px; color: #555; font-weight: 400; font-family: "Nunito Sans", sans-serif; font-size: 1.6rem; width: 100%; } @media screen and (max-width: 1024px) { .login.opt3 .login-inputs_box input { font-size: 1.6rem; } } .login.opt3 .login-inputs_box input::placeholder { color: #555; } .login.opt3 .login-inputs_box input[style*="red"]::placeholder { color: #fff; } .login.opt3 .login-inputs_box input:focus { color: #555; } html._Telerik_IE9 .login.opt3 .login-inputs_box input { padding-top: 0px; padding-bottom: 0px; height: 60px; line-height: 60px; } .login.opt3 .login-inputs_link input { margin: 0; margin-bottom: 25px; background: #ffcc46; text-transform: uppercase; color: #223e55; font-size: 1.3rem; font-weight: 700 !important; letter-spacing: 0.2rem; border-radius: 0; padding: 25px 50px !important; outline: 0; border: none !important; width: 100%; max-width: 100%; min-width: 0; transition: all .3s ease-in-out; } .login.opt3 .login-inputs_link input:hover, .login.opt3 .login-inputs_link input:focus { background: #223e55; color: #fff; } .login.opt3 .login-inputs_cookie, .login.opt3 .login-inputs_forgotPassword { display: inline-block; position: relative; padding: 0; font-size: 0; } .login.opt3 .login-inputs_cookie *, .login.opt3 .login-inputs_forgotPassword * { color: #fff; font-family: "Nunito Sans", sans-serif; } .login.opt3 .login-inputs_cookie label, .login.opt3 .login-inputs_cookie a, .login.opt3 .login-inputs_forgotPassword label, .login.opt3 .login-inputs_forgotPassword a { margin: 0; line-height: 1.2; color: #fff; font-weight: 400; font-size: 1.6rem; } .login.opt3 .login-inputs_cookie a, .login.opt3 .login-inputs_forgotPassword a { color: #fff; text-decoration: underline; } .login.opt3 .login-inputs_cookie a:hover, .login.opt3 .login-inputs_cookie a:focus, .login.opt3 .login-inputs_forgotPassword a:hover, .login.opt3 .login-inputs_forgotPassword a:focus { text-decoration: none; } .login.opt3 .login-inputs_cookie { float: left; } .login.opt3 .login-inputs_cookie span.advLogRemoveChk { font-size: 1.4rem; } .user-is-tabbing .login.opt3 .login-inputs_cookie span.advLogRemoveChk:focus { outline: 1px solid #000; } .login.opt3 .login-inputs_cookie input { display: none; } .login.opt3 .login-inputs_cookie input[type=checkbox] + label:before { font-family: 'Nucleo Glyph'; content: ''; color: #000; border-radius: 50%; width: 16px; height: 16px; display: inline-block; position: absolute; left: 0; cursor: pointer; background: #fff; } .login.opt3 .login-inputs_cookie input[type=checkbox] + label:active:before, .login.opt3 .login-inputs_cookie input[type=checkbox] + label:hover:before { background: #fff; } .login.opt3 .login-inputs_cookie input[type=checkbox]:checked + label:before { content: "\ed40"; background: #fff; line-height: 1; font-size: 1.6rem; } .login.opt3 .login-inputs_cookie label { margin: 0 0 0 30px; cursor: pointer; } .login.opt3 .login-inputs_forgotPassword { float: right; } .login.opt3 .login-inputs_forgotPassword a { color: #ffcc46; } .login.opt3 .login-inputs .logged-in { color: #fff; } .login.opt3 .login-inputs .logged-in a { display: block; color: #fff; margin-bottom: 15px; } .reference-guide { margin-top: 120px; } .reference-guide .c1 { background: #ffcc46; } .reference-guide .c2 { background: #223e55; } .reference-guide .c3 { background: #555555; } .reference-guide .c4 { background: #f1f1f1; } .reference-guide .c5 { background: #f1f1f1; } .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; } .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: #000; } a.skip-main:active, a.skip-main:focus { color: #fff; background-color: #000; 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 { FONT-SIZE: 12px; FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif; color: #000000; font-weight: 600; letter-spacing: 0; } 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; background-image: unset; 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; } .sitewrap { overflow-x: hidden; } .sitewrap.scrolled { padding-top: 100px; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .form-wrapper { padding: 110px 0; background: #f3f5f9; } @media (max-width: 1500px) { .form-wrapper { padding: 75px 0; } } @media (max-width: 1400px) { .form-wrapper { padding: 50px 0; } } @media (max-width: 1024px) { .form-wrapper { padding: 40px 0; } } @media (max-width: 700px) { .form-wrapper { padding: 30px 0; } } .form-wrapper > div { max-width: 900px; padding: 0 15px; margin: 0 auto; } .form-wrapper > div > h2 { padding: 0 15px; text-transform: uppercase; } .tabstrip-table { display: block; } .tabstrip-table img { width: 100%; } .tabstrip-table tbody { display: block; } .tabstrip-table tr { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; } .tabstrip-table td { display: block; } .tabstrip-table td:first-child { width: 58%; } .tabstrip-table td:last-child { width: 42%; padding: 30px 70px; } .tabstrip-table h2 { font-size: 3rem; } @media (max-width: 1400px) { .tabstrip-table td:first-child { width: 60%; } .tabstrip-table td:last-child { width: 40%; padding: 30px 50px; } } @media (max-width: 1200px) { .tabstrip-table td:first-child { width: 50%; } .tabstrip-table td:last-child { width: 50%; padding: 30px; } } @media (max-width: 991px) { .tabstrip-table tr { flex-wrap: wrap; } .tabstrip-table td { width: 100% !important; } .tabstrip-table td:last-child { padding: 10px 0; } } .tabstrip-container { padding: 100px 15px; } .tabstrip-container > div { max-width: 1400px; margin: 0 auto; } @media (max-width: 1500px) { .tabstrip-container { padding: 80px 15px; } } @media (max-width: 1400px) { .tabstrip-container { padding: 60px 15px; } } @media (max-width: 1200px) { .tabstrip-container { padding: 40px 15px; } } @media (max-width: 1024px) { .tabstrip-container { padding: 30px 15px; } } .accordion-table { display: block; max-width: 1000px; margin: 0 auto; } .accordion-table img { width: 100%; } .accordion-table tbody { display: block; } .accordion-table tr { display: flex; flex-wrap: nowrap; align-items: center; align-content: center; } .accordion-table td { display: block; } .accordion-table td:first-child { width: 40%; } .accordion-table td:last-child { width: 60%; padding: 30px 40px 30px 70px; } .accordion-table h2 { font-size: 3rem; } @media (max-width: 1100px) { .accordion-table td:last-child { padding: 30px 40px; } } @media (max-width: 1000px) { .accordion-table td:last-child { padding: 30px; } } @media (max-width: 991px) { .accordion-table tr { flex-wrap: wrap; } .accordion-table td { width: 100% !important; } .accordion-table td:last-child { padding: 10px 0; } } @media (max-width: 700px) { .tableStack td { display: block; width: 100% !important; } } .modulewrap header.opt5 { position: relative; margin-bottom: 50px; } .modulewrap header.opt4.public:after { height: 200px; } .sitewrap.private.home .two-column { max-width: 1230px; } .background-wrap { position: relative; } .background-wrap:after { content: ''; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-image: url(https://static.clubessential.com/CEFED/_Axis-Website/Sites/KentCC-2024/images/Logos/Watermark.svg); background-size: 900px; background-position: left 0 top 50px; background-repeat: no-repeat; } .banner .scroll-down { position: absolute; left: 50%; text-align: center; transform: translateX(-50%); bottom: 2rem; z-index: 62; display: inline-block; color: #fff; line-height: 1.8; cursor: pointer; opacity: 1; font-size: 1.5rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.2rem; font-family: "Nunito Sans", sans-serif; } .banner .scroll-down h1, .banner .scroll-down h2, .banner .scroll-down h3, .banner .scroll-down h4, .banner .scroll-down .formSection .rosterletteroff, .formSection .banner .scroll-down .rosterletteroff, .banner .scroll-down h5, .banner .scroll-down h6 { color: #fff; } .banner .scroll-down .nc-icon-outline { font-size: 2rem; display: block; margin-top: 0.8rem; } @media (max-width: 768px) { .banner .scroll-down { bottom: 15px; width: 100%; display: none; } } @media (max-width: 767px) { .banner .scroll-down { line-height: 1.5; } } .one-column hr, .accordion-table hr, .tabstrip-table hr, .card hr, .image-collage hr { width: 100%; max-width: 100px; height: 5px; margin: 25px auto 25px 0; background: #cf990a; }