@charset "UTF-8"; html { font-size: calc((10 / 16) * 1em); height: 100%; margin: 0; padding: 0; } body { font-size: 1.8rem; color: #5a5d66; font-weight: 400; font-family: "quasimoda", 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.78; } 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: #3e5689; } a:hover, a:focus { color: #203768; } 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: "Jost", sans-serif; color: #3e5689; font-size: 6rem; font-style: normal; font-weight: 400; line-height: 1.07; margin-bottom: 2rem; letter-spacing: 0.2rem; text-transform: uppercase; } @media (max-width: 1400px) { h1, .h1 { font-size: 5.5rem; } } @media (max-width: 1200px) { h1, .h1 { font-size: 5rem; } } @media (max-width: 768px) { h1, .h1 { font-size: 4.5rem; } } h2, .h2, .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { font-family: "Jost", sans-serif; color: #3e5689; font-size: 4rem; font-style: normal; font-weight: 400; line-height: 1.2; margin-bottom: 2rem; letter-spacing: 0.2rem; text-transform: uppercase; } .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: 1400px) { h2, .h2, .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { font-size: 3.5rem; } } @media (max-width: 1200px) { h2, .h2, .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { font-size: 3rem; } } @media (max-width: 768px) { h2, .h2, .thumbs-album .plgHeaderBar b, .thumbs-album .pluginTitleBar { font-size: 2.5rem; } } h3, .h3, .card-deck.opt2 .card-img-overlay .mpContent { font-family: "Jost", sans-serif; color: #3e5689; font-size: 3.4rem; font-weight: 400; line-height: 1.18; margin-bottom: 3rem; letter-spacing: 0; text-transform: none; } @media (max-width: 1400px) { h3, .h3, .card-deck.opt2 .card-img-overlay .mpContent { font-size: 3rem; } } @media (max-width: 1200px) { h3, .h3, .card-deck.opt2 .card-img-overlay .mpContent { font-size: 2.5rem; } } @media (max-width: 768px) { h3, .h3, .card-deck.opt2 .card-img-overlay .mpContent { font-size: 2.2rem; } } h4, .formSection .rosterletteroff, .h4, .card-deck.opt1 .card-img-overlay .mpContent { font-family: "Jost", sans-serif; color: #3e5689; font-size: 2.8rem; font-weight: 500; line-height: 1.14; margin-bottom: 3rem; letter-spacing: 0; text-transform: none; } @media (max-width: 1400px) { h4, .formSection .rosterletteroff, .h4, .card-deck.opt1 .card-img-overlay .mpContent { font-size: 2.4rem; } } @media (max-width: 1200px) { h4, .formSection .rosterletteroff, .h4, .card-deck.opt1 .card-img-overlay .mpContent { font-size: 2.2rem; } } @media (max-width: 768px) { h4, .formSection .rosterletteroff, .h4, .card-deck.opt1 .card-img-overlay .mpContent { font-size: 2rem; } } h5, .h5 { font-family: "Jost", sans-serif; color: #3e5689; font-size: 2.2rem; font-weight: 500; line-height: 1.31; margin-bottom: 2rem; letter-spacing: 0; text-transform: none; } @media (max-width: 1200px) { h5, .h5 { font-size: 2rem; } } @media (max-width: 768px) { h5, .h5 { font-size: 1.8rem; } } h6, .h6 { font-family: "Jost", sans-serif; color: #3e5689; font-size: 1.4rem; font-weight: 500; line-height: 1.67; margin-bottom: 1rem; letter-spacing: 0.2rem; text-transform: uppercase; } p { margin: 0 0 4rem; font-family: "quasimoda", sans-serif; font-size: 1.8rem; color: #5a5d66; letter-spacing: 0; line-height: 1.78; font-weight: 400; } .mpContent p, .reference_guide p { margin: 0 0 4rem; } .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; transform: translateY(0); transition: none; background: rgba(255, 255, 255, 0.85); } header.opt5 .navbar { margin: 0 auto; height: 90px; padding: 0; position: relative; z-index: 1; } @media (min-width: 1200px) { header.opt5 .navbar { height: 120px; max-width: calc(100% - 120px); align-content: center; align-items: center; padding: 0 30px; } } @media (min-width: 1200px) and (max-width: 1500px) { header.opt5 .navbar { max-width: calc(100% - 50px); } } @media (min-width: 1200px) and (max-width: 1400px) { header.opt5 .navbar { padding: 0; max-width: calc(100% - 30px); } } header.opt5 .navbar .default-logo { display: block; } header.opt5 .navbar .scroll-logo { display: none; } @media (max-width: 1199px) { header.opt5 .navbar .default-logo { display: none; } header.opt5 .navbar .scroll-logo { display: block; } } @media (max-width: 1024px) { header.opt5 .navbar { padding: 0; } } header.opt5 .navbar .navbar-brand { align-self: center; margin: 0; padding: 0; height: 82px; display: flex; align-items: center; background-size: contain; } header.opt5 .navbar .navbar-brand img { width: 120px; max-width: 100%; } @media (min-width: 1200px) { header.opt5 .navbar .navbar-brand { display: none; width: 72px; height: 80px; } } header.opt5 .navbar .navbar-collapse { justify-content: center; position: relative; z-index: 9; } @media (min-width: 1200px) { header.opt5 .navbar .navbar-collapse { align-content: flex-end; align-items: flex-end; } header.opt5 .navbar .navbar-collapse > div { display: flex; justify-content: center; align-items: flex-start; position: relative; height: 110px; } header.opt5 .navbar .navbar-collapse > div .navProps { top: 0; } header.opt5 .navbar .navbar-collapse > div.left-menu { width: calc(50% - 65px); height: 110px; align-items: center; justify-content: flex-end; padding-right: 60px; } header.opt5 .navbar .navbar-collapse > div.left-menu > ul { width: 100%; height: 80px; justify-content: flex-end; } header.opt5 .navbar .navbar-collapse > div.left-menu > ul > li:last-child > a { padding-right: 0; } 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; width: 130px; height: 110px; padding: 0; position: relative; } header.opt5 .navbar .navbar-collapse > div.logo-container img { width: 130px; max-width: 100%; } header.opt5 .navbar .navbar-collapse > div.right-menu { width: calc(50% - 65px); height: 110px; flex-wrap: wrap; align-items: center; align-self: flex-end; justify-content: flex-start; padding-left: 60px; } header.opt5 .navbar .navbar-collapse > div.right-menu > ul { width: 100%; height: 80px; } header.opt5 .navbar .navbar-collapse > div.right-menu > ul > li:first-child > a { 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: #3e5689; font-size: 1.4rem; } 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: #3e5689; } 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: 3rem 0; min-width: 190px; background: #3e5689; top: 100%; left: 50%; display: block; transform-origin: top; transform: scaleY(0) translate(-50%, 0) !important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link { color: #3e5689; font-size: 1.8rem; font-weight: 400; padding: 0.4rem 1.5rem; letter-spacing: 0; text-transform: none; font-family: "quasimoda", sans-serif; line-height: 1.78; 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: #fff; font-size: 1.8rem; font-weight: 400; letter-spacing: 0; text-align: center; text-transform: none; line-height: 1.4; padding: 0.4rem 0.5rem; text-align: center; } header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link:hover, header.opt5 .navbar .navbar-collapse .navbar-nav .dropdown-menu .nav-link:focus { color: #fff; text-decoration: none; background: transparent; } } header.opt5 .navbar .navbar-collapse .navbar-nav > li { align-items: stretch; display: flex; text-align: center; position: relative; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { display: flex; align-items: center; transition: all 0.3s ease-in-out; color: #3e5689; font-family: "Jost", sans-serif; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2rem; padding: 0 2rem; text-decoration: none !important; text-underline-offset: 15px; text-decoration-thickness: 3px !important; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link > span { position: relative; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link.has-abut { text-decoration: none !important; } @media (max-width: 1400px) { header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 0 1.5rem; letter-spacing: 0.1rem; } } @media (max-width: 1300px) { header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 0 1rem; } } @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: #3e5689; } 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: #3e5689; text-decoration: none; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.open > a.nav-link > span:after, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a.nav-link > span:after, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a.nav-link > span:after, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a.nav-link > span:after { opacity: 1; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a { position: relative; } header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem > a > span:after, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedParent > a > span:after, header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedGrandParent > a > span:after { opacity: 1; } 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: none; } @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:last-child:after { display: none; } header.opt5 .navbar .navbar-collapse .navbar-nav > li:hover > a.nav-link { color: #3e5689; text-decoration: underline; } header.opt5 .navbar .navbar-collapse .navbar-nav > li:hover > a.nav-link > span:after { opacity: 1; } header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link > span:after { content: ''; height: 4px; width: 27px; margin: 0 auto; border-radius: 30px; position: absolute; bottom: -8px; background: #3e5689; opacity: 0; left: 0; right: 0; } 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(-2rem - 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: none; 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.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%); padding-top: 0; } header.opt5.scroll:after { display: none; } header.opt5.scroll .default-logo { display: none; } header.opt5.scroll .scroll-logo { display: block; } .modulewrap header.opt5 { position: relative !important; } .has-no-banner header.opt5 { position: relative; } .modulewrap header.opt5, .has-no-banner.content header.opt5, header.opt5.scroll { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; padding-top: 0; } @media (min-width: 1200px) { .modulewrap header.opt5, .has-no-banner.content header.opt5, header.opt5.scroll { background: #e9edf3; } } .modulewrap header.opt5:after, .has-no-banner.content header.opt5:after, header.opt5.scroll:after { display: none; } .modulewrap header.opt5 .default-logo, .has-no-banner.content header.opt5 .default-logo, header.opt5.scroll .default-logo { display: none; } .modulewrap header.opt5 .scroll-logo, .has-no-banner.content header.opt5 .scroll-logo, header.opt5.scroll .scroll-logo { display: block; } @media (min-width: 1200px) { .modulewrap header.opt5 .navbar, .has-no-banner.content header.opt5 .navbar, header.opt5.scroll .navbar { height: 65px; padding: 0 20px; } .modulewrap header.opt5 .navbar .navbar-collapse:before, .modulewrap header.opt5 .navbar .navbar-collapse:after, .has-no-banner.content header.opt5 .navbar .navbar-collapse:before, .has-no-banner.content header.opt5 .navbar .navbar-collapse:after, header.opt5.scroll .navbar .navbar-collapse:before, header.opt5.scroll .navbar .navbar-collapse:after { display: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div, header.opt5.scroll .navbar .navbar-collapse > div { height: 65px; } .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 1.7rem 2.5rem; color: #3e5689; } .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:hover, .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:active, .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:focus, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:hover, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:active, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link:focus, 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.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link:focus { color: #3e5689; } } @media (min-width: 1200px) and (max-width: 1400px) { .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 0 1.5rem; } } @media (min-width: 1200px) and (max-width: 1300px) { .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 0 1rem; } } @media (min-width: 1200px) and (max-width: 1199px) { .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li > a.nav-link, header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li > a.nav-link { padding: 1rem 2rem; } } @media (min-width: 1200px) { .modulewrap header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem:after, .has-no-banner.content header.opt5 .navbar .navbar-collapse .navbar-nav > li.selectedItem:after, header.opt5.scroll .navbar .navbar-collapse .navbar-nav > li.selectedItem:after { opacity: 1; } .modulewrap header.opt5 .navbar .navbar-collapse > div.left-menu, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.left-menu, header.opt5.scroll .navbar .navbar-collapse > div.left-menu { width: calc(50% - 40px); height: 65px; padding-right: 50px; padding-top: 0; border: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div.left-menu > ul, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.left-menu > ul, header.opt5.scroll .navbar .navbar-collapse > div.left-menu > ul { height: 65px; border: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div.left-menu:after, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.left-menu:after, header.opt5.scroll .navbar .navbar-collapse > div.left-menu:after { display: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div.right-menu, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.right-menu, header.opt5.scroll .navbar .navbar-collapse > div.right-menu { width: calc(50% - 40px); height: 65px; padding-left: 50px; padding-top: 0; border: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div.right-menu > .top-menu, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.right-menu > .top-menu, header.opt5.scroll .navbar .navbar-collapse > div.right-menu > .top-menu { display: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div.right-menu > ul, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.right-menu > ul, header.opt5.scroll .navbar .navbar-collapse > div.right-menu > ul { height: 65px; border: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div.right-menu:after, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.right-menu:after, header.opt5.scroll .navbar .navbar-collapse > div.right-menu:after { display: none; } .modulewrap header.opt5 .navbar .navbar-collapse > div.logo-container, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.logo-container, header.opt5.scroll .navbar .navbar-collapse > div.logo-container { width: 80px; } .modulewrap header.opt5 .navbar .navbar-collapse > div.logo-container > a, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.logo-container > a, header.opt5.scroll .navbar .navbar-collapse > div.logo-container > a { width: 80px; padding: 0; } .modulewrap header.opt5 .navbar .navbar-collapse > div.logo-container > a img, .has-no-banner.content header.opt5 .navbar .navbar-collapse > div.logo-container > a img, header.opt5.scroll .navbar .navbar-collapse > div.logo-container > a img { width: 80px; max-width: 80px; } .modulewrap header.opt5 .navbar:after, .has-no-banner.content header.opt5 .navbar:after, header.opt5.scroll .navbar:after { opacity: 1; transition: 0.3s ease-in-out; } } @media (max-width: 1199px) { .modulewrap header.opt5 .navbar-collapse, .has-no-banner.content header.opt5 .navbar-collapse, header.opt5.scroll .navbar-collapse { position: fixed; top: 90px; left: 0; right: 0; bottom: 0; height: calc(100vh - 90px); padding: 0; overflow: auto; } } .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 2.5rem 0 1rem; padding: 0.5rem; height: 34px; width: 38px; position: relative; font-size: 0; background: none; } 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: #424728; 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: #424728; } .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 { 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; background: #fff; } .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: #e9edf3; } .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; padding: 15px 0 10px; } .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: #3e5689; } .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: #3e5689; 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: #3e5689; } .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: #3e5689; } .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: #3e5689; } .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 #5a5d66; 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: #5a5d66; } .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: #3e5689; } .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 { padding: 130px 0; position: relative; background-image: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/BelvedereTennis-2025/images/pattern-bg-intro-PbHm.png"); background-size: cover; background-position: 50% 50%; } .one-column > div { max-width: 930px; margin: 0 auto; padding: 0 15px; } @media (max-width: 1400px) { .one-column { padding: 90px 0; } } @media (max-width: 1200px) { .one-column { padding: 40px 0; } } @media (max-width: 991px) { .one-column { padding: 30px 0; } } .one-column.title > div:first-child { max-width: 1160px; margin: 0 auto; padding-bottom: 40px; position: relative; z-index: 2; text-align: center; } @media (min-width: 701px) { .one-column.logo > div:first-child:before { content: ''; display: block; width: 180px; height: 65px; margin: 0 auto 40px; background-size: contain; background-position: 50% 50%; background-image: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/BelvedereTennis-2025/images/icon-intro-PbHm.png"); } } .one-column.centered { position: relative; text-align: center; } .one-column.short > div:first-child { max-width: 630px; } .one-column.wide > div:first-child { max-width: 1160px; } .list-split { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0; padding: 0; } .list-split li { display: block; width: calc(50% - 10px); padding: 20px; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); font-family: "quasimoda", sans-serif; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.338rem; text-transform: uppercase; text-align: center; color: #e1d8c2; } @media (max-width: 991px) { .list-split li { width: 100%; } } .two-column { padding: 140px 15px; background: #121212; } @media (max-width: 1400px) { .two-column { padding: 120px 15px; } } @media (max-width: 1200px) { .two-column { padding: 80px 15px; } } @media (max-width: 991px) { .two-column { padding: 50px 15px; } } @media (max-width: 768px) { .two-column { padding: 30px 15px; } } .two-column-logo { display: flex; justify-content: center; align-items: center; } .two-column-logo:before, .two-column-logo:after { content: ''; display: block; width: calc(50% - 31px); height: 1px; background: #fff; opacity: 0.3; } .two-column-logo img { width: 62px; margin: 0 80px; } @media (max-width: 768px) { .two-column-logo { left: 2rem; right: 2rem; } .two-column-logo img { margin: 0 40px; } } .two-column-title { max-width: 1130px; margin: 0 auto; padding: 40px 0 60px; text-align: center; } @media (max-width: 991px) { .two-column-title { padding: 20px 0; } } .two-column-content { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1400px; margin: 0 auto; } .two-column-content > div { width: 50%; max-width: 670px; padding: 20px; } .two-column-content > div:last-child { padding-top: 80px; } @media (max-width: 991px) { .two-column-content > div { width: 100%; margin: 0 auto; padding: 20px !important; } } .two-column-content > div .mpContent img { margin-bottom: 2rem; } .two-column-content > div .mpContent td { padding: 20px; } @media (max-width: 768px) { .two-column-content > div .mpContent td { padding: 20px 0; } } .two-column-content > div .mpContent tr:first-child td { padding: 0; } .two-column-content > div .mpContent tr:last-child td { text-align: center; } .two-column-content > div .mpContent h3 { margin-bottom: 4rem; } @media (max-width: 768px) { .two-column-content > div .mpContent h3 { margin-bottom: 2rem; } } footer { background: #3e5689; font-size: 1.8rem; font-weight: 400; line-height: 1.78; color: #fff; position: relative; z-index: 3; padding: 0 15px; } footer > div { max-width: 1300px; margin: 0 auto; text-align: center; } footer > div:first-child { padding: 80px 15px 15px; display: flex; justify-content: space-around; align-content: center; align-items: center; } footer > div:first-child > div > img { width: 100%; max-width: 170px; } @media (max-width: 700px) { footer > div:first-child > div { width: 100%; } footer > div:first-child > div:nth-child(2) { display: none; } } footer > div:last-child { padding: 15px 15px 80px; } footer > div:last-child a { font-weight: 700; } @media (max-width: 1400px) { footer > div:first-child { padding: 50px 15px 15px; } footer > div:last-child { padding: 15px 15px 50px; } } @media (max-width: 1200px) { footer > div:first-child { padding: 30px 15px 15px; } footer > div:last-child { padding: 15px 15px 30px; } } @media (max-width: 700px) { footer > div { flex-wrap: wrap; justify-content: center; text-align: center; } footer > div:first-child { padding: 15px; } footer > div:last-child { padding: 15px; } } footer h1, footer h2, footer h3, footer h4, footer .formSection .rosterletteroff, .formSection footer .rosterletteroff, footer h5, footer h6, footer p, footer ul, footer li, footer ol, footer a { color: #fff; } footer a:hover, footer a:focus, footer a:active { color: #eee; } footer ul { display: block; padding: 0; margin: 0; font-size: 0; } footer ul li { display: block; font-size: 0; letter-spacing: 0; margin: 0; padding: 0; } @media (max-width: 767px) { footer ul li { width: auto; } } footer ul li a { font-family: "Jost", sans-serif; font-size: 2.2rem; font-weight: 500; } .footer-social { width: 100%; font-size: 0; position: relative; margin-top: 20px; } .footer-social > div { position: absolute; top: 0; right: 0; } .footer-social ul { padding: 0; margin: 0; font-size: 0; } .footer-social ul li { display: inline-block; font-size: 0; letter-spacing: 0; margin: 0; padding: 0; } @media (max-width: 767px) { .footer-social ul li { width: auto; } } .footer-social ul li a { font-size: 0; } .footer-social ul li span[class*="icon"] { font-size: 3rem; margin: 0 10px; color: #fff; } .sitewrap .abut, .sitewrap .table-button td a { font-family: "Jost", sans-serif; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1em; text-align: center; text-decoration: none; color: #fff; background-color: #3e5689; background-image: none; border: none; border-radius: 35px; padding: 25px 50px 24px; margin: 0; display: inline-block; width: auto; cursor: pointer; transition: all .3s ease-in-out; position: relative; } @media (max-width: 1200px) { .sitewrap .abut, .sitewrap .table-button td a { padding: 25px 40px 24px; } } .sitewrap .abut:hover, .sitewrap .table-button td a:hover, .sitewrap .abut:focus, .sitewrap .table-button td a:focus, .sitewrap .abut:active, .sitewrap .table-button td a:active { text-decoration: none; background-color: #203768; border-color: #203768; color: #fff; } .sitewrap .abut-secondary, .sitewrap .table-button-secondary td a { font-family: "Jost", sans-serif; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1em; text-align: center; text-decoration: none; color: #3e5689; background-color: transparent; border: 1px solid #3e5689; border-radius: 35px; padding: 25px 50px 24px; margin: 0; display: inline-block; width: auto; cursor: pointer; transition: all .3s ease-in-out; position: relative; } @media (max-width: 1200px) { .sitewrap .abut-secondary, .sitewrap .table-button-secondary td a { padding: 25px 40px 24px; } } .sitewrap .abut-secondary:hover, .sitewrap .table-button-secondary td a:hover, .sitewrap .abut-secondary:focus, .sitewrap .table-button-secondary td a:focus, .sitewrap .abut-secondary:active, .sitewrap .table-button-secondary td a:active { text-decoration: none; background-color: #3e5689; border-color: #3e5689; color: #fff; } .sitewrap .abut-tertiary { font-family: "Jost", sans-serif; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1em; text-align: center; text-decoration: none; color: #3e5689; background-color: #e9edf3; border: 1px solid #fff; border-radius: 0; padding: 25px 50px 24px; margin: 0; display: inline-block; width: auto; cursor: pointer; transition: all .3s ease-in-out; } .sitewrap .abut-tertiary:hover, .sitewrap .abut-tertiary:focus, .sitewrap .abut-tertiary:active { text-decoration: none; background-color: #fff; border-color: #e9edf3; color: #3e5689; } .sitewrap .abut-quaternary { font-family: "Jost", sans-serif; font-size: 1.4rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2rem; line-height: 1em; text-align: center; text-decoration: none; color: #fff; background-color: transparent; border: 1px solid #fff; border-radius: 0; padding: 25px 50px 24px; margin: 0; display: inline-block; width: auto; cursor: pointer; transition: all .3s ease-in-out; } .sitewrap .abut-quaternary:hover, .sitewrap .abut-quaternary:focus, .sitewrap .abut-quaternary:active { text-decoration: none; background-color: #fff; border-color: #fff; color: #272f36; } form[action*="ArticleEdit"] .sitewrap .abut, form[action*="ArticleEdit"] .sitewrap .table-button td a { padding: .75rem 1.25rem; border: inherit; } .sitewrap header .log-link.abut, .sitewrap header .table-button td a.log-link, .sitewrap .table-button td header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .sitewrap .table-button-secondary td header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .sitewrap .table-button td a.log-link, .sitewrap .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .sitewrap .table-button-secondary td a.log-link, .sitewrap .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, .sitewrap .table-button td header a.log-link, .sitewrap header .log-link.abut-secondary, .sitewrap header .table-button-secondary td a.log-link, .sitewrap .table-button-secondary td header a.log-link, .modulewrap header .log-link.abut, .modulewrap header .sitewrap .table-button td a.log-link, .sitewrap .table-button td .modulewrap header a.log-link, .modulewrap header .log-link.abut-secondary, .modulewrap header .sitewrap .table-button-secondary td a.log-link, .sitewrap .table-button-secondary td .modulewrap header a.log-link { width: 100% !important; min-width: 0 !important; } } .modulesWrap .abut, .modulesWrap .sitewrap .table-button td a, .sitewrap .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, .sitewrap .table-button td a { width: 100%; } .modulesWrap .abut, .modulesWrap .sitewrap .table-button td a, .sitewrap .table-button td .modulesWrap a { margin: 2px; padding: 5px 10px; width: auto !important; } } .mobileButton { background-color: #3e5689; color: #fff; border-color: #2e4066; } @media screen and (max-width: 367px) { .mobileButton { padding: 5px; } .mobileButton.searchButton { padding: 0 5px; } } .sitewrap .table-button td a { margin: 15px; } .sitewrap .table-button-secondary td a { margin: 15px; } .bodytxt #form1 input#btnKeepAlive.abut, .bodytxt #form1 input#btnKeepAlive.abut + .abut, .bodytxt #form1 .sitewrap .table-button td input#btnKeepAlive.abut + a, .sitewrap .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; position: relative; } [id$="_radTabsTop"] .levelwrap.level1 > ul:before { content: ''; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: #365e75; } @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; position: relative; } [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: 6rem 0 0; border: none !important; border-top: 0 !important; background: transparent !important; font-family: "quasimoda", sans-serif; font-weight: 400; font-size: 1.8rem; line-height: 1.78; color: #5a5d66; } @media (max-width: 1200px) { [id$="_tblTop"] .tsContent { padding: 3rem 0 0; } } [id$="_tblTop"] .tsContent p { line-height: 1.78; } [id$="_radTabsTop"] .levelwrap { background: #3e5689 !important; width: 100% !important; border-radius: 10px; } @media (min-width: 1024px) { [id$="_radTabsTop"] .levelwrap > ul { display: flex; justify-content: space-around; } } @media (max-width: 1023px) { [id$="_radTabsTop"] .levelwrap > ul { padding: 0 0 0 170px !important; } [id$="_radTabsTop"] .levelwrap > ul:after { font-weight: 500; font-family: "Jost", sans-serif; font-size: calc(2rem * 0.8); line-height: 1; text-transform: uppercase; letter-spacing: 0.2rem; color: #fff; height: auto; max-width: 160px; } } [id$="_radTabsTop"] .levelwrap > ul > li { margin: 0; padding: 1.3rem 3rem; } [id$="_radTabsTop"] .levelwrap > ul > li > a { padding: 1.8rem 4rem !important; background: 0 0; font-family: "Jost", sans-serif; font-weight: 500; font-size: 1.4rem !important; line-height: 1; text-transform: uppercase; letter-spacing: 0.2rem; border: none !important; border-radius: 30px; color: #fff !important; transition: 0.3s ease-in-out; } [id$="_radTabsTop"] .levelwrap > ul > li > a:before { display: none !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a:hover, [id$="_radTabsTop"] .levelwrap > ul > li > a:active, [id$="_radTabsTop"] .levelwrap > ul > li > a:focus { background: rgba(255, 255, 255, 0.2) !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a.selected { background: #fff !important; border-color: #3e5689 !important; } [id$="_radTabsTop"] .levelwrap > ul > li > a.selected .wrap { color: #3e5689; } .course-tour [id$="_radTabsTop"] .levelwrap > ul > li { padding: 0; } .course-tour [id$="_radTabsTop"] .levelwrap.level1 > ul > li > a { padding: 0 2rem; } [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 .rpGroup { background: none !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink { display: table; width: 100%; background: 0 0; border: none !important; font: inherit; padding: 2.3rem 3.2rem; } @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; } [id$="_accordian"].RadPanelBar > ul > li:last-child { margin-bottom: 0 !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink { background: #fff !important; border: 1px solid #30553e !important; border-radius: 40px; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink .rpText { font-family: "Jost", sans-serif; font-weight: 500; font-size: 2.2rem; line-height: 1 !important; letter-spacing: 0; text-transform: none; color: #396079; } [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: #3e5689; line-height: 1; height: auto; width: auto; font-size: 2.6rem; } [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: #3e5689 !important; border: 1px solid #3e5689 !important; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpText { color: #fff; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpExpandHandle { color: #fff; } [id$="_accordian"].RadPanelBar .rpRootGroup .rpLink.rpExpanded .rpExpandHandle:after { content: "îµ½"; } [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 6rem 0; border: none !important; border-top: 0 !important; background: none !important; font-family: "quasimoda", sans-serif; font-weight: 400; font-size: 1.8rem; line-height: 1.78; color: #5a5d66; } [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate p { line-height: 1.78; } @media (max-width: 1199px) { [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 4rem 0; } } @media (max-width: 768px) { [id$="_accordian"].RadPanelBar .rpSlide .rpGroup .rpTemplate { padding: 1.5rem 0; } } .mpContent ~ .RadPanelBar_accordionTemplate, .RadPanelBar_accordionTemplate ~ .mpContent { margin-top: 30px; } .banner.opt3 { max-height: 860px; background-color: #000; position: relative; overflow: visible; font-size: 0; } @media (min-width: 1200px) { .emptyBannerAlbum .banner.opt3 { padding-top: 80px; } } .banner.opt3 > table { position: absolute; right: 1.5rem; bottom: 1.5rem; z-index: 98; width: auto; display: flex; justify-content: flex-end; } .banner.opt3 > 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; } .banner.opt3 [id^=photoPlugin] { width: 100% !important; height: auto !important; min-height: 125px !important; max-height: 860px; aspect-ratio: 1600 / 860; overflow: hidden; } .banner.opt3 .photoGalleryWrapDiv { max-height: 860px; aspect-ratio: 1600 / 860; } .banner.opt3 .banner-image { background-size: cover; background-position: 50% 50%; position: relative; font-size: 0; overflow: hidden; max-height: 860px; } .banner.opt3 .banner-image:after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 390px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9)); } .banner.opt3 .banner-image img { width: 100%; } .banner.opt3 .logo-spacer { z-index: 90; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 600px; margin: 0 auto; } .banner.opt3 .banner-bottom { position: absolute; z-index: 4; bottom: 4rem; left: 0; right: 0; width: 100%; padding: 0 5rem; display: flex; align-content: center; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .banner.opt3 .banner-bottom { padding: 0 1.5rem; } } .banner.opt3 .countWrap { width: auto !important; z-index: 999; font-size: 0; } .banner.opt3 .countWrap .counter { margin: 0; padding: 0; } .banner.opt3 .countWrap .counter > li { display: inline-block !important; background: #6b7054; border-radius: 20px; height: 10px; width: 10px; margin: 0 3px; cursor: pointer; } .banner.opt3 .countWrap .counter > li.active { width: 27px; background-color: #fff; } .banner.opt3 .banner-arrows > a:first-child { margin-right: 15px; } .banner.opt3 .banner-arrows [class*="icon"] { font-size: 2.6rem; color: #fff; } .scroll-down { width: 100%; max-width: 1130px; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: -33px; z-index: 62; display: inline-block; color: #fff; line-height: 1.8; cursor: pointer; opacity: 1; font-size: 1.4rem; font-weight: 600; text-transform: uppercase; text-align: center; letter-spacing: 2px; font-family: "quasimoda", sans-serif; } .scroll-down h1, .scroll-down h2, .scroll-down h3, .scroll-down h4, .scroll-down .formSection .rosterletteroff, .formSection .scroll-down .rosterletteroff, .scroll-down h5, .scroll-down h6 { color: #fff; } .scroll-down .nc-icon-outline { display: flex; align-content: center; justify-content: center; align-items: center; width: 100px; height: 66px; margin: 0 auto; border-radius: 50px; font-size: 2.4rem; background: #3e5689; transition: 0.3s ease-in-out; } .scroll-down:hover .nc-icon-outline, .scroll-down:active .nc-icon-outline, .scroll-down:focus .nc-icon-outline { opacity: 0.8; } @media (max-width: 768px) { .scroll-down { bottom: 0; width: 100%; } .scroll-down h1 { font-size: 3rem; } .scroll-down .nc-icon-outline { display: none; } } @media (max-width: 767px) { .scroll-down { line-height: 1.5; } } .scroll-album { margin: 0 auto; } .scroll-album .banner-content { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; flex-direction: column; width: 100%; padding: 20px; } @media (min-width: 992px) { .scroll-album .banner-content { justify-content: flex-start; align-content: flex-start; align-items: flex-start; position: absolute; z-index: 2; bottom: 12rem; left: 8rem; right: auto; max-width: 720px; color: #fff; } } @media (min-width: 992px) and (max-width: 1400px) { .scroll-album .banner-content { bottom: 8rem; left: 3rem; } } @media (min-width: 992px) { .scroll-album .banner-content h1, .scroll-album .banner-content h2, .scroll-album .banner-content h3, .scroll-album .banner-content h4, .scroll-album .banner-content .formSection .rosterletteroff, .formSection .scroll-album .banner-content .rosterletteroff, .scroll-album .banner-content h5, .scroll-album .banner-content h6, .scroll-album .banner-content p { color: #fff; } } .scroll-album .banner-content h2 { margin: 1rem 0 1.5rem; } .scroll-album .banner-content p { margin: 0; } .scroll-album .banner-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; position: absolute; z-index: 2; bottom: 6rem; left: 10rem; right: 10rem; padding: 0; } @media (max-width: 1400px) { .scroll-album .banner-bar { bottom: 4rem; left: 5rem; right: 5rem; } } @media (max-width: 991px) { .scroll-album .banner-bar { bottom: 2rem; left: 2rem; right: 2rem; } } .scroll-album .banner-arrows { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-end; width: 160px; } @media (max-width: 500px) { .scroll-album .banner-arrows { justify-content: center; width: 160px; margin: 0 auto 2rem; } } .scroll-album .banner-arrows > a { position: relative; width: 30px; height: 30px; text-align: center; color: #fff; font-size: 0; padding: 0; border: none; text-decoration: none; transition: all .3s ease-out; transition: background 0.3s ease-in-out; opacity: 1; } .scroll-album .banner-arrows > a .nc-icon-glyph { font-size: 30px; } .scroll-album .banner-arrows > a:first-child { padding-left: 0; margin-right: 30px; } .scroll-album .banner-arrows > a:last-child { padding-right: 0; } .scroll-album .banner-arrows > a:hover { opacity: 0.7; } .scroll-album .countWrap { width: auto !important; z-index: 999; font-size: 0; } @media (max-width: 500px) { .scroll-album .countWrap { width: 100% !important; padding-bottom: 15px; text-align: center; } } .scroll-album .countWrap ul { margin: 0; padding: 0; position: relative; display: block; } .scroll-album .countWrap ul > li { display: inline-block; margin-right: 10px; padding: 0; display: inline-block !important; width: 8px; height: 8px; cursor: pointer; font-size: 0; border: none; border-radius: 20px; background: #fff; opacity: 0.4; } .scroll-album .countWrap ul > li.active { width: 27px; opacity: 1; background-color: #fff; } .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:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 170px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.85)); } .scroll-album.with-text .album-image:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); } .thumbs-album { margin: 0 auto; position: relative; padding: 140px 15px; background: #e9edf3; } @media (max-width: 1400px) { .thumbs-album { padding: 100px 15px; } } @media (max-width: 1200px) { .thumbs-album { padding: 80px 15px; } } @media (max-width: 991px) { .thumbs-album { padding: 50px 15px; } } @media (max-width: 768px) { .thumbs-album { padding: 30px 15px; } } .thumbs-album .grid-top { display: flex; justify-content: space-between; align-content: center; align-items: center; padding-bottom: 40px; } @media (max-width: 1200px) { .thumbs-album .grid-top { padding-bottom: 30px; } } @media (max-width: 991px) { .thumbs-album .grid-top { flex-wrap: wrap; padding-bottom: 15px; } .thumbs-album .grid-top > div { width: 100%; margin-bottom: 2rem; text-align: center; } } .thumbs-album .grid-top h2 { margin: 0; } .thumbs-album .category-drop { width: 370px; } @media (max-width: 991px) { .thumbs-album .category-drop { margin: 0 auto; } } .thumbs-album [class^="photoPlgCat"] { width: 370px; max-width: 100%; padding: 20px 60px 20px 30px; border: none; border-radius: 40px; outline: none; font-size: 2rem; font-weight: 400; letter-spacing: 0; color: #5a5d66; -moz-appearance: none; /* Firefox */ -webkit-appearance: none; /* Safari and Chrome */ appearance: none; background-color: #fff; background-image: url(https://static.clubessential.com/CEFED/_Axis-Website/Sites/BigBayLake-2025/images/priority-low2.svg); background-size: 15px; background-position: right 20px center; background-repeat: no-repeat; } .thumbs-album > div { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; overflow: hidden; } .thumbs-album .photoAlbumPropTable { position: absolute; top: -15px; right: 15px; z-index: 99; } .thumbs-album.no-padding-top { padding-top: 0 !important; } .thumbs-album.no-padding-bottom { padding-bottom: 0 !important; } .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 .photoGalleryThumbPageDiv { overflow: hidden; } .thumbs-album .carousel { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0; margin-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center !important; margin: 0 -15px; } @media (min-width: 992px) { .thumbs-album .carousel { text-align: left !important; } } .thumbs-album .carousel > div { display: block !important; height: 100% !important; padding: 15px !important; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; aspect-ratio: 377 / 340; } @media (min-width: 992px) { .thumbs-album .carousel > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } } .thumbs-album .carousel img.carouselImage { height: 100%; width: 100%; object-fit: cover; max-width: 100%; vertical-align: middle; overflow: hidden; } .thumbs-album .banner-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; max-width: 1400px; margin: 2.5rem auto 0; } @media (max-width: 1559px) { .thumbs-album .banner-bar { max-width: 500px; } } @media (max-width: 1024px) { .thumbs-album .banner-bar { max-width: 100%; padding: 0 30px; } } @media (max-width: 500px) { .thumbs-album .banner-bar { padding: 0 15px; } } .thumbs-album .banner-arrows { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-end; width: 160px; } @media (max-width: 500px) { .thumbs-album .banner-arrows { justify-content: center; width: 160px; margin: 0 auto; } } .thumbs-album .banner-arrows > a { display: flex; align-content: center; justify-content: center; align-items: center; position: relative; width: 70px; height: 46px; text-align: center; color: #fff; font-size: 0; padding: 0; border: none; border-radius: 50px; background: #3e5689; text-decoration: none; transition: all .3s ease-out; transition: background 0.3s ease-in-out; opacity: 1; } .thumbs-album .banner-arrows > a .nc-icon-glyph { font-size: 22px; } .thumbs-album .banner-arrows > a:first-child { padding-left: 0; margin-right: 10px; } .thumbs-album .banner-arrows > a:last-child { padding-right: 0; } .thumbs-album .banner-arrows > a:hover { opacity: 0.7; } .thumbs-album .countWrap { width: auto !important; z-index: 999; font-size: 0; } @media (max-width: 500px) { .thumbs-album .countWrap { width: 100% !important; padding-bottom: 15px; text-align: center; } } .thumbs-album .countWrap ul { margin: 0; padding: 0; position: relative; display: block; } .thumbs-album .countWrap ul > li { display: inline-block; margin-right: 8px; padding: 0; display: inline-block !important; width: 10px; height: 10px; cursor: pointer; font-size: 0; border: 1px solid #3e5689; border-radius: 20px; background: transparent; } .thumbs-album .countWrap ul > li.active { background-color: #3e5689; } .lightBoxDiv { box-sizing: initial; } .lightBoxDiv.mobileSploder { top: 0 !important; padding-top: 30vh; position: absolute; } .sliding-carousel { padding: 130px 0; margin: 0 auto; position: relative; background: #e9edf3; } @media (max-width: 1400px) { .sliding-carousel { padding: 90px 0; } } @media (max-width: 1200px) { .sliding-carousel { padding: 40px 0; } } @media (max-width: 991px) { .sliding-carousel { padding: 30px 0; } } .sliding-carousel .inner-album { max-width: 1360px; margin: 0 auto; padding: 0; position: relative; z-index: 2; } .sliding-carousel .inner-album div[id*=photoPluginWrapper] { min-height: 0 !important; height: auto !important; width: 100% !important; } .sliding-carousel .inner-album .photoGalleryThumbPageDiv { position: relative !important; display: -webkit-box; display: -ms-flexbox; display: flex; } .sliding-carousel .inner-album .slideItem { margin: 0; } .sliding-carousel .inner-album .slideItem img { width: 100%; } .sliding-carousel .inner-album .slide-img { padding-right: 30px; } .sliding-carousel .carousel { display: block; width: 100%; overflow: hidden; text-align: center; background: 0 0; } .sliding-carousel .carousel .slick-track { 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: center; } .sliding-carousel .slick-list { padding: 0 25% 0 0 !important; } .sliding-carousel h2 { margin-bottom: 4rem; text-align: center; } @media (max-width: 1200px) { .sliding-carousel h2 { margin-bottom: 2rem; } } .sliding-carousel .banner-bar { display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; width: 100%; max-width: 1360px; border-radius: 10px; background: #3e5689; margin: 3rem auto 0; padding: 20px; } .sliding-carousel .banner-bar .slick-arrow { position: relative; width: 70px; height: 46px; display: flex; justify-content: center; align-content: center; align-items: center; text-align: center; color: #fff; font-size: 0; padding: 1.2rem; border: 1px solid #fff; border-radius: 50px; text-decoration: none; background-color: transparent; background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; transition: all .3s ease-out; transition: background 0.3s ease-in-out; opacity: 1; } .sliding-carousel .banner-bar .slick-arrow:first-child { margin-right: 10px; } .sliding-carousel .banner-bar .slick-arrow:first-child:before { content: "\eb01"; font-family: 'Nucleo Glyph'; font-size: 20px; } .sliding-carousel .banner-bar .slick-arrow:last-child:before { content: "\eb02"; font-family: 'Nucleo Glyph'; font-size: 20px; } .sliding-carousel .banner-bar .slick-arrow:hover { opacity: 0.7; } .sliding-carousel .banner-arrows { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-end; width: 160px; } @media (max-width: 500px) { .sliding-carousel .banner-arrows { justify-content: center; width: 160px; margin: 0 auto; } } .sliding-carousel .countWrap { width: auto !important; z-index: 999; font-size: 0; } @media (max-width: 500px) { .sliding-carousel .countWrap { width: 100% !important; padding-bottom: 15px; text-align: center; } } .sliding-carousel .countWrap ul { margin: 0; padding: 0; position: relative; display: block; } .sliding-carousel .countWrap ul > li { display: inline-block; margin-right: 10px; padding: 0; } .sliding-carousel .countWrap ul > li button { display: inline-block !important; background: transparent; height: 12px; width: 12px; padding: 0; cursor: pointer; font-size: 0; border: 2px solid #fff; border-radius: 100%; } .sliding-carousel .countWrap ul > li.slick-active button { background: #fff; } .sitewrap:not(.hasBannerAlbum) .banner { max-height: 750px; min-height: 200px; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #000; position: relative; font-size: 0; color: #fff; /*@media(min-width: 1200px){ background-attachment: fixed; }*/ } .sitewrap:not(.hasBannerAlbum) .banner:after { content: ''; position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; height: 390px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9) 100%); } @media (max-width: 991px) { .sitewrap:not(.hasBannerAlbum) .banner:after { height: 200px; } } .sitewrap:not(.hasBannerAlbum) .banner .scroll-down { bottom: 40px; } .sitewrap:not(.hasBannerAlbum) .banner .scroll-down .nc-icon-outline { display: none; } .sitewrap:not(.hasBannerAlbum) .banner.video { max-height: 900px; overflow: hidden; } .sitewrap:not(.hasBannerAlbum) .banner.video:after { height: 400px; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); } @media (max-width: 991px) { .sitewrap:not(.hasBannerAlbum) .banner.video:after { height: 200px; } } .sitewrap:not(.hasBannerAlbum) .banner .video-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .sitewrap:not(.hasBannerAlbum) .banner .video-wrap video { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .sitewrap:not(.hasBannerAlbum) .banner .video-backup { background-size: cover; background-position: 50% 50%; position: relative; z-index: 2; transition: 0.3s ease-in-out; } .sitewrap:not(.hasBannerAlbum) .banner.video.active .video-backup { opacity: 1; z-index: 0; opacity: 0; } .sitewrap:not(.hasBannerAlbum) .banner.video.active .video-banner-play { display: none; } .sitewrap:not(.hasBannerAlbum) .banner.video.active .video-banner-pause { display: flex; opacity: 0; } .sitewrap:not(.hasBannerAlbum) .banner.video.active:hover .video-banner-pause, .sitewrap:not(.hasBannerAlbum) .banner .video.active:focus .video-banner-pause, .sitewrap:not(.hasBannerAlbum) .banner .video.active:active .video-banner-pause { opacity: 1; } .sitewrap:not(.hasBannerAlbum) .banner .video-banner-play, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-pause { display: flex; align-content: center; justify-content: center; align-items: center; width: 52px; height: 52px; border: 2px solid #fff; border-radius: 100%; color: #fff; cursor: pointer; position: absolute; z-index: 4; top: 50%; left: 0; right: 0; transform: translateY(-50%); margin: 0 auto; transition: 0.3s ease-in-out; } .sitewrap:not(.hasBannerAlbum) .banner .video-banner-play .nc-icon-outline, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-play .nc-icon-glyph, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-pause .nc-icon-outline, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-pause .nc-icon-glyph { font-size: 2.5rem; } .sitewrap:not(.hasBannerAlbum) .banner .video-banner-play:hover, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-play:active, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-play:focus, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-pause:hover, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-pause:active, .sitewrap:not(.hasBannerAlbum) .banner .video-banner-pause:focus { opacity: 0.7; } .sitewrap:not(.hasBannerAlbum) .banner .video-banner-play { padding-left: 5px; } .sitewrap:not(.hasBannerAlbum) .banner .video-banner-pause { display: none; opacity: 0; } .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: 15px; bottom: 15px; z-index: 61; } .sitewrap:not(.hasBannerAlbum) .banner .banner-title { display: flex; align-items: flex-end; justify-content: center; align-content: flex-end; position: absolute; z-index: 3; bottom: 40px; left: 200px; right: 200px; } @media (max-width: 1599px) { .sitewrap:not(.hasBannerAlbum) .banner .banner-title { left: 80px; right: 80px; bottom: 30px; } } @media (max-width: 1100px) { .sitewrap:not(.hasBannerAlbum) .banner .banner-title { left: 30px; right: 30px; bottom: 20px; } } .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child { color: #fff; text-align: center; } .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child h1, .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child h2, .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child h3, .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child h4, .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child .formSection .rosterletteroff, .formSection .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child .rosterletteroff, .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child h5, .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child h6 { color: #fff; } @media (max-width: 1300px) { .sitewrap:not(.hasBannerAlbum) .banner .banner-title > div:first-child h1 { font-size: 4.5rem; letter-spacing: 0.1rem; } } .sitewrap:not(.hasBannerAlbum) .banner.video .banner-title { justify-content: space-between; } .sitewrap:not(.hasBannerAlbum) .banner.video .banner-title > div:first-child { max-width: calc(100% - 60px); text-align: left; } @media (max-width: 991px) { .sitewrap:not(.hasBannerAlbum) .banner.video .banner-title > div:first-child { width: 100%; max-width: 100%; text-align: center; } } .sitewrap:not(.hasBannerAlbum) .banner.empty-banner { background: transparent; } .sitewrap:not(.hasBannerAlbum) .banner.short { max-height: 600px; } .banner-outer { position: relative; } .banner-content { width: 100%; padding: 30px 15px; margin: 0 0 0 auto; } @media (min-width: 992px) { .banner-content { max-width: 680px; position: absolute; bottom: 8rem; right: 10rem; padding: 0; z-index: 3; color: #fff; } } @media (min-width: 992px) and (max-width: 1400px) { .banner-content { right: 4rem; bottom: 2rem; } } @media (min-width: 992px) { .banner-content h1, .banner-content h2, .banner-content h3, .banner-content h4, .banner-content .formSection .rosterletteroff, .formSection .banner-content .rosterletteroff, .banner-content h5, .banner-content h6, .banner-content p, .banner-content ol, .banner-content ul { color: #fff; } } .banner-content h1 { line-height: 1; } .banner.short ~ .banner-content { right: 0; left: 0; bottom: 0; margin: 0 auto; text-align: center; } @media (min-width: 992px) { .banner.short ~ .banner-content:after { content: ''; display: block; width: 2px; height: 45px; margin: 2rem auto 0; background: #fff; } } .card-deck-outer { padding: 140px 15px; position: relative; } @media (max-width: 1400px) { .card-deck-outer { padding: 90px 15px; } } @media (max-width: 1200px) { .card-deck-outer { padding: 40px 15px; } } @media (max-width: 991px) { .card-deck-outer { padding: 30px 15px; } } .card-deck-outer > h2 { margin: 0 0 6rem; text-align: center; } @media (max-width: 1400px) { .card-deck-outer > h2 { margin: 0 0 4rem; } } @media (max-width: 1200px) { .card-deck-outer > h2 { margin: 0 0 2rem; } } .card-deck.opt1 { max-width: 1570px; margin: 0 auto; padding: 0; justify-content: center; flex-wrap: nowrap; } @media (max-width: 991px) { .card-deck.opt1 { flex-wrap: wrap; align-items: center; } } .card-deck.opt1 .card { width: 33.333333333333333%; text-align: center; border: none; margin: 0 15px; } @media (max-width: 991px) { .card-deck.opt1 .card { width: 100%; max-width: 500px; margin: 0 auto 15px; flex: none; } } .card-deck.opt1 .card-link-wrap { position: relative; display: block; max-width: 100%; position: relative; overflow: hidden; } .card-deck.opt1 .card-link-wrap > * { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .card-deck.opt1 .card-link-wrap:before { content: ''; display: block; padding-top: calc((649/493) * 100%); } .card-deck.opt1 .card-link-wrap:after { content: ''; position: absolute; top: 40px; left: 40px; right: 40px; height: 1px; background: #fff; opacity: 0; transition: 0.3s ease-in-out; } @media (max-width: 991px) { .card-deck.opt1 .card-link-wrap:before { content: none; } } .card-deck.opt1 .card-link-wrap:hover:after, .card-deck.opt1 .card-link-wrap:focus:after { opacity: 1; } .card-deck.opt1 .card-link-wrap:hover .card-bg-img, .card-deck.opt1 .card-link-wrap:focus .card-bg-img { -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .card-deck.opt1 .card-link-wrap:hover .card-bg-img:after, .card-deck.opt1 .card-link-wrap:focus .card-bg-img:after { opacity: 0.4; } .card-deck.opt1 .card-bg-img { background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #000; transition: 0.3s ease-in-out; } .card-deck.opt1 .card-bg-img:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 90%); } .card-deck.opt1 .card-bg-img:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; transition: 0.3s ease-in-out; background: #000; opacity: 0; } @media (max-width: 991px) { .card-deck.opt1 .card-bg-img { position: relative; } } .card-deck.opt1 .card-bg-img > .mpContent img { visibility: hidden; width: 100%; } .card-deck.opt1 .card-img-overlay { top: auto; height: auto; padding: 3rem; } .card-deck.opt1 .card-img-overlay .mpContent { margin-bottom: 0; line-height: 1.2; color: #fff; z-index: 1; position: relative; display: flex; justify-content: space-between; } .card-deck.opt1 .card-img-overlay .mpContent .nc-icon-outline { font-size: 4rem; } .card-deck.opt1 .card-img-overlay .mpContent a { text-decoration: none; color: #fff; } .card-deck.opt1 .card-admin { display: flex; justify-content: center; text-align: center; } .card-deck.opt1 .card-admin > div { display: flex; flex-direction: column; } .card-deck.opt1 .card-admin > div .clickToEditDiv { border-color: #000; border-style: solid; border-width: 1px 0; padding: 0.5rem 1rem !important; margin: 5px 0 !important; height: 100%; } .card-deck.opt1 .card-admin > div .clickToEditDiv:before { content: ''; display: block; font-size: 1.2rem; } .card-deck.opt1 .card-admin > div .clickToEditDiv img { max-width: 100%; } .card-deck.opt1 .card-admin > div.card-cte-img .clickToEditDiv:before { content: 'Image:'; } .card-deck.opt1 .card-admin > div.card-cte-txt .clickToEditDiv:before { content: 'Linked Caption:'; } .card-deck.opt1 .card-admin > div:first-child .clickToEditDiv { border-width: 1px 0 1px 1px; padding-left: 0.5rem !important; } .card-deck.opt1 .card-admin > div:last-child .clickToEditDiv { border-width: 1px 1px 1px 0; padding-right: 0.5rem !important; } .card-deck.opt2 { margin-left: 15px; margin-right: 15px; justify-content: center; padding: 130px 15px; text-align: center; } .card-deck.opt2 > h2 { width: 100%; margin: 0 0 60px; text-align: center; } @media (max-width: 1400px) { .card-deck.opt2 { padding: 100px 15px; } } @media (max-width: 1200px) { .card-deck.opt2 { padding: 80px 15px; } } @media (max-width: 991px) { .card-deck.opt2 { padding: 60px 15px; } } @media (max-width: 768px) { .card-deck.opt2 { padding: 30px 15px; } .card-deck.opt2 > h2 { margin: 0 0 30px; } } @media (max-width: 700px) { .card-deck.opt2 { flex-wrap: wrap; } } @media (max-width: 991px) { .card-deck.opt2 { flex-wrap: wrap; align-items: center; } } .card-deck.opt2 .card { text-align: center; margin-bottom: 30px; border: none; flex: 0 1 calc(50% - 30px); max-width: 755px; } @media (max-width: 991px) { .card-deck.opt2 .card { flex: 1 1 auto !important; } } .card-deck.opt2 .card-link-wrap { position: relative; text-decoration: none; display: block; max-width: 100%; position: relative; } .card-deck.opt2 .card-link-wrap > * { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .card-deck.opt2 .card-link-wrap:before { content: ''; display: block; padding-top: calc((500/755) * 100%); } @media (max-width: 991px) { .card-deck.opt2 .card-link-wrap { display: block !important; } .card-deck.opt2 .card-link-wrap:before { content: none !important; } } .card-deck.opt2 .card-link-wrap:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; background-color: rgba(0, 0, 0, 0); transition: background 0.3s ease-in-out; } @media (max-width: 1024px) { .card-deck.opt2 .card-link-wrap:after { content: none; } } .card-deck.opt2 .card-link-wrap:hover .card-bg-img, .card-deck.opt2 .card-link-wrap:focus .card-bg-img { background-size: 130%; } .card-deck.opt2 .card-link-wrap:hover .card-img-overlay, .card-deck.opt2 .card-link-wrap:focus .card-img-overlay { background-color: rgba(62, 86, 137, 0.9); } .card-deck.opt2 .card-link-wrap:hover .card-img-overlay .mpContent, .card-deck.opt2 .card-link-wrap:focus .card-img-overlay .mpContent { color: #fff; } .card-deck.opt2 .card-link-wrap:hover .card-img-overlay .mpContent span[class*="icon"], .card-deck.opt2 .card-link-wrap:focus .card-img-overlay .mpContent span[class*="icon"] { background: #fff; } .card-deck.opt2 .card-bg-img { background-size: 100%; background-repeat: no-repeat; background-position: center center; background-color: #000; transition: 0.3s ease-in-out; } @media (max-width: 991px) { .card-deck.opt2 .card-bg-img { position: relative !important; } } .card-deck.opt2 .card-bg-img > .mpContent img { visibility: hidden; width: 100%; } .card-deck.opt2 .card-img-overlay { top: auto !important; height: auto !important; padding: 2.4rem 3rem; background-color: rgba(255, 255, 255, 0.9); border-radius: 10px; text-align: center; transition: 0.3s ease-in-out; } @media (max-width: 991px) { .card-deck.opt2 .card-img-overlay { padding: 1.5rem !important; position: relative; } } .card-deck.opt2 .card-img-overlay .mpContent { margin-bottom: 0; line-height: 1.2; z-index: 1; position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: center; transition: 0.3s ease-in-out; } .card-deck.opt2 .card-img-overlay .mpContent span[class*="icon"] { display: block; width: 40px; height: 4px; margin-top: 15px; font-size: 0; background: #3e5689; transition: 0.3s ease-in-out; } .card-deck.opt2 .card-img-overlay .mpContent a { text-decoration: none; color: #fff; } .card-deck.opt2 .card-admin { display: flex; justify-content: center; text-align: center; } .card-deck.opt2 .card-admin > div { display: flex; flex-direction: column; } .card-deck.opt2 .card-admin > div .clickToEditDiv { border-color: #000; border-style: solid; border-width: 1px 0; padding: 0.5rem 1rem !important; margin: 5px 0 !important; height: 100%; } .card-deck.opt2 .card-admin > div .clickToEditDiv:before { content: ''; display: block; font-size: 1.2rem; } .card-deck.opt2 .card-admin > div .clickToEditDiv img { max-width: 100%; } .card-deck.opt2 .card-admin > div.card-cte-img .clickToEditDiv:before { content: 'Image:'; } .card-deck.opt2 .card-admin > div.card-cte-txt .clickToEditDiv:before { content: 'Linked Caption:'; } .card-deck.opt2 .card-admin > div:first-child .clickToEditDiv { border-width: 1px 0 1px 1px; padding-left: 0.5rem !important; } .card-deck.opt2 .card-admin > div:last-child .clickToEditDiv { border-width: 1px 1px 1px 0; padding-right: 0.5rem !important; } .card-deck.opt2 .card .card-link-wrap { display: block; max-width: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .card-deck.opt2 .card .card-link-wrap > * { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .card-deck.opt2 .card .card-link-wrap:before { content: ''; display: block; padding-top: calc((410/755) * 100%); } .card-deck.opt2 .card .card-img-overlay { width: 100%; max-width: 260px; position: relative; } @media (max-width: 991px) { .card-deck.opt2 .card .card-img-overlay { max-width: 100%; } } .card-panels.opt4 { margin: 0 auto; padding: 80px 0; } @media (max-width: 1500px) { .card-panels.opt4 { padding: 50px 0; } } @media (max-width: 1200px) { .card-panels.opt4 { padding: 30px 0; } } @media (max-width: 1024px) { .card-panels.opt4 { padding: 0; } } .card-panels.opt4 .card { padding: 50px 0; margin: 0 auto; border: none; background: none; } @media (max-width: 991px) { .card-panels.opt4 .card { padding: 20px 0; max-width: 900px; } } .card-panels.opt4 .card .clickToEditDiv { font-size: 0; } .card-panels.opt4 .card .clickToEditDiv:after { vertical-align: middle; } .card-panels.opt4 .card .row { margin-left: 0; margin-right: 0; justify-content: space-between; flex-wrap: nowrap; align-items: stretch; } @media (max-width: 991px) { .card-panels.opt4 .card .row { flex-wrap: wrap; } } .card-panels.opt4 .card .card-bg-img { width: 56%; position: relative; } @media (max-width: 1400px) { .card-panels.opt4 .card .card-bg-img { width: 60%; } } @media (max-width: 991px) { .card-panels.opt4 .card .card-bg-img { width: 100%; } } .card-panels.opt4 .card .card-bg-img .mpContent { height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 991px) { .card-panels.opt4 .card .card-bg-img .mpContent { height: auto; } } .card-panels.opt4 .card .card-bg-img .mpContent img { visibility: hidden; } .card-panels.opt4 .card .card-bg-img .clickToEditDiv { position: absolute; bottom: 0; } .card-panels.opt4 .card .card-bg-img .clickToEditDiv:after { content: '(image)'; } .card-panels.opt4 .card .card-text { display: flex; flex-wrap: wrap; align-content: stretch; align-self: stretch; align-items: stretch; width: 44%; background: none; position: relative; z-index: 2; padding: 170px 100px; background: #e9edf3; text-align: center; } @media (max-width: 1500px) { .card-panels.opt4 .card .card-text { padding: 80px 50px; } } @media (max-width: 1200px) { .card-panels.opt4 .card .card-text { padding: 50px 40px; } } @media (max-width: 1024px) { .card-panels.opt4 .card .card-text { padding: 40px 30px; } } @media (max-width: 991px) { .card-panels.opt4 .card .card-text { padding: 30px; } } @media (max-width: 1400px) { .card-panels.opt4 .card .card-text { width: 40%; } } @media (max-width: 991px) { .card-panels.opt4 .card .card-text { width: 100%; flex-basis: auto; } } .card-panels.opt4 .card .card-text .mpContent { display: flex; align-content: center; align-items: center; flex-wrap: wrap; max-width: 460px; margin: 0 auto; background: #e9edf3; text-align: center; } .card-panels.opt4 .card .card-text .mpContent > a [class*="icon"], .card-panels.opt4 .card .card-text .mpContent p > a:last-child [class*="icon"] { display: none; } .card-panels.opt4 .card .card-text .clickToEditDiv { width: 100%; } .card-panels.opt4 .card .card-text .clickToEditDiv:after { content: '(text)'; } .card-panels.opt4 .card.has-empty-column .row { align-items: center; } .card-panels.opt4 .card.has-empty-column .clickToEditDiv:after { font-size: 1rem; } .card-panels.opt4.type1 h2:after { content: ''; display: block; width: 40px; height: 4px; margin: 20px auto 0; background: #3e5689; } .card-panels.opt4.type1 .abut, .card-panels.opt4.type1 .sitewrap .table-button td a, .sitewrap .table-button td .card-panels.opt4.type1 a { margin: 0 auto; } .card-panels.opt4.type1 .card:nth-child(even) .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4.type1 .card:nth-child(even) .card-bg-img { order: 0; } } .card-panels.opt4.type2 { background: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/BelvedereTennis-2025/images/pattern-racquet-intro-PbCt.png"); } .card-panels.opt4.type2 .card { max-width: 1400px; margin: 0 auto; } @media (max-width: 991px) { .card-panels.opt4.type2 .card { padding: 15px; } } .card-panels.opt4.type2 .card .card-bg-img { width: 45%; border: 20px solid #e9edf3; } @media (max-width: 991px) { .card-panels.opt4.type2 .card .card-bg-img { width: 100%; } } .card-panels.opt4.type2 .card .card-text { width: 55%; background: none; padding: 0; } .card-panels.opt4.type2 .card .card-text .mpContent { max-width: 700px; margin: 0 0 0 auto; padding-left: 30px; background: none; text-align: left; align-self: center; } @media (max-width: 991px) { .card-panels.opt4.type2 .card .card-text { width: 100%; } .card-panels.opt4.type2 .card .card-text .mpContent { margin: 0 auto !important; padding: 30px 0 0; } } .card-panels.opt4.type2 .card:nth-child(odd) .card-bg-img { order: 1; } @media (max-width: 991px) { .card-panels.opt4.type2 .card:nth-child(odd) .card-bg-img { order: 0; } } .card-panels.opt4.type2 .card:nth-child(odd) .card-text .mpContent { margin: 0 auto 0 0; padding-left: 0; padding-right: 30px; } .labeled-inputs label { display: none; } .formBaseFormWrapper > div[align="center"]:last-child { font-size: 0; } .formBaseFormWrapper > div[align="center"]:last-child > [style*="visible"] { font-size: 1.6rem; } .formBaseFormWrapper table { table-layout: fixed; } .formBaseFormWrapper .formBaseFormFooter + div[align="center"] { white-space: nowrap; } @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] { display: block; margin: 0 auto; width: 100%; max-width: 200px; margin-bottom: 25px; background-color: #e9edf3; font-family: "Jost", sans-serif; text-transform: uppercase; color: #3e5689; font-size: 1.4rem; font-weight: 500 !important; letter-spacing: 0.2rem; padding: 25px 50px 24px !important; outline: 0; border: none !important; border-radius: 35px; transition: all .3s ease-in-out; } .formBaseFormWrapper input[type=submit]:hover, .formBaseFormWrapper input[type=submit]:focus { background-color: #fff; color: #3e5689; border-color: #fff !important; } .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: #545454; } .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: #5a5d66; line-height: 1.9; font-weight: 400; letter-spacing: 0; font-size: 2rem; text-transform: none; margin-bottom: 6px; } .formBaseFormWrapper .formQuestionWrapper td textarea { min-height: 150px; } .formBaseFormWrapper .formQuestionWrapper td input, .formBaseFormWrapper .formQuestionWrapper td textarea, .formBaseFormWrapper .formQuestionWrapper td select { background-color: #fff !important; border: none !important; border-radius: 40px; color: #5a5d66 !important; font-size: 1.8rem !important; font-family: "quasimoda", sans-serif !important; line-height: 1.67; padding: 18px 30px !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::placeholder, .formBaseFormWrapper .formQuestionWrapper td textarea::placeholder, .formBaseFormWrapper .formQuestionWrapper td select::placeholder { font-size: 1.8rem; font-style: normal; font-weight: 400; line-height: 1.67; color: #545454; } .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='%235a5d66' stroke='%235a5d66'%3e%3cpolyline fill='none' stroke='%235a5d66' 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: #5a5d66; 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: none !important; color: #5a5d66 !important; font-size: 1.8rem !important; font-family: "quasimoda", sans-serif !important; line-height: 1.67; 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] { display: block; margin: 0 auto; width: 100%; margin-bottom: 25px; background-color: #3e5689; font-family: "Jost", sans-serif; text-transform: uppercase; color: #fff; font-size: 1.4rem; font-weight: 500 !important; letter-spacing: 0.2rem; padding: 25px 50px 24px !important; outline: 0; border: none !important; width: 100%; max-width: 100%; min-width: 0; transition: all .3s ease-in-out; } .form-blasted input[type=submit]:hover, .form-blasted input[type=submit]:focus { background-color: #203768; color: #fff; border-color: #203768 !important; } .quick-links.opt1 { min-height: 400px; background-size: cover; background-position: center center; background-color: #000; text-align: center; color: #fff; font-size: 0; display: flex; flex-direction: column; justify-content: center; position: relative; padding: 37rem 1.5rem 2rem; } @media (max-width: 1400px) { .quick-links.opt1 { padding: 30rem 1.5rem 2rem; } } @media (max-width: 1200px) { .quick-links.opt1 { padding: 20rem 1.5rem 2rem; } } @media (max-width: 1024px) { .quick-links.opt1 { padding: 5rem 1.5rem 2rem; } } @media (max-width: 991px) { .quick-links.opt1 { padding: 2rem 1.5rem; } } .quick-links.opt1 > .mpContent { font-size: 0; } .quick-links.opt1 > .mpContent img { visibility: hidden; height: 0; margin: 0; } .quick-links.opt1 > .mpContent:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8) 88%); } @media (max-width: 1024px) { .quick-links.opt1 > .mpContent:after { background: rgba(0, 0, 0, 0.3); } } .quick-links.opt1 > .clickToEditDiv { position: absolute; left: 0; bottom: 0; } .quick-links.opt1 .welcome { position: relative; margin-bottom: 3rem; font-size: 1.8rem; line-height: 1.78; color: #fff; } .quick-links.opt1 .welcome h1 { font-size: 4rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.2rem; margin-bottom: 1rem; color: #fff; } @media screen and (max-width: 768px) { .quick-links.opt1 .welcome h1 { font-size: 2.8rem; } } .quick-links.opt1 .welcome p { margin: 0; color: #fff; } .quick-links.opt1 span[class*="icon"] { position: relative; color: #3e5689; font-size: 2.6rem; width: 30px; display: inline-block; margin: 0 10px 0 0; text-decoration: none !important; transition: 0.3s ease-in-out; } @media (max-width: 768px) { .quick-links.opt1 span[class*="icon"] { margin: 0; flex: 0 1 5rem; display: inline-block; color: #3e5689; font-size: 2rem; } .quick-links.opt1 span[class*="icon"]:before { padding: 0 1.5rem; text-decoration: none; display: inline-block; } } .quick-links.opt1 ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; max-width: 1450px; float: none; display: flex; flex-wrap: wrap; justify-content: center; } @media (max-width: 768px) { .quick-links.opt1 ul { display: inline-block; width: auto; } } .quick-links.opt1 ul li { display: inline-block; width: 25%; padding: 20px; margin: 0; font-size: 0; vertical-align: top; transition: all .3s ease-in-out; } @media (max-width: 1200px) { .quick-links.opt1 ul li { width: 50%; } } @media (max-width: 700px) { .quick-links.opt1 ul li { width: 100%; padding: 10px; } } .quick-links.opt1 ul li a { display: flex; align-content: center; justify-content: center; align-items: center; width: 100%; padding: 18px 10px; font-size: 1.4rem; font-family: "Jost", sans-serif; font-weight: 500; text-transform: uppercase; text-align: center; color: #3e5689; line-height: 1.2; letter-spacing: 0.2rem; text-decoration: none; position: relative; transition: 0.3s ease-in-out; background: rgba(255, 255, 255, 0.7); border-radius: 35px; } @media (max-width: 1024px) { .quick-links.opt1 ul li a { background: rgba(255, 255, 255, 0.95); } } .quick-links.opt1 ul li a:hover, .quick-links.opt1 ul li a:focus { color: #fff; background: #3e5689; } .quick-links.opt1 ul li a:hover span[class*="icon"], .quick-links.opt1 ul li a:focus span[class*="icon"] { color: #fff; } body.user-is-tabbing .quick-links.opt1 ul li a:focus { text-decoration: none; outline-style: dashed; outline-color: #fff; outline-width: 2px; opacity: 1; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .articles { background: #e9edf3; padding: 130px 15px; position: relative; } @media (max-width: 1400px) { .articles { padding: 90px 15px; } } @media (max-width: 1200px) { .articles { padding: 40px 15px; } } @media (max-width: 991px) { .articles { padding: 30px 15px; } } .articles > div { display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0 auto; } .articles > div > div:first-child { width: 55%; } .articles > div > div:last-child { width: 45%; padding-left: 7rem; } @media (max-width: 1024px) { .articles > div > div:first-child { width: 100%; } .articles > div > div:last-child { width: 100%; padding: 3rem 0 0; } } .articles .articles-top { display: flex; align-content: center; justify-content: space-between; align-items: center; margin-bottom: 10px; } .articles .articles-top h2 { margin: 0; } .articles .articles-top a { font-size: 1.8rem; font-weight: 700; line-height: 1.78; letter-spacing: 0; text-transform: none; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px !important; color: #3e5689; transition: 0.3s ease-in-out; } .articles .articles-top a:hover, .articles .articles-top a:focus, .articles .articles-top a:active { color: #203768; } .articles .newsPluginArchiveLink { display: none; } .featured-article { padding: 120px 80px; position: relative; background-size: cover; background-position: 50% 50%; } @media (max-width: 1200px) { .featured-article { padding: 80px 50px; } } @media (max-width: 1024px) { .featured-article { padding: 50px 30px; } } @media (max-width: 768px) { .featured-article { padding: 5px; } } .featured-article img { display: none; } .featured-article-content { width: 100%; padding: 50px; background: rgba(255, 255, 255, 0.9); border-radius: 10px; text-align: center; } @media (max-width: 1200px) { .featured-article-content { padding: 40px; } } @media (max-width: 768px) { .featured-article-content { padding: 30px; } } .featured-article-content h2 { margin: 0 0 4rem; } @media (max-width: 1200px) { .featured-article-content h2 { margin: 0 0 2rem; } } .article-item { display: flex; align-content: center; justify-content: space-between; align-items: center; padding: 20px 0; border-bottom: 1px solid #3e5689; } .article-item-image { width: 160px; max-width: 160px; } .article-item-image img { width: 100%; } .article-item-content { width: calc(100% - 160px); padding: 15px 15px 15px 40px; } @media (max-width: 1200px) { .article-item-content { padding: 15px; } } .article-item-content h5, .article-item-content p { margin: 0; transition: 0.3s ease-in-out; } .article-item-content a { text-decoration: none !important; } .article-item-content a:hover h5, .article-item-content a:active h5, .article-item-content a:focus h5 { font-style: italic; } .events-container { padding: 140px 15px; position: relative; } @media (max-width: 1400px) { .events-container { padding: 90px 15px; } } @media (max-width: 1200px) { .events-container { padding: 40px 15px; } } @media (max-width: 991px) { .events-container { padding: 30px 15px; } } .events-top { max-width: 1540px; margin: 0 auto 4rem; text-align: center; } .events-top a { font-size: 1.8rem; font-weight: 700; line-height: 1.78; letter-spacing: 0; text-transform: none; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px !important; color: #3e5689; transition: 0.3s ease-in-out; } .events-top a:hover, .events-top a:focus, .events-top a:active { color: #203768; } .events-inner { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; width: 100%; max-width: 1400px; margin: 0 auto; } .events-inner > div { width: 100%; } .events-inner > div > div { width: 100%; } .event-group { width: 100%; } .event-group > div { display: flex; flex-wrap: wrap; width: 100%; } @media (max-width: 1100px) { .event-group > div { max-width: 800px; margin: 0 auto; } } @media (max-width: 600px) { .event-group > div { max-width: 400px; } } .event-item { width: 25%; padding: 15px; text-align: center; } @media (max-width: 1100px) { .event-item { padding: 10px; width: 50%; } } @media (max-width: 600px) { .event-item { width: 100%; } } .event-item img { width: 100%; } .event-item img + img { display: none; } .event-item a { display: block; text-decoration: none !important; } .event-item a:hover .event-image, .event-item a:focus .event-image, .event-item a:active .event-image { background-size: 130%; } .event-item a:hover .event-image:after, .event-item a:focus .event-image:after, .event-item a:active .event-image:after { border: 10px solid #3e5689; } .event-item a:hover .event-title, .event-item a:focus .event-title, .event-item a:active .event-title { font-style: italic; } .event-image { position: relative; background-size: 100%; transition: 0.3s ease-in-out; background-position: 50% 50%; } .event-image img { opacity: 0; } .event-image:after { content: ''; position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; top: 0; border: 10px solid transparent; transition: 0.3s ease-in-out; } .event-date { padding: 2rem 0; font-family: "Jost", sans-serif; font-size: 1.4rem; font-weight: 500; letter-spacing: 0.2rem; text-transform: uppercase; color: #3e5689; } @media (max-width: 1200px) { .event-date { letter-spacing: 0.1rem; padding: 1.5rem 0 1rem; } } @media (max-width: 500px) { .event-date { font-size: 1.2rem; } } .event-date:before { content: "\ece6"; font: normal normal normal 18px/1 "Nucleo Outline"; margin-right: 5px; position: relative; top: 2px; color: #3e5689; } @media (max-width: 500px) { .event-date:before { display: none; } } .event-title { font-family: "Jost", sans-serif; font-size: 2.2rem; font-weight: 500; line-height: 1.29; color: #3e5689; transition: 0.3s ease-in-out; } @media (max-width: 1200px) { .event-title { font-size: 2rem; } } @media (max-width: 500px) { .event-title { font-size: 1.8rem; } } .two-images { display: flex; align-content: center; align-items: stretch; justify-content: space-between; max-width: 1460px; margin: 0 auto; padding: 130px 15px; text-align: center; } @media (max-width: 1400px) { .two-images { padding: 100px 15px; } } @media (max-width: 1200px) { .two-images { padding: 80px 15px; } } @media (max-width: 991px) { .two-images { padding: 60px 15px; } } @media (max-width: 768px) { .two-images { padding: 30px 15px; } } @media (max-width: 700px) { .two-images { flex-wrap: wrap; } } .two-images > div { width: 50%; max-width: 650px; padding: 0 15px; } @media (max-width: 700px) { .two-images > div { width: 100%; margin: 0 auto; padding: 15px 0; } } .two-images > div .mpContent { border: 20px solid #e9edf3; } .two-images > div .mpContent img { width: 100%; } .full-width-image { position: relative; } .full-width-image .mpContent { background-size: cover; background-position: 50% 50%; } .full-width-image .mpContent img { width: 100%; opacity: 0; } .full-width-image .clickToEditDiv { position: absolute; bottom: 0; right: 0; } .quote { margin: 0 auto; padding: 180px 15px; position: relative; background-color: #3e5689; } .quote:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/BelvedereTennis-2025/images/pattern-racquet-form-PvCt.png"); opacity: 0.1; } @media (max-width: 1500px) { .quote { padding: 130px 15px; } } @media (max-width: 1200px) { .quote { padding: 70px 15px; } } @media (max-width: 991px) { .quote { padding: 30px 15px; } } .quote .mpContent { max-width: 900px; margin: 0 auto; text-align: center; font-family: "Jost", sans-serif; font-size: 2.2rem; font-weight: 500; color: #fff; } .quote .mpContent p { font-family: "Jost", sans-serif; font-size: 2.2rem; font-weight: 500; color: #fff; } .quote .mpContent h1, .quote .mpContent h2, .quote .mpContent h3, .quote .mpContent h4, .quote .mpContent .formSection .rosterletteroff, .formSection .quote .mpContent .rosterletteroff, .quote .mpContent h5, .quote .mpContent h6, .quote .mpContent p, .quote .mpContent ul, .quote .mpContent ol, .quote .mpContent li { color: #fff; } .quote .mpContent:before { content: "\ed0e"; font: normal normal normal 48px/1 'Nucleo Glyph'; display: block; width: 110px; height: 64px; margin: 0 auto 2rem; color: #fff; position: relative; z-index: 2; } .menus-container { padding: 130px 15px; text-align: center; background: #fff; } @media (max-width: 1400px) { .menus-container { padding: 90px 15px; } } @media (max-width: 1200px) { .menus-container { padding: 60px 15px; } } @media (max-width: 991px) { .menus-container { padding: 40px 15px; } } @media (max-width: 768px) { .menus-container { padding: 30px 15px; } } .menus-top { max-width: 1400px; margin: 0 auto 4rem; } @media (max-width: 1200px) { .menus-top { margin: 0 auto 2rem; } } .menus-bottom { max-width: 1400px; margin: 0 auto; } .menus-bottom .mpContent table, .menus-bottom .mpContent tbody, .menus-bottom .mpContent td { display: block; } .menus-bottom .mpContent tr { display: flex; flex-wrap: wrap; } .menus-bottom .mpContent td { display: flex; flex-direction: column; width: 25%; padding: 40px 20px; margin: 1.5rem 0; border: 15px solid #fff; border-radius: 25px; background: #e9edf3; } @media (max-width: 1200px) { .menus-bottom .mpContent td { width: 33.3333333333333333%; } } @media (max-width: 991px) { .menus-bottom .mpContent td { width: 50%; padding: 30px 1.5rem; border: none; } } @media (max-width: 600px) { .menus-bottom .mpContent td { width: 100%; border: none; } } .menus-bottom .mpContent h4, .menus-bottom .mpContent .formSection .rosterletteroff, .formSection .menus-bottom .mpContent .rosterletteroff { margin: 0 0 1.5rem; font-size: 3.4rem; font-weight: 400; line-height: 1.29; } @media (max-width: 1400px) { .menus-bottom .mpContent h4, .menus-bottom .mpContent .formSection .rosterletteroff, .formSection .menus-bottom .mpContent .rosterletteroff { font-size: 3rem; } } @media (max-width: 1200px) { .menus-bottom .mpContent h4, .menus-bottom .mpContent .formSection .rosterletteroff, .formSection .menus-bottom .mpContent .rosterletteroff { font-size: 2.5rem; } } @media (max-width: 768px) { .menus-bottom .mpContent h4, .menus-bottom .mpContent .formSection .rosterletteroff, .formSection .menus-bottom .mpContent .rosterletteroff { font-size: 2.2rem; } } .menus-bottom .mpContent a { display: inline-block; margin: 0 auto; font-size: 1.8rem; font-weight: 700; line-height: 1.75; letter-spacing: 0; text-transform: none; text-decoration: none !important; border-bottom: 2px solid !important; color: #3e5689; } .menus-bottom .mpContent a:hover, .menus-bottom .mpContent a:focus, .menus-bottom .mpContent a:active { color: #203768; } .menus-bottom .mpContent .nc-icon-outline { display: block; margin-bottom: 1.5rem; font-size: 3.4rem; font-weight: 400; line-height: 1.47; color: #3e5689; } @media (max-width: 991px) { .menus-bottom .mpContent .nc-icon-outline { font-size: 2rem; } } .full-width-callout-background .mpContent { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; 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 { padding: 115px 1.5rem; } @media (max-width: 1500px) { .full-width-callout-content { padding: 6% 1.5rem; } } @media (max-width: 1200px) { .full-width-callout-content { padding: 5% 1.5rem; } } @media (max-width: 1024px) { .full-width-callout-content { padding: 4% 1.5rem; } } @media (max-width: 700px) { .full-width-callout-content { padding: 50px 1.5rem; } } .full-width-callout-content > .mpContent { display: flex; flex-direction: column; justify-content: center; align-content: center; align-items: center; width: 100%; max-width: 665px; padding: 100px 80px; margin: 0 auto; text-align: center; position: relative; z-index: 2; background: rgba(255, 255, 255, 0.85); border-radius: 10px; } @media (max-width: 1500px) { .full-width-callout-content > .mpContent { padding: 70px 50px; } } @media (max-width: 1200px) { .full-width-callout-content > .mpContent { padding: 50px 30px; } } @media (max-width: 1024px) { .full-width-callout-content > .mpContent { padding: 30px 15px; } } .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; overflow: hidden; background: #000; } .full-width-callout.left { border-bottom: 10px solid #3e5689; } .full-width-callout.left .full-width-callout-content .mpContent { max-width: 460px; margin: 0 auto 0 120px; padding: 170px 80px; } @media (max-width: 1500px) { .full-width-callout.left .full-width-callout-content .mpContent { padding: 100px 50px; margin: 0 auto 0 60px; } } @media (max-width: 1200px) { .full-width-callout.left .full-width-callout-content .mpContent { padding: 50px 30px; } } @media (max-width: 1024px) { .full-width-callout.left .full-width-callout-content .mpContent { padding: 30px 15px; } } @media (max-width: 1200px) { .full-width-callout.left .full-width-callout-content .mpContent { margin: 0 auto; align-content: center; align-items: center; text-align: center; } } .full-width-callout.right:after { opacity: 1; background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); } @media (max-width: 1200px) { .full-width-callout.right:after { background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.8)); } } .full-width-callout.right .full-width-callout-content .mpContent { max-width: 700px; margin: 0 100px 0 auto; justify-content: center; align-content: flex-end; align-items: flex-end; text-align: right; } @media (max-width: 1200px) { .full-width-callout.right .full-width-callout-content .mpContent { margin: 0 auto; align-content: center; align-items: center; text-align: center; } } .two-column-outer { padding: 140px 15px; } @media (max-width: 1400px) { .two-column-outer { padding: 90px 15px; } } @media (max-width: 1200px) { .two-column-outer { padding: 40px 15px; } } @media (max-width: 991px) { .two-column-outer { padding: 30px 15px; } } .two-column-outer > h2 { max-width: 1400px; margin: 0 auto 5rem; text-align: center; } @media (max-width: 1200px) { .two-column-outer > h2 { margin: 0 auto 3rem; } } @media (max-width: 991px) { .two-column-outer > h2 { margin: 0 auto 1rem; } } .two-column-inner { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; max-width: 1400px; margin: 0 auto; } .two-column-callout { width: 50%; padding: 15px; } @media (max-width: 991px) { .two-column-callout { width: 100%; max-width: 665px; margin: 0 auto; padding: 0 0 30px; } .two-column-callout:last-child { padding: 0; } } .two-column-callout .mpContent { max-width: 600px; margin: 0 auto; text-align: center; } .two-column-callout .mpContent:first-child { max-width: 100%; } .two-column-callout .mpContent img { margin: 0 0 40px; border-radius: 0; border: 20px solid #e9edf3; width: 100%; position: relative; z-index: 2; } .staff-outer { max-width: 1390px; margin: 0 auto; padding: 130px 15px; } @media (max-width: 1400px) { .staff-outer { padding: 90px 15px; } } @media (max-width: 1200px) { .staff-outer { padding: 40px 15px; } } @media (max-width: 991px) { .staff-outer { padding: 30px 15px; } } .staff-top { margin: 0 0 30px; text-align: center; } @media (max-width: 600px) { .staff-top { margin: 0 0 15px; } } .staff-bottom { display: flex; flex-direction: column; } .staff-bottom > div { padding: 60px 0; border-bottom: 1px solid #3e5689; } @media (max-width: 1200px) { .staff-bottom > div { padding: 40px 0; } } @media (max-width: 991px) { .staff-bottom > div { padding: 30px 0; } } @media (max-width: 600px) { .staff-bottom > div { padding: 15px 0; } } .staff-bottom > div:last-child { border: none; } .staff-bottom .mpContent h3 { margin: 0 0 15px; } .staff-bottom .mpContent table, .staff-bottom .mpContent tbody { display: block; } .staff-bottom .mpContent tr { display: flex; flex-wrap: wrap; } .staff-bottom .mpContent td { display: block; } .staff-bottom .mpContent td:first-child { width: 320px; } .staff-bottom .mpContent td:first-child img { width: 100%; } @media (max-width: 1200px) { .staff-bottom .mpContent td:first-child { width: 250px; } } @media (max-width: 600px) { .staff-bottom .mpContent td:first-child { width: 100%; max-width: 420px; margin: 0 auto; } } .staff-bottom .mpContent td:last-child { width: calc(100% - 320px); padding-left: 80px; } @media (max-width: 1200px) { .staff-bottom .mpContent td:last-child { width: calc(100% - 250px); padding-left: 40px; } } @media (max-width: 600px) { .staff-bottom .mpContent td:last-child { width: 100%; max-width: 420px; margin: 0 auto; padding: 20px 0 0; } } .wow { visibility: hidden; } .delay-2s { animation-delay: 2s; } .delay-1-9s { animation-delay: 1.9s; } .delay-1-8s { animation-delay: 1.8s; } .delay-1-7s { animation-delay: 1.7s; } .delay-1-6s { animation-delay: 1.6s; } .delay-1-5s { animation-delay: 1.5s; } .delay-1-4s { animation-delay: 1.4s; } .delay-1-3s { animation-delay: 1.3s; } .delay-1-2s { animation-delay: 1.2s; } .delay-1-1s { animation-delay: 1.1s; } .delay-1s { animation-delay: 1s; } .delay-0-9s { animation-delay: 0.9s; } .delay-0-8s { animation-delay: 0.8s; } .delay-0-7s { animation-delay: 0.7s; } .delay-0-6s { animation-delay: 0.6s; } .delay-0-5s { animation-delay: 0.5s; } .delay-0-4s { animation-delay: 0.4s; } .delay-0-3s { animation-delay: 0.3s; } .delay-0-2s { animation-delay: 0.2s; } .delay-0-1s { animation-delay: 0.1s; } @-webkit-keyframes slideInDownLess { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDownLess { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDownLess { -webkit-animation-name: slideInDownLess; animation-name: slideInDownLess; } @-webkit-keyframes slideInLeftLess { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeftLess { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeftLess { -webkit-animation-name: slideInLeftLess; animation-name: slideInLeftLess; } @-webkit-keyframes slideInRightLess { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRightLess { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRightLess { -webkit-animation-name: slideInRightLess; animation-name: slideInRightLess; } @-webkit-keyframes slideInUpLess { from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUpLess { from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUpLess { -webkit-animation-name: slideInUpLess; animation-name: slideInUpLess; } @-webkit-keyframes slideInUpLessfadeIn { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); visibility: visible; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUpLessfadeIn { from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); visibility: visible; } 100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUpLessfadeIn { -webkit-animation-name: slideInUpLessfadeIn; animation-name: slideInUpLessfadeIn; } .login.opt1#login-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #000; height: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; width: 100%; position: relative; font-size: 1.4rem; overflow: hidden; } .login.opt1#login-bg .errLogin { font-size: 16px !important; display: block; text-align: center; margin-bottom: 10px; color: #df0000 !important; font-weight: 600; } .login.opt1#login-bg:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, 0); content: ''; } .login.opt1 .login-bg-img { font-size: 0; } .login.opt1 .login-bg-img .mpContent img { visibility: hidden; height: 0; } .login.opt1 .login-bg-img .clickToEditDiv { position: absolute; top: 0; left: 0; z-index: 99; } .login.opt1 .login-bg-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0); } .login.opt1 .login-instruct { color: #5a5d66; font-size: 1.8rem; font-weight: 400; line-height: 1.78; text-align: center; padding-bottom: 17px; } @media screen and (max-width: 767px) { .login.opt1 .login-instruct { padding-bottom: 15px; } } .login.opt1 .login-instruct .mpContent p { line-height: 1.78; } .login.opt1 .login-wrap { padding: 6rem; width: 100%; max-width: 500px; z-index: 99; position: relative; } .login.opt1 .login-wrap > div { position: relative; z-index: 2; } .login.opt1 .login-wrap > div h3 { margin-bottom: 30px; } .login.opt1 .login-wrap:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.9; background-color: #fff; border-radius: 10px; } @media (max-width: 767px) { .login.opt1 .login-wrap { max-width: 75%; margin: 0 auto; display: block; padding: 10%; } } @media (max-width: 475px) { .login.opt1 .login-wrap { max-width: 100%; min-width: 100%; transform: none; top: 0; left: 0; padding: 5%; outline: 0; min-height: 100%; } } .login.opt1 .login-logo { text-align: center; margin-bottom: 40px; } @media screen and (max-width: 767px) { .login.opt1 .login-logo { margin-bottom: 15px; } } @media (max-width: 475px) { .login.opt1 .login-logo { margin-top: 25px; } } .login.opt1 .login-logo img { position: relative; padding: 0; } .login.opt1 .login-logo a { width: 150px; height: auto; display: inline-block; text-align: center; font-size: 0; } .login.opt1 .login-logo a:focus { outline-offset: 0; } .login.opt1 .login-content { text-align: center; } .login.opt1 .login-content p { color: #3e5689; } .login.opt1 .login-inputs { margin: 0 auto; text-align: center; position: relative; } .login.opt1 .login-inputs > div[id^="wrapLogin"] { display: inline-block; width: 100%; } .login.opt1 .login-inputs_fields { display: none; } .login.opt1 .login-inputs_box input { border: 1px solid #3e5689; width: 100%; padding: 20px 30px; margin-bottom: 20px; background-color: transparent; outline: 0; text-transform: none; letter-spacing: 0; line-height: 30px; color: #5a5d66; font-weight: 400; font-family: "quasimoda", sans-serif; font-size: 1.8rem; width: 100%; border-radius: 50px; border: 1px solid #3e5689; } @media screen and (max-width: 1024px) { .login.opt1 .login-inputs_box input { font-size: 1.6rem; } } .login.opt1 .login-inputs_box input::placeholder { color: #5a5d66; } .login.opt1 .login-inputs_box input[style*="red"]::placeholder { color: #fff; } .login.opt1 .login-inputs_box input:focus { color: #5a5d66; } html._Telerik_IE9 .login.opt1 .login-inputs_box input { padding-top: 0px; padding-bottom: 0px; height: 60px; line-height: 60px; } .login.opt1 .login-inputs_link input { margin: 0; margin-bottom: 25px; background: #3e5689; font-family: "Jost", sans-serif; text-transform: uppercase; color: #fff; font-size: 1.4rem; font-weight: 500 !important; letter-spacing: 0.2rem; padding: 25px 50px 24px !important; outline: 0; border: none !important; width: 100%; max-width: 100%; min-width: 0; transition: all .3s ease-in-out; border-radius: 50px; } .login.opt1 .login-inputs_link input:hover, .login.opt1 .login-inputs_link input:focus { background-color: #203768; color: #fff; border-color: #203768 !important; } @media (max-width: 475px) { .login.opt1 .login-inputs_link input.abut { width: 100%; } } .login.opt1 .login-inputs_cookie, .login.opt1 .login-inputs_forgotPassword { display: inline-block; position: relative; padding: 0; font-size: 0; } .login.opt1 .login-inputs_cookie *, .login.opt1 .login-inputs_forgotPassword * { color: #5a5d66; font-family: "quasimoda", sans-serif; } .login.opt1 .login-inputs_cookie label, .login.opt1 .login-inputs_cookie a, .login.opt1 .login-inputs_forgotPassword label, .login.opt1 .login-inputs_forgotPassword a { margin: 0; line-height: 1.2; color: #5a5d66; font-weight: 400; font-size: 1.8rem; } .login.opt1 .login-inputs_cookie a, .login.opt1 .login-inputs_forgotPassword a { color: #5a5d66; text-decoration: underline; } .login.opt1 .login-inputs_cookie a:hover, .login.opt1 .login-inputs_cookie a:focus, .login.opt1 .login-inputs_forgotPassword a:hover, .login.opt1 .login-inputs_forgotPassword a:focus { text-decoration: none; } .login.opt1 .login-inputs_cookie { float: left; } .login.opt1 .login-inputs_cookie span.advLogRemoveChk { font-size: 1.4rem; } .user-is-tabbing .login.opt1 .login-inputs_cookie span.advLogRemoveChk:focus { outline: 1px solid #000; } .login.opt1 .login-inputs_cookie input { display: none; } .login.opt1 .login-inputs_cookie input[type=checkbox] + label:before { font-family: 'Nucleo Glyph'; content: ''; color: #fff; border-radius: 50%; width: 16px; height: 16px; display: inline-block; position: absolute; left: 0; cursor: pointer; background: #3e5689; } .login.opt1 .login-inputs_cookie input[type=checkbox] + label:active:before, .login.opt1 .login-inputs_cookie input[type=checkbox] + label:hover:before { background: #3e5689; } .login.opt1 .login-inputs_cookie input[type=checkbox]:checked + label:before { content: "\ed40"; background: #3e5689; line-height: 1; font-size: 1.6rem; } .login.opt1 .login-inputs_cookie label { margin: 0 0 0 30px; cursor: pointer; } .login.opt1 .login-inputs_forgotPassword { float: right; } .login.opt1 .login-inputs .logged-in a { display: block; margin-bottom: 15px; } .reference-guide { margin-top: 80px; } .reference-guide .c1 { background: #3e5689; } .reference-guide .c2 { background: #203768; } .reference-guide .c3 { background: #5a5d66; } .reference-guide .c4 { background: #e9edf3; } .reference-guide .c5 { background: #e9edf3; } .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"]) .sitewrap .table-button td a, .sitewrap .table-button td body:not([class*="-log"]) a, body:not([class*="-log"]) .abut:hover, body:not([class*="-log"]) .sitewrap .table-button td a:hover, .sitewrap .table-button td body:not([class*="-log"]) a:hover, body:not([class*="-log"]) .abut:focus, body:not([class*="-log"]) .sitewrap .table-button td a:focus, .sitewrap .table-button td body:not([class*="-log"]) a:focus, body:not([class*="-log"]) .abut:active, body:not([class*="-log"]) .sitewrap .table-button td a:active, .sitewrap .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; } .has-no-banner.content header.opt3, .modulewrap header.opt3 { position: relative; } .no-padding-top { padding-top: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .form-wrapper { margin: 0 auto; position: relative; padding: 130px 15px; background-color: #3e5689; } .form-wrapper:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url("https://static.clubessential.com/CEFED/_Axis-Website/Sites/BelvedereTennis-2025/images/pattern-racquet-form-PvCt.png"); opacity: 0.1; } @media (max-width: 1400px) { .form-wrapper { padding: 90px 15px; } } @media (max-width: 1200px) { .form-wrapper { padding: 40px 15px; } } @media (max-width: 991px) { .form-wrapper { padding: 30px 15px; } } .form-wrapper > div { max-width: 800px; margin: 0 auto; padding: 0 15px; position: relative; z-index: 2; } .form-wrapper > div h2 { margin-bottom: 4rem; text-align: center; } @media (max-width: 1200px) { .form-wrapper > div h2 { margin-bottom: 2rem; } } .form-wrapper .formBaseFormWrapper { max-width: 900px; margin: 0 auto; } .form-wrapper .formBaseFormWrapper > div[align="center"] { font-size: 0; } .form-wrapper .formBaseFormWrapper .FrmPayDiv.empty { padding: 0; } .form-wrapper h1, .form-wrapper h2, .form-wrapper h3, .form-wrapper h4, .form-wrapper .formSection .rosterletteroff, .formSection .form-wrapper .rosterletteroff, .form-wrapper h5, .form-wrapper h6, .form-wrapper p, .form-wrapper label { color: #fff; } .accordion-container, .tabstrip-container { padding: 130px 15px; } @media (max-width: 1400px) { .accordion-container, .tabstrip-container { padding: 90px 15px; } } @media (max-width: 1200px) { .accordion-container, .tabstrip-container { padding: 40px 15px; } } @media (max-width: 991px) { .accordion-container, .tabstrip-container { padding: 30px 15px; } } .accordion-container > div, .tabstrip-container > div { margin: 0 auto; } .accordion-container > div h2, .tabstrip-container > div h2 { text-align: center; } .accordion-container { position: relative; } .accordion-container > div { max-width: 1130px; position: relative; z-index: 2; } .accordion-container > div h2 { margin-bottom: 6rem; } @media (max-width: 1400px) { .accordion-container > div h2 { margin-bottom: 4rem; } } @media (max-width: 991px) { .accordion-container > div h2 { margin-bottom: 2rem; } } .tabstrip-container { background: #e9edf3; } .tabstrip-container.course-tour [id$="_radTabsTop"] .levelwrap > ul > li > a { padding: 1.8rem 1.8rem 1.7rem !important; } .tabstrip-container > div { max-width: 1360px; } .tabstrip-container > div [id$="_tblTop"] { display: block; } .tabstrip-container > div h2 { margin-bottom: 6rem; } @media (max-width: 1400px) { .tabstrip-container > div h2 { margin-bottom: 4rem; } } @media (max-width: 991px) { .tabstrip-container > div h2 { margin-bottom: 2rem; } } .course-table { display: block; } .course-table img { width: 100%; } .course-table tbody { display: block; } .course-table tr { display: flex; flex-wrap: nowrap; align-items: center; align-content: flex-start; justify-content: space-between; } @media (max-width: 991px) { .course-table tr { flex-wrap: wrap; justify-content: center; } } .course-table td { display: block; width: 100%; } .course-table td:first-child { width: 550px; font-size: 0; } @media (max-width: 1400px) { .course-table td:first-child { width: 450px; } } @media (max-width: 1100px) { .course-table td:first-child { width: 400px; } } @media (max-width: 991px) { .course-table td:first-child { width: 100%; max-width: 550px; margin: 2rem auto 0; } } .course-table td:last-child { width: calc(100% - 550px); padding: 0 0 0 6rem; } @media (max-width: 1400px) { .course-table td:last-child { width: calc(100% - 450px); padding: 0 0 0 4rem; } } @media (max-width: 1200px) { .course-table td:last-child { padding: 0 0 0 3rem; } } @media (max-width: 1100px) { .course-table td:last-child { width: calc(100% - 400px); } } @media (max-width: 991px) { .course-table td:last-child { width: 100%; padding: 1.5rem 0; } } .course-table h3 { margin: 0 0 1rem; } .course-table ul, .course-table li { display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; padding: 0; margin: 0; } .course-table ul { margin: 0 0 4rem; } .course-table li { width: 50%; max-width: 172px; padding: 5px 0; border-bottom: 1px solid rgba(66, 71, 40, 0.5); font-size: 2rem; font-weight: 400; line-height: 1.7; color: #6b7054; } @media (max-width: 1100px) { .course-table li { width: 100%; max-width: 100%; } } .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; justify-content: space-between; } @media (max-width: 991px) { .tabstrip-table tr { flex-wrap: wrap; justify-content: center; } } .tabstrip-table td { display: block; width: 100%; } .tabstrip-table td:last-child { width: 625px; } @media (max-width: 1400px) { .tabstrip-table td:last-child { width: 450px; } } @media (max-width: 991px) { .tabstrip-table td:last-child { width: 100%; max-width: 625px; margin: 2rem auto 0; } } .tabstrip-table td:first-child { width: calc(100% - 625px); padding: 0 7rem 0 0; } @media (max-width: 1400px) { .tabstrip-table td:first-child { width: calc(100% - 450px); padding: 0 5rem 0 0; } } @media (max-width: 1200px) { .tabstrip-table td:first-child { padding: 0 3rem 0 0; } } @media (max-width: 991px) { .tabstrip-table td:first-child { width: 100%; padding: 1.5rem 0; } } .accordion-table { display: block; } .accordion-table img { width: 100%; } .accordion-table tbody { display: block; } .accordion-table tr { display: flex; flex-wrap: nowrap; align-items: flex-start; align-content: flex-start; justify-content: space-between; } @media (max-width: 991px) { .accordion-table tr { flex-wrap: wrap; justify-content: center; } } .accordion-table td { display: block; width: 100%; } .accordion-table td:last-child { width: 540px; position: relative; } .accordion-table td:last-child img { position: relative; z-index: 2; } @media (max-width: 991px) { .accordion-table td:last-child { width: 100%; max-width: 540px; margin: 0 auto 2rem; } } .accordion-table td:first-child { width: calc(100% - 540px); padding: 0 5.5rem 0 0; } @media (max-width: 1400px) { .accordion-table td:first-child { padding: 0 4rem 0 0; } } @media (max-width: 1200px) { .accordion-table td:first-child { padding: 0 3rem 0 0; } } @media (max-width: 991px) { .accordion-table td:first-child { width: 100%; padding: 1.5rem 0; } }