:root { --safe-font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --main-font-family: 'Open Sans', Sans-Serif; --title-font-family: 'Open Sans', Sans-Serif; --block-font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --font-weight-light: 300; --font-weight-normal: 300; --font-weight-semi: 600; --font-weight-bold: 700; --font-weight-heavy: 900; --main-text-color: #2d2d2d; --dark-text-color: #ffffff; --main-link-color: #1B5E57; --main-link-hover: #2d2d2d; --hnav-link-color: #ddd; --dark-link-color: #ffffff; --dark-link-hover: #ff873c; --main-max-width: 1600px; --main-min-width: 360px; --header-height-desktop: 0; --header-height-mobile1: 133px; --header-height-mobile2: 10px; --transition-vis100: visibility linear 100ms, opacity linear 100ms, color linear 100ms, background linear 100ms; --transition-vis150: visibility linear 150ms, opacity linear 150ms, color linear 150ms, background linear 150ms; --transition-vis200: visibility linear 200ms, opacity linear 200ms, color linear 200ms, background linear 200ms; } /*-- Element styles -- */ html { height: 100%; font-size: 20px; overflow-y: scroll; } body { min-width: 0; min-height: 100%; margin: 0; padding: 0; background: #233b41; box-sizing: border-box; text-rendering: auto; -webkit-font-smoothing: antialiased; -ms-overflow-style: scrollbar; } body * { box-sizing: border-box; } body, fieldset, legend, table, td { color: #2d2d2d; font: normal 0.8rem/1.4 'Source Sans Pro', Helvetica, Arial, Sans-Serif; -webkit-text-size-adjust: none; } input, button, textarea, select, option { color: #2d2d2d; font: normal 1rem 'Source Sans Pro', Helvetica, Arial, Sans-Serif; -webkit-text-size-adjust: none; webkit-font-smoothing: antialiased; } a { color: #0072ad; text-decoration: underline; } a:hover { color: #b46c0c; } .panel.dark-background a { color: #abc6d7; } .panel.dark-background a:hover { color: #f8bfbf; } a.fa { text-decoration: none; } b { font-weight: 600; } strong { font-weight: 700; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; font-family: 'Playfair Display', Helvetica, Arial, Sans-Serif; } p { margin: 1em 0; } img { border: none; } h1 { font-size: 300%; } h2 { font-size: 260%; } h3 { font-size: 225%; } h4 { font-size: 200%; } h5 { font-size: 175%; } h6 { font-size: 100%; } ::-ms-reveal, ::-ms-clear { display: none; } /*-- Generic styles -- */ .screen-height { height: 100vh; } .transition, .all-transition * { transition: all linear 200ms; -moz-transition: all linear 200ms; -webkit-transition: all linear 200ms; -o-transition: all linear 200ms; } .transition2, .all-transition2 * { transition: all linear 150ms; -moz-transition: all linear 150ms; -webkit-transition: all linear 150ms; -o-transition: all linear 150ms; } .no-transition, .no-transitions, .no-transitions * { transition: all 0s; -moz-transition: all 0s; -webkit-transition: all 0s; -o-transition: all 0s; } .delay { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .fa { font-family: 'FontAwesome', Helvetica, Arial, Sans-Serif; } .hidden { display: none !important; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .push:active { transform: scale(0.95, 0.95); -webkit-transform: scale(0.95, 0.95); -moz-transform: scale(0.95, 0.95); -o-transform: scale(0.95, 0.95); -ms-transform: scale(0.95, 0.95); } .circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } .rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; overflow: hidden; } .rounded.with-overflow { overflow: visible; } .semi-fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 50; } .shadow { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } .sticky { position: static; position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top: 0; z-index: 50; } .sticky::before, .sticky::after { content: ''; display: table; } .half { float: left; display: block; width: 50%; min-height: 1px; } .half.right { float: right; } .half:last-child::after { display: block; clear: both; content: '.'; font-size: 0; line-height: 1; color: transparent; } .quick-scroll { overflow: hidden; } .button, a.button { display: inline-block; margin: 0 5px 0 0; padding: 8px 16px; text-decoration: none; cursor: pointer; outline: none; border: none; color: #fff; background: #808080; background: rgba(128,128,128,0.9); text-shadow: none; } .button:hover, a.button:hover { background: #656565; background: rgba(101,101,101,0.9); } .dark-background .button, .dark-background a.button { color: #000; background: #dedede; background: rgba(222,222,222,0.9); } .dark-background .button:hover, .dark-background a.button:hover { background: #bebebe; background: rgba(190,190,190,0.9); } #wrapper .button.disabled, #wrapper .button.disabled:hover, #wrapper .btn-color.disabled, #wrapper .btn-color.disabled:hover { opacity: 0.5; cursor: default; } #wrapper .btn-blue, #wrapper a.btn-blue { color: #fff; background: #1d7dc3; } #wrapper .btn-blue:hover, #wrapper a.btn-blue:hover { color: #fff; background: #2f87c8; } #wrapper .btn-green, #wrapper a.btn-green { color: #fff; background: #2f9109; } #wrapper .btn-green:hover, #wrapper a.btn-green:hover { color: #fff; background: #37a20d; } #wrapper .btn-ltgray, #wrapper a.btn-ltgray { padding-left: 1.15em; padding-right: 1.15em; color: #555; background: #ccc; box-shadow: none; text-shadow: none; } #wrapper .btn-ltgray:hover, #wrapper a.btn-ltgray:hover { color: #444; background: #bbb; } #wrapper .button.full-width { width: 100%; margin-left: 0; margin-right: 0; } .print-only { display: none !important; } .title-font, .font-title { font-family: 'Playfair Display', Helvetica, Arial, Sans-Serif; } .body-font, .font-body { font-family: 'Source Sans Pro', Helvetica, Arial, Sans-Serif; } .ucase { text-transform: uppercase; } .clear { display: block; float: none; clear: both; height: 1px; font-size: 1px; line-height: 1px; margin-bottom: -1px; overflow: hidden; } .clear3 { display: block; float: none; clear: both; height: 3px; font-size: 1px; line-height: 3px; overflow: hidden; } .clear5 { display: block; float: none; clear: both; height: 5px; font-size: 1px; line-height: 5px; overflow: hidden; } .clear10 { display: block; float: none; clear: both; height: 10px; font-size: 1px; line-height: 10px; overflow: hidden; } .clear20 { display: block; float: none; clear: both; height: 20px; font-size: 1px; line-height: 20px; overflow: hidden; } .clearem { display: block; float: none; clear: both; height: 1px; margin: 1em 0 0 0; line-height: 1px; overflow: hidden; } .clearp { display: block; float: none; clear: both; height: 1px; font-size: 1px; line-height: 1px; margin-bottom: -1px; overflow: hidden; } p + .clearp, ol + .clearp, ul + .clearp { margin-top: -1em; font-size: inherit; } .m0-first:first-child { margin-top: 0; } .m0-last:last-child { margin-top: 0; } .m0-first-p > p:first-child { margin-top: 0; } .m0-last-p > p:last-child { margin-bottom: 0; } .m0-first-child > *:first-child { margin-top: 0; } .m0-last-child > *:last-child { margin-bottom: 0; } .mr8 { margin-right: 0.44em; } .ml8 { margin-left: 0.44em; } /*-- Template styles -- */ #wrapper { min-width: 720px; padding-top: 112px; background-color: #fff; } #header { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; background: #fff; transition: all linear 150ms; } #header.scrolled { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15); } #top { display: block; height: 30px; line-height: 100%; background: #1f373d; } #top .top-nav { } #top .top-nav > .clear { display: none; } #top .top-nav ul.nav-ul { display: block; margin: 0 0 0 3px; padding: 0; list-style: none; } #top .top-nav ul.nav-ul > li.nav-li.t0 { position: relative; float: left; height: 30px; margin: 0; padding: 0; } #top .top-nav ul.nav-ul > li.nav-li.t0 > .nav-item { display: block; height: 30px; line-height: 30px; padding: 0 12px; font-size: 0.6em; color: #fff; text-transform: uppercase; } #top .top-nav ul.nav-ul > li.nav-li.wc > .nav-item { padding-right: 42px; cursor: pointer; } #top .top-nav ul.nav-ul > li.nav-li > .nav-item > .nav-img { float: left; width: 18px; margin: 10px 7px 0 0; } #top .top-nav ul.nav-ul > li.nav-li.wc::after { content: '\f0ca'; font-family: 'FontAwesome'; position: absolute; top: 0; right: 0; height: 30px; line-height: 28px; padding: 0 6px; font-size: 0.8em; color: #919eb1; background: #111f22; border: 1px solid #000; border-width: 0 1px; pointer-events: none; } #top .top-nav ul.nav-ul > li.nav-li > ul.nav-ul { position: absolute; top: 30px; left: calc(100% - 30px); margin: 0; padding: 5px 0; list-style: none; background: #111f22; border: 1px solid #000; border-top: none; opacity: 0; visibility: hidden; transition: all linear 150ms; } #top .top-nav ul.nav-ul > li.nav-li.click > ul.nav-ul { opacity: 1; visibility: visible; } #top .top-nav ul.nav-ul > li.nav-li > ul.nav-ul li.nav-li { display: block; margin: 0; padding: 0; font-size: 0.8em; } #top .top-nav ul.nav-ul > li.nav-li > ul.nav-ul li.nav-li .nav-item { display: block; padding: 10px 15px; color: #fff; transition: all linear 150ms; } #top .top-nav ul.nav-ul > li.nav-li > ul.nav-ul li.nav-li .nav-item:hover { background: rgba(255,255,255,0.1); } #header-main { display: flex; justify-content: space-between; max-width: 1630px; height: 112px; margin: 0 auto; padding: 0 1em; } #header-logo { float: left; width: 165px; height: 112px; line-height: 112px; text-align: center; background: url(/Images/edu-logo.png) no-repeat center center; } #header-logo span { display: none; } #header-mobile-icon { float: right; display: none; margin: 12px 0 0 0; padding: 7px 6px; font-size: 1.5rem; line-height: 100%; height: fit-content; cursor: pointer; border: 1px solid #aaa; } #header-mobile-icon:hover { background: #eee; } #header-nav { flex: 0 1 auto; height:100%; } #header-nav .main-nav { height:100%; } #header-nav .main-nav > div:not(.clear) { height:100%; } #header-nav .main-nav > div > .nav-ul { display: block; margin: 0 -20px 0 0; height: 100%; padding: 0; list-style: none; font-size: 16px; white-space: nowrap; } #header-nav .main-nav > div > .nav-ul::after { display: block; content: ''; clear: both; } #header-nav .main-nav > div > .nav-ul > .nav-li { position: relative; display: block; float: left; height: 100%; margin: 0 0 0 3px; padding: 0; } #header-nav .main-nav > div > .nav-ul > .nav-li::before { display: block; content: ''; position: absolute; left: -2px; top: 20px; bottom: 20px; width: 1px; background: #eee; border-radius: 100%; } #header-nav .main-nav > div > .nav-ul > .nav-li:first-child { margin-left: 0; } #header-nav .main-nav > div > .nav-ul > .nav-li:first-child::before { display: none; } #header-nav .main-nav > div > .nav-ul > .nav-li > .nav-item { position: relative; z-index: 3; display: block; height: 100%; line-height: 112px; padding: 0 20px; color: #666; } #header-nav .main-nav > div > .nav-ul > .nav-li.wl > a.nav-item { text-decoration: none; } #header-nav .main-nav > div > .nav-ul > .nav-li .nav-item.with-image { overflow: hidden; } #header-nav .main-nav > div > .nav-ul > .nav-li .nav-item img { width: 100%; aspect-ratio: 1.5; object-fit: cover; margin-bottom: 0; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li .nav-item.t1.with-open-icon, #header-nav .main-nav > div > .nav-ul > .nav-li .nav-item.t1 .nav-text { display: block; text-align: left; font-size: 16px; color: var(--main-link-hover); padding: 0 0 10px 0; font-weight: 400; } #header-nav .main-nav > div > .nav-ul > .nav-li:hover > .nav-item, #header-nav .main-nav > div > .nav-ul > .nav-li:hover > a.nav-item, #header-nav .main-nav > div > .nav-ul > .nav-li > .nav-item:hover, #header-nav .main-nav > div > .nav-ul > .nav-li > a.nav-item:hover { color: var(--main-link-hover); -webkit-transition: var(--transition-vis100); -moz-transition: var(--transition-vis100); -o-transition: var(--transition-vis100); transition: var(--transition-vis100); } #header-nav .main-nav > div > .nav-ul > .nav-li > .nav-item { cursor: default; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1; gap: 12px; } #header-nav .main-nav > div > .nav-ul > .nav-li > a.nav-item, #header-nav .main-nav > div > .nav-ul > .nav-li.wc > span.nav-item { cursor: pointer; } #header-nav .main-nav > div > .nav-ul > .nav-li > a > i, #header-nav .main-nav > div > .nav-ul > .nav-li > span > i { display: block; font-size: 200%; color: var(--main-link-color); } #header-nav .main-nav li.nav-li.wc > .nav-item .open-icon { display: none; margin: 0 0 0 0.5em; font-size: 80%; } #header-nav .main-nav li.nav-li.wc > .nav-item .open-icon::before { content: '\f078'; font-family: FontAwesome; position: relative; top: -0.15em; display: inline-block; -webkit-transition: all linear 50ms 50ms, color linear 100ms 0ms; -moz-transition: all linear 50ms 50ms, color linear 100ms 0ms; -o-transition: all linear 50ms 50ms, color linear 100ms 0ms; transition: all linear 50ms 50ms, color linear 100ms 0ms; } #header-nav .main-nav > div > .nav-ul > li.nav-li.wc > .nav-item:hover .open-icon::before, #header-nav .main-nav > div > .nav-ul > li.nav-li.wc:hover > .nav-item .open-icon::before { top: 0; } #header-nav .main-nav li.nav-li.wc > .nav-item:hover .open-icon::before, #header-nav .main-nav li.nav-li.wc:hover > .nav-item .open-icon::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all linear 50ms 250ms, color linear 100ms 0ms; -moz-transition: all linear 50ms 250ms, color linear 100ms 0ms; -o-transition: all linear 50ms 250ms, color linear 100ms 0ms; transition: all linear 50ms 250ms, color linear 100ms 0ms; } #header-nav .main-nav > div > .nav-ul .nav-ul.t1 { position: fixed; border: 2px solid #000; border-top: 3px solid var(--main-link-hover); border-radius: 0px 0px 15px 15px; display: flex; flex-flow: row nowrap; justify-content: space-evenly; padding-bottom: 1em; z-index: 2; left: calc((100vw - var(--main-max-width)) * .5); width: 100%; max-width: var(--main-max-width); margin: 0; padding: 0; list-style: none; background: var(--lite-back-color2); opacity: 0; visibility: hidden; text-transform: none; white-space: normal; -webkit-transition: all linear 100ms; -moz-transition: all linear 100ms; -o-transition: all linear 100ms; transition: all linear 100ms; border-radius: 0 0 2px 2px; box-shadow: 0 3000px 0 3000px rgba(0, 0, 0, 0.75), 0 2px 5px 0 rgba(0, 0, 0, 1); transition-delay: 50ms; } #header-nav .main-nav > div > .nav-ul .nav-ul { } #header-nav .main-nav > div > .nav-ul .nav-ul .nav-ul { position: relative; right: unset; box-shadow: none; list-style: circle; text-align: left; font-size: 80%; padding-left: 20px; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-item:hover + .nav-ul, #header-nav .main-nav > div > .nav-ul .nav-li:hover > .nav-ul, #header-nav .main-nav > div > .nav-ul .nav-li:hover > .nav-ul .nav-ul, #header-nav .main-nav > div > .nav-ul .nav-li .nav-item:hover + .nav-ul .nav-ul, #header-nav .main-nav > div > .nav-ul .nav-li.t0.hover > .nav-ul { opacity: 1; visibility: visible; transition-delay: 250ms; } #header-nav .main-nav > div > .nav-ul .nav-li.t0.hover .nav-item.t0, #header-nav .main-nav > div > .nav-ul .nav-li.t0.open .nav-item.t0 { box-shadow: 0px 0 5px -0px rgba(0,0,0,.5); background-color: #f1f1f1; color: #000; } #header-nav .main-nav > div > .nav-ul .nav-li.t0.wdc.hover .nav-item.t0::after, #header-nav .main-nav > div > .nav-ul .nav-li.t0.wdc.open .nav-item.t0::after { content: ''; position: absolute; bottom: -8px; left: -4px; right: -4px; height: 8px; background-color: #f1f1f1; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-title { flex-basis: 100%; font-size: 28px; padding: 0.75em 0; font-weight: 400; margin-bottom: 1em; border-bottom: 1px solid #414142; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.t1 { position: relative; display: inline-block; margin: 0; flex:1 1 auto; color: #000; box-sizing: border-box; padding: 0; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.t1:first-of-type { padding-left: 0; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.t1:last-of-type { padding-right: 0; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li .nav-item { display: flex; padding: 0.1rem 0.5rem ; color: var(--main-link-color); text-decoration: none; font-size: 18px; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li .nav-item.t3 { font-size: 16px; line-height: 1; padding: 0.2rem; white-space: nowrap; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.t1:not(.wc) { flex: 0 1 30%; margin-right: 2em; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li:not(.wc) + .nav-li { flex-grow: 1; flex-basis: auto; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li:not(.wc) + .nav-li > .nav-ul .nav-li { width: 100%; display: inline-flex; justify-content: flex-end; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li:not(.wc) + .nav-li > .nav-ul .nav-li:last-of-type:not(:nth-child(2n)) { width: 94%; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li:not(.wc) .nav-item.t2 img { height: 60%; object-fit: contain; margin-bottom: 1.5rem; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li { display: flex; justify-content: flex-end; flex-direction: column; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li .nav-item { color: #000; position: relative; line-height: 1.5; display: flex; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li .nav-item.t2.with-image { gap: 10px; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li .nav-item.t2.with-image img { width: 64px; height: auto; aspect-ratio: 1; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li .nav-item.t2.with-image img + span { font-weight: 400 } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li .nav-item i { display: none; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li span.nav-item { border-bottom: 1px solid rgba(0,0,0,.1); font-size: 14px; font-weight: 700; padding: 20px 0 4px 0; color: #444; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li:first-child span.nav-item { padding-top: 0; } /* #header-nav .header-nav > div > .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2:after { content: ""; display: inline; position: absolute; margin-top: 8px; right: -8px; width: 3px; height: 3px; background-color: var(--main-link-color); border-radius: 3px; transition: 150ms 150ms margin-top,150ms width,150ms 150ms color,150ms 150ms height,150ms right; } #header-nav .header-nav > div > .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2:hover:after { background-color: var(--main-link-color); margin-top: 20px; width: 105%; height: 1px; border-radius: 3px; right: 0; transition: 150ms ease-in-out margin-top,150ms 150ms width,150ms color,150ms height,150ms 150ms right; } */ /* #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li:hover > .nav-item.t2 { background: rgba(0, 0, 0, 0.125); } */ #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.wc > .nav-item { padding: 0 0.5rem; } #header-nav .main-nav > div > .nav-ul.t0 > .nav-li.t0 > .nav-ul.t1 .nav-li.t1.wc > .nav-item.t1 { flex-basis: auto; text-align: left; font-size: 40px; font-weight: 600; line-height: 1; margin: auto 0.5em; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.wc > .nav-item .open-icon { position: absolute; top: 0.65rem; right: 0.6rem; margin: 0; display: none; } #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.wc > .nav-item .open-icon::before { content: '\f054'; } #header-nav .main-nav > div > .nav-ul .nav-ul .nav-li.wc > .nav-item { position: relative; } /* #header-nav .header-nav > div > .nav-ul .nav-ul .nav-li.wc > .nav-item::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 4px; height: 0%; background: #000; opacity: 0; -webkit-transition: all linear 100ms; -moz-transition: all linear 100ms; -o-transition: all linear 100ms; transition: all linear 100ms; transition-delay: 50ms; } */ #header-nav .main-nav > div > .nav-ul .nav-ul .nav-li.wc > .nav-item:hover::before, #header-nav .main-nav > div > .nav-ul .nav-ul .nav-li.wc:hover > .nav-item::before { height: 100%; opacity: 1; } #header-mobile-nav { position: fixed; z-index: 99; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: opacity linear 100ms, visibility linear 100ms; -moz-transition: opacity linear 100ms, visibility linear 100ms; -o-transition: opacity linear 100ms, visibility linear 100ms; transition: opacity linear 100ms, visibility linear 100ms; } #header-mobile-mask { position: fixed; z-index: 97; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } #header-mobile-nav .mobile-nav { position: fixed; z-index: 98; top: 0; left: -100%; bottom: 0; width: 100%; min-width: 360px; max-width: 750px; height: 100%; overflow-y: auto; background: #fff; -webkit-transition: left linear 100ms, width linear 100ms; -moz-transition: left linear 100ms, width linear 100ms; -o-transition: left linear 100ms, width linear 100ms; transition: left linear 100ms, width linear 100ms; scrollbar-width: thin; } html.mobile-open #header-mobile-nav .mobile-nav { left: 0; } #header-mobile-nav .header-mobile-logo { display: block; margin: 1em 4rem 0.9em 1.7rem; text-align: center; } #header-mobile-nav .header-mobile-logo a { display: block; } #header-mobile-nav .header-mobile-logo a img { display: block; max-width: 100%; max-height: 100px; margin: 0 auto; } #header-mobile-nav .header-mobile-close { position: absolute; z-index: 99; top: 1px; right: 1px; padding: 0.1em 0.2em; font-size: 2.25rem; line-height: 100%; color: inherit; cursor: pointer; } #header-mobile-nav .header-mobile-close:hover { color: var(--main-link-hover); } #header-mobile-nav .mobile-nav ul.nav-ul { margin: 0.5em; padding: 0; list-style: none; } #header-mobile-nav .mobile-nav ul.nav-ul.t0 { padding-bottom: 2rem; border-top: 1px solid #ddd; } #header-mobile-nav .mobile-nav ul.nav-ul ul.nav-ul { margin: 0; } #header-mobile-nav .mobile-nav li.nav-li { position: relative; margin: -1px 0 0 0; padding: 0; overflow: hidden; } #header-mobile-nav .mobile-nav .nav-item { position: relative; display: block; font-size:125%; padding: 0.6em 0.7em; line-height: 1.2; color: #000; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; white-space: normal; } #header-mobile-nav .mobile-nav li.nav-li.wc > .nav-item { padding-right: 2.4em; cursor: pointer; } #header-mobile-nav .mobile-nav.show-images .nav-item.with-image { padding: 0; } #header-mobile-nav .mobile-nav .nav-item .nav-img { display: none; width: 100%; } #header-mobile-nav .mobile-nav .nav-item .nav-img2 { display: none; width: 100%; } #header-mobile-nav .mobile-nav.show-images .nav-item .nav-img { display: block; } #header-mobile-nav .mobile-nav.show-images .nav-item.with-image .nav-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.6rem 0.7rem; color: #fff; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #000; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); } #header-mobile-nav .mobile-nav.show-images .nav-item.with-image:hover .nav-text { padding: 0.8rem 0.7rem; background: rgba(0, 0, 0, 0.85); } #header-mobile-nav .mobile-nav .nav-item.t1 { margin-left: 1.65em; border-left: 1px solid #ddd; } #header-mobile-nav .mobile-nav .nav-item.t2 { margin-left: 3.3em; border-left: 1px solid #ddd; } #header-mobile-nav .mobile-nav a.nav-item:hover, #header-mobile-nav .mobile-nav li.nav-li.wc > .nav-item:hover, #header-mobile-nav .mobile-nav li.nav-li.wc.open > .nav-item, #header-mobile-nav .mobile-nav li.nav-li.wc.open > .nav-item:hover { background: #f5f5f5; } #header-mobile-nav .mobile-nav li.nav-li.wc > .nav-item .open-icon { display: flex; position: absolute; top: 0; right: 0; bottom: 0; width: 2.4em; line-height: 1; text-align: center; cursor: pointer; background: #f5f5f5; } #header-mobile-nav .mobile-nav li.nav-li.wc > .nav-item:hover .open-icon, #header-mobile-nav .mobile-nav li.nav-li.wc.open > .nav-item .open-icon { background: #e5e5e5; } #header-mobile-nav .mobile-nav li.nav-li.wc > .nav-item .open-icon::before { content: '\f0d8'; font-family: FontAwesome; margin: auto; padding-bottom: 0.2em; color: #808080; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } #header-mobile-nav .mobile-nav li.nav-li.wc > span.nav-item:hover .open-icon::before, #header-mobile-nav .mobile-nav li.nav-li.wc > .nav-item .open-icon:hover::before { color: #000; } #header-mobile-nav .mobile-nav li.nav-li.wc.open > .nav-item .open-icon::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); } #header-mobile-nav .mobile-nav li.nav-li.wc > ul { display: none; } /*-- Mega Nav --*/ #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 { position: fixed; width: 1180px; left: calc(50% - 610px); margin-top: 5px; height: unset; background-color: rgba(255,255,255,.9); padding-top: 0px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-header { position: absolute; border-bottom: 2px solid var(--main-link-color); width: 100%; left: 0px; padding: 14px 0px; font-size: 28px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close { position: absolute; right: 25px; top: 10px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container { position: relative; width: 35px; height: 35px; cursor: pointer; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container .bar { position: absolute; width: 100%; height: 1px; background-color: #565656; left: 0px; bottom: 50% } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container .bar:first-child { transform: rotate(-45deg); } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container .bar:last-child { transform: rotate(45deg); } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container:hover .bar:first-child { transform: rotate(-45deg)scaleX(.5)translate(-10px,-3px); } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container:hover .bar:last-child { transform: rotate(45deg)scaleX(.5)translate(10px, -4px); } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 { box-sizing: border-box; position: fixed; width: auto; max-width: unset; top: 112px; left: 0; right: 0; margin-top: 0; height: unset; padding: 40px max(calc(50vw - 820px), 0px); box-sizing: border-box; background-color: #f1f1f1; border: 0; border-radius: 0; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 span.nav-item.t1 { text-align: left; position: relative; display: flex; color: var(--main-link-hover); margin: 0; margin: 0 20px 10px 20px; font-weight: 700; white-space: normal; word-break: break-word; font-size: 20px; cursor: unset; background: #ddd; padding: 10px; border-radius: 3px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 span.nav-item.t1 i { display: inline-block; width: 1em; padding: 10px; margin: -10px 10px -10px -10px; box-sizing: content-box; border-right: 1px solid rgba(0,0,0,.1); } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 { position: relative; display: flex; flex-flow: column wrap; font-weight: 300; color: #3c3c3c; font-size: 17px; padding: 0 1rem; margin: 0; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 { padding: 0; flex-grow: 0; } #header .header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-item.t1 > img { width: 30px; margin-left: 10px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2 { font-size: 16px; font-weight: 700; color: var(--main-link-color); margin: 0; padding: .25em 0.5em .25em .5em; transition: all .2s; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2:hover { color: #000; padding: .25em 0 .25em 1em; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2 i { display: none; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2:not(.with-image)::before { content: '\f0da'; display: inline-block; color: rgba(0,0,0,.25); width: 1em; font-family: 'FontAwesome', Helvetica, Arial, Sans-Serif; transition: all .2s; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2:hover::before { color: #000; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 .nav-ul.t3 .nav-li.t3 a.nav-item.t3:hover { color: #000; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 { display: flex; flex-direction: column; margin-top: 0px; text-align: right; flex: 1 1 100%; border-left: #ddd 1px solid; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1:first-child { border-left: none; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-4 { width: 25%; margin-top: 75px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-4:nth-child(4n+1) { clear: both; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-4:nth-child(n+5) { margin-top: 10px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-3 { width: 33.333%; margin-top: 60px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-3:nth-child(3n+1) { clear: both; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-3:nth-child(n+4) { margin-top: 10px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 { width: 50%; margin-top: 60px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2:nth-child(2n+1) { clear: both; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2:nth-child(n+3) { margin-top: 10px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-1 { width: 100%; margin-top: 60px; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 span.nav-item.t1, #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-1 span.nav-item.t1 { text-align: right; width: 100%; float: right; display: block; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 .nav-ul.t2, #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-1 .nav-ul.t2 { } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 .nav-ul.t2 .nav-li.t2 { display: inline-block; width: 50%; text-align: right; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-1 .nav-ul.t2 .nav-li.t2 { display: inline-block; width: 25%; text-align: right; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 .nav-ul.t2 .nav-li.t2 a.nav-item.t2, #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2 { text-align: center; } #main { min-height: 250px; } #footer { display: block; color: #dee1e2; background: #1f373d; border-top: 4px solid #2d454b; } #footer a { color: #fff; text-decoration: none; } #footer a:hover { color: #fff; text-decoration: underline; } #footer-main { max-width: 1681px; margin: 0 auto; padding: 2em 30px; font-size: 90%; } #footer-main .footer-column { float: left; width: 37%; } #footer-main .footer-column-clear { display: none; } #footer-main .footer-column-left { width: 33.33%; } #footer-main .footer-column-mid { width: 31.33%; } #footer-main .footer-column-right { float: right; width: auto; } #footer-main .footer-column-left .container { margin: 0 auto; } #footer-main .footer-column-right .container { max-width: 430px; margin: 0 auto; } #footer-main .footer-title, #footer-main .content-title { margin: 0 0 0.25em 0; font-size: 110%; text-transform: uppercase; } #footer-main .footer-column-left .footer-title { font-size: 125%; text-align: center; } #footer-main .footer-column-mid .footer-title { font-size: 18px; text-align: center; } #footer-main .footer-column-right .content-title { margin-bottom: 0.15em; font-size: 125%; } #footer-main .content-data { line-height: 1.2; } #footer-main .module-site_navigation { margin-top: 0.75em; } #footer-main .module-site_navigation ul.nav-ul { margin: 0 0 0 1.5em; padding: 0; font-size: 0.8rem; } #footer-main .module-site_navigation ul.nav-ul.t0 { margin-left: 0; font-size: 0.9rem; display: flex; justify-content: center; } #footer-main .module-site_navigation li.nav-li { padding: 0; line-height: 2; } #footer-main .module-site_navigation li.nav-li.is-empty { padding-top: 0; } #footer-main .module-site_navigation ul.nav-ul.t0 > li.nav-li:first-child { padding-top: 0; } #footer-main .module-site_navigation .nav-item { } #footer-main .module-site_navigation .nav-item::before { content: '\f105'; font-family: FontAwesome; position: relative; top: -1px; float: left; margin: 0 9px 0 2px; color: #8f9b9e; transition: all linear 100ms; -moz-transition: all linear 100ms; -webkit-transition: all linear 100ms; -o-transition: all linear 100ms; } #footer-main .module-site_navigation span.nav-item::before { content: '\f107'; margin: 0 6px 0 0; } #footer-main .module-site_navigation a.nav-item:hover::before { margin: 0 6px 0 5px; color: inherit; } #footer-main .footer-logo { display: block; width: 222px; height: 107px; margin: 0 auto 1.5em auto; background: url(/common/images/logo-bottom-edu.png) no-repeat center top; } #footer-main .footer-logo a { display: block; height: 107px; background: url(/common/images/logo-bottom-edu.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-logo a:hover { opacity: 1; } #footer-main .footer-logo a span { display: none; } #footer-main .footer-mid-logos { width: 355px; margin: 1em auto 0 auto; } #footer-main .footer-mid-logo { float: left; width: 90px; height: 56px; background-repeat: no-repeat; background-position: center top; } #footer-main .footer-mid-logo a { display: block; height: 56px; background-repeat: no-repeat; background-position: center top; } #footer-main .footer-mid-logo a span { display: none; } #footer-main .footer-mid-logo-fhc { float: left; width: 90px; height: 56px; margin: 2px 0 1em 40px; background: url(/common/images/logo-bottom-fhc.png) no-repeat center top; } #footer-main .footer-mid-logo-fmc { float: left; width: 90px; height: 56px; margin: 1px 0 1em 40px; background: url(/common/images/logo-bottom-fmc.png) no-repeat center top; } #footer-main .footer-mid-logo-ssc { float: left; width: 90px; height: 56px; margin: 0 0 1em 40px; background: url(/common/images/logo-bottom-ssc.png) no-repeat center top; } #footer-main .footer-mid-logo-cec { float: left; width: 97px; height: 46px; margin: 12px 0 0 36px; background: url(/common/images/logo-bottom-cec.png) no-repeat center top; } #footer-main .footer-mid-logo-chc { float: left; width: 90px; height: 56px; margin: 0; background: url(/common/images/logo-bottom-chc.png) no-repeat center top; } #footer-main .footer-mid-logo-hcat { float: left; width: 90px; height: 56px; margin: 0 0 0 36px; background: url(/common/images/logo-bottom-hcat.png) no-repeat center top; } #footer-main .footer-mid-logo-tbbbt { float: left; width: 90px; height: 56px; margin: 0 0 0 40px; background: url(/common/images/logo-bottom-tbbbt.png) no-repeat center top; } #footer-main .footer-mid-logo-fmcert { float: left; width: 90px; height: 56px; margin: 2px 0 1em 0; background: url(/common/images/logo-bottom-EDU-fmcert.png) no-repeat center top; } #footer-main .footer-mid-logo-edp { float: left; width: 90px; height: 56px; margin: 2px 0 1em 0; background: url(/common/images/logo-bottom-EDU-edp.png) no-repeat center top; } #footer-main .footer-mid-logo-fac { float: left; width: 90px; height: 56px; margin: 2px 0 1em 40px; background: url(/common/images/logo-bottom-EDU-fac.png) no-repeat center top; } #footer-main .footer-mid-logo-fac:hover { background: none; } #footer-main .footer-mid-logo-edp:hover { background: none; } #footer-main .footer-mid-logo-fhc a { display: block; height: 56px; background: url(/common/images/logo-bottom-fhc.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-fmc a { display: block; height: 56px; background: url(/common/images/logo-bottom-fmc.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-ssc a { display: block; height: 56px; background: url(/common/images/logo-bottom-ssc.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-cec a { display: block; height: 46px; background: url(/common/images/logo-bottom-cec.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-chc a { display: block; height: 56px; background: url(/common/images/logo-bottom-chc.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-hcat a { display: block; height: 56px; background: url(/common/images/logo-bottom-hcat.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-tbbbt a { display: block; height: 56px; background: url(/common/images/logo-bottom-tbbbt.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-fmcert a { display: block; height: 56px; background: url(/common/images/logo-bottom-EDU-fmcert.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-edp a { display: block; height: 56px; background: url(/common/images/logo-bottom-EDU-edp.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo-fac a { display: block; height: 56px; background: url(/common/images/logo-bottom-EDU-fac.png) no-repeat center bottom; opacity: 0; } #footer-main .footer-mid-logo a:hover { opacity: 1; } #footer-main .module-feedback_forms .form-fields.field-count-1 { max-width: 1000px; margin-top: 0.75em; } #footer-main .module-feedback_forms .form-fields.field-count-1 ul { position: relative; } #footer-main .module-feedback_forms .form-fields.field-count-1 ul li:last-child { position: absolute; top: 0; right: 0; } #footer-main .module-feedback_forms .form-wrapper .content-data p:first-child { margin-top: 0; } #footer-main .module-feedback_forms .form-wrapper .content-data p:last-child { margin-bottom: 0; } #footer-main .module-feedback_forms .form-fields.field-count-1 ul li .field-group { padding-top: 0; } #footer-main .module-feedback_forms .form-fields.field-count-1 ul li input.textbox { padding: 12px 50px 12px 15px; font-size: 100%; line-height: 100%; } #footer-main .module-feedback_forms .form-fields.field-count-1 ul li input.button, #footer-main .module-feedback_forms .form-fields.field-count-1 ul li button.button { width: 43px; margin-right: 0; padding: 13px 0 12px 0; font-size: 100%; line-height: 100%; color: #000; background-color: #ddd; border-radius: 0 4px 4px 0; } #footer-main .module-feedback_forms .form-fields.field-count-1 ul li button.button:hover { background-color: #ccc; } #footer-main .footer-social { margin-top: 1.5em; } #footer-main .footer-social h5.footer-title { margin: 0 0 0.5em 0; text-align: center; } #footer-main .footer-social-links { text-align: center; } #footer-main .footer-social h5.footer-title + .footer-social-links { text-align: left; display: flex; flex-wrap: wrap; } #footer-main .footer-social-links a { position: relative; display: inline-block; font-size: 2.5em; line-height: 100%; text-align: center; text-decoration: none; flex-basis: 33%; margin-bottom: 5px; } #footer-main .footer-social-links a:hover { color: #ffa022; } #footer .footer-social-links a .hover-image { display: none; } #footer .footer-social-links a:hover .image { display: none; } #footer .footer-social-links a:hover .hover-image { display: inline-block; } /* #footer-main .footer-social-links a + a { margin-left: 0.7em; } */ #footer-main .footer-social-links a span { display: block; margin-top: 3px; font-size: 14px; line-height: 100%; } #footer-bottom { display: block; background: #233b41; border-top: 4px solid #2d454b; } #footer-bottom-main { max-width: 1661px; margin: 0 auto; padding: 30px 20px; font-size: 0.8em; color: #8aa1a7; } #footer-bottom-main a { color: #8aa1a7; text-decoration: none; border-bottom: 1px dotted; } #footer-bottom-main a:hover { color: #a2b6bb; border-bottom: 1px solid; } #copyright { /*float: left;*/ margin: 0 auto; text-align: center; } #copyright span.powered { margin-left: 0.5em; } #footer-bottom .module-site_navigation { float: right; } #footer-bottom .module-site_navigation > ul.nav-ul { margin: 0; padding: 0; list-style: none; } #footer-bottom .module-site_navigation > ul.nav-ul > li.nav-li { float: left; margin: 0; padding: 0; } #footer-bottom .module-site_navigation > ul.nav-ul > li.ws { display: none; } /*#footer-bottom .module-site_navigation > ul.nav-ul > li.nav-li:not(:last-child)::after { content: '\2022'; margin: 0 7px; }*/ #footer-bottom .module-site_navigation > ul.nav-ul > li.nav-li:not(:first-child)::before { content: '\2022'; margin: 0 7px; } #footer-bottom .module-site_navigation > ul.nav-ul > li.nav-li ul.nav-ul { display: none; } /*-- Page Manager styles -- */ #PageManagerWatermark { position: fixed; z-index: 99999; left: 0; bottom: 0; padding: 10px; font-weight: 600; font-size: 20px; line-height: 1; font-family: Helvetica, Arial, Sans-Serif; text-decoration: none; color: #eee; opacity: 0.33; text-shadow: -1px 0 0 #000, 0 -1px 0 #000, 1px 0 0 #000, 0 1px 0 #000; cursor: pointer; transition: all 100ms; -moz-transition: all 100ms; -webkit-transition: all 100ms; -o-transition: all 100ms; -webkit-transition-delay: 3s; -moz-transition-delay: 3s; -o-transition-delay: 3s; transition-delay: 3s; } #PageManagerWatermark:hover { color: #fff; text-decoration: none; visibility: hidden; opacity: 0; -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .center { width: 1400px; margin-left: auto; margin-right: auto; padding: 0; } .center > .row > .cell { flex-grow: 1; } /* .center .center, .center-no .center { width: auto; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } */ .center-no > .row, .center > .row { display: flex; position: relative; z-index: 1; } .center-no { width: 100%; } .center-no > .row > .cell:not(.cell-post):not(.cell-pre) { flex-grow: 1; flex-shrink: 1; height: fit-content; } .PageManagerContent .panel { position: relative; overflow: hidden; } .PageManagerContent .panel::before, .PageManagerContent .panel::after { content: "."; display: block; clear: both; height: 0; line-height: 0; font-size: 0; color: transparent; overflow: hidden; } .PageManagerContent .panel.centered { text-align: center; } .PageManagerContent .panel.dark-background, .PageManagerContent .panel.dark-background .panel-table, .PageManagerContent .panel.dark-background .panel-table .cell { color: #fff; } .PageManagerContent .panel .panel-background, .PageManagerContent .panel .panel-background-layer { content: ""; position: absolute; z-index: -99; top: 0; right: 0; bottom: 0; left: 0; display: block; } .PageManagerContent .panel .panel-background { z-index: 0; background-repeat: no-repeat; background-size: cover; } .PageManagerContent .panel .panel-title { margin-top: 1.2rem; } .PageManagerContent .panel .panel-title-box .title-tag { line-height: 1.2; font-weight: normal; text-transform: uppercase; } .PageManagerContent .panel .panel-title-box div.title-tag, .PageManagerContent .panel .panel-title .module-title-tag { font-size: 225%; } .PageManagerContent .panel .panel-title-box h1.title-tag, .PageManagerContent .panel .panel-title h1.module-title-tag { font-size: 300%; } .PageManagerContent .panel .cell.is-condensed { font-size: 100%; } .PageManagerContent .panel .cell .cell-content { margin-top: 3rem; margin-bottom: 3rem; } .PageManagerContent .panel .panel-title.change-banner + .panel-table .cell .cell-content.module-store { margin-top: 0; } .PageManagerContent .panel.thin-padding .cell .cell-content { margin-top: 0.5rem; } .PageManagerContent .panel .cell.is-condensed .cell-content { margin-bottom: 1rem; } .PageManagerContent .panel .cell .cell-content.module-presentation { margin-top: 0; } .PageManagerContent .panel.dark-background > .panel-table .cell .cell-wrapper .module-rich_text:first-child { padding-top: 2rem; } .PageManagerContent .panel .center .cell.has-prev .cell-content { padding-left: 13.5%; } .PageManagerContent .panel .center-no .cell.has-prev .cell-content { padding-left: 11.5%; } .PageManagerContent .panel .cell.has-prev:not(.is-condensed) .module-presentation, .PageManagerContent .panel .cell.has-prev:not(.is-condensed) .module-photo_gallery { padding-left: 0; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .center-no .cell.has-prev-no .cell-content { margin-left: 7.4094%; margin-left: 7.34375vw; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .center-no .cell.has-bgcolor.has-next-no, .PageManagerContent .panel .center-no .cell.has-next-no .cell-content, .PageManagerContent .panel .cell.has-next-bgcolor .cell-content, .PageManagerContent .panel .cell.has-bgcolor .cell-content { margin-right: 2.5rem; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .center-no .cell.has-next-no .cell-content { margin-right: 7.4094%; margin-right: 7.34375vw; } .PageManagerContent .panel .center-no .cell.has-prev-no .module-presentation { margin-left: 0%; } .PageManagerContent .panel .center-no .cell.has-next-no .module-presentation, .PageManagerContent .panel .center-no .cell.has-next-no .module-video_gallery { margin-right: 0%; } .PageManagerContent .panel .cell.is-condensed .cell-content + .cell-content { margin-top: 0; } .PageManagerContent .panel .cell .cell-content .content-title { margin: 0 0 1.25rem 0; font-weight: normal; line-height: 1.1; text-transform: uppercase; font-family: 'Playfair Display', Helvetica, Arial, Sans-Serif, 'FontAwesome'; } .PageManagerContent .panel .cell .cell-content div.content-title { font-size: 225%; } .PageManagerContent .panel .cell .cell-content h1.content-title { font-size: 260%; } .PageManagerContent .panel .cell .cell-content h2.content-title { font-size: 250%; } .PageManagerContent .panel .cell .cell-content h2.content-title.services-title { font-size: 260%; } .PageManagerContent .panel .cell .cell-content .content-title.ncase { text-transform: none; } .PageManagerContent .panel .cell .cell-content .content-title.mini-text { margin-bottom: 0.2rem; } .PageManagerContent .panel .cell .cell-content .content-title.with-subtitle { margin-bottom: 1.85rem; } .PageManagerContent .panel .cell .cell-content .content-title.with-subtitle.mini-text { margin-bottom: 0.45rem; } .PageManagerContent .panel .cell .cell-content .content-title.no-content, .PageManagerContent .panel .cell .cell-content .content-title.no-content.with-subtitle { margin-bottom: 0; } .PageManagerContent .panel .cell .cell-content .content-title.with-subtitle div.subtitle { padding: 0.3em 0 0.15em 0; font-size: 0.6em; font-weight: bold; } .PageManagerContent .panel .cell .cell-content .content-title.with-subtitle div.subtitle.font-body { text-transform: none; } .PageManagerContent .panel.dark-background .cell .cell-content .content-title.with-subtitle div.subtitle.font-body { font-weight: normal; } .PageManagerContent .panel .cell .cell-content .content-title.color-block { display: inline-block; margin-left: -1.5rem; padding: 0.85rem 1.5rem; color: #fff; background: #ff8d00; } .PageManagerContent .panel .cell .cell-content .content-title.with-subtitle.color-block div.subtitle { padding-top: 0.15em; font-size: 0.7em; font-weight: bold; color: #1f373d; } .PageManagerContent .panel .cell .cell-content .content-data { font-size: 125%; } .PageManagerContent .panel .cell .cell-content .content-data h1 { font-size: 240%; } .PageManagerContent .panel .cell .cell-content .content-data h2 { font-size: 208%; } .PageManagerContent .panel .cell .cell-content .content-data h3 { font-size: 180%; } .PageManagerContent .panel .cell .cell-content .content-data h4 { font-size: 160%; } .PageManagerContent .panel .cell .cell-content .content-data h5 { font-size: 140%; } .PageManagerContent .panel .cell .cell-content .content-data h6 { font-size: 80%; } /* Generic Card Style */ .card-style > ul { display: flex; flex-flow: row wrap; margin: 0 -1rem; padding: 0; list-style: none; } .card-style > ul.no-images { margin: 0.25rem -0.75rem; } .card-style > ul > li { display: flex; flex: 0 0 100%; padding: 1rem; } .card-style > ul > li.mw500 { max-width: 500px; } .card-style > ul.no-images > li { padding: 0.75rem; } .card-style.columns-2 > ul > li { flex-basis: 50%; } .card-style.columns-3 > ul > li { flex-basis: 33.333%; } .card-style.columns-4 > ul > li { flex-basis: 25%; } .card-style.columns-5 > ul > li { flex-basis: 20%; } .card-style.columns-6 > ul > li { flex-basis: 16.666%; } .card-style.columns-7 > ul > li { flex-basis: 14.285%; } .card-style.columns-8 > ul > li { flex-basis: 12.5%; } .card-style > ul > li .report { position: relative; z-index: 0; width:100%; padding: 1rem; overflow: hidden; border-radius: 0.15rem; background-color:#eee; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35); } .card-style > ul > li .report .report-title { font-size:150%; font-weight:700; padding:0; margin:-1rem -1rem 1rem -1rem; } .card-style > ul > li .report .report-title span { display:block; margin:0; padding:.25rem; background-color:#0690cf; color:#fff; text-align:center; } .card-style > ul > li .report.sales .report-title span { background-color:#ea9423; } .card-style > ul > li .report .report-subtitle { font-size:133%; font-weight:700; border-bottom:1px dotted #aaa; padding:20px 0 5px 0; } .card-style > ul > li .report .report-subtitle:nth-child(2) { padding-top:0; } .card-style > ul > li .report .report-row { border-bottom:1px dotted #aaa; } .card-style > ul > li .report .report-row::after { display:block; content:''; clear:both; } .card-style > ul > li .report .report-key { float:left; width:50%; font-weight:700; } .card-style > ul > li .report .report-value { float:left; width:50%; } .card-style > ul > li a { position: relative; z-index: 0; display: flex; flex-flow: column nowrap; flex: 0 0 100%; width: 100%; padding: 0; text-decoration: none; overflow: hidden; border-radius: 0.15rem; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35); } .card-style > ul > li a.color-none { color: inherit; } .card-style > ul.no-images > li a { border-radius: 0.5rem; } .card-style.theme-gray > ul > li a, .card-style.theme-grayred > ul.list-odd > li a { background-color: rgba(0, 0, 0, 0.05); } .dark-background .cell-content .card-style.theme-gray > ul > li a, .dark-background .cell-content .card-style.theme-grayred > ul.list-odd > li a, .dark-background.module-bg .card-style.theme-gray > ul > li a, .dark-background.module-bg .card-style.theme-grayred > ul.list-odd > li a { background-color: rgba(0, 0, 0, 0.35); } .card-style.theme-red > ul > li a, .card-style.theme-grayred > ul.list-even > li a { background-color: rgba(234, 10, 42, 0.1); } .card-style.theme-white > ul > li a { background-color: rgba(255, 255, 255, 0.1); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.35); } .card-style.theme-blue > ul > li a, .card-style.theme-blueorange > ul.list-odd > li a { background-color: rgba(21, 93, 145, 0.1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .card-style.theme-orange > ul > li a, .card-style.theme-blueorange > ul.list-even > li a { background-color: rgba(200, 135, 16, 0.16); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .card-style > ul > li a:hover { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.45); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.45); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.45); } .card-style.theme-gray > ul > li a:hover, .card-style.theme-grayred > ul.list-odd > li a:hover { background: rgba(0, 0, 0, 0.075); } .dark-background .cell-content .card-style.theme-gray > ul > li a:hover, .dark-background .cell-content .card-style.theme-grayred > ul.list-odd > li a:hover, .dark-background.module-bg .card-style.theme-gray > ul > li a:hover, .dark-background.module-bg .card-style.theme-grayred > ul.list-odd > li a:hover { background-color: rgba(0, 0, 0, 0.5); } .card-style.theme-red > ul > li a:hover, .card-style.theme-grayred > ul.list-even > li a:hover { background-color: rgba(234, 10, 42, 0.1); } .card-style.theme-white > ul > li a:hover { background: rgba(255, 255, 255, 0.125); } .card-style.theme-blue > ul > li a:hover, .card-style.theme-blueorange > ul.list-odd > li a:hover { background-color: rgba(21, 93, 145, 0.065); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .card-style.theme-orange > ul > li a:hover, .card-style.theme-blueorange > ul.list-even > li a:hover { background-color: rgba(200, 135, 16, 0.1); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); } .card-style > ul > li a .card-image { position: relative; display: flex; flex: 0 1 55%; padding: 1rem; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: contain; background-color: #414142; } .card-style > ul > li a .card-image.bg-white { background-color: #fff; } .card-style > ul > li a .card-image.nopad { padding: 0; } .card-style > ul > li a .card-image-bg { position: relative; flex: 1 0 250px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .card-style > ul > li a .card-image.no-image { background-color: rgba(0, 0, 0, 0.025); background-size: contain; } .card-style > ul > li a .card-image.size-contain { background-size: contain; } .card-style > ul > li a .card-image img { display: block; max-width: 100%; width: 100%; margin: 0; border: none; transform: scale(0.95, 0.95); object-fit: contain; } .card-style > ul > li a .card-image .hover-image { display: none; } .card-style > ul > li a .card-image.nozoom img { transform: none; } .card-style > ul > li a .card-image.iw500 img { width: 500px; } .card-style > ul > li a:hover .card-image img { transform: none; } .card-style > ul > li.with-hover-image a:hover .card-image img { display: none; } .card-style > ul > li.with-hover-image a:hover .card-image .hover-image { display: block; } .card-style > ul > li a .card-image-bg img.image-blank { width: 100%; } .card-style > ul > li a .card-image-bg img.image-print { display: none; width: 100%; } .card-style > ul > li a .card-image-bg img.image-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; width: 50%; max-width: 107px; } .card-style > ul > li a .card-image-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3em 0.5em; font-size: 80%; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5); } .card-style > ul > li a .card-image-bg .card-image-inner { flex: 1 1 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; } .card-style > ul > li a .card-data { display: block; flex: 1 1 auto; padding: 0.85rem 1rem; height: fit-content; } .card-style > ul.no-images > li a .card-data { padding-top: 0.75rem; padding-bottom: 0.75rem; } .card-style.compact > ul > li a .card-data { font-size: 0.8em; } .card-style.compact-alt > ul > li a .card-data { font-size: 0.9em; } .card-style > ul > li a .card-image-img + .card-data { margin-top: -1rem; padding-top: 0; padding-bottom: 1rem; } .card-style > ul > li a .card-image-img.nopad + .card-data { margin-top: 0.5rem; } .card-style > ul > li a .card-image-img.nozoom + .card-data { margin-top: 0.5rem; } .card-style > ul > li a .card-image-img.nopad.nozoom + .card-data { margin-top: 0.75rem; } .card-style > ul > li.no-description a .card-image-img.nopad.nozoom + .card-data { margin-top: 1rem; } .card-style > ul > li a .card-data .card-title { font-size: 100%; font-weight: 600; } .card-style > ul > li a .card-data .card-title.fwb { font-size: 85%; } .card-style.compact > ul > li a .card-data .card-title { font-size: 100%; } .card-style > ul > li a .card-data .card-subtitle { font-size: 90%; line-height: 1; color: var(--main-text-color); opacity: 0.85; } .dark-background .cell-content .card-style > ul > li a .card-data .card-subtitle, .dark-background.module-bg .card-style > ul > li a .card-data .card-subtitle { color: var(--dark-text-color); } .card-style > ul > li a .card-data .card-subtitle .nowrap { white-space: nowrap; } .card-style > ul > li a .card-data .card-description { font-size: 100%; color: var(--main-text-color); } .card-style > ul > li a .card-data .card-description.small { font-size: 80%; } .card-style.compact > ul > li a .card-data .card-description { font-size: 95%; } .card-style.compact > ul > li a .card-data .card-description.small { font-size: 90%; } .card-style.compact-alt > ul > li a .card-data .card-description { font-size: 95%; } .card-style.compact-alt > ul > li a .card-data .card-description.small { font-size: 75%; } .card-style > ul > li a .card-data .card-description.light { opacity: 0.85; } .card-style > ul > li a .card-data .card-subtitle + .card-description { margin-top: 0.25rem; } .card-style > ul.hide-description > li a .card-data .card-description { display: none; } .dark-background .cell-content .card-style > ul > li a .card-data .card-description, .dark-background.module-bg .card-style > ul > li a .card-data .card-description { color: var(--dark-text-color); } .card-style > ul > li a > .clear { display: none; } .card-style.title-inside > ul > li a .card-image-bg { border-bottom: none; } .card-style.title-inside > ul > li a .card-data { position: absolute; top: 100%; left: 0; right: 0; width: 100%; padding: 0.25rem 0.75rem; color: #fff; background: rgba(0, 0, 0, 0.5); border-top: 1px solid rgba(0, 0, 0, 0.25); -webkit-transition: transform linear 100ms; -moz-transition: transform linear 100ms; -o-transition: transform linear 100ms; transition: transform linear 100ms; } .card-style.title-inside.dark-img > ul > li a .card-data { color: #000; background: rgba(255, 255, 255, 0.6); border-top: 1px solid rgba(255, 255, 255, 0.25); } .card-style.title-inside > ul > li a:hover .card-data { transform: translateY(-100%); } .card-style.title-inside > ul > li a .card-data .card-title { font-size: 100%; font-weight: normal; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); } .card-style.title-inside.dark-img > ul > li a .card-data .card-title { text-shadow: 0 0 4px rgba(255, 255, 255, 0.6); } .card-style.title-inside > ul > li a .card-data .card-description { display: none; } /* Generic Card Style - Variations */ .card-style > ul > li a[min-width~="600px"] .card-image-bg { flex-basis: 450px; } .card-style > ul > li a[max-width~="350px"] .card-image-bg { flex-basis: 250px; } .card-style > ul > li a[max-width~="295px"] .card-image-bg { flex-basis: 200px; } .card-style > ul > li a[max-width~="275px"] .card-image-bg { flex-basis: 160px; } .card-style > ul > li a[max-width~="600px"] .card-data .card-title { font-size: 125%; } .card-style > ul > li a[max-width~="350px"] .card-data .card-description { font-size: 100%; } .card-style > ul > li a[max-width~="295px"] .card-data .card-description { font-size: 100%; } .card-style > ul > li a[max-width~="215px"] .card-data .card-description { display: none; } .module-members .module-info_cards .card-style > ul > li a .card-data .card-description { display: revert; } .card-style.columns-gt5[max-width~="1520px"] > ul > li { flex-basis: 20%; } .card-style.columns-gt3[max-width~="1150px"] > ul > li { flex-basis: 33.333%; } .card-style.columns-gt4[max-width~="1300px"] > ul > li { flex-basis: 25%; } .card-style.columns-gt2[max-width~="1000px"] > ul > li { flex-basis: 50%; } .card-style.columns-gt2[max-width~="720px"] > ul > li { flex-basis: 50%; } .card-style.columns-gt1[max-width~="400px"] > ul > li { flex-basis: 100%; } /* .card-style[max-width~="720px"] > ul > li a .card-image:not(.card-image-bg) { display: block; } */ .card-style[max-width~="720px"] > ul > li a .card-image-bg { flex-basis: 200px; } @media print { .card-style.columns-gt2 > ul > li { flex-basis: 50% !important; } .card-style > ul > li a .card-image-bg { flex-basis: auto !important; } .card-style > ul > li a .card-image-bg img.image-blank { display: none; } .card-style > ul > li a .card-image-bg img.image-print { display: block; } .card-style > ul > li a .card-image-bg.is-png img.image-print { padding: 1em 0; } } /*-- Module styles -- */ .PageManagerContent .panel .cell.is-condensed .module-presentation .presentation-wrapper > ul > li > .presentation-background { background-size:contain; } .PageManagerContent .panel .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-readmore { display:none; } body.pg-account-edit-graphics .module-feedback_forms .form-wrapper .field a.img { display:inline-block; vertical-align: top; background-color:#eee; width:104px; padding:2px; border-radius:2px; overflow:hidden; margin:0 6px 0 0; } body.pg-account-edit-graphics .module-feedback_forms .form-wrapper .field a.img:hover { background-color:#ccc; } body.pg-account-edit-graphics .module-feedback_forms .form-wrapper .field a.img img { display:block; } body.pg-account-edit-graphics .module-feedback_forms .form-wrapper .field a.img + input { display:inline-block; width:calc(100% - 110px); } /*-- Rich Text --*/ .module-rich_text .content-data p img { max-width: 100%; height: auto !important; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); } .is-condensed .module-rich_text .content-data p img { box-shadow: none; } .module-rich_text .content-data p img[align=left], .module-rich_text .content-data p img[style*="float: left"] { max-width: 50%; height: auto !important; margin: 0.2em 1em 0.8em 0; } .module-rich_text .content-data p img[align=right], .module-rich_text .content-data p img[style*="float: right"] { max-width: 50%; height: auto !important; margin: 0.2em 0 0.8em 1em; } .module-rich_text .content-data hr { margin-bottom: 0; padding-bottom: 0; border-bottom: none; opacity: 0.5; } /*-- Parallax (not sure how this is supposed to work) --*/ .module-parallax { min-height: 350px; overflow: hidden; } /*-- FAQs --*/ .module-faqs .categories-wrapper.columns-none ul li .faq-text { width: auto; } /*-- Presentations --*/ /* .PageManagerContent .panel .cell .cell-wrapper .cell-content.module-presentation { padding-top: 0; padding-bottom: 0; } .module-presentation .presentation-wrapper { overflow: visible; } .module-presentation .presentation-wrapper > ul.type-C { margin: 0; padding: 0; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-C > li.dark-background a { color: #fff; color: #d5e6f5; } .module-presentation .presentation-wrapper > ul.type-C > li.dark-background a:hover { color: #a3b5c3; color: #fff; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li { width: 50%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w33 { width: 38.2%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w42 { width: 42%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w58 { width: 58%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w67 { width: 61.8%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w20 { width: 20.11%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w80 { width: 79.89%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-info { z-index: 3; width: 100%; padding: 94px 14.5%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w33 > .presentation-info { padding-left: 18.98%; padding-right: 18.98%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w42 > .presentation-info { padding-left: 17.27%; padding-right: 17.27%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w58 > .presentation-info { padding-left: 12.5%; padding-right: 12.5%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w67 > .presentation-info { padding-left: 11.74%; padding-right: 11.74%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w20 > .presentation-info { padding-left: 0; padding-right: 90px; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w80 > .presentation-info { padding-left: 10%; padding-right: 10%; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info .presentation-title { position: relative; margin: 0 0 1rem 0; padding: 0; font-size: 225%; line-height: 1.4; text-align: left; font-weight: normal; text-transform: none; font-family: 'Playfair Display', Helvetica, Arial, Sans-Serif; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info h2.presentation-title { left: -5px; margin-bottom: 3.8rem; font-size: 300%; line-height: 1; text-transform: uppercase; } .module-presentation .presentation-wrapper > ul.type-C > li.no-flair.col2 > .presentation-info h3.presentation-title { text-align: right; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info .presentation-title:after { display: none; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info .presentation-description { font-size: inherit; line-height: 1.4; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info .presentation-description p:first-child { margin-top: 0; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info .presentation-description p:last-child { margin-bottom: 0; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info ul { margin: 0; padding: 0; list-style: none; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info li { margin: 0; padding: 3px 0; letter-spacing: -1px; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-readmore { position: absolute; z-index: 4; left: 31.95%; bottom: 40px; width: auto; min-height: 0; padding: 0; text-decoration: underline; text-transform: uppercase; letter-spacing: -1px; word-spacing: 0.2em; text-shadow: 0 0 8px #000; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w67 > .presentation-readmore { left: 46.6%; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w20 > .presentation-readmore { left: auto; right: 110px; bottom: 60px; width: 145px; font-size: 1.2em; font-style: italic; color: #000; text-decoration: none; text-transform: none; text-shadow: none; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.w20 > .presentation-readmore::after { content: '\f0da'; font-family: FontAwesome; font-style: normal; float: right; margin: 0 15px; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-background { z-index: 2; background-color: transparent; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-background .presentation-background-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: block; background-position: center top; background-repeat: no-repeat; background-size: cover; transition: all 1000ms; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; } .module-presentation .presentation-wrapper > ul.type-C:not(.layout-B) > li > .presentation-color { opacity: 1; } */ .PageManagerContent .panel .cell.is-condensed .module-presentation { margin-bottom: 2em; } .PageManagerContent .cell.has-next .module-presentation .presentation-wrapper { max-width: 1250px !important; } @media only screen and (max-width: 1750px) { .PageManagerContent .cell.has-next .module-presentation .presentation-wrapper { max-width: 1100px !important; }} @media only screen and (max-width: 1550px) { .PageManagerContent .cell.has-next .module-presentation .presentation-wrapper { max-width: 950px !important; }} @media only screen and (max-width: 1400px) { .PageManagerContent .cell.has-next .module-presentation .presentation-wrapper { max-width: 800px !important; }} @media only screen and (max-width: 1200px) { .PageManagerContent .cell.has-next .module-presentation .presentation-wrapper { max-width: 700px !important; }} @media only screen and (max-width: 1120px) { .PageManagerContent .cell.has-next .module-presentation .presentation-wrapper { max-width: unset !important; }} .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info h2.presentation-title { font-size: 200%; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C { padding-bottom: 3rem; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li { position: relative; z-index: 2; width: 100% !important; min-height: 0; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.with-bgimg { position: absolute; z-index: 1; top: 0; bottom: 0; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.no-bgimg .presentation-color { background-color: transparent !important; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li .presentation-background { opacity: 0.3; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.with-content > .presentation-info { padding: 3rem 7.25% 0.5rem 7.25%; text-shadow: 0 0 5px #fff; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.with-content.dark-background > .presentation-info { text-shadow: 0 0 3px #000; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-info .presentation-title { margin-bottom: 1rem; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-readmore { left: auto; right: 7.25%; bottom: 30px; } .cell.is-condensed .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-readmore::before { display: none; } /* .module-presentation .presentation-wrapper > ul.type-S { margin: 0; padding: 0; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: -3%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-S.screen-height { min-height: 525px; } @media only screen and (orientation: portrait) { .module-presentation .presentation-wrapper > ul.type-S.screen-height { max-height: 890px; } } .module-presentation .presentation-wrapper > ul.type-S.size-50 { min-height: 300px; } .module-presentation .presentation-wrapper > ul.type-S.size-100 { min-height: 749px; } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info { position: absolute; bottom: 0; width: 40%; min-width: 600px; padding: 10px 20px; background: rgba(255,255,255,0.65); } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info .presentation-title { text-align: left; font-weight: normal; font-family: 'Playfair Display', Helvetica, Arial, Sans-Serif; } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info .presentation-title:after { display: none; } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info .presentation-description { padding-top: 5px; font-weight: normal; } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info .presentation-description p { margin-bottom: 0; } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info .presentation-description p:first-child { margin-top: 0; } .module-presentation .presentation-wrapper > ul.type-S.layout-A.layers-1 > li > .presentation-info { bottom: 16.74%; right: 0; width: 36.47%; min-width: 600px; padding: 0; background: none; } .module-presentation .presentation-wrapper > ul.type-S.layout-A.layers-1 > li > .presentation-info .presentation-title { margin: 0; padding: 4px 16px 7px 16px; font-size: 300%; line-height: 1; color: #35424b; background: #fff; } .module-presentation .presentation-wrapper > ul.type-S.layout-A.layers-1 > li > .presentation-info .presentation-description { padding: 5px 16px 7px 16px; font-size: 150%; line-height: 1; font-style: italic; color: #fff; background: #ea3230; } .module-presentation .presentation-wrapper > ul.type-S.layout-A.layers-1 > li > .presentation-info .presentation-title + .presentation-description { margin-top: 12px; } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-readmore { z-index: 4; left: 4.37%; bottom: 60px; width: 100%; min-height: 0; padding: 0; font-size: 1em; font-style: italic; color: #0072AD; letter-spacing: -1px; word-spacing: 0.2em; text-align: center; } .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { left: 100%; width: 22.5%; display: flex; align-items: center; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel.with-bgimg { left: -12%; width: 100%; z-index: 5; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.hide { left: -100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos4 { left: 90%; z-index: 1; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 84%; z-index: 2; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 78%; z-index: 3; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 72%; z-index: 4; } .panel .center .module-presentation .presentation-wrapper.nav-arrows:after { display: none; } .module-presentation .presentation-wrapper .presentation-arrows span { position: absolute; z-index: 5; right: 20px; bottom: 18px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #444; background: #fff; border-radius: 50%; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); } .module-presentation .presentation-wrapper .presentation-arrows span:hover { color: #000; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); } .module-presentation .presentation-wrapper .presentation-arrows span.presentation-prev2 { right: 68px; } .module-presentation .presentation-wrapper .presentation-arrows span.presentation-prev2 i.fa { position: relative; top: 1px; left: -2px; } .module-presentation .presentation-wrapper .presentation-arrows span.presentation-next2 i.fa { position: relative; top: 1px; left: 2px; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 245px; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 300px; } .module-presentation .presentation-wrapper .presentation-loading { display: none; } .module-presentation .presentation-wrapper > ul.type-S.size-680 { height: auto; min-height: 680px; min-height: 35.4167vw; } .module-presentation .presentation-wrapper > ul.type-S.size-800 { height: auto; min-height: 798px; min-height: 41.5625vw; } @media only screen and (max-width: 1120px) { .PageManagerContent .module-presentation .presentation-wrapper > ul.type-S { min-height: 41.5625vw; } } @media only screen and (max-width: 737px) { .PageManagerContent .module-presentation .presentation-wrapper > ul.type-S { min-height: 299px; } } */ /*-- MODULE: Presentations --*/ /*** TODO: Spaced CTA in full-width responsive panel needs to have space on the sides ***/ .PageManagerContent .panel table.center-no td.cell.has-prev-no .module-presentation.not-spaced { margin-left: 0; } .PageManagerContent .panel table.center-no td.cell.has-next-no .module-presentation.not-spaced { margin-right: 0; } /* .PageManagerContent .panel table.panel-table td.cell .cell-wrapper .cell-content.module-presentation.not-spaced { margin: 0; } */ .PageManagerContent .panel table.panel-table td.cell .cell-wrapper .cell-content.module-presentation { padding: 0; margin-bottom: 20px; } .PageManagerContent .panel table.panel-table td.cell .cell-wrapper .cell-content.module-presentation.presentation-type-C { margin-bottom: 0; } .module-presentation .presentation-wrapper { position: relative; display: block; overflow: hidden; } .module-presentation .presentation-wrapper .size-50 { min-height: 50vh; } .module-presentation .presentation-wrapper .size-75 { min-height: 82.95vh; } .module-presentation .presentation-wrapper .size-100, /* .module-presentation .presentation-wrapper .screen-height { min-height: 99vh; } */ /* .module-presentation .presentation-wrapper .screen-height.type-S.layout-C { height: 99vh; } */ @media only screen and (orientation: portrait) and (max-width: 960px) { .module-presentation .presentation-wrapper .size-75 { min-height: 77vh; } } @media only screen and (orientation: landscape) and (max-height: 600px) { .module-presentation .presentation-wrapper .size-50 { min-height: 40vw; } .module-presentation .presentation-wrapper .size-75 { min-height: 65vw; } .module-presentation .presentation-wrapper .size-100, .module-presentation .presentation-wrapper .screen-height { min-height: 99vw; } } .module-presentation .presentation-wrapper .size-150 { min-height: 150px; } .module-presentation .presentation-wrapper .size-300 { min-height: 300px; } .module-presentation .presentation-wrapper .size-400 { min-height: 400px; } .module-presentation .presentation-wrapper .size-500 { min-height: 500px; } .module-presentation .presentation-wrapper .size-600 { min-height: 600px; } .module-presentation .presentation-wrapper .size-700 { min-height: 700px; } .module-presentation .presentation-wrapper .size-800 { min-height: 800px; } @media only screen and (min-height: 800px) { .module-presentation .presentation-wrapper .size-800 { min-height: calc(100vh - var(--header-height-desktop)); } } .module-presentation .presentation-wrapper .size-900 { min-height: 900px; } .module-presentation .presentation-wrapper > .global-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; display: block; background-repeat: no-repeat; background-position: center top; background-size: cover; transition: all 1000ms; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; } .module-presentation .presentation-wrapper > .global-background .presentation-background-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: block; background-repeat: no-repeat; background-position: center top; background-size: cover; transition: all 1000ms; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; } .module-presentation .presentation-wrapper > ul { position: relative; z-index: 2; display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; } .module-presentation .presentation-wrapper > ul > li { position: relative; display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; color: #222; overflow: hidden; } .module-presentation .presentation-wrapper > ul > li .presentation-block { position: relative; display: flex; width: 100%; align-items: center; } .module-presentation .presentation-wrapper > ul > li .w25 { width: 25%; } .module-presentation .presentation-wrapper > ul > li .w33 { width: 33.3333%; } .module-presentation .presentation-wrapper > ul > li .w40 { width: 40%; } .module-presentation .presentation-wrapper > ul > li .w50 { width: 50%; } .module-presentation .presentation-wrapper > ul > li .w60 { width: 60%; } .module-presentation .presentation-wrapper > ul > li .w67 { width: 66.6667%; } .module-presentation .presentation-wrapper > ul > li .w75 { width: 75%; } .module-presentation .presentation-wrapper > ul.is-spaced { margin: 0 -1%; margin: 0 -.5rem; } .module-presentation .presentation-wrapper > ul.is-spaced > li { } .module-presentation .presentation-wrapper > ul.is-spaced > li .presentation-block { margin: 1%; margin:.5rem; } .module-presentation .presentation-wrapper > ul.is-spaced > li .w25 { width: 23%; width: calc(25% - 1rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w33 { width: 31.3333%; width: calc(33.3333% - 1rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w40 { width: 38%; width: calc(40% - 1rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w50 { width: 48%; width: calc(50% - 1rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w60 { width: 58%; width: calc(60% - 1rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w67 { width: 64.6667%; width: calc(66.6667% - 1rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w75 { width: 73%; width: calc(75% - 1rem); } .module-presentation .presentation-wrapper > ul > li .dark-background { color: var(--dark-text-color); } .module-presentation .presentation-wrapper > ul > li .presentation-color { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; opacity: 0.9; display: block; background-color: #151515; background-repeat: no-repeat; background-position: center top; background-size: cover; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } .module-presentation .presentation-wrapper > ul > li.done .presentation-color { opacity: 1; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; } .module-presentation .presentation-wrapper > ul > li .presentation-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; display: block; background-repeat: no-repeat; background-position: center top; background-size: cover; transition: all 1000ms; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; margin: 0; } .module-presentation .presentation-wrapper > ul > li .presentation-background-mask { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: block; background-repeat: no-repeat; background-position: center top; background-size: cover; transition: all 1000ms; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; } .module-presentation .presentation-wrapper > ul > li .presentation-background-video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; display: block; background-repeat: no-repeat; background-position: center top; background-size: cover; transition: all 1000ms; -moz-transition: all 1000ms; -webkit-transition: all 1000ms; -o-transition: all 1000ms; } .module-presentation .presentation-wrapper > ul > li .presentation-background-video video { position: absolute; top: 40%; left: 40%; transform: translate(-40%,-40%); display: block; min-width: 100.01%; min-height: 100.01%; width: 100%; } .module-presentation .presentation-wrapper.with-bgoverflow { margin-bottom: 1em; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow { padding-top: 5rem; overflow: visible; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-l .presentation-block, .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-l + li .presentation-block { padding-left: 40%; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-r .presentation-block, .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-r + li .presentation-block { padding-right: 40%; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow .presentation-info .presentation-info-text { width: 100%; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow + li .presentation-info .presentation-info-text { width: 100%; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow .presentation-info .presentation-info-text .presentation-title { font-weight: var(--font-weight-heavy); text-transform: uppercase; } .module-presentation .presentation-wrapper > ul > li .presentation-background-overflow { z-index: 2; width: 36%; top: -5rem; bottom: -5rem; left: 4%; right: auto; } .module-presentation .presentation-wrapper > ul > li.with-next-item .presentation-background-overflow { bottom: -7rem; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-r .presentation-background-overflow { left: auto; right: 4%; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow + li .presentation-block.no-description.with-readmore .presentation-readmore a { font-size: 225%; font-weight: var(--font-weight-bold); color: #ffa200; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow + li .presentation-block.no-description.with-readmore .presentation-readmore a:hover { color: #e69200; } .module-presentation .presentation-wrapper > ul > li .presentation-info { display: flex; position: relative; z-index: 4; width: 100%; max-width: 1920px; margin: auto; padding: 1rem 1.5rem 2.5rem 1.5rem; text-align: left; } .module-presentation .presentation-wrapper > ul > li .size-150.with-bgcolor .presentation-info { max-width: 1360px; padding: 1.25rem 1.5rem; } .module-presentation .presentation-wrapper > ul > li .presentation-info-text { margin: auto; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info { padding-bottom: 3.1rem; font-weight: var(--font-weight-normal); text-shadow: 0 0 0.4em rgba(255,255,255,0.55); } .module-presentation .presentation-wrapper > ul > li .with-bgimg.dark-background .presentation-info { text-shadow: 0 0 0.4em rgba(0,0,0,0.55); } .module-presentation .presentation-wrapper > ul.is-spaced > li .no-bgimg .presentation-info { font-weight: var(--font-weight-normal); } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-top, .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-top > *:first-child { margin-top: 0; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-bottom, .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-bottom > *:first-child { margin-bottom: 0; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-left .presentation-info-text { margin-left: 0; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-right .presentation-info-text { margin-right: 0; } .module-presentation .presentation-wrapper > ul > li .w67 .presentation-info.pos-right.csize-narrow .presentation-info-text { margin-right: 1em; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-skinny .presentation-info-text { max-width: 720px; flex-basis: 720px; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-thin .presentation-info-text { max-width: 840px; flex-basis: 840px; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-narrow .presentation-info-text { max-width: 960px; flex-basis: 960px; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-normal .presentation-info-text { max-width: 1350px; flex-basis: 1350px; } .module-presentation .presentation-wrapper > ul > li .presentation-info.color-boxed .presentation-info-text { padding: 1em; } .module-presentation .presentation-wrapper > ul > li .with-bgimg.is-sized .presentation-info-text.csize-skinny { max-width: 709px; } .module-presentation .presentation-wrapper > ul > li .with-bgimg.is-sized .presentation-info-text.csize-thin { max-width: 829px; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger { font-size: 120%; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title { font-size: 240%; margin-bottom: 1rem; font-weight: var(--font-weight-bold); line-height: 1.1; text-align: left; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.no-description { margin-bottom: 0; } .PageManagerContentFirst .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title { padding-top: 85px; } .module-presentation .presentation-wrapper > ul > li .presentation-block:not(.is-sized) .presentation-info.pos-center .presentation-title { text-align: center; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-title { font-size: 218.182%; margin-bottom: 0; font-weight: var(--font-weight-normal); text-shadow: 0 0 0.3em rgba(255,255,255,0.35); } .module-presentation .presentation-wrapper > ul > li .with-bgimg.dark-background .presentation-info .presentation-title { text-shadow: 0 0 0.3em rgba(0,0,0,0.35); } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger .presentation-title { margin-bottom: 0.15385em; font-size: 325%; font-weight: var(--font-weight-bold); font-family: 'Playfair Display', Helvetica, Arial, Sans-Serif; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger.csize-skinny .presentation-title { font-size: 300%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger .presentation-title.no-description { margin-bottom: 0; } .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .with-bgimg .presentation-info .presentation-title, .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .with-bgcolor .presentation-info .presentation-title { min-height: 2.5em; line-height: 1.0; font-weight: var(--font-weight-bold); text-transform: uppercase; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.fancy-title { font-size: 420%; line-height: 100%; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.with-description.fancy-title { margin-top: -0.5rem; margin-bottom: 2.5rem; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.fancy-title3 { font-size: 300%; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.fancy-title > span { display: inline-block; font-size: 71.429%; line-height: 1.1; color: #ea0a2a; } .module-presentation .presentation-wrapper > ul > li .dark-background .presentation-info .presentation-title.fancy-title > span { color: #ea0a2a; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.fancy-title2:not(.fancy-title3) > span { font-size: 61.905%; } .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .presentation-info .presentation-title.fancy-title { font-size: 300%; line-height: 100%; } .module-presentation .presentation-wrapper > ul > li .presentation-info h2.presentation-title { font-size: 210%; } .module-presentation .presentation-wrapper > ul > li .presentation-info h3.presentation-title { font-size: 180%; } .module-presentation .presentation-wrapper > ul > li .presentation-info h4.presentation-title { font-size: 160%; } .module-presentation .presentation-wrapper > ul > li .presentation-info h5.presentation-title { font-size: 140%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger h2.presentation-title { font-size: 260%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger h3.presentation-title { font-size: 225%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger h4.presentation-title { font-size: 200%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger h5.presentation-title { font-size: 175%; } @media only screen and (max-width: 1440px) { .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.fancy-title { font-size: 300%; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.fancy-title3 { font-size: 215%; } } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation { align-items: stretch; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info { margin: 0; padding: 0; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation { display: flex; flex-flow: column nowrap; justify-content: center; font-size: 1.5rem; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div { flex: 0 0 100%; display: flex; flex-flow: column nowrap; justify-content: center; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div.clear { display: none; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul { flex: 0 0 calc(100% - 5em); display: flex; flex-flow: column nowrap; justify-content: space-between; margin: 0; padding: 0; border: none; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul::after { display: none; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li { flex: 0 1 25%; display: flex; flex-flow: column nowrap; justify-content: center; margin: 0.45em 0 0 0; padding: 0; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li:first-child { margin-top: 0; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li:last-child { margin-bottom: 0; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item { flex: 1 1 100%; display: flex; flex-flow: row nowrap; justify-content: space-between; padding: 1.0em 1.0em 1.0em 3.5rem; text-align: right; text-transform: uppercase; color: #fff; background: #3b3e46; border: none; text-shadow: none; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item:hover { background: #000; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item.with-image .nav-text { align-self: center; margin-right: 0.85em; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item .nav-imgs { flex: 0 1 auto; display: flex; flex-flow: column nowrap; justify-content: center; width: 8vh; min-width: 1.65em; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item .is-nav-img { flex: 1 1 auto; margin: 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: contain; border: none; border-radius: 0; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item .nav-img2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; opacity: 0; visibility: hidden; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item:hover .is-nav-img { opacity: 0; visibility: hidden; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item:hover .nav-img2 { opacity: 1; visibility: visible; } @media only screen and (max-width: 1200px) { #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item { padding-left: 2.5rem; } } @media only screen and (max-width: 860px) { #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation { font-size: 1.25rem; } #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item .nav-imgs { width: 2em; } @media only screen and (orientation: landscape) and (max-height: 600px) { #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item .nav-imgs { width: 6vw; min-width: 6vw; } } } @media only screen and (max-width: 640px) { #main .module-presentation .presentation-wrapper > ul > li .integrations1.integration-site_navigation .presentation-info .module-site_navigation > div > ul > li > a.nav-item { padding-left: 1.5rem; } } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-center .presentation-title { text-align: center; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-right .presentation-title { text-align: right; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.align-left { text-align: left !important; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.align-center { text-align: center !important; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-title.align-right { text-align: right !important; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description { font-size: inherit; line-height: 1.3; } .module-presentation .presentation-wrapper > ul.is-spaced > li .no-bgimg .presentation-info .presentation-description, .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-description { line-height: 1.3; } .module-presentation .presentation-wrapper > ul.is-spaced > li .no-bgimg .presentation-info .presentation-title + .presentation-description, .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-title + .presentation-description { padding-top: 0.364em; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info.csize-larger .presentation-title + .presentation-description { padding-top: 0.3333em; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger .presentation-description p { margin-top: 1.6em; margin-bottom: 0; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger .presentation-description p:first-child { margin-top: 0; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description a { font-weight: var(--font-weight-bold); } body.pg-sign-up .module-presentation[data-record-id="1307"] .presentation-wrapper > ul > li .presentation-info .presentation-description .cta-spread { display: flex; flex-direction: row; justify-content: space-between;; } body.pg-sign-up .module-presentation[data-record-id="1307"] .presentation-wrapper > ul > li .presentation-info .presentation-description .cta-spread a { display: flex; width:13.8%; transition:all .2s; } body.pg-sign-up .module-presentation[data-record-id="1307"] .presentation-wrapper > ul > li .presentation-info .presentation-description .cta-spread a:hover { transform:scale(1.03); box-shadow: 0 1px 6px 0 rgb(0, 0, 0, .75); border-radius:3px; overflow:hidden; } body.pg-sign-up .module-presentation[data-record-id="1307"] .presentation-wrapper > ul > li .presentation-info .presentation-description .cta-spread a img { width:100% !important; height:auto !important; border:#fff 2px solid; border-radius:5px; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description ul:not(.icon-list) { list-style-type: disc; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description ul:not(.icon-list) ul:not(.icon-list) { list-style-type: circle; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description ul:not(.icon-list) ul:not(.icon-list) ul:not(.icon-list) { list-style-type: square; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description > ul:not(.icon-list) { padding-left: 1em; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description > * + hr { margin-top: 0.2em; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description > hr + ul { margin-top: 1em; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description > hr + ul:not(.icon-list) li { padding: 0.1em 0; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description table tr + tr td { padding-top: 0.2rem; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description table td + td { padding-left: 1.5rem; } .module-presentation .presentation-wrapper[max-width~="900px"] > ul > li .no-next-content.no-prev-content .presentation-info .presentation-description span[style*="font-size:200"] { font-size: 150% !important; } .module-presentation .presentation-wrapper[max-width~="900px"] > ul > li .no-next-content.no-prev-content .presentation-info .presentation-description span[style*="font-size:250"] { font-size: 190% !important; } .module-presentation .presentation-wrapper > ul > li .no-next-content.no-prev-content .presentation-info .presentation-description span[style*="font-size:300"] { line-height: 1.2; } .module-presentation .presentation-wrapper[max-width~="900px"] > ul > li .no-next-content.no-prev-content .presentation-info .presentation-description span[style*="font-size:300"] { font-size: 235% !important; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description .button.inserted-button { margin-top: 0.5rem; font-weight: var(--font-weight-bold); color: var(--main-text-color); background-color: transparent; border: 2px solid var(--main-text-color); } .module-presentation .presentation-wrapper > ul > li .dark-background .presentation-info .presentation-description .button.inserted-button { color: var(--dark-text-color); border-color: var(--dark-text-color); } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description .button.inserted-button:hover { opacity: 1; color: var(--dark-text-color); background-color: var(--main-text-color); } .module-presentation .presentation-wrapper > ul > li .dark-background .presentation-info .presentation-description .button.inserted-button:hover { color: var(--main-text-color); background-color: var(--dark-text-color); } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore { margin-top: 1em; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore.align-left { text-align: left; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore.align-center { text-align: center; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore.align-right { text-align: right; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore:first-child { margin-top: 0; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore-button { margin-top: 1.5em; font-family: var(--block-font-family); font-weight: var(--font-weight-heavy); text-align: center; text-transform: uppercase; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-right .presentation-readmore-button { text-align: right; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-left .presentation-readmore-button { text-align: left; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore-button a { display: inline-block; padding: 0.35em 0.75em; font-weight:600; text-transform:none; border-radius:5px; text-decoration: none; opacity: .9; color: var(--dark-text-color); background: #0072ad; text-shadow: none; } /* .module-presentation .presentation-wrapper > ul > li .dark-background .presentation-info .presentation-readmore-button a { color: var(--main-text-color); background: var(--dark-text-color); } */ .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore-button a:hover { opacity: 1; } .module-presentation .presentation-wrapper > ul > li .presentation-block.no-tshadow * { /*text-shadow: none;*/ } .module-presentation .presentation-wrapper > ul > li .size-150.with-content.with-readmore[max-width~="500px"] .presentation-info { height: 100%; } .module-presentation .presentation-wrapper > ul > li .size-150.with-content.with-readmore[max-width~="500px"] .presentation-info-text { padding-bottom: 3.5rem; } .module-presentation .presentation-wrapper > ul > li .size-150.with-content.with-readmore[max-width~="500px"] .presentation-info-text .presentation-readmore { position: absolute; bottom: 1.25rem; left: 1.7rem; right: 1.5rem; } /* CTA */ table.center .module-presentation .presentation-wrapper > ul.type-C { padding-bottom: 4rem; } table.center .module-presentation:first-child .presentation-wrapper > ul.type-C { padding-top: 4rem; } .module-presentation .presentation-wrapper > ul.type-C.layout-B > li .presentation-block:nth-child(2n + 0) .presentation-info { width: 50%; margin-right: 50%; } .module-presentation .presentation-wrapper > ul.type-C.layout-B > li .presentation-block:nth-child(2n + 1) .presentation-info { width: 50%; margin-left: 50%; } table.center .module-presentation .presentation-wrapper > ul.type-C.layout-C > li .presentation-info .presentation-title { } .module-presentation .presentation-wrapper > ul.type-C > li .presentation-color { opacity: 1; } table.center-no .module-presentation.not-spaced:not(.is-spaced) .presentation-wrapper { box-shadow: 0 4px 4px -3px rgba(0, 0, 0, 0.25); } .module-presentation .presentation-wrapper > ul.type-C.layout-D > li .presentation-info { font-size: 95%; } /* Slideshow */ .module-presentation .presentation-wrapper > ul.type-S > li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transition: 0s; -moz-transition: 0s; -webkit-transition: 0s; -o-transition: 0s; } .module-presentation .presentation-wrapper > ul.type-S > li.sel, .module-presentation .presentation-wrapper > ul.type-S > li.hide { transition: opacity 1s, left 1s; -moz-transition: opacity 1s, left 1s; -webkit-transition: opacity 1s, left 1s; -o-transition: opacity 1s, left 1s; } .module-presentation .presentation-wrapper > ul.type-S > li .presentation-color { opacity: 0; transition: opacity 2000ms; -moz-transition: opacity 2000ms; -webkit-transition: opacity 2000ms; -o-transition: opacity 2000ms; } .module-presentation .presentation-wrapper > ul.type-S > li.done .presentation-color { opacity: 1; -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .module-presentation .presentation-wrapper > ul.type-S.layout-AD > li { left: 100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-AD > li.sel { left: 0; z-index: 3; } .module-presentation .presentation-wrapper > ul.type-S.layout-AD > li.hide { left: -100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-AD.reverse > li { left: -100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-AD.reverse > li.sel { left: 0; } .module-presentation .presentation-wrapper > ul.type-S.layout-AD.reverse > li.hide { left: 100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-ADE > li .presentation-info { opacity: 0; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; } .module-presentation .presentation-wrapper > ul.type-S.layout-ADE > li.done .presentation-info { opacity: 1; } .module-presentation .presentation-wrapper > ul.type-S.layout-E > li { opacity: 0; } .module-presentation .presentation-wrapper > ul.type-S.layout-E > li.sel { opacity: 1; z-index: 3; } .module-presentation .presentation-wrapper > ul.type-S.layout-E > li.hide { opacity: 0; } .module-presentation .presentation-wrapper > ul.type-S.layout-B { display: flex; flex-wrap: wrap; width: 150%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B > li { position: relative; display: flex; display: inline-flex; width: 33.33%; align-items: flex-end; align-items: end; transition: margin 1s; -moz-transition: margin 1s; -webkit-transition: margin 1s; -o-transition: margin 1s; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='1'] > li:first-child { margin-left: -33.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='2'] > li:first-child { margin-left: -66.66%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='3'] > li:first-child { margin-left: -100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='4'] > li:first-child { margin-left: -133.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='5'] > li:first-child { margin-left: -166.66%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='6'] > li:first-child { margin-left: -200%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='7'] > li:first-child { margin-left: -233.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='8'] > li:first-child { margin-left: -266.66%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='9'] > li:first-child { margin-left: -300%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='10'] > li:first-child { margin-left: -333.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='11'] > li:first-child { margin-left: -366.66%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='12'] > li:first-child { margin-left: -400%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='13'] > li:first-child { margin-left: -433.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='14'] > li:first-child { margin-left: -466.66%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='15'] > li:first-child { margin-left: -500%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='16'] > li:first-child { margin-left: -533.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='17'] > li:first-child { margin-left: -566.66%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='18'] > li:first-child { margin-left: -600%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='19'] > li:first-child { margin-left: -633.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='20'] > li:first-child { margin-left: -666.66%; } .module-presentation .presentation-wrapper > ul.type-S.layout-B[data-position='21'] > li:first-child { margin-left: -700%; } .module-presentation .presentation-wrapper > ul.type-S.layout-BC > li .presentation-color { opacity: 0.35; } .module-presentation .presentation-wrapper > ul.type-S.layout-BC > li:hover .presentation-color { opacity: 1; } .module-presentation .presentation-wrapper > ul.type-S.layout-C { display: flex; width: 133.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C > li { position: relative; display: flex; display: inline-flex; width: 25%; flex: 0 0 25%; align-items: flex-end; align-items: end; transition: margin 1s; -moz-transition: margin 1s; -webkit-transition: margin 1s; -o-transition: margin 1s; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='1'] > li:first-child { margin-left: -25%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='2'] > li:first-child { margin-left: -50%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='3'] > li:first-child { margin-left: -75%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='4'] > li:first-child { margin-left: -100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='5'] > li:first-child { margin-left: -125%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='6'] > li:first-child { margin-left: -150%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='7'] > li:first-child { margin-left: -175%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='8'] > li:first-child { margin-left: -200%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='9'] > li:first-child { margin-left: -225%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='10'] > li:first-child { margin-left: -250%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='11'] > li:first-child { margin-left: -275%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='12'] > li:first-child { margin-left: -300%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='13'] > li:first-child { margin-left: -325%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='14'] > li:first-child { margin-left: -350%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='15'] > li:first-child { margin-left: -375%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='16'] > li:first-child { margin-left: -400%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='17'] > li:first-child { margin-left: -425%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='18'] > li:first-child { margin-left: -450%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='19'] > li:first-child { margin-left: -475%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='20'] > li:first-child { margin-left: -500%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='21'] > li:first-child { margin-left: -525%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='22'] > li:first-child { margin-left: -550%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='23'] > li:first-child { margin-left: -575%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='24'] > li:first-child { margin-left: -600%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='25'] > li:first-child { margin-left: -625%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='26'] > li:first-child { margin-left: -650%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='27'] > li:first-child { margin-left: -675%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='28'] > li:first-child { margin-left: -700%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='29'] > li:first-child { margin-left: -725%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C[data-position='30'] > li:first-child { margin-left: -750%; } .module-presentation .presentation-wrapper > ul.type-S.layout-D > li .presentation-info { position: absolute; top: 0; right: 30%; bottom: 0; left: 0; } .module-presentation .presentation-wrapper > ul.type-S.layout-D > li .presentation-background { right: 0; left: 70%; background-size: 200% auto; background-position: left top !important; } .module-presentation .presentation-wrapper > ul.type-S.layout-D > li .presentation-color { left: 0; right: 30%; opacity: 1; } .module-presentation .presentation-wrapper > ul.type-S.layout-D > li:nth-child(2n) .presentation-info { right: 0; left: 30%; } .module-presentation .presentation-wrapper > ul.type-S.layout-D > li:nth-child(2n) .presentation-background { right: 70%; left: 0; background-position: right top !important; } .module-presentation .presentation-wrapper > ul.type-S.layout-D > li:nth-child(2n) .presentation-color { right: 0; left: 30%; } /* Slideshow Fix */ .module-presentation .presentation-wrapper > ul.type-S.layout-F { display:flex; background-color:#eee; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width:0; flex-basis: 0; padding:0; align-self:center; overflow:hidden; position:relative; transition:all 1s; } .module-presentation .presentation-wrapper > ul.type-S.layout-F.reset > li { transition:all 0s; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li .presentation-block { background-color:#fff; margin:20px 10px; border: #fff 10px solid; border-radius: 10px; box-shadow:1px 1px 3px rgba(0,0,0,.25); } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li .presentation-block .presentation-background { background-position:center !important; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li .presentation-block .presentation-color { background-color:transparent !important; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel, .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel + li, .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel + li + li, .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel + li + li + li { width:25%; flex-basis: 25%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel .presentation-block { margin-left:20px; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel + li + li + li .presentation-block { margin-right:20px; } /* Slideshow Controls */ .module-presentation .presentation-wrapper .presentation-arrows, .module-presentation .presentation-wrapper .presentation-pagination { display: none; } .module-presentation .presentation-wrapper.nav-pagination .presentation-pagination { position: absolute; z-index: 5; right: 0; bottom: -10px; left: 0; display: block; padding: 0 10px 10px 10px; line-height: 1; text-align: center; white-space: pre-wrap; } .module-presentation .presentation-wrapper.nav-pagination .presentation-pagination span { display: inline-block; width: 12px; height: 12px; margin: 0 0 0 4px; opacity: 0.5; vertical-align: middle; border: 2px solid #252525; background-color: #fff; } .module-presentation .presentation-wrapper.nav-pagination .presentation-pagination span:hover { opacity: 1; cursor: pointer; } .module-presentation .presentation-wrapper.nav-pagination .presentation-pagination span.sel { opacity: 1; } .module-presentation .presentation-wrapper.nav-pagination .transition-down + .presentation-pagination { left: unset; top: 50%; bottom: 50%; } .module-presentation .presentation-wrapper.nav-pagination .transition-down + .presentation-pagination span { display: block; } .module-presentation .presentation-wrapper.nav-arrows .presentation-arrows { display: block; } .module-presentation .presentation-wrapper .presentation-arrows span.presentation-previous { position: absolute; z-index: 5; top: 45%; top: calc(50% - 1.6rem); left: 1rem; width: 1.6rem; height: 1.6rem; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .module-presentation .presentation-wrapper .presentation-arrows span.presentation-next { position: absolute; z-index: 5; top: 45%; top: calc(50% - 1.6rem); right: 1rem; width: 1.6rem; height: 1.6rem; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .module-presentation .presentation-wrapper .presentation-arrows span > span { position: absolute; top: 0; left: 0; background-color: #ddd; box-shadow: 0 1px 1px 0px rgb(25, 25, 25); } .module-presentation .presentation-wrapper .presentation-arrows span .l1 { width: 1.6rem; height: 6px; } .module-presentation .presentation-wrapper .presentation-arrows span .l1:not(:first-child) { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .module-presentation .presentation-wrapper .presentation-arrows span .l2 { width: 6px; height: 1.6rem; } .module-presentation .presentation-wrapper .presentation-arrows span:hover { cursor: pointer; } .module-presentation .presentation-wrapper .presentation-arrows span:hover span { background-color: #fff; } .module-presentation .presentation-wrapper .presentation-loading { display: none; position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; height: 2px; } .module-presentation .presentation-wrapper .presentation-loading .presentation-loading-bar { position: absolute; top: 0; bottom: 0; left: 0; display: block; width: 0; background-color: #fff; background-color: rgba(128, 128, 128, .5); box-shadow: 0 0 1px rgba(0, 0, 0, 1); transition-timing-function: linear; } /* Slideshow Variations */ .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .presentation-info-text { width: 100%; } table.center .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C { padding-bottom: 3rem; } table.center .module-presentation:first-child .presentation-wrapper[max-width~="1085px"] > ul.type-C { padding-top: 3rem; } .panel[max-width~="1183px"] table.center .module-presentation:first-child .presentation-wrapper > ul.type-C { padding-top: 2.25rem; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE { min-height: 0; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1:not(.is-spaced) > li, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt:not(.is-spaced) > li, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE:not(.is-spaced) > li { display: flex; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1.is-spaced > li, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt.is-spaced > li, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE.is-spaced > li { flex-wrap: wrap; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-block, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-block, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-block { width: 100%; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-block.no-bgimg, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-block.no-bgimg, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-block.no-bgimg { display: block; min-height: 0; order: 2; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1.is-spaced > li .presentation-block, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt.is-spaced > li .presentation-block, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE.is-spaced > li .presentation-block { width: 98%; width: calc(100% - 1.327rem); } .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-D.is-spaced > li .presentation-block, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-E.is-spaced > li .presentation-block { width: 48%; width: calc(50% - 1.327rem); } .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-D.is-spaced > li .presentation-block:nth-child(1n + 3) { width: 98%; width: calc(100% - 1.327rem); } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-D.is-spaced > li .presentation-block, .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-E.is-spaced > li .presentation-block { width: 98%; width: calc(100% - 1.327rem); } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .with-content, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .with-content, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .with-content { z-index: 2; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .no-content, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .no-content, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .no-content { order: 1; z-index: 1; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .no-content.with-bgimg.with-prev-bgimg.with-prev-content, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .no-content.with-bgimg.with-prev-bgimg.with-prev-content, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .no-content.with-bgimg.with-prev-bgimg.with-prev-content { display: none; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .with-content.with-bgimg.with-next-bgimg.no-next-content .presentation-info.pos-right.csize-narrow .presentation-info-text, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .with-content.with-bgimg.with-next-bgimg.no-next-content .presentation-info.pos-right.csize-narrow .presentation-info-text, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .with-content.with-bgimg.with-next-bgimg.no-next-content .presentation-info.pos-right.csize-narrow .presentation-info-text { margin-right: 0; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-info, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-info, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-info { padding-left: 2.5rem; padding-right: 2.5rem; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-info.pos-middle.pos-center.csize-larger, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-info.pos-middle.pos-center.csize-larger, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-info.pos-middle.pos-center.csize-larger { padding-left: 3rem; padding-right: 3rem; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .size-150.no-bgimg .presentation-info, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .size-150.no-bgimg .presentation-info, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .size-150.no-bgimg .presentation-info { padding-top: 2rem; padding-bottom: 2rem; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-info .presentation-info-text, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-info .presentation-info-text, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-info .presentation-info-text { width: 100%; } .module-presentation .presentation-wrapper[max-width~="1250px"] > ul.type-S > li .presentation-info { padding-left: 2.5rem; padding-right: 2.5rem; } .module-presentation .presentation-wrapper[max-width~="1250px"] > ul.type-S > li .presentation-info.pos-middle.pos-center.csize-larger { padding-left: 3rem; padding-right: 3rem; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-info.csize-larger:not(.csize-skinny) .presentation-title, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-info.csize-larger:not(.csize-skinny) .presentation-title, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-info.csize-larger:not(.csize-skinny) .presentation-title { font-size: 250%; } /* .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .with-content.no-next-content.with-next-bgimg .presentation-color, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .with-content.no-next-content.with-next-bgimg .presentation-color { opacity: 0.85; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .with-content.no-next-content.with-next-bgimg.dark-background .presentation-color, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .with-content.no-next-content.with-next-bgimg.dark-background .presentation-color { opacity: 0.65; } */ .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-background-video, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-background-video, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-background-video { position: unset; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-background-video video, .module-presentation .presentation-wrapper[max-width~="1150px"] > ul.type-C.layout-C-alt > li .presentation-background-video video, .module-presentation .presentation-wrapper[max-width~="1085px"] > ul.type-C.layout-DE > li .presentation-background-video video { position: unset; transform: none; } /* IE10+ styles */ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .module-presentation .presentation-wrapper > ul.type-C.layout-C, .module-presentation .presentation-wrapper > ul.type-C.layout-D, .module-presentation .presentation-wrapper > ul.type-C.layout-E { display: block; } .module-presentation .presentation-wrapper > ul.type-S.layout-B, .module-presentation .presentation-wrapper > ul.type-S.layout-C { display: block; } } /* Add flair border when two slideshows displayed back to back */ .module-presentation.presentation-type-S { position: relative; border-top: 0px solid #000; border-bottom: 0px solid #000; } #main .PageManagerContent .first-panel .cell .cell-wrapper:first-child > .module-presentation.presentation-type-S:first-child { border-top: none; } .module-presentation.presentation-type-S + .module-presentation.presentation-type-S { position: relative; padding-top: 5px !important; border-top: none; } .module-presentation.presentation-type-S + .module-presentation.presentation-type-S::before { content: ''; position: absolute; top: 0px; left: 0; right: 0; z-index: 2; height: 2px; background: #fff; border-top: 1px solid #000; border-bottom: 2px solid #ea0a2a; } .pg-Home .module-presentation .presentation-wrapper > ul.layout-C > li .presentation-background { margin: 2.5em; } .module-presentation .presentation-wrapper > ul > li .presentation-description .clear10.bg-green { position: absolute; top: -1.2rem; left: 0; width: 100%; background-color: #267f6a; } .module-presentation.alt-buttons .presentation-wrapper > ul > li .presentation-info { position:static; } .module-presentation.alt-buttons .presentation-info .presentation-title { display:none; } .module-presentation.alt-buttons .presentation-info .presentation-readmore a { position:absolute; left:0; right:0; bottom:0; text-shadow: none; text-align: center; } .module-presentation.alt-buttons .presentation-wrapper > ul > li .presentation-background { background-size:contain; border:#fff 10px solid; } /*-- MODULE: Milestones --*/ .module-milestones .milestone-wrapper { padding-bottom: 0.5rem; } .module-milestones ul.records-wrapper { display: block; margin: 0; padding: 1em 0 0 0; list-style: none; } .module-milestones ul.records-wrapper > li { display: flex; flex-flow: row nowrap; margin: 0; padding: 0; } .module-milestones ul.records-wrapper > li + li { margin-top: 2.5rem; } .module-milestones ul.records-wrapper > li.is-extra { opacity: 0; visibility: hidden; height: 0; margin-top: 0; } .module-milestones ul.records-wrapper > li.milestone-readmore { display: block; width: 130px; margin-left: auto; margin-right: auto; padding: 0.5em 0; font-size: 1rem; text-align: center; } .module-milestones ul.records-wrapper.display-left > li.milestone-readmore { margin-left: 0; } .module-milestones ul.records-wrapper.display-right > li.milestone-readmore { margin-right: 0; } .module-milestones ul.records-wrapper > li .milestone-readmore-text { font-size: 90%; line-height: 1; font-weight: var(--font-weight-bold); text-transform: uppercase; opacity: 0.6; } .module-milestones ul.records-wrapper > li .milestone-readmore-text span { display: block; } .module-milestones ul.records-wrapper > li .milestone-readmore-text span:last-child { position: relative; top: -0.1em; } .module-milestones ul.records-wrapper > li .milestone-readmore-link { font-size: 120%; font-weight: var(--font-weight-bold); text-transform: uppercase; text-decoration: none; } .module-milestones ul.records-wrapper > li .milestone-space { order: 0; display: none; flex: 0 1 0%; padding: 1em 0.75em; } .module-milestones ul.records-wrapper > li .milestone-image { order: 1; display: flex; flex-flow: column nowrap; flex: 0 0 130px; } .module-milestones ul.records-wrapper > li .milestone-image img { flex: 0 0 130px; display: block; width: 130px; height: 130px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35); } .module-milestones ul.records-wrapper > li .milestone-image-img { flex: 0 0 130px; width: 130px; height: 130px; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 50%; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.35), inset 0 0 0px 1px rgba(0, 0, 0, 0.075); } .module-milestones ul.records-wrapper > li .milestone-image-img:hover { transform: scale(1.05); } .module-milestones ul.records-wrapper > li .milestone-image .milestone-connector { flex: 1 1 100%; align-self: center; width: 1px; min-height: 2.5rem; margin: 0 auto -2.5rem auto; background: #888; } .module-milestones ul.records-wrapper > li:last-child .milestone-image .milestone-connector { display: none; } .module-milestones ul.records-wrapper > li .milestone-text { order: 2; flex: 0 1 100%; align-self: center; padding: 1em 1.5em; text-align: left; font-size: 115%; line-height: 1.1; } .module-milestones ul.records-wrapper > li .milestone-text-title { font-size: 95%; font-weight: 600; } .module-milestones ul.records-wrapper > li .milestone-text-content { font-size: 85%; } .module-milestones ul.records-wrapper.display-alternate > li .milestone-space { display: block; flex-basis: 50%; } .module-milestones ul.records-wrapper.display-alternate > li .milestone-text { flex-basis: 50%; } .module-milestones ul.records-wrapper > li.align-right .milestone-space { order: 2; } .module-milestones ul.records-wrapper > li.align-right .milestone-text { order: 0; padding-left: 0; text-align: right; } .module-milestones ul.records-wrapper > li.align-left .milestone-text { padding-right: 0; } /* Variations */ .module-milestones[max-width~="1200px"] ul.records-wrapper > li.milestone-readmore { width: 130px; } .module-milestones[max-width~="1200px"] ul.records-wrapper > li .milestone-image { flex-basis: 130px; } .module-milestones[max-width~="1200px"] ul.records-wrapper > li .milestone-image img { flex-basis: 130px; width: 130px; height: 130px; } .module-milestones[max-width~="1200px"] ul.records-wrapper > li .milestone-image-img { flex-basis: 130px; width: 130px; height: 130px; } .module-milestones[max-width~="900px"] ul.records-wrapper > li.milestone-readmore { position: relative; left: -64px; width: 130px; margin-left: 8.25vw; } .module-milestones[max-width~="900px"] ul.records-wrapper.display-right > li.milestone-readmore { left: auto; right: -64px; margin-left: auto; margin-right: 8.25vw; } .module-milestones[max-width~="900px"] ul.records-wrapper > li .milestone-image { flex-basis: 17vw; } .module-milestones[max-width~="900px"] ul.records-wrapper > li .milestone-image img { flex-basis: 17vw; width: 17vw; height: 17vw; } .module-milestones[max-width~="900px"] ul.records-wrapper > li .milestone-image-img { flex-basis: 17vw; width: 17vw; height: 17vw; } .module-milestones[max-width~="900px"] ul.records-wrapper > li .milestone-space { display: none; flex-basis: 0%; } .module-milestones[max-width~="900px"] ul.records-wrapper > li .milestone-text { order: 2; flex-basis: 100%; padding: 0.5em 0 0.5em 1.5em; text-align: left; } .module-milestones[max-width~="900px"] ul.records-wrapper.display-right > li.align-right .milestone-text { order: 0; padding-right: 1.5em; padding-left: 0; text-align: right; } .module-milestones[max-width~="900px"] ul.records-wrapper > li .milestone-text-content { font-size: 80%; } .module-milestones[max-width~="600px"] ul.records-wrapper > li + li { margin-top: 1.5rem; } .module-milestones[max-width~="600px"] ul.records-wrapper > li.is-extra { margin-top: 0; } .module-milestones[max-width~="600px"] ul.records-wrapper > li .milestone-image .milestone-connector { min-height: 1.5rem; margin-bottom: -1.5rem; } .module-milestones[max-width~="600px"] ul.records-wrapper > li .milestone-text { padding-left: 1em; } .module-milestones[max-width~="600px"] ul.records-wrapper.display-right > li.align-right .milestone-text { padding-right: 1em; padding-left: 0; } .module-milestones[max-width~="600px"] ul.records-wrapper > li .milestone-text-title { font-size: 90%; } /*-- Feedback Forms (needs condensed styles) --*/ .module-feedback_forms.member-login-signup .form-wrapper { max-width: 480px; margin: 0 auto -1em auto; padding: 1.25em 1.75em 1em 1.75em; background: #fff; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 3px; } .module-feedback_forms .form-wrapper .form-contact { float: left; width: 31.4%; margin-top: 5px; margin-left: 2.85%; } .module-feedback_forms .form-wrapper .form-contact + .form-main { float: right; width: 65.75%; } .module-feedback_forms .form-wrapper .form-contact .contact-field { position: relative; } .module-feedback_forms .form-wrapper .form-contact .contact-field + .contact-field { margin-top: 50px; } .module-feedback_forms .form-wrapper .form-contact .contact-field-icon { position: absolute; width: 84px; padding-top: 1px; text-align: center; color: #646c78; } .module-feedback_forms .form-wrapper .form-contact .contact-field-phone .contact-field-icon { top: -6px; } .module-feedback_forms .form-wrapper .form-contact .contact-field-info { margin-left: 84px; } .PageManagerContent .panel .cell .cell-wrapper .module-feedback_forms .content-title { margin-bottom: 1.0rem; } .module-feedback_forms .form-wrapper .form-description + .form-notice { margin-top: 20px; } .module-feedback_forms .form-wrapper .form-description > p:first-child { margin-top: 0; } .module-feedback_forms .form-wrapper .content-title + .form-description > p:first-child { margin-top: 1em; } /*** TODO: convert notice-msg to be like member-msg in that it uses global status classes (e.g., status-good) */ .module-feedback_forms .form-wrapper .notice-msg { display: block; max-width: 38.75rem; margin: -0.9rem 0 0 0; padding: 0.5em 1em 0.5em 0.85em; font-size: 90%; text-align: left; background: rgba(0, 0, 0, 0.1); border-left: 0.5em solid rgba(0, 0, 0, 0.2); border-radius: 3px; } .module-feedback_forms .form-wrapper .notice-msg-alt1 { margin: 0.6rem 0 -0.3rem 0; } .module-feedback_forms .form-wrapper .notice-msg-alt2 { margin-top: -1.2rem; } .module-feedback_forms .form-wrapper .field-group .notice-msg { float: right; margin: 0; padding: 0.35em 0.7em; } .module-feedback_forms .form-wrapper .field-group .notice-msg-full { float: none; } .module-feedback_forms .form-wrapper .field-group-alt .notice-msg { margin-top: 0.4em; } .module-feedback_forms .form-wrapper .error-msg { color: #b02b2c; border-color: #b02b2c; background: rgba(176, 43, 44, 0.2);} .module-feedback_forms .form-wrapper .success-msg { color: #177d0c; border-color: #177d0c; background: rgba(23, 125, 12, 0.2); } /*** END TODO ***/ .module-feedback_forms .form-wrapper .form-fields { display: block; max-width: 930px; margin-top: 20px; } .panel.dark-background .module-feedback_forms .form-wrapper .form-fields { max-width: 1920px; } .module-feedback_forms.member-login-signup .form-wrapper .form-fields { margin-top: 0.75em; } .module-feedback_forms .form-wrapper .content-title + .form-fields { margin-top: 0; } .module-feedback_forms .form-wrapper .form-fields:first-child { margin-top: 0; } .module-feedback_forms .form-wrapper .form-fields ul { display: block; margin: 0 auto; padding: 0; } .module-feedback_forms .form-wrapper .form-fields ul li { display: block; margin: 0; padding: 0; } .module-feedback_forms .form-wrapper .form-group { padding: 20px; } .module-feedback_forms .form-wrapper .field-group { position: relative; display: block; clear: both; width: 665px; width: calc(100% - 0px); padding: 20px 0 0 0; font-size: 100%; } .module-feedback_forms .form-wrapper .form-fields:first-child > ul > li:first-child .field-group:first-child { padding-top: 0; } .module-feedback_forms .form-wrapper .field-group:after { content: '.'; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; overflow: hidden; } .module-feedback_forms .form-wrapper .field-group .label { display: block; float: left; width: 200px; width: 100%; margin: 0; padding: 1px 0 0 0; line-height: 1.3; color: #505863; cursor: default; word-break: break-word; overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .module-feedback_forms .form-wrapper .field-group .label.with-input { padding-top: 6px; } .module-feedback_forms .form-wrapper .field-group .label.with-textarea { padding-top: 1px; } .module-feedback_forms .form-wrapper .field-group .label em { font-weight: 700; color: #983447; } .module-feedback_forms .form-wrapper .field-group .label p { margin: 0; padding: 0 0 2px 0; font-size: 72.22%; font-style: italic; line-height: 1; opacity: 0.7; word-break: keep-all; } .module-feedback_forms .form-wrapper .field-group .field-charcount { position: relative; top: 0.2em; float: right; margin-left: 0.75em; line-height: 1; font-size: 90%; opacity: 0.8; } .module-feedback_forms .form-wrapper .field-group .field-subtext ul { padding-inline-start: 40px; } .module-feedback_forms .form-wrapper .field-group .field-subtext ul li { display: list-item; list-style-type: disc; } .module-feedback_forms .form-wrapper .field.text { padding-top: 8px; font-size: 100%; line-height: 1.2; color: #505863; } .module-feedback_forms .form-wrapper .field.checkbox { padding-top: 6px; } .module-feedback_forms .form-wrapper .field p { display: block; clear: both; padding: 3px 0 0 0; font-size: 72.22%; line-height: 1.2; opacity: 0.7; } .module-feedback_forms .form-wrapper .field { position: relative; float: left; display: block; clear: none; width: 464px; width: calc(100% - 201px); padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .module-feedback_forms .form-wrapper .field-full { width: 100%; } .module-feedback_forms .form-wrapper .field-group .note { display: block; font-size: 83.33%; color: #888; } .module-feedback_forms .form-wrapper .field-group .note-inline { display: inline-block; margin-left: 8px; } .module-feedback_forms .form-wrapper .textbox { width: 100%; padding: 10px 8px; min-height: 36px; margin: 0; font-size: 88.9%; color: #50657a; font-family: inherit; background-color: #fbfbfb; border: 1px solid #d0d0d0; outline: 0; resize: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .module-feedback_forms .form-wrapper textarea.textbox { overflow: auto; resize: vertical; transition: none; } .module-feedback_forms .form-wrapper .textbox:focus { border-color: #b0b0b0; } .module-feedback_forms .form-wrapper .textbox:disabled { background-color: #dbdbdb; border-color: #d0d0d0; color: #888; } .module-feedback_forms .form-wrapper .textbox:focus + .label-icon { color: #b0b0b0; } .module-feedback_forms .form-wrapper select.textbox { padding: 6px 8px; } .module-feedback_forms .form-wrapper input.button, .module-feedback_forms .form-wrapper button.button { padding: 10px 15px; font-family: inherit; cursor: pointer; } .module-feedback_forms .form-wrapper .with-overlay .input-overlay { position: relative; padding-right: 1.95em; } .module-feedback_forms .form-wrapper .with-overlay .icon-overlay { position: absolute; top: 0.5em; right: 0.4em; font-size: 100%; opacity: 0.3; transition: all linear 50ms; } .module-feedback_forms .form-wrapper .field-button-input { display: inline; } .module-feedback_forms .form-wrapper .field-button-button { display: none; } .module-feedback_forms .form-wrapper .field-count-1 .field-button-input { display: none; } .module-feedback_forms .form-wrapper .field-count-1 .field-button-button { display: inline; } .module-feedback_forms .form-wrapper .with-multibuttons + .field { position:relative; } .module-feedback_forms .form-wrapper .with-multibuttons + .field .textbox { width:calc(100% - 64px); margin-bottom:5px; } .module-feedback_forms .form-wrapper .with-multibuttons + .field .multibutton { background-color:#0072ad; color:#fff; width:54px; height:44px; line-height:44px; text-align:center; position:absolute; top:0; right:0; border-radius:5px; } .module-feedback_forms .form-wrapper .with-multibuttons + .field .multibutton:hover { background-color:#1789c4; } .panel.dark-background .module-feedback_forms .form-wrapper .field-group .label { color: #ecedee; } .panel.dark-background .module-feedback_forms .form-wrapper .field.text { color: #ecedee; } .panel.dark-background .module-feedback_forms .form-wrapper .textbox { padding: 20px 12px; color: #fff; background-color: #3a4d5d; border: none; } .panel.dark-background .module-feedback_forms .form-wrapper .textbox:focus { border-color: #4e5f6d; } .panel.dark-background .module-feedback_forms .form-wrapper .textbox:invalid { box-shadow: 0 0 2px 2px #9f2221; } .panel.dark-background .module-feedback_forms .form-wrapper .textbox:disabled { background-color: #39424a; border-color: #39424a; color: #888; } .panel.dark-background .module-feedback_forms .form-wrapper input.button, .panel.dark-background .module-feedback_forms .form-wrapper button.button { padding: 17px 20px; color: #fff; border: none; background-color: #3a4d5d; transition: all linear 250ms; } .panel.dark-background .module-feedback_forms .form-wrapper input.button:hover, .panel.dark-background .module-feedback_forms .form-wrapper button.button:hover { background-color: #405262; } .module-feedback_forms .form-wrapper .field .field-inline { display: inline-block; } .module-feedback_forms .form-wrapper .field .field-address1 { width: 60%; } .module-feedback_forms .form-wrapper .field .field-address2 { width: 39%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-city { width: 60%; } .module-feedback_forms .form-wrapper .field .field-address-state { width: 17%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-zip { width: 21%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .textbox-address-state { text-align: center; } .module-feedback_forms .form-wrapper .field .textbox-address-zip { text-align: center; } .module-feedback_forms .form-wrapper .field .textbox-number { width: 75px; text-align: center; } .module-feedback_forms .form-wrapper .field .textbox-date { width: 150px; } .module-feedback_forms .form-wrapper .field .checkboxradio input { -webkit-appearance: checkbox; } .module-feedback_forms .form-wrapper hr.field-hr { margin: 1em 0 0 0; border-color: rgba(0, 0, 0, 0.1); } .module-feedback_forms .form-wrapper .member-forgot { float: right; cursor: pointer; } .module-feedback_forms .form-wrapper .member-join { display: block; margin: 1em 0 0 0; padding: 0.5em 0; text-align: center; border-top: 2px solid rgba(0, 0, 0, 0.1); } .module-feedback_forms .form-wrapper .member-join a { font-size: 80%; font-weight: var(--font-weight-normal); line-height: 1.3; letter-spacing: 0.075em; text-decoration: none; text-transform: uppercase; cursor: pointer; } .module-feedback_forms .form-wrapper .field-title { font-size: 144.44%; font-weight: bold; border-bottom: 2px solid #eee; } .module-feedback_forms .form-wrapper .field-subtitle { font-size: 116.7%; font-weight: bold; border-bottom: 2px solid #eee; } .module-feedback_forms .form-wrapper .checkboxradio .cell { position: relative; } .module-feedback_forms .form-wrapper .checkboxradio .cell input { position: absolute; top: 4px; left: -3px; width: 12px; height: 12px; opacity: 0; } .module-feedback_forms .form-wrapper .checkboxradio .cell input + label { float: none; display: block; display: inline-block; clear: none; position: relative; padding-left: 24px; cursor: pointer; } .module-feedback_forms .form-wrapper .checkboxradio .cell input + label:empty:after { content: '.'; font-size: 0; } .module-feedback_forms .form-wrapper .checkboxradio .cell input + label:before { display: block; position: absolute; top: 7px; left: 2px; font-family: FontAwesome; content: '\f096'; font-size: 88.9%; line-height: 1; color: #888; } .module-feedback_forms .form-wrapper .checkboxradio .cell input:checked:not(:indeterminate) + label:before { color: #444; content: '\f046'; } .module-feedback_forms .form-wrapper .checkboxradio.radiobox .cell input + label:before { top: 6px; left: 1px; content: '\f10c'; } .module-feedback_forms .form-wrapper .checkboxradio.radiobox .cell input:checked:not(:indeterminate) + label:before { content: '\f05d'; } .module-feedback_forms .form-wrapper .field-group .field-validators { display: block; white-space: nowrap; } .module-feedback_forms .form-wrapper .field-group label.with-input + .field .field-validators { margin-top: 6px; } .module-feedback_forms .form-wrapper .field-group label.with-textarea + .field .field-validators { margin-top: 2px; } .module-feedback_forms .form-wrapper .field-group .field-validators .form-validator { display: block; font-size: 83.33%; } form .panel.dark-background .module-feedback_forms .form-wrapper .field-group .field-validators .form-validator { color: #ea3230 !important; } .module-feedback_forms .form-wrapper .field-group .field-validators .form-validator:before { font-family: FontAwesome; content: '\f071'; margin-right: 5px; } .module-feedback_forms .form-wrapper .field .captcha-notice { padding: 5px 0; font-size: 88.9%; } .module-feedback_forms .form-wrapper .field .captcha-image { position: relative; } .module-feedback_forms .form-wrapper .field .captcha-image img.captcha-phrase { width: 100%; /*height: 107px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .module-feedback_forms .form-wrapper .field .captcha-image .captcha-reload { position: absolute; top: 3px; right: 4px; font-size: 77.8%; line-height: 100%; color: inherit; background: #808080; background: rgba(255, 255, 255, 0.5); } .module-feedback_forms .form-wrapper .field .captcha-image .captcha-reload:hover { color: #000; } .cell.is-condensed .module-feedback_forms .form-wrapper .clear20 { height: 8px; } .cell.is-condensed .module-feedback_forms .form-wrapper .field-group { padding-top: 8px; } .cell.is-condensed .module-feedback_forms .form-wrapper .field-group .label { float: none; clear: both; display: block; width: 100%; } .cell.is-condensed .module-feedback_forms .form-wrapper .field-group .label-empty { font-size: 7px; } .cell.is-condensed .module-feedback_forms .form-wrapper .field-group .field { float: none; clear: both; display: block; width: 100%; } /* Variations */ .module-feedback_forms .form-wrapper[max-width~="920px"] .form-contact { float: none; clear: both; display: block; width: 100%; padding-top: 0.25em; } .module-feedback_forms .form-wrapper[max-width~="920px"] .form-contact + .form-main { float: none; clear: both; display: block; width: 100%; margin-top: 2em; } .module-feedback_forms .form-wrapper .form-main[max-width~="775px"] .clear20 { height: 0.4rem; } .module-feedback_forms .form-wrapper .form-main[max-width~="775px"] .field-group { width: 100%; } .module-feedback_forms .form-wrapper .form-main[max-width~="775px"] .field-group .label { float: none; clear: both; display: block; width: 100%; padding-top: 0; } .module-feedback_forms .form-wrapper .form-main[max-width~="775px"] .field-group .label.with-input { padding-bottom: 0.2em; } .module-feedback_forms .form-wrapper .form-main[max-width~="775px"] .field-group .label.with-checkboxradio { padding-bottom: 0.4em; } .module-feedback_forms .form-wrapper .form-main[max-width~="775px"] .field-group .label-empty { font-size: 0.35em; } .module-feedback_forms .form-wrapper .form-main[max-width~="775px"] .field-group .field { float: none; clear: both; display: block; width: 100%; } .module-feedback_forms.member-login-signup { color: #000; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .field-validators { position: static; float: right; width: auto; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .field-validator { font-size: 85%; color: #b02b2c; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .field-validator::before { content: '\f06a'; font-family: FontAwesome; margin-right: 0.5em; } /* Account Messages */ .module-members .member-messages { padding-top: 0.75em; } .module-members .member-messages .member-msg { position: relative; margin: 0 0 0.5em 0; padding: 0.4em 1em 0.5em 0.85em; font-size: 85%; text-align: left; border-left-width: 0.5em; border-left-style: solid; } .module-members .member-messages .messages-error .member-msg { margin-top: 1.5em; } .module-members .member-messages .toggle-btn { position: absolute; top: -1em; right: 0; } .module-members .member-messages::after { display: block; content: ''; clear: both; } .module-members .member-messages .messages-wrapper { float: left; width: 320px; } .module-members .member-messages .messages-wrapper .messages-list { margin: 1.5em 0 0 0; padding: 10px; list-style: none; background-color: #f5f5f5; border-radius: 5px; } .module-members .member-messages .messages-wrapper .messages-list li { display: block; margin: 0; padding: 0; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } .module-members .member-messages .messages-wrapper .messages-list li .message-item { position: relative; display: block; display: flex; gap: 5px; flex-direction: column; padding: 0.8em 0.5em; text-decoration: none; } .module-members .member-messages .messages-wrapper .messages-list li .message-item:hover { background: rgba(168,188,209,0.1); } .module-members .member-messages .messages-wrapper .messages-list li .message-item.is-unread { font-weight: var(--font-weight-bold); } .module-members .member-messages .messages-wrapper .messages-list li .message-item.is-read { color: inherit; } .module-members .member-messages .messages-wrapper .messages-list li .message-item.is-read > div { opacity: 0.8; } .module-members .member-messages .messages-wrapper .messages-list li .message-item.is-read:hover > div { opacity: 1; } .module-members .member-messages .messages-wrapper .messages-list li .message-item .clear { display: none; } .module-members .member-messages .messages-wrapper .messages-list li .message-user { font-weight: 600; } .module-members .member-messages .messages-wrapper .messages-list li .message-ticket-number { position: absolute; bottom: 0.5em; font-weight: var(--font-weight-bold); } .module-members .member-messages .messages-wrapper .messages-list li .message-ticket-number .ticket-number { font-weight: var(--font-weight-normal); } .module-members .member-messages .messages-wrapper .messages-list li .message-status { position: absolute; bottom: 0.5em; right: 0; font-weight: var(--font-weight-bold); } .module-members .member-messages .messages-wrapper .messages-list li .message-status .closed { color: var(--dark-link-hover); } .module-members .member-messages .messages-wrapper .messages-list li .message-status .open { color: #009E60; } .module-members .member-messages .messages-wrapper .messages-list li .message-user i.fa { width: 1.5em; margin-left: 0.2em; text-align: center; } .module-members .member-messages .messages-wrapper .messages-list li .message-user img { width: 1.5em; height: 1.5em; margin-right: 0.2em; border-radius: 50%; } .module-members .member-messages .messages-wrapper .messages-list li .message-content { } .module-members .member-messages .messages-wrapper .messages-list li .message-text { display: none; font-size: 90%; height: 1.3em; line-height: 1.3em; font-weight: var(--font-weight-normal); opacity: 0.8; overflow: hidden; text-overflow: ellipsis; } .module-members .member-messages .messages-wrapper .messages-list li .message-item.is-read > div .message-text { opacity: 1; } .module-members .member-messages .messages-wrapper .messages-list li .message-item.is-read:hover > div .message-text { opacity: 0.8; } .module-members .member-messages .messages-wrapper .messages-list li .message-date { text-align: right; position: absolute; font-size: 80%; top: 0.8em; right: 0.5em; } .module-members .member-messages .messages-wrapper .messages-list .module-paginate { margin-top: 20px; } .module-members .member-messages .message-details .message-main { position: relative; } .module-members .member-messages .message-details .message-main .message-ticket-number { font-weight: var(--font-weight-bold); position: absolute; top: 3em; right: 0; } .module-members .member-messages .message-details .message-main .message-ticket-number .ticket-number { font-weight: var(--font-weight-normal); } .module-members .member-messages .message-details .message-main .message-info { position: relative; } .module-members .member-messages .message-details .message-main .message-user { margin-bottom: 0.5em; } .module-members .member-messages .message-details.both-users .message-main .message-user span { display: inline-block; width: 2.9em; text-align: right; } .module-members .member-messages .message-details .message-main .message-user i.fa { margin-right: 0.1em; } .module-members .member-messages .message-details .message-main .message-user i.fa.img-width { margin-left: 0.36428571em; text-align: center; } .module-members .member-messages .message-details .message-main .message-user img { width: 1.5em; height: 1.5em; border-radius: 50%; } .module-members .member-messages .message-details .message-main .message-date { position: absolute; top: 0; right: 0; } .module-members .member-messages .message-details .message-main .message-date span { display: none; } .module-members .member-messages .message-details .message-main .message-content { padding-bottom: 1.5rem; border-bottom: 1px solid rgba(128, 128, 128, 0.4); } .module-members .member-messages .message-details .message-main.with-file .message-content { padding-bottom: 0.85rem; } .module-members .member-messages .message-details .message-main .message-content .message-file { margin: 1.25rem 0 0 0; padding-top: 0.85rem; font-size: 90%; text-align: right; border-top: 1px solid rgba(128, 128, 128, 0.4); } .module-members .member-messages .message-details .message-main .message-content .message-file a { margin-right: 0.2em; font-weight: var(--font-weight-bold); text-decoration: none; } .module-members .member-messages .message-details .message-main .message-content .message-file a:hover { text-decoration: underline; } .module-members .member-messages .message-details .message-main .message-content .message-file span { opacity: 0.9; } .module-members .member-messages .message-details .message-main .message-content .message-file .message-file-detail { display: inline-block; position: relative; top: -1px; margin-left: 0.35em; padding-left: 0.7em; font-size: 83.3333%; line-height: 100%; opacity: 0.8; border-left: 1px solid; } .module-members .member-messages .message-details .message-reply-notice { margin-top: 1em; } .module-members .member-messages .message-details .message-replies { margin: 1.5rem 0 0 0; padding: 0 0 0.5em 0; list-style: none; } .module-members .member-messages .message-details .message-main.with-file + .message-replies { margin-top: 1em; } .module-members .member-messages .message-details .message-replies li { display: block; margin: 1.5em 0 0 0; padding: 0; } .module-members .member-messages .message-details .message-replies li + li { margin-top: 2em; } .module-members .member-messages .message-details .message-replies li.is-user { margin-right: 0; margin-left: 20%; } .module-members .member-messages .message-details .message-replies li .reply-date { float: right; margin-top: -1.2em; font-size: 85%; text-align: right; } .module-members .member-messages .message-details .message-replies li.is-user .reply-date { float: left; text-align: left; } .module-members .member-messages .message-details .message-replies li.is-user .reply-user { text-align: right; } .module-members .member-messages .message-details .message-replies li .reply-user img { width: 1.5em; height: 1.5em; border-radius: 50%; } .module-members .member-messages .message-details .message-main .message-content, .module-members .member-messages .message-details .message-replies li .reply-content { position: relative; margin-top: 0.5em; padding: 0.8em 1.25em 1em 1.25em; overflow: visible; background-color: #eee; border: 1px solid #ddd; } .module-members .member-messages .message-details .message-replies li.is-user .reply-content { background-color: #e9edf2; } .module-members .member-messages .message-details .message-main .message-content::before, .module-members .member-messages .message-details .message-main .message-content::after, .module-members .member-messages .message-details .message-replies li .reply-content::before, .module-members .member-messages .message-details .message-replies li .reply-content::after { content: ''; position: absolute; width: 0; height: 0; top: -0.44em; left: 1.25em; border: 0.5em solid transparent; border-top-width: 0; border-bottom-color: #eee; } .module-members .member-messages .message-details .message-replies li .reply-content::before { top: -0.45em; margin-top: -1px; border-bottom-color: #ddd; } .module-members .member-messages .message-details .message-replies li.is-user .reply-content::before { left: auto; right: 1.25em; } .module-members .member-messages .message-details .message-replies li.is-user .reply-content::after { left: auto; right: 1.25em; border-bottom-color: #e9edf2; } .module-members .member-messages .message-details .message-replies li .reply-content .reply-text i.fa.small-icon { font-size: 70%; } .module-members .member-messages .message-details .message-replies li .reply-content .reply-file { margin: 1em 0 -0.25em 0; padding-top: 0.75em; font-size: 90%; text-align: right; border-top: 1px solid rgba(128, 128, 128, 0.4); } .module-members .member-messages .message-details .message-replies li .reply-content .reply-file a { margin-right: 0.2em; font-weight: var(--font-weight-bold); text-decoration: none; } .module-members .member-messages .message-details .message-replies li .reply-content .reply-file a:hover { text-decoration: underline; } .module-members .member-messages .message-details .message-replies li .reply-content .reply-file span { opacity: 0.9; } .module-members .member-messages .message-details .message-replies li .reply-content .reply-file .reply-file-detail { display: inline-block; position: relative; top: -1px; margin-left: 0.35em; padding-left: 0.7em; font-size: 83.3333%; line-height: 100%; opacity: 0.8; border-left: 1px solid; } .module-members .member-messages .message-form { margin-top: 1.5rem; } .module-members .member-messages .messages-wrapper + .message-form { margin-top: 0; float: right; width: calc(100% - 360px); } .module-members .member-messages .message-form .error-msg { color: #b02b2c; border-color: #b02b2c; background: rgba(176, 43, 44, 0.2); margin-bottom: 1em; } .module-members .member-messages .message-form .success-msg { color: #177d0c; border-color: #177d0c; background: rgba(23, 125, 12, 0.2); margin-bottom: 1em; } .module-members .member-messages .messages-wrapper.no-messages + .message-form, .module-members .member-messages .message-details.with-replies + .message-form { padding-top: 1.5rem; border-top: 1px solid rgba(128, 128, 128, 0.4); } .module-members .member-messages .messages-wrapper + .message-form .content-title { padding-top: 0.35rem; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .form-fields { max-width: 100%; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .field-group { width: 100%; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .textbox { font-size: 100%; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper textarea.textbox { min-height: 9.8em; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper select.textbox { -webkit-appearance: auto; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .checkboxradio { margin-top: -0.25em; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .optionlink { padding-top: 0.75em; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .optionlink a { text-decoration: none; color: inherit; opacity: 0.8; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .optionlink a:hover { opacity: 1; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .field-validators { position: static; float: right; width: auto; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .field-validator { font-size: 85%; color: #b02b2c; } .module-members .member-messages .message-form .module-feedback_forms .form-wrapper .field-validator::before { content: '\f06a'; font-family: FontAwesome; margin-right: 0.5em; } /*-- Services --*/ .module-services .services-list { float: left; clear: left; display: inline; width: calc(0% + 300px); padding-top: 10px; } .module-services .services-list a { text-decoration: none; } .module-services .services-list a:hover { text-decoration: underline; } .module-services .services-list h3 { font-size: 180%; } .module-services .services-list ul { margin: 0; padding: 0; list-style: none; } .module-services .services-list ul + .clear + h3 { margin-top: 0.4em; } .module-services .services-list li { margin: 3px 0; padding: 4px 5px 4px 10px; border-left: 3px solid #ddd; } .module-services .services-list li.sel { color: #fff; border-left-color: #475967; background: #475967; } .module-services .services-info.with-list { float: right; clear: right; display: inline; width: calc(100% - 350px); } .module-services .services-info .content-data .content-data-img { float: left; max-width: 200px; margin: 0.5em 1em 0.5em 0; border-radius: 4px; } .module-services .services-info .service-main-img { float: left; width: 44.42%; margin-top: 0.2em; border-radius: 4px; } .module-services .services-info .service-sections.with-image { float: right; width: 52%; } /*.module-services .services-info .content-data h1, .module-services .services-info .content-data h2, .module-services .services-info .content-data h3, .module-services .services-info .content-data h4, .module-services .services-info .content-data h5 { font-size: 180%; }*/ .module-services .services-info .content-data ol, .module-services .services-info .content-data ul { padding-left: 2.5em; } .module-services .services-info .content-data h1 + *, .module-services .services-info .content-data h2 + *, .module-services .services-info .content-data h3 + *, .module-services .services-info .content-data h4 + *, .module-services .services-info .content-data h5 + * { margin-top: 0.75em; } .module-services .services-info .content-data h4 { font-size: 1.5rem; } .module-services .services-info .content-data .service-section > img:first-child + * { /*margin-top: 0;*/ } .module-services .services-info .content-data .service-section > img:first-child + p, .module-services .services-info .content-data .service-section > img:first-child + ol, .module-services .services-info .content-data .service-section > img:first-child + ul { padding-top: 0.3em; } .module-services .services-info .content-data .service-sections .service-section p { margin-top: 0.3em; } .module-services .services-info .content-data .service-section p > img { max-width: 100%; min-width: 150px; height: auto !important; margin: 0 0 0.25em 0 !important; border-radius: 4px; } .module-services .services-info .content-data .service-section p > img[align=left], .module-services .services-info .content-data .service-section p > img[style*="float: left"] { max-width: 25%; margin: 0.2em 1em 0.2em 0 !important; } .module-services .services-info .content-data .service-section p > img[align=right], .module-services .services-info .content-data .service-section p > img[style*="float: right"] { max-width: 25%; margin: 0.2em 0 0.2em 1em !important; } .module-services .services-info.with-list .content-data .service-section > p:first-child, .module-services .services-info.with-list .content-data .service-section > ol:first-child, .module-services .services-info.with-list .content-data .service-section > ul:first-child { margin-top: 0.6em; } .module-services .parent-wrapper .services-list { padding-top: 0; } .module-services .parent-wrapper .services-info ul { display: block; margin: 0; padding: 0; list-style: none; } .module-services .parent-wrapper .services-info ul li { margin: 7px 0 0 0; padding: 0; } .module-services .parent-wrapper .services-info ul li + li { margin-top: 20px; } .module-services .services-info ul li .service-img { float: left; width: 200px; margin: 8px 0 0 0; } .module-services .services-info ul li .service-img img { width: 100%; border-radius: 4px; } .module-services .services-info ul li .service-content { } .module-services .services-info ul li .service-content.with-img { float: right; width: calc(100% - 235px); } .PageManagerContent .panel .cell .module-services .parent-wrapper ul li .content-title { margin: 0 0 3px 0; padding: 0; font-size: 225%; line-height: 1; } .PageManagerContent .panel .cell .module-services .parent-wrapper .services-list + .services-info ul li .content-title { font-size: 180%; } .module-services .parent-wrapper .services-info ul li .content-link { margin-top: 1em; text-align: right; } .module-services .parent-wrapper .services-info ul li .content-link i.fa { margin-left: 7px; } .PageManagerContent .panel .center-no .cell .cell-wrapper .cell-content.module-services { padding-top: 0; padding-bottom: 0; } .PageManagerContent .panel .center-no .cell .cell-wrapper .cell-content.module-services + .module-services { padding-top: 0; } .module-services .services-cta { position: relative; color: #111; overflow: hidden; } .module-services .services-cta.dark-background { margin: -20px 0; color: #fff; } .center-no .module-services .services-cta.dark-background { margin-top: 0; margin-bottom: 0; } .module-services .services-cta:after { content: ""; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background-color: #ddd; background-repeat: no-repeat; background-position: center center; background-size: cover; } .module-services .services-cta .center { padding: 3rem 7.4% 4rem 7.4%; } .center .module-services .services-cta .center { } .center-no .module-services .services-cta .center { width: auto; } .module-services .services-cta .cta-color { min-height: 350px; background-color: #ccc; background-color: rgba(204, 204, 204, 0.8); text-shadow: 0 0 5px #fff; } .module-services .services-cta.children-only .cta-color { min-height: 0; } .module-services .services-cta.no-bgimg .cta-color { background-color: rgba(204, 204, 204, 1); } .module-services .services-cta.dark-background .cta-color { background-color: #2d383f; background-color: rgba(45, 56, 63, 0.8); text-shadow: 0 0 3px #000; } .module-services .services-cta.dark-background.no-bgimg .cta-color { background-color: rgba(45, 56, 63, 1); } .module-services .services-cta .content-link { margin: 30px 0 0 0; text-align: right; } .module-services .services-cta.with-children .main-service .content-link { display: none; } .module-services .services-cta .preview-service-img { float: left; width: 200px; margin: 1.35em 40px 0 0; } .module-services .services-cta .preview-service-img img { display: block; width: 100%; border-radius: 4px; } .module-services .services-cta .main-service { display: block; margin-top: 1em; } .module-services .services-cta.with-children .main-service { margin-bottom: 0.5em; } .module-services .services-cta .preview-service-img + .main-service { float: left; width: calc(100% - 240px); } .module-services .services-cta .services-children { margin: 0 -20px; overflow: hidden; } .module-services .services-cta.with-children .services-children { margin-top: 1em; margin-bottom: -0.5em; } .module-services .services-cta .services-children .services-children-scroller { } .module-services .services-cta .services-children .services-children-scroller .services-children-scroll { float: left; } .module-services .services-cta .services-children .services-child { float: left; width: 49%; padding: 20px; color: inherit; text-align: center; text-decoration: none; background-color: rgba(0, 0, 0, 0); box-sizing: border-box; } .module-services .services-cta .services-children .services-child + .services-child { margin-left: 2%; } .module-services .services-cta .services-children .services-child:nth-child(odd) { clear: left; margin-left: 0; } .module-services .services-cta .services-children .services-child:hover { background-color: rgba(255, 255, 255, .5); } .module-services .services-cta.dark-background .services-children .services-child:hover { background-color: rgba(0, 0, 0, .25); } .module-services .services-cta .services-children .services-child .child-service-img { float: left; width: 130px; margin: 2px 25px 0 0; } .module-services .services-cta .services-children .services-child .child-service-img img { width: 100%; border-radius: 4px; } .module-services .services-cta .services-children .services-child .child-service-details { display: block; } .module-services .services-cta .services-children .services-child .child-service-img + .child-service-details { float: left; width: calc(100% - 155px); } .module-services .services-cta .services-children .services-child .child-service-title { display: block; margin: 0 0 5px 0; font-size: 110%; line-height: 1; text-align: left; } .module-services .services-cta .services-children .services-child .child-service-description { font-size: 90%; text-align: left; } .module-services .services-cta .services-children .services-child .child-service-link { margin: 20px 0 0 0; } .module-services .services-cta .services-arrows { display: block; } .module-services .services-cta .services-arrows span { cursor: pointer; } .module-services .services-cta .services-arrows span.services-previous { position: absolute; z-index: 2; top: 45%; top: calc(50% - 16px); left: 20px; width: 32px; height: 32px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .module-services .services-cta .services-arrows span.services-next { position: absolute; z-index: 2; top: 45%; top: calc(50% - 16px); right: 20px; width: 32px; height: 32px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .module-services .services-cta .services-arrows span.inactive { opacity: 0.2; cursor: default; } .module-services .services-cta .services-arrows span > span { position: absolute; top: 0; left: 0; background-color: #333; } .module-services .services-cta .services-arrows span:hover span { background-color: #000; } .module-services .services-cta.dark-background .services-arrows span > span { background-color: #ddd; } .module-services .services-cta.dark-background .services-arrows span:hover span { background-color: #fff; } .module-services .services-cta .services-arrows span.inactive > span { background-color: #333; cursor: default; } .module-services .services-cta.dark-background .services-arrows span.inactive > span { background-color: #fff; cursor: default; } .module-services .services-cta .services-arrows span .l1 { width: 32px; height: 8px; } .module-services .services-cta .services-arrows span .l1:not(:first-child) { box-shadow: 0 0 0 rgba(0, 0, 0, 0); } .module-services .services-cta .services-arrows span .l2 { width: 8px; height: 32px; } .PageManagerContent .panel .cell .cell-wrapper .cell-content.module-services .services-cta .content-title { text-transform: uppercase; } .PageManagerContent .panel .cell .cell-wrapper .cell-content.module-services .services-cta .content-title a { color: inherit; } /*-- Photo Gallery --*/ .PageManagerContent .panel .cell .cell-wrapper .module-photo_gallery .content-title { margin-bottom: 0; } .PageManagerContent .panel .cell .cell-wrapper .module-photo_gallery .content-title + p.content-data { margin-bottom: 0.5em; } .module-photo_gallery .content-title + .album-wrapper { margin-top: 0.5em; } .module-photo_gallery .album-wrapper ul { padding: 0; } .module-photo_gallery .album-wrapper.inside-photo ul li .img-text .panel-table { width: 100%; color: inherit; } .module-photo_gallery .album-wrapper.inside-photo ul li .img-text .cell { padding: 1px 5px; font-size: 90%; color: inherit; } .module-photo_gallery .album-wrapper.below-photo ul li .img-text .panel-table .cell { padding-bottom: 0; } .module-photo_gallery .album-wrapper.below-photo ul li .img-text .panel-table .cell .album-title { text-align: left; } .panel.dark-background .module-photo_gallery .album-wrapper.below-photo ul li:hover { background-color: rgba(0, 0, 0, 0.25); } .module-photo_gallery .album-wrapper.below-photo ul li:hover .img-wrap img { opacity: 1; } .module-photo_gallery .album-wrapper ul { margin: 0; } .module-photo_gallery .album-wrapper ul li a { margin: 8px; } /*-- Video Gallery (needs work) --*/ .module-video_gallery .album-wrapper.below-video ul { margin: 0; padding: 0; } .module-video_gallery .album-wrapper.below-video ul li a { margin: 8px; } .module-video_gallery .album-wrapper.inside-video ul { padding: 0; } .module-video_gallery .album-wrapper.inside-video ul li .img-text .panel-table { width: 100%; color: inherit; } .module-video_gallery .album-wrapper.inside-video ul li .img-text .cell { padding: 1px 5px; font-size: 90%; color: inherit; } /*-- FAQs --*/ .module-faqs .categories-wrapper ul { padding: 0; } .module-faqs .categories-wrapper ul li a { padding: 8px 10px; } .module-faqs .categories-wrapper ul li .faq-text .panel-table .cell .faq-title { font-size: 110%; } .module-faqs .categories-wrapper ul li .faq-text .panel-table .cell .faq-description { font-size: 95%; } .module-faqs .category-wrapper ul.faq-list li .faq-description { margin-left: 27px; padding: 0 0 0 12px; } .module-faqs .category-wrapper ul.faq-list li .faq-description .faq-content { padding-top: 3px; padding-bottom: 3px; } .module-faqs .category-wrapper ul.faq-list li .faq-description .faq-content p:first-child { margin-top: 0; } .module-faqs .category-wrapper ul.faq-list li .faq-description .faq-content p:last-child { margin-bottom: 0; } /*-- Blog --*/ .module-blog .blog-wrapper ul { padding: 0; } .module-blog .blog-sidebar .blog-sidebar-block ul { padding: 0; } .module-blog .blog-wrapper ul li { margin-top: 1.5rem; } .module-blog .blog-wrapper ul li:first-child { margin-top: 0; } .module-blog .blog-wrapper ul li .img-wrap { width: 150px; height: 150px; margin-top: 5px; } .module-blog .blog-wrapper.content-end ul li .img-wrap, .module-blog .blog-sidebar ul li .img-wrap { margin-top: 2px; } .module-blog .blog-wrapper ul li .img-wrap + .img-text { width: calc(100% - 170px); } .module-blog .blog-wrapper.content-end ul li > a > .img-text:first-child { width: 100%; margin-left: 0; } .module-blog .blog-wrapper ul li .img-text .blog-title { font-size: 140%; } .module-blog .blog-wrapper ul li .img-text .blog-info a { font-weight: normal; } .module-blog .blog-wrapper ul li .img-text p { font-size: 90%; margin: 1em 0 0.75em 0; } .module-blog .blog-wrapper ul li .img-text p + p { margin-top: 0.75em; } .module-blog .blog-wrapper ul li .img-text p a { font-weight: normal; } .module-blog .blog-wrapper.content-end ul li .img-text, .cell.is-condensed .module-blog .blog-wrapper ul li .img-text { font-size: 90%; } .module-blog .blog-wrapper.content-end ul li .img-text:not(:only-child) { margin-left: 10px; } .module-blog .blog-data .blog-social { margin-bottom: 1.25em; } .module-blog .blog-data .blog-social a { margin-right: 10px; } .module-blog .blog-data .blog-social a.fa { text-decoration: none; } .module-blog .blog-data .blog-social.content-end { margin-top: 1.25em; padding-top: 1.25em; } .module-blog .blog-wrapper.content-end { margin-top: 1.25em; padding-top: 1.25em; } .cell-wrapper .module-blog .blog-data .blog-wrapper.content-end .content-title { margin-bottom: 0.75rem; } .module-blog .blog-data .news-detail { float: left; width: 48%; width: calc(50% - 1.5em); margin-top: 1.5em; } .module-blog .blog-data .news-detail + .news-detail { margin-left: 4%; margin-left: calc(0% + 3em); } .module-blog .blog-data .news-detail .news-detail-image { float: left; width: 25%; max-width: 200px; margin: 5px 1.25em 0.25em 0; } .module-blog .blog-data .news-detail .news-detail-image.no-image { background-color: rgba(0,0,0,0.1); } .module-blog .blog-data .news-detail .news-detail-image img { width: 100%; } .module-blog .blog-data .news-detail .news-detail-title { font-size: 120%; } .module-blog .blog-data .news-detail .news-detail-content { padding-top: 0.2em; } @media only screen and (max-width: 1120px) { .module-blog .blog-data .news-detail { float: none; clear: both; width: 100%; } .module-blog .blog-data .news-detail + .news-detail { margin-left: 0; } } /*-- Blog (Overwrite) --*/ .module-blog .blog-wrapper { margin: 0; } .module-blog .blog-wrapper .news-items { position: relative; margin: 0; padding: 0; list-style: none; } .module-blog .blog-wrapper .news-item { position: relative; float: left; display: block; width: 30%; margin: 0 0 1.5em 5%; padding: 0; text-decoration: none; overflow: hidden; border: 1px solid transparent; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .module-blog .blog-wrapper .news-item:nth-child(3n + 1) { clear: left; margin-left: 0; } .module-blog .blog-wrapper .news-item:nth-child(3n + 0)::after { display: block; clear: both; content: '.'; font-size: 0; line-height: 1; color: transparent; } .module-blog .blog-wrapper .news-item a { display: block; text-decoration: none; } .module-blog .blog-wrapper .news-item.no-image:hover { box-shadow: 0 0 4px 0 rgba(0,0,0,0.5); } .module-blog .blog-wrapper .news-item.no-image a { position: relative; padding: 10px 30px 30px 30px; color: #fff; } .module-blog .blog-wrapper .news-item.no-image a .news-mask { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.15); } .module-blog .blog-wrapper .news-item.no-image a:hover .news-mask { background: rgba(0,0,0,0.25); } .module-blog .blog-wrapper .news-item .news-image { position: relative; height: 300px; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: contain; } .module-blog .blog-wrapper .news-item .news-image::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; width: 0; padding-top: 0; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; } .module-blog .blog-wrapper .news-item a:hover .news-image::before { animation: .5s ease-out MtrBtnHovIn forwards; } .module-blog .blog-wrapper .news-item .news-image span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; font-size: 1.6em; line-height: 300px; text-align: center; color: #fff; opacity: 0; background-color: rgba(0, 0, 0, 0.6); } .module-blog .blog-wrapper .news-item:not(.featured-item) a:hover .news-image span { opacity: 1; transition:250ms 150ms ease-in-out opacity; } .module-blog .blog-wrapper .news-item .news-categories { position: absolute; z-index: 2; top: 10px; left: 10px; right: 10px; line-height: 100%; text-align: right; } .module-blog .blog-wrapper .news-item.no-image .news-categories { position: relative; top: 0; right: auto; } .module-blog .blog-wrapper .news-item .news-category { display: inline-block; margin: 0 2px 0 0; padding: 3px 5px; font-size: 0.6em; line-height: 1; text-align: center; text-transform: uppercase; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; text-shadow: 0 0 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5); } .module-blog .blog-wrapper .news-item .news-content { position: relative; z-index: 3; padding: 12px 0 0 0; text-align: left; } .module-blog .blog-wrapper .news-item.no-image .news-content { padding: 28px 0 0 0; text-align: center; } .module-blog .blog-wrapper .news-item .news-title { margin: 0; padding: 0; font-size: 1em; line-height: 1.2; font-weight: 700; } .module-blog .blog-wrapper .news-item .news-article { padding: 5px 0 0 0; font-size: 0.88em; line-height: 1.5; font-weight: 400; color: #5c5f61; } .module-blog .blog-wrapper .news-item.no-image .news-article { padding: 20px 0 0 0; font-size: 0.85em; color: inherit; } .module-blog .blog-wrapper .news-item .news-readmore { position: relative; z-index: 3; max-width: 200px; margin: 30px auto 10px auto; padding: 6px 0 5px 0; font-size: 0.9em; font-weight: bold; text-align: center; text-transform: uppercase; border: 1px solid #fff; border-radius: 20px; } .module-blog .blog-wrapper .news-item .news-readmore:hover { background: rgba(255,255,255,0.15); } .module-blog .author-details { margin:-40px 0 50px 0; padding:0 0 50px 0; border-bottom:#ccc 1px solid; } .module-blog .author-details .author-details-title { margin:0 0 10px 0; } .module-blog .author-details .author-details-desc { } .module-blog .author-details .author-details-desc .author-details-img { display:block; float:left; width:150px; margin-right:25px; } .module-blog .author-details .author-details-desc .author-details-bio p { margin:0 0 20px 0; padding:0; } .module-blog .author-details .author-details-desc .author-details-img + .author-details-bio { float:left; width:calc(100% - 175px); } .module-presentation.alt-background .presentation-wrapper > ul > li > .presentation-background { background-size:contain; margin:40px; } .module-presentation.alt-background .presentation-wrapper > ul.type-S > li > .presentation-info { display:none; } @media only screen and (min-width: 781px) and (max-width: 1590px) { .module-blog .blog-wrapper .news-item .news-image { height: 250px; } .module-blog .blog-wrapper .news-item .news-image span { line-height: 250px; } } @media only screen and (min-width: 781px) and (max-width: 1460px) { .module-blog .blog-wrapper .news-item .news-image { height: 225px; } .module-blog .blog-wrapper .news-item .news-image span { line-height: 225px; } } @media only screen and (min-width: 781px) and (max-width: 1230px) { .module-blog .blog-wrapper .news-item { float: none; width: 100%; margin: 0 0 1.5em 0; } .module-blog .blog-wrapper .news-item .news-image { float: left; width: 300px; height: 190px; } .module-blog .blog-wrapper .news-item .news-image span { line-height: 190px; } .module-blog .blog-wrapper .news-item.with-image .news-categories { width: 280px; } .module-blog .blog-wrapper .news-item.with-image .news-content { float: right; width: calc(100% - 330px); padding-top: 0; } } @media only screen and (min-width: 781px) and (max-width: 960px) { .module-blog .blog-wrapper .news-item .news-image { width: 230px; } .module-blog .blog-wrapper .news-item.with-image .news-categories { width: 210px; } .module-blog .blog-wrapper .news-item.with-image .news-content { width: calc(100% - 260px); } } @media only screen and (max-width: 780px) { .module-blog .blog-wrapper .news-item { float: none; width: 100%; margin: 0 0 2em 0; } .module-blog .blog-wrapper .news-item:last-child { margin-bottom: 0; } .module-blog .blog-wrapper .news-item .news-image { height: 400px; } .module-blog .blog-wrapper .news-item .news-image span { line-height: 200px; } } .module-blog .news-article { } .module-blog .news-article .news-image { float: left; clear: left; width: 28%; margin: 0; } .module-blog .news-article .news-image img { width: 100%; } .module-blog .news-article .news-image + .news-header { float: right; clear: right; width: 67%; width: calc(72% - 2rem); } .module-blog .news-article .news-category { display: inline-block; margin: 0; padding: 4px 6px 2px 6px; font-size: 0.65em; line-height: 100%; text-decoration: none; text-align: center; text-transform: uppercase; color: #fff; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; } .module-blog .news-article h1 { padding: 0.1em 0; line-height: 1.2; } .module-blog .news-article h1 a.fa { margin-right: 0.25em; } .module-blog .news-article .news-social { float: right; margin: 28px 0 0 0; font-size: 0.63em; } .module-blog .news-article .news-social a { margin: 0 0 0 7px; padding: 5px 15px 4px 15px; color: #fff; text-decoration: none; text-transform: uppercase; border-radius: 1.5em; -moz-border-radius: 1.5em; -webkit-border-radius: 1.5em; -khtml-border-radius: 1.5em; } .module-blog .news-article .news-social-facebook { background-color: #225b99; } .module-blog .news-article .news-social-twitter { background-color: #00adf2; } .module-blog .news-article .news-social i.fa { margin-right: 3px; } .module-blog .news-article .news-byline { display: block; margin: 5px 0; padding: 6px 0 7px 0; font-size: 0.9em; border: 1px solid #ddd; border-width: 1px 0 1px 0; } .module-blog .news-article .news-summary { font-size: 1.25em; } .module-blog .news-article .news-author { font-weight: bold; } .module-blog .news-article .news-author a { display: inline-block; line-height: 100%; color: inherit; text-decoration: none; text-transform: uppercase; border-bottom: 1px dotted; } .module-blog .news-article .news-author a:hover { border-bottom: 1px solid; } .module-blog .news-article .news-timestamp { margin: 2px 0; line-height: 100%; } .module-blog .news-article .news-timestamp span { position: relative; display: inline-block; } .module-blog .news-article .news-timestamp span + span { margin-left: 8px; padding-left: 14px; } .module-blog .news-article .news-timestamp span + span::before { content: '|'; position: absolute; top: -1px; left: 0; color: #ccc; } .module-blog .news-article .news-timestamp a { display: inline-block; line-height: 100%; color: inherit; text-decoration: none; border-bottom: 1px dotted; } .module-blog .news-article .news-timestamp a:hover { color: #000; border-bottom: 1px solid; } .module-blog .news-article .news-content { display: block; margin: 1em 0; } @media only screen and (max-width: 1460px) { .module-blog .news-article .news-image { float: none; clear: both; width: 100%; margin: 0 0 1.5em 0; } .module-blog .news-article .news-image + .news-header { float: none; clear: both; width: 100%; } } @media only screen and (max-width: 780px) { .module-blog .news-article .news-image { margin: 0 0 1em 0; } .module-blog .news-article h1 { font-size: 225%; } .module-blog .news-article .news-social { float: none; display: block; clear: both; margin: 1em 0; text-align: right; } .module-blog .news-article .news-social a { } } /*-- Locations (needs semi-condensed styles) --*/ .module-locations .location-wrapper { padding-bottom: 20px; } .module-locations .categories-wrapper ul { padding: 0; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-field .overlay-field-value { width: 310px; } .module-locations .categories-wrapper ul li .location-text .panel-table .cell .location-title { font-size: 110%; } .module-locations .categories-wrapper ul li .location-text .panel-table .cell .location-description { font-size: 95%; } .module-locations .location-wrapper .location .location-map { margin-top: 5px; } .module-locations .location-wrapper .location .location-fields { padding-top: 15px; } .module-locations .location-wrapper .location .location-field { padding-bottom: 7px; } .module-locations .location-wrapper .location .location-field-label { width: calc(0% + 155px); } .module-locations .location-wrapper .location .location-field-value { width: calc(100% - 155px); } .cell.is-condensed .module-locations .location-wrapper .location .location-map { float: none; display: block; width: 100%; margin-top: 1.0rem; } .cell.is-condensed .module-locations .location-wrapper .location .location-details { float: none; display: block; width: 100%; margin-left: 0; } .cell.is-condensed .module-locations .location-wrapper .location .location-field-label { width: calc(0% + 105px); } .cell.is-condensed .module-locations .location-wrapper .location .location-field-value { width: calc(100% - 105px); } .cell.is-condensed .module-locations .location-wrapper .location .location-map { min-height: 300px; } /*-- Links --*/ .module-links .categories-wrapper ul { padding: 0; } .module-links .link-wrapper ul { padding: 0; } .module-links .link-wrapper.title-outside ul li .img-text .panel-table .cell .link-title { font-size: 110%; } .module-links .link-wrapper.title-outside ul li .img-text .panel-table .cell .link-description { font-size: 95%; } .module-links .category-wrapper.title-outside ul li .img-text { margin-left: 3%; } .module-links .link-wrapper.title-inside ul li .img-text .panel-table { width: 100%; color: inherit; } .module-links .link-wrapper.title-inside ul li .img-text .cell { color: inherit; } .module-links .link-details .link .link-banner-image { display: none; } .cell.is-condensed .module-links .link-wrapper ul li { clear: both; width: 100%; } .module-links .link-wrapper.columns-2 ul li { width: 47%; margin: 0 0 6% 6%; } .module-links .link-wrapper.columns-2 ul li:nth-child(2n + 1) { margin-left: 0; } .module-links .link-data.style-numbered .link-wrapper.columns-2 ul li { width: 48%; margin: 0 0 4% 4%; } .module-links .link-data.style-numbered .link-wrapper.columns-2 ul li:nth-child(2n + 1) { margin-left: 0; } .module-links .link-wrapper.columns-3 ul li { width: 30%; margin: 0 0 5% 5%; } .module-links .link-wrapper.columns-3 ul li:nth-child(3n + 1) { margin-left: 0; } .module-links .link-data.style-numbered .link-wrapper.columns-3 ul li { width: 31%; margin: 0 0 3.5% 3.5%; } .module-links .link-data.style-numbered .link-wrapper.columns-3 ul li:nth-child(3n + 1) { margin-left: 0; } .module-links .link-wrapper.columns-4 ul li { width: 22%; margin: 0 0 4% 4%; } .module-links .link-wrapper.columns-4 ul li:nth-child(4n + 1) { margin-left: 0; } .module-links .link-data.style-image .link-wrapper ul { margin: 0; } .module-links .link-data.style-image .link-wrapper ul li { font-size: inherit; } .module-links .link-data.style-image .link-wrapper ul li a { padding: 0; } .module-links .link-data.style-image .link-wrapper ul li a:hover { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.75); } .module-links .link-data.style-image .link-wrapper ul li a > .clear:first-child { margin-bottom: -1px; } .module-links .link-data.style-image .link-wrapper ul li a > .clear:last-child { margin-top: -1px; } .module-links .link-data.style-image .link-wrapper ul li .img-text { position: absolute; right: 0; left: 0; bottom: 1em; width: 100%; padding: 2px 0.5em; font-size: 0.9em; line-height: 100%; color: #fff; background: #444; } .module-links .link-data.style-image .link-wrapper ul li a:hover .img-text { bottom: 1.25em; } .module-links .link-data.style-image .link-wrapper ul li .img-text .panel-table { width: 100%; font-size: inherit; line-height: 100%; border-spacing: 0; } .module-links .link-data.style-image .link-wrapper ul li .img-text .cell { font-size: inherit; line-height: 100%; text-align: left; color: #fff; } .module-links .link-data.style-image .link-wrapper ul li .img-text .link-title { font-weight: bold; } .module-links .link-data.style-image .link-wrapper ul li .img-text .link-title::after { content: '\f061'; font-family: FontAwesome; position: absolute; top: 50%; right: 0.5em; transform: translateY(-50%); padding: 6px 7px; background: #444; border: 4px solid #fff; border-radius: 50%; } .module-links .link-data.style-image .link-wrapper ul li .img-text .link-description { display: none; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 1) .img-text { background: #ff8d00; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 1) .img-text .link-title::after { background: #ff8d00; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 2) .img-text { background: #002a64; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 2) .img-text .link-title::after { background: #002a64; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 3) .img-text { background: #00b5ff; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 3) .img-text .link-title::after { background: #00b5ff; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 4) .img-text { background: #92278f; } .module-links .link-data.style-image .link-wrapper ul li:nth-child(4n + 4) .img-text .link-title::after { background: #92278f; } .module-links .link-data.style-numbered { max-width: 1200px; margin-right: auto; margin-left: auto; } .PageManagerContent .panel .module-links .link-data.style-numbered .content-title { margin-bottom: 0.5em; font-size: 180%; text-transform: none; } .module-links .link-data.style-numbered .content-data + .link-wrapper { margin-top: 2.5em; } .module-links .link-data.style-numbered .link-wrapper ul { margin: 0; } .module-links .link-data.style-numbered .link-wrapper ul li { font-size: inherit; text-align: left; } .module-links .link-data.style-numbered .link-wrapper ul li a { padding: 5.15em 1.15em 2em 4.15em; overflow: hidden; color: #fff; background: #1f373d; } .panel.dark-background .module-links .link-data.style-numbered .link-wrapper ul li a { color: #1f373d; background: #fff; } .module-links .link-data.style-numbered .link-wrapper ul li a:hover, .panel.dark-background .module-links .link-data.style-numbered .link-wrapper ul li a:hover { color: #fff; background: #ea9423; } .module-links .link-data.style-numbered .link-wrapper ul li a .link-number { position: absolute; top: 0; left: 0; transform: translate(-25%, -50%); font-size: 6em; line-height: 100%; font-weight: bold; color: inherit; } .module-links .link-data.style-numbered .link-wrapper ul li .img-text { position: relative; } .module-links .link-data.style-numbered .link-wrapper ul li .img-text .link-title { font-weight: bold; } .module-links .link-data.style-numbered .link-wrapper ul li .img-text .link-title-number { position: absolute; top: 0.2em; left: -60px; width: 50px; line-height: 100%; font-weight: bold; text-align: right; } .module-links .link-data.style-numbered .link-wrapper ul li .img-text .link-description .like-link { margin-top: 0; display: inline-block; border-bottom: 2px solid; } .module-links .link-data.style-numbered .link-wrapper ul li a:hover .img-text .link-description .like-link { border-bottom-color: #fff; } /*-- Staff --*/ /* Details */ .PageManagerContent .panel .cell .cell-wrapper .module-staff .staff-details .content-title { margin-bottom: 1rem; } .module-staff .staff-details .staff-info { margin: 0 0 1em 0; line-height: 1; } .module-staff .staff-details .staff-info i { margin-right: 0.4em; } .module-staff .staff-details .staff-info span + span { margin-left: 20px; } .module-staff .staff-details .staff-info span.staff-categories a { margin-left: 2px; } .module-staff .staff-details .staff-info span.staff-categories i + a { margin-left: 0; } .module-staff .staff-details .staff-img { float: left; width: 34.55%; max-width: 615px; margin: 0.65em 2em 1.5em 0; } .module-staff .staff-details .staff-img.no-bio { width: 100%; margin-right: 0; margin-bottom: 0; } .module-staff .staff-details .staff-img img { display: block; width: 100%; border: none; border-radius: 4px; } .module-staff .staff-details .staff-info + h5 { padding-top: 0.5em; } /* Category list */ .module-staff .staff-paginate { margin: 1.5em 0 0 0; text-align: right; } .module-staff .staff-wrapper { display: block; margin-bottom: 1em; } .module-staff .staff-wrapper ul { display: block; margin: 0; padding: 0; } .module-staff .staff-wrapper ul li { display: block; margin: 0; padding: 0; } .module-staff .staff-wrapper ul li.category-item { margin-top: 1.5rem; } .module-staff .staff-wrapper ul li.category-item:first-child { margin-top: 0; } .module-staff .staff-wrapper ul li.staff-item { float: left; width: 50%; margin-bottom: 2em; } .module-staff .staff-wrapper ul li.staff-item:nth-child(odd) { clear: left; } .module-staff .staff-wrapper ul li.staff-item .staff-img { float: left; width: 24%; width: calc(0% + 150px); } .module-staff .staff-wrapper ul li.staff-item .staff-img img { display: block; width: 100%; border: none; border-radius: 4px; } .module-staff .staff-wrapper ul li.staff-item .staff-info { float: right; width: 71%; width: calc(100% - 180px); } .module-staff .staff-wrapper ul.preview-card li.staff-item { width: 48%; margin-left: 4%; } .module-staff .staff-wrapper ul.preview-card li.staff-item:nth-child(odd) { margin-left: 0; } .module-staff .staff-wrapper ul.preview-card li.staff-item a { display: block; color: inherit; text-decoration: none; border: 1px solid #ddd; border-radius: 4px; } .module-staff .staff-wrapper ul.preview-card li.staff-item a:hover { background-color: rgba(255, 255, 255, 0.035); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.4); } .panel.dark-background .module-staff .staff-wrapper ul.preview-card li.staff-item a { border-color: #535c61; } .panel.dark-background .module-staff .staff-wrapper ul.preview-card li.staff-item a:hover { background-color: rgba(0, 0, 0, 0.075); box-shadow: 0 0 3px 0 rgba(255, 255, 255, 0.25); } .module-staff .staff-wrapper ul.preview-card li.staff-item .staff-img { float: none; width: 100%; } .module-staff .staff-wrapper ul.preview-card li.staff-item .staff-img img { border-radius: 4px 4px 0 0; } .module-staff .staff-wrapper ul.preview-card li.staff-item .staff-info { float: none; width: 100%; padding: 10px 15px; } .module-staff .staff-wrapper ul.preview-card li.staff-item .staff-bio { font-size: 80%; } /* Sidebar */ .module-staff .staff-sidebar { display: block; padding: 1em 0 0 2em; border-left: 1px solid rgba(0, 0, 0, 0.1); } .panel.dark-background .module-staff .staff-sidebar { border-color: rgba(255, 255, 255, 0.2); } .module-staff .staff-sidebar .staff-sidebar-block { margin: 0 0 2em 0; } .PageManagerContent .panel .cell .cell-wrapper .cell-content.module-staff .staff-sidebar .content-title { margin: 0 0 10px 0; line-height: 1; } .module-staff .staff-sidebar .staff-sidebar-block ul { display: block; margin: 0; padding: 0; } .module-staff .staff-sidebar .staff-sidebar-block ul li { position: relative; display: block; border-bottom: 1px solid rgba(0, 0, 0, .1); } .module-staff .staff-sidebar .staff-sidebar-block ul li:first-child { border-top: 1px solid rgba(0, 0, 0, .1); } .panel.dark-background .module-staff .staff-sidebar .staff-sidebar-block ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .panel.dark-background .module-staff .staff-sidebar .staff-sidebar-block ul li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.2); } .module-staff .staff-sidebar .staff-sidebar-block ul li a { display: block; padding: 10px 0; font-size: 90%; line-height: 1; } .module-staff .staff-sidebar .staff-sidebar-block ul li .cat-icon { position: absolute; z-index: -1; top: 0; right: 0; padding: 10px 0; text-decoration: none; } .module-staff .staff-sidebar .staff-sidebar-block .staff-sidebar-input { float: left; display: block; width: calc(100% - 50px); height: 36px; padding: 0 8px; font-size: 88.9%; font-family: inherit; color: #50657a; outline: 0; resize: none; background-color: #fbfbfb; border: 1px solid #d0d0d0; border-right: 0; border-radius: 3px 0 0 3px; box-sizing: border-box; } .module-staff .staff-sidebar .staff-sidebar-block .staff-sidebar-button { float: left; display: block; width: 50px; height: 36px; padding: 0; font-size: 88.9%; color: #333; outline: 0; background-color: #eee; border: 1px solid #d0d0d0; border-radius: 0; box-sizing: border-box; } .module-staff .staff-sidebar .staff-sidebar-block .staff-sidebar-button:hover { cursor: pointer; background-color: #ddd; border-color: #c4c4c4; } .panel.dark-background .module-staff .staff-sidebar .staff-sidebar-block .staff-sidebar-input { color: #fff; background-color: #3a4d5d; border-color: #586875; } .panel.dark-background .module-staff .staff-sidebar .staff-sidebar-block .staff-sidebar-button { color: #fff; background-color: #30404d; border-color: #586875; } .panel.dark-background .module-staff .staff-sidebar .staff-sidebar-block .staff-sidebar-button:hover { background-color: #2e3e4a; border-color: #50616f; } .module-staff .staff-wrapper.content-end { margin: 2em 0 0 0; padding: 2em 0 0 0; border-top: 1px solid rgba(0, 0, 0, .1); } .module-staff .staff-wrapper.content-end ul li { float: left; width: 50%; margin: 0; padding: 0; border: none; } .module-staff .staff-wrapper.content-end ul li:nth-child(2n + 1) { clear: left; } .module-staff .staff-wrapper.content-end ul li > a { display: block; padding: 10px 0; } .module-staff .staff-wrapper.content-end ul li > a:hover .img-text { text-decoration: underline; } /*-- MODULE: Site Navigation --*/ #main .module-site_navigation ul.nav-ul { margin: 0; padding: 0; list-style: none; } #main .module-site_navigation ul.nav-ul.t0 { max-width: 500px; border-top: 1px solid rgba(0, 0, 0, 0.1); } #main .module-site_navigation ul.nav-ul ul.nav-ul { margin: 0; } #main .module-site_navigation li.nav-li { margin: 0; padding: 0; } #main .module-site_navigation .nav-item { display: block; padding: 0.6em 0.5em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); font-size: 100%; } #main .module-site_navigation a.nav-item:hover { background: rgba(0,0,0,0.05); } #main .module-site_navigation .nav-imgs { position: relative; display: inline; } #main .module-site_navigation .nav-img { display: block; width: 100%; height: auto; background-color: rgba(255, 255, 255, 0.75); border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 4px; } #main .module-site_navigation .nav-img2 { display: none; width: 100%; height: auto; background-color: rgba(255, 255, 255, 0.75); border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 4px; } #main .module-site_navigation .nav-text + .nav-img { margin-top: 0.4em; } #main .module-site_navigation .nav-item.t1 { padding-left: 1.75em; } #main .module-site_navigation .nav-item.t2 { padding-left: 3.75em; } #main .module-site_navigation .nav-item.t3 { padding-left: 5.75em; } #main .dark-background .cell-content.module-site_navigation ul.nav-ul.t0, #main .dark-background.module-bg .module-site_navigation ul.nav-ul.t0, #main .dark-background .cell-content.module-site_navigation .nav-item, #main .dark-background.module-bg .module-site_navigation .nav-item, #main .dark-background .cell-content.module-site_navigation .nav-img, #main .dark-background.module-bg .module-site_navigation .nav-img { border-color: rgba(255, 255, 255, 0.2); } #main .dark-background .cell-content.module-site_navigation .nav-img, #main .dark-background.module-bg .module-site_navigation .nav-img { background-color: rgba(255, 255, 255, 0.1); } #main .dark-background .cell-content.module-site_navigation a.nav-item:hover, #main .dark-background.module-bg .module-site_navigation a.nav-item:hover { background-color: rgba(0, 0, 0, 0.2); } /*-- MODULE: Forum --*/ /* Forum Categories */ .PageManagerContent .panel .cell .cell-content.module-forum .content-title.category-title { margin-bottom: 0.25em; } .module-forum .content-data.category-description { padding-left: 1em; font-size: 100%; } .module-forum .new-thread-btn { position: relative; float: right; z-index: 10; } .module-forum .category-wrapper .category, .module-forum .category-wrapper .thread { list-style-type: none; } .module-forum .category-wrapper li.category, .module-forum .category-wrapper.card-style li.thread { list-style-type: none; } .module-forum .category-wrapper li.category .category-title, .module-forum .category-wrapper li.thread .thread-title { font-weight: var(--font-weight-bold); } .module-forum .category-wrapper li .category-description { font-size: 80%; padding-left: 1em; } .module-forum { position: relative; } .module-forum .fav-buttons { position: absolute; font-size: 30px; top: 2.5rem; right: 1rem; } .module-forum #new-message-link { font-size: 14px; padding: 0.5em 1em; position: absolute; top: 1em; right: 1rem; } .module-forum .fav-buttons i { position: relative; color: #000; } .module-forum .fav-buttons i:hover { font-size: 105%; } .module-forum .fav-buttons i.heart-red { color: #b02b2c; -webkit-text-stroke: 1px #000; text-shadow: 0 0 4px #000; } .module-forum .fav-buttons i.heart-red .tooltip-text { color: #000; -webkit-text-stroke: 0px; text-shadow: none; } .module-forum .fav-buttons i .tooltip-text { position: absolute; top: 12.5%; right: 125%; border-width: 5px; visibility: hidden; background-color: rgba(0, 0, 0, 0.25); padding: 5px 10px; border-radius: 5px; font-size: 14px; white-space: nowrap; font-weight: 500; } .module-forum .fav-buttons i .tooltip-text::after { content: ""; position: absolute; top: 50%; left: 100%; margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent transparent rgba(0, 0, 0, 0.25); } .module-forum .fav-buttons i:hover .tooltip-text { visibility: visible; } /* Table */ .module-forum .note { font-size: 125%; } .module-forum .category-wrapper .label { margin-top: 1em; margin-bottom: -1em; } .module-forum .category-wrapper ul { display: table; width: 100%; padding-left: 0; } .module-forum .category-wrapper ul li.row { display: table-row; } .module-forum .category-wrapper ul .header { display: table-header-group; } .module-forum .category-wrapper ul .header .row span { font-weight: var(--font-weight-bold); font-size: 100% !important; } .module-forum .category-wrapper ul .table-body { display: table-row-group; } .module-forum .category-wrapper ul .row span { display: table-cell; border-left: 3px solid #fff; text-align: left; padding-left: 0.5em; } .module-forum .category-wrapper ul .row span.title { width: 45%; font-weight: var(--font-weight-bold); } .module-forum .category-wrapper ul .row span.title a { text-decoration: none; } .module-forum .category-wrapper ul .row span.count { width: 10%; padding-right: 0.5em; font-size: 100%; text-align: end; } .module-forum .category-wrapper ul .header .row span { background-color: rgba(0, 0, 0, 0.1); line-height: 30px; } .module-forum .category-wrapper ul .table-body .row span { line-height: 50px; } .module-forum .category-wrapper ul .table-body .row span.description { width: 45%; font-size: 100%; line-height: 1.1; vertical-align: middle; } .module-forum .category-wrapper ul .table-body .row:nth-child(2n + 2) { background-color: rgba(0, 0, 0, 0.1); } /* Sidebar */ .module-forum .sidebar { padding-left: 0.5em; border-left: 1px solid rgba(0, 0, 0, 0.1); } .module-forum .sidebar .sidebar-block { padding-top: 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .module-forum .sidebar .sidebar-block .content-title { font-size: 125% !important; margin-bottom: 0 !important; } .module-forum .sidebar .sidebar-block ul { padding-left: 1em; margin: 0.5em 0 0 0; } .module-forum .sidebar .sidebar-block ul li { list-style-type: none; padding-bottom: 0.5em; } .module-forum .sidebar .sidebar-block ul li a { font-weight: var(--font-weight-bold); } .module-forum .sidebar .sidebar-block ul li a .description { font-size: 85%; font-weight: var(--font-weight-normal); } /* Forum Thread */ .module-forum .thread-details .thread-info .thread-description { padding-left: 1em; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list, .module-forum .thread-details .thread-info .reported-messages ul.messages-list { display: flex; flex-flow: column nowrap; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message { flex-basis: 100%; list-style-type: none; box-shadow: 0 1px 3px #000; border-radius: 5px; margin: 0.5em 0; padding: 0.5em 1em; } .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message.flagged { background-color:rgba(0, 0, 0, 0.5); } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper { position: relative; display: flex; flex-direction: row; align-items: stretch; } .module-forum .thread-details .thread-info .thread-messages .messages-list .message .author-wrapper, .module-forum .thread-details .thread-info .reported-messages .messages-list .message .author-wrapper { flex: 0 0 15%; position: relative; border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right: 1em; } .module-forum .thread-details .thread-info .thread-messages .messages-list .message .author-wrapper .author-image { padding: 0.5em 0; height: 4em; } .module-forum .thread-details .thread-info .thread-messages .messages-list .message .author-wrapper .joined-date { font-size: 75%; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-author, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-author { left: 0; font-weight: var(--font-weight-bold); } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-timestamp, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-timestamp { position: absolute; right: 2em; font-size: 75%; line-height: 100%; } .module-forum .thread-details .thread-info .thread-messages .messages-list .message .message-wrapper .reported-notify { position: absolute; top: 0; right: 13em; font-size: 75%; line-height: 1; } .module-forum .thread-details .thread-info .thread-messages .messages-list .message .message-wrapper .reported-notify i { color: #9f0522; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper details summary, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper details summary {list-style-type: none; position: absolute; top: 0; right: 0; width: fit-content; color: rgba(0, 0, 0, 0.5); } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper details summary i, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper details summary i { vertical-align: top; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .toggle-btn:checked + .message-actions, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .toggle-btn:checked + .message-actions { display: block; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper #deleteMessageBtn { position: absolute; right: -4em; top: -0.5em; color: var(--dark-link-hover); } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-actions, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-actions { position: absolute; background-color: #fff; top: 2em; right: 0; list-style-type: none; font-size: 70%; padding: 0.5em 1em; border-radius: 5px; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); z-index: 10; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-actions li, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-actions li { cursor: pointer; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-actions li input, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-actions li input { width: 100%; margin-bottom: 1em; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-actions li:last-of-type input, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-actions li:last-of-type input { margin-bottom: 0; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-image-wrapper { float: left; padding-top: 1.5em; padding-right: 1em; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-image { width: 6em; padding-top: 1em; } .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-image { width: 3em; padding-top: 1em; } .module-forum .thread-details .thread-info .thread-messages ul.messages-list li.message .message-wrapper .message-content, .module-forum .thread-details .thread-info .reported-messages ul.messages-list li.message .message-wrapper .message-content { padding-top: 1em; } .module-forum .thread-details .thread-info .thread-messages .messages-list .message .message-wrapper .message-content .image-list li { display: inline-block; padding-right: 1em; } .module-forum .thread-details .thread-info .thread-messages .messages-list .message .message-wrapper .message-content .image-list li:last-of-type { padding-right: 0; } .module-forum .module-feedback_forms#new-message-form { scroll-margin-top: 300px; } .module-forum .module-feedback_forms .form-wrapper .form-fields { max-width: 100%; } .module-forum .module-feedback_forms .form-wrapper .form-fields ul { width: 100%; padding-left: revert; } .module-forum .module-feedback_forms .form-wrapper .form-fields .field-group { width: 100%; } .module-forum .module-feedback_forms .form-wrapper .form-fields .field-group .label { opacity: 1; } .module-forum .success-msg { color: #177d0c; border-color: #177d0c; background: rgba(23, 125, 12, 0.2); } .module-forum .error-msg { color: #b02b2c; border-color: #b02b2c; background: rgba(176, 43, 44, 0.2); } .module-forum .flag-notify { background-color: #b02b2c; color: #fff; padding-inline: 0.5em; } /*-- MODULE: Info Cards --*/ .module-info_cards .info_card-wrapper ul li a .read-more-button { white-space: pre; } /*-- Inline Course Search --*/ /*** TODO: Modularize? ***/ .qsearch { position: relative; padding-top: 5px; } .qsearch .qsearch_textbox { float: left; width: calc(100% - 90px); max-width: 550px; margin: 0; padding: 5px 8px; color: #444; border: 2px solid #1f5a9e; border-right: none; background-color: #fff; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .qsearch .qsearch_submit { float: left; width: 90px; margin: 0; padding: 5px; font-weight: 400; color: #fff; outline: none; cursor: pointer; border: 2px solid #1f5a9e; background-color: #298fe2; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .qsearch .qsearch_submit:hover { background-color: #ea9423; border: 2px solid #ab6910; } .qsearch .qsearch_submit:active { border: 2px solid #9a5800; } .qsearch .qsearch_quick, .qsearch .qsearch_quick * { transition: all linear 100ms; -moz-transition: all linear 100ms; -webkit-transition: all linear 100ms; -o-transition: all linear 100ms; } .qsearch .qsearch_quick { position: absolute; z-index: 20; display: none; clear: both; width: calc(100% - 90px); max-width: 550px; margin: 0; } .qsearch .qsearch_textbox:focus + .qsearch_submit + .clear + .qsearch_quick, .qsearch .qsearch_quick:hover, .qsearch .qsearch_quick:active { display: block; } .qsearch .head-search-quickwrap { border: 1px solid #ccc; background-color: #fafafa; -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.3); border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -khtml-border-radius: 0 0 3px 3px; } .qsearch .head-search-quicklinks { position: relative; display: block; padding: 11px 50px 11px 10px; line-height: 100%; font-size: 0.88em; font-weight: bold; text-decoration: none; background: #eee; } .qsearch .head-search-quicklinks:nth-child(odd) { background: #f5f5f5; } .qsearch .head-search-quicklinks:hover, .qsearch .head-search-quicklinks.sel { z-index: 2; margin: 0 -0.5em; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .qsearch .head-search-quicklinks span { display: block; margin: 1px 0 0 0; font-size: 72.72%; font-weight: normal; color: #000; } .qsearch .head-search-quicklinks span.exact { font-weight: bold; } .qsearch .head-search-quicklinks:hover span.exact { } .qsearch .head-search-quicklinks img { position: absolute; top: calc(50% - 12px); right: 10px; height: 24px; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; } .cell.is-condensed .qsearch .qsearch_textbox { width: calc(100% - 50px); max-width: 600px; } .cell.is-condensed .qsearch .qsearch_submit { width: 50px; } .cell.is-condensed .qsearch .qsearch_submit::after { content: '\f002'; font-family: FontAwesome; } .cell.is-condensed .qsearch .qsearch_quick { width: 100%; max-width: 650px; } .cell.is-condensed .qsearch .head-search-quicklinks span { font-size: 80%; } /*-- Animation --*/ @keyframes wiggleArrow { 0% { line-height: 1; } 50% { line-height: .75; } 100% { line-height: 1; } } @keyframes MtrBtnHovIn { 0% { width: 0px; padding-top: 0px; opacity: 0; } 10% { opacity: 0; } 50% { opacity: 1; } 100% { width: 150%; padding-top: 150%; opacity: 0; } } /*-- Viewport --*/ @viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } /*-- Print Styles --*/ @media print { body.focused-print { min-width: 0; } body.focused-print * { color: #000 !important; visibility: hidden; text-shadow: none; background-color: #fff !important; background-image: none !important; border-color: #000 !important; } body.focused-print .focused-print * { visibility: visible; } body.focused-print .focused-print { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; padding: 0 !important; } body.focused-print .center, .next-center > * { position: static; width: auto; } .print-only { display: initial !important; } .dont-print { display: none !important; } #signal_zen_widget, body.pg-account-reports #header, body.pg-account-reports #header-mobile-nav, body.pg-account-reports #footer, body.pg-account-reports #footer-bottom, body.pg-account-reports h6, body.pg-account-reports .PageManagerContent .panel .cell.cell-134 { display: none; } body.pg-account-reports #wrapper { padding: 0 !important; } body.pg-account-reports .center { width: 100% !important; } body.pg-account-reports .PageManagerContent .panel .cell .cell-content { margin: 0 !important; } body.pg-account-reports .card-style > ul { margin: 0 !important; } body.pg-account-reports .card-style > ul > li { padding: .25rem 0 !important; break-inside: avoid; } body.pg-account-reports .card-style > ul > li .report { box-shadow: none !important; border: #000 1px solid; border-radius: 0 !important; } body.pg-account-reports .card-style > ul > li .report .report-title span { border-bottom: #000 1px solid; } body.pg-account-reports .PageManagerContent .panel .panel-title { margin: 0 !important; } body.pg-account-reports .card-style > ul > li .report .report-title { font-size: 125%; margin-bottom: 0; } body.pg-account-reports .card-style > ul > li .report .report-subtitle { font-size: 115%; padding-top: 15px; } } /*-- Special responsive styles --*/ @media only screen and (min-width: 1121px) { .cell.is-condensed .module-staff .staff-wrapper ul.preview-list li.staff-item .staff-img { width: calc(0% + 100px); } .cell.is-condensed .module-staff .staff-wrapper ul.preview-list li.staff-item .staff-info { width: calc(100% - 130px); } .cell.is-condensed .module-staff .staff-wrapper ul.preview-list li.staff-item { float: none; clear: both; width: 100%; margin-bottom: 1em; } .cell.is-condensed .module-staff .staff-wrapper ul.preview-card li.staff-item { float: none; clear: both; width: 100%; margin-left: 0; } } @media only screen and (min-width: 1121px) and (max-width: 1460px), only screen and (max-width: 960px) { .module-staff .staff-wrapper ul.preview-list li.staff-item { float: none; width: 100%; } } @media only screen and (min-width: 1461px), only screen and (min-width: 961px) and (max-width: 1120px) { .module-staff .staff-wrapper ul.preview-card li.staff-item { width: 31%; margin-left: 3.5%; } .module-staff .staff-wrapper ul.preview-card li.staff-item:nth-child(odd) { clear: none; margin-left: 3.5%; } .module-staff .staff-wrapper ul.preview-card li.staff-item:nth-child(3n + 1) { clear: left; margin-left: 0; } } /*-- General responsive styles --*/ @media only screen and (max-width: 1860px) { .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 21.5%; } } @media only screen and (max-width: 1780px) { #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li { min-height: 0; } .cell.is-semi-condensed .module-locations .location-wrapper .location .location-map { float: none; display: block; width: 100%; margin-top: 1.5rem; } .cell.is-semi-condensed .module-locations .location-wrapper .location .location-details { float: none; display: block; width: 100%; margin-left: 0; } .center { width: 82%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 10%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 58%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 64%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 70%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 20%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 93%; } } @media only screen and (max-width: 1760px) { .center { width: 1440px; } #footer-main .footer-column-left { width: 30%; } #footer-main .footer-column-mid { width: 32%; } #footer-main .footer-column-right { margin-right: 3%; } .center { width: 82%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 10%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 58%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 64%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 70%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 20%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 93%; } } @media only screen and (max-width: 1680px) { .module-feedback_forms .form-wrapper .form-contact { width: 34.25%; margin-left: 0; } .cell.is-semi-condensed .module-services .services-list { float: none; clear: both; display: block; width: 100%; } .cell.is-semi-condensed .module-services .parent-wrapper .services-list { padding-top: 15px; } .cell.is-semi-condensed .module-services .services-info.with-list { float: none; clear: both; display: block; width: 100%; } .cell.is-semi-condensed .module-services .services-list ul li { float: left; display: inline; width: 50%; } .cell.is-semi-condensed .module-services .services-list ul li:nth-child(odd) { clear: left; } .center { width: 82%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 10%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 58%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 64%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 70%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 20%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 93%; } } @media only screen and (max-width: 1620px) { #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 { max-width: 100vw; left: 0; } } @media only screen and (max-width: 1590px) { .center { width: 1300px; } .module-staff .staff-wrapper ul.preview-card li.staff-item .staff-name { font-size: 90%; } } @media only screen and (max-width: 1530px) { .center { width: 82%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 10%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 58%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 64%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 70%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 20%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 93%; } } @media only screen and (max-width: 1460px) { .center { width: 1100px; } #footer-main .footer-column-left { width: 28%; } #footer-main .footer-column-mid { width: 45%; } #footer-main .footer-column-right { margin-right: 1%; } .panel-table .cell-content { margin-top: 1.75rem; } .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-info { padding-top: 3.5rem; padding-bottom: 4rem; } .module-locations .location-wrapper .location .location-map { float: none; display: block; width: 100%; margin-top: 1.5rem; } .module-locations .location-wrapper .location .location-details { float: none; display: block; width: 100%; margin-left: 0; } .module-links .link-wrapper.columns-2.style-standard ul li { width: 100%; } .module-links .link-data.style-image .link-wrapper ul li .img-text { padding-left: 0; padding-right: 0; font-size: 0.8em; } .module-links .link-data.style-image .link-wrapper ul li .img-text .link-title { text-align: center; } .module-links .link-data.style-image .link-wrapper ul li .img-text .link-title::after { display: none; } .module-links .category-wrapper.title-outside ul li + li { margin-top: 15px; } .module-links .category-wrapper.title-outside ul li .img-wrap { width: calc(0% + 200px); } .module-links .category-wrapper.title-outside ul li .img-text { width: calc(100% - 225px); margin-left: calc(0% + 25px); } .center { width: 82%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 10%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 58%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 64%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 70%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 20%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 93%; } } @media only screen and (max-width: 1360px) { #header-nav .main-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.t1 { padding: 0 0 30px 0; } #header #header-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 { } /* #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li { width: 50%; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-info { padding-left: 14.5%; padding-right: 14.5%; } */ #main .module-presentation .presentation-wrapper > ul.type-C > li.no-flair.col2 > .presentation-info h3.presentation-title { text-align: left; } .module-presentation .presentation-wrapper.nav-arrows::after { display: none; } .cell.is-condensed .module-locations .location-wrapper .location .location-field-label { float: none; clear: both; display: block; width: 100%; } .cell.is-condensed .module-locations .location-wrapper .location .location-field-value { float: none; clear: both; display: block; width: 85%; margin-left: 15%; } .module-services .services-cta .services-children .services-child { display: block; float: none; clear: both; width: 100%; margin-left: 0 !important; } } @media only screen and (max-width: 1260px) { .module-photo_gallery .album-wrapper.columns-4 ul li { width: 33.33%; } .module-photo_gallery .album-wrapper.columns-4 ul li:nth-child(4n + 1) { clear: none; } .module-photo_gallery .album-wrapper.columns-4 ul li:nth-child(3n + 1) { clear: left; } .module-links .link-data.style-numbered .link-wrapper.columns-3 ul li { width: 48%; margin: 0 0 4% 4%; } .module-links .link-data.style-numbered .link-wrapper.columns-3 ul li:nth-child(2n + 1) { margin-left: 0; } } @media only screen and (max-width: 1230px) { .center { width: 960px; } #footer-main .footer-column-left { width: 50%; } #footer-main .footer-column-mid { width: 50%; } #footer-main .footer-column-right { width: 100%; margin: 2em 0 0 0; padding-top: 1.5em; border-top: 4px solid #2d454b; } /* #footer-main .footer-mid-top { float: left; width: 44%; margin-top: 40px; } #footer-main .footer-mid-bottom { float: right; width: 56%; } */ #footer-main .footer-column-right .container { max-width: 100%; margin-left: 0; } #footer-main .footer-social { margin-top: 0; } #footer-main .footer-social h5.footer-title { margin-bottom: 1em; } #footer-main .footer-social-links a { flex-basis: 16.667%; } .module-services .services-info .service-main-img { width: 20%; } .module-services .services-info .service-sections.with-image { width: 75%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F ~ .presentation-arrows .presentation-prev2 { right: 24%; } /* .module-presentation .presentation-wrapper > ul.type-S.layout-F ~ .presentation-arrows .presentation-next2 { } */ } @media only screen and (max-width: 1200px) { #main .module-presentation .presentation-wrapper > ul.type-C.layout-C { padding-bottom: 3rem; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li { position: relative; z-index: 2; width: 100% !important; min-height: 0; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.with-bgimg { position: absolute; z-index: 1; top: 0; bottom: 0; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.no-bgimg .presentation-color { background-color: transparent !important; } /* #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li .presentation-background { opacity: 0.3; } */ #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.with-content > .presentation-info { padding: 3rem 7.25% 0.5rem 7.25%; text-shadow: 0 0 5px #fff; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li.with-content.dark-background > .presentation-info { text-shadow: 0 0 3px #000; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-info .presentation-title { margin-bottom: 1rem; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-readmore { left: auto; right: 7.25%; bottom: 30px; } #main .module-presentation .presentation-wrapper > ul.type-C.layout-C > li > .presentation-readmore::before { display: none; } .module-presentation .presentation-wrapper .size-500, .module-presentation .presentation-wrapper .size-600 { min-height: 35vh; } .module-presentation .presentation-wrapper .size-700 { min-height: 45vh; } .module-presentation .presentation-wrapper .size-800, .module-presentation .presentation-wrapper .size-900, .module-presentation .presentation-wrapper .size-100, .module-presentation .presentation-wrapper .screen-height { min-height: 50vh; } } @media only screen and (max-width: 1160px) { .module-presentation .presentation-wrapper > ul.type-S.layout-A.layers-1 > li > .presentation-info { bottom: 5%; } .module-presentation .presentation-wrapper > ul.type-S.layout-A.layers-1 > li > .presentation-info .presentation-title { font-size: 225%; } .module-presentation .presentation-wrapper > ul.type-S.layout-A.layers-1 > li > .presentation-info .presentation-description { font-size: 125%; } .center { width: 82%; overflow: visible; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 10%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 58%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 64%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 70%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 20%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 93%; } } @media only screen and (max-width: 1120px) { #header-nav .module-site_navigation { } #header-nav .module-site_navigation > ul.nav-ul > li.nav-li > .nav-item { padding: 0 0.722em; } #copyright { float: none; display: block; text-align: center; } #footer-bottom .module-site_navigation { float: none; display: block; margin: 5px 0 0 0; text-align: center; } #footer-bottom .module-site_navigation > ul.nav-ul > li.nav-li { float: none; display: inline-block; } .center { width: 88.8889%; margin-left: 5.5556%; margin-right: 5.5556%; padding-left: 0; padding-right: 0; } .PageManagerContent .panel .panel-table { display: block; } .PageManagerContent .panel .panel-table > tbody { display: block; } .PageManagerContent .panel .panel-table > .row { display: block; } .PageManagerContent .panel .panel-table .cell { display: block; width: 100% !important; } .PageManagerContent .panel .cell.is-condensed { font-size: 100%; } .PageManagerContent .panel .panel-table .cell.has-prev .cell-content { padding-left: 0; } .PageManagerContent .panel .center-no .cell.has-prev-no .cell-content, .PageManagerContent .panel .center-no .cell.has-next-no .cell-content { margin-right: 5.5556%; margin-left: 5.5556%; margin-right: 5.42741vw; margin-left: 5.42741vw; } /* .PageManagerContent .panel .panel-table .cell.has-prev-no .module-presentation { min-width: 720px; margin-left: -5.5556%; margin-left: -5.42741vw; } .PageManagerContent .panel .panel-table .cell.has-next-no .module-presentation { min-width: 720px; margin-right: -5.5556%; margin-right: -5.42741vw; } */ .PageManagerContent .panel .panel-table.center-no .cell.has-prev-no .module-presentation { margin-left: 0%; } .PageManagerContent .panel .panel-table.center-no .cell.has-next-no .module-presentation { margin-right: 0%; } .PageManagerContent .module-blog .blog-sidebar { padding-left: 0; border-left: none; } .PageManagerContent .module-blog .blog-sidebar .blog-sidebar-block ul li a { font-size: 100%; } .module-services .services-list { float: none; clear: both; display: block; width: 100%; } .module-services .parent-wrapper .services-list { padding-top: 15px; } .module-services .services-info.with-list { float: none; clear: both; display: block; width: 100%; } .module-services .services-list ul li { float: left; display: inline; width: 50%; } .module-services .services-list ul li:nth-child(odd) { clear: left; } .module-photo_gallery .album-wrapper.columns-3 ul li { width: 50%; } .module-photo_gallery .album-wrapper.columns-3 ul li:nth-child(3n + 1) { clear: none; } .module-photo_gallery .album-wrapper.columns-3 ul li:nth-child(2n + 1) { clear: left; } .module-photo_gallery .album-wrapper.columns-4 ul li { width: 50%; } .module-photo_gallery .album-wrapper.columns-4 ul li:nth-child(3n + 1) { clear: none; } .module-photo_gallery .album-wrapper.columns-4 ul li:nth-child(2n + 1) { clear: left; } .cell.is-condensed .module-locations .location-wrapper .location .location-field-label { float: left; clear: left; display: inline; width: calc(0% + 125px); } .cell.is-condensed .module-locations .location-wrapper .location .location-field-value { display: inline-block; width: calc(100% - 125px); margin-left: 0; } .module-staff .staff-details .staff-info span { font-size: 90%; } .module-staff .staff-details .staff-info span + span { margin-left: 17px; } .module-staff .staff-details .staff-img { width: 32.52%; } .module-staff .staff-sidebar { padding: 0; border: none; } .module-staff .staff-sidebar .staff-sidebar-block { margin-bottom: 0; } .module-staff .staff-sidebar .staff-sidebar-block + .staff-sidebar-block { margin-top: 2em; } .module-links .link-data.style-image .link-wrapper.columns-2 ul li .img-text { padding-left: 0.5em; padding-right: 0.5em; font-size: 0.9em; } .module-links .link-data.style-image .link-wrapper.columns-2 ul li .img-text .link-title { text-align: left; } .module-links .link-data.style-image .link-wrapper.columns-2 ul li .img-text .link-title::after { display: block; } .center { width: 82%; overflow: visible; margin-inline: auto; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 54%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 60%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 66%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 21%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 89%; } /* .module-presentation .presentation-wrapper > ul > li .presentation-background-video {position: unset; width: 100%; } .module-presentation .presentation-wrapper > ul > li .presentation-background-video video { position: unset; transform: none; } */ } @media only screen and (max-width: 1045px) { #wrapper { padding-top: 100px; } #header { box-shadow: 0 2px 4px rgba(0,0,0,0.15); } #header-main { height: 70px; padding: 0 0.5em; } #header-logo { width: 103px; height: 70px; line-height: 70px; background-size: 93px 45px; } #header-nav { height: 70px; } #header-nav .module-site_navigation > ul.nav-ul > li.nav-li > .nav-item { height: 70px; line-height: 70px; } .report-cards .card-style > ul > li { width:100%; flex-basis: 100%; } .report-cards .card-style > ul > li .report .report-key { width:25%; } .report-cards .card-style > ul > li .report .report-value { width:25%; } } @media only screen and (max-width: 1000px) { .module-locations .location-wrapper .location .location-details { } .cell-wrapper .module-locations .location-wrapper .location .location-details .content-data { font-size: 120%; } .module-locations .location-wrapper .location .location-field-label { width: 20%; width: calc(0% + 130px); } .module-locations .location-wrapper .location .location-field-value { width: 80%; width: calc(100% - 130px); } .center { width: 82%; overflow: visible; } .module-presentation .presentation-wrapper .size-500, .module-presentation .presentation-wrapper .size-600 { min-height: 35vh; } .module-presentation .presentation-wrapper .size-700 { min-height: 45vh; } .module-presentation .presentation-wrapper .size-800, .module-presentation .presentation-wrapper .size-900, .module-presentation .presentation-wrapper .size-100, .module-presentation .presentation-wrapper .screen-height { min-height: 60vh; } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 54%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 60%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 66%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 21%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: -20%; width: 89%; } } @media only screen and (max-width: 960px) { html.mobile-open { height: 100%; } html.mobile-open body { height: 100%; } #header-mobile-icon { display: block; } html.mobile-open #header-mobile-icon { display: none; } #header-nav { display: none; } html.mobile-open #header-mobile-nav { opacity: 1; visibility: visible; } .PageManagerContent .panel .panel-background { background-attachment: unset !important; } .PageManagerContent .panel .cell .cell-content .content-title.color-block { display: block; margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; } #module-photo_gallery_overlay .table-background { min-width: 720px; } #module-photo_gallery_overlay .table-background .table-content { margin-left: 3%; margin-right: 3%; } #module-photo_gallery_overlay .table-background .table-content .overlay-img img { width: 100%; } #module-photo_gallery_overlay .table-background .table-content .overlay-info { width: 31%; font-size: 80%; } #module-photo_gallery_overlay .table-background .table-content .overlay-info .overlay-title { margin-top: 7px; font-size: 100%; } #module-photo_gallery_overlay .table-background .table-content .overlay-info .overlay-description { font-size: 90%; } .module-services .services-info ul li .service-img { width: 150px; } .module-services .services-info ul li .service-content.with-img { width: calc(100% - 175px); } .module-services .services-info ul li div.service-content.with-img div.content-data { font-size: 90%; } .module-services .services-info .content-data .content-data-img { max-width: 150px; } .PageManagerContent .panel .cell .cell-wrapper .module-services .services-info ul li .service-content.with-img .content-data { font-size: 110%; } .module-services .services-cta .cta-color { min-height: 0; } .module-services .services-cta .preview-service-img { width: 24.87%; margin-right: 4.98%; } .module-services .services-cta .main-service { font-size: 85%; } .module-services .services-cta .preview-service-img + .main-service { width: 70.15%; font-size: 80%; } .module-links .link-wrapper.columns-4 ul li { width: 47%; margin: 0 0 6% 6%; } .module-links .link-wrapper.columns-4 ul li:nth-child(2n + 1) { margin-left: 0; } .module-links .link-data.style-image .link-wrapper.columns-4 ul li .img-text { padding-left: 0.5em; padding-right: 0.5em; font-size: 0.9em; } .module-links .link-data.style-image .link-wrapper.columns-4 ul li .img-text .link-title { text-align: left; } .module-links .link-data.style-image .link-wrapper.columns-4 ul li .img-text .link-title::after { display: block; } .module-links .link-data.style-numbered .link-wrapper.columns-2 ul li, .module-links .link-data.style-numbered .link-wrapper.columns-3 ul li { width: 100%; margin: 0 0 2em 0; } .module-members .member-messages .messages-wrapper { float: none; width: auto; } .module-members .member-messages .messages-wrapper + .message-form { float: none; width: auto; margin-top: 20px; } @media only screen and (orientation: portrait) { #module-photo_gallery_overlay .table-background .table-content { margin-left: auto; margin-right: auto; } #module-photo_gallery_overlay .table-background .table-content .overlay-img img { min-width: 660px; } #module-photo_gallery_overlay .table-background .table-content .overlay-info .overlay-title { margin-top: 0; font-size: 110%; } #module-photo_gallery_overlay .table-background .table-content .overlay-info .overlay-description { font-size: 100%; } } /*-- Viewport --*/ @viewport { width: 720px; } @-ms-viewport { width: 720px; } @-o-viewport { width: 720px; } } @media only screen and (max-width: 930px) { #footer-main .footer-column-left { width: 100%; } #footer-main .footer-column-mid { width: 100%; margin-top: 1rem; } #footer-main .footer-column-right { float: none; clear: both; width: 100%; } /* #footer-main .footer-column-left .container { max-width: 260px; } */ #footer-main .module-site_navigation ul.nav-ul.t0 { justify-content: space-between; } #footer-main .module-site_navigation .nav-item { font-size: 135%; } #footer-main .footer-column-clear { display: block; } #footer-main .footer-mid-top { float: left; width: 44%; margin-top: 40px; } #footer-main .footer-mid-bottom { float: right; width: 56%; } } @media only screen and (max-width: 885px) { .module-services .services-cta .services-arrows span.services-previous { left: 12px; top: calc(50% - 12px); } .module-services .services-cta .services-arrows span.services-next { right: 12px; top: calc(50% - 12px); } .module-services .services-cta .services-arrows span .l1 { width: 24px; height: 6px; } .module-services .services-cta .services-arrows span .l2 { width: 6px; height: 24px; } } @media only screen and (max-width: 835px) { .module-presentation .presentation-wrapper .size-500, .module-presentation .presentation-wrapper .size-600 { min-height: 35vh; } .module-presentation .presentation-wrapper .size-700 { min-height: 45vh; } .module-presentation .presentation-wrapper .size-800, .module-presentation .presentation-wrapper .size-900, .module-presentation .presentation-wrapper .size-100, .module-presentation .presentation-wrapper .screen-height { min-height: 55vh; } } @media only screen and (max-width: 780px) { /*html { font-size: 25px; }*/ body, fieldset, legend, table, td { font-size: 1.1rem; } #header-main { padding: 0 0.4em; } #top .top-nav > ul.nav-ul > li.nav-li { font-size: 0.8em; } #header-mobile-icon { font-size: 1.2rem; } #header-mobile-close { font-size: 1.2rem; height: fit-content; } h1 { font-size: 240%; } h2 { font-size: 215%; } h3 { font-size: 180%; } h4 { font-size: 160%; } h5 { font-size: 145%; } h6 { font-size: 130%; } .PageManagerContent .panel.dark-background + .panel.dark-background { top: -1px; } .PageManagerContent .panel .cell .cell-content, .PageManagerContent .panel .cell.is-condensed .cell-content { margin-top: 2rem; margin-bottom: 1rem; } .PageManagerContent .panel .panel-title-box div.title-tag { font-size: 215%; } #wrapper .PageManagerContent .panel .cell .cell-content .content-title { font-size: 175%; } .PageManagerContent .panel.dark-background > .panel-table .cell .cell-wrapper .module-rich_text:first-child { padding-top: 0.5rem; } .module-rich_text .content-data p img[align=left], .module-rich_text .content-data p img[style*="float: left"] { max-width: 30%; height: auto !important; } .module-rich_text .content-data p img[align=right], .module-rich_text .content-data p img[style*="float: right"] { max-width: 30%; height: auto !important; } .module-presentation .presentation-wrapper > ul.type-C > li > .presentation-info h2.presentation-title { font-size: 290%; } .module-services .services-info .content-data .service-section p > img[align=left], .module-services .services-info .content-data .service-section p > img[style*="float: left"] { margin-right: 0.75em !important; } .module-services .services-info .content-data .service-section p > img[align=right], .module-services .services-info .content-data .service-section p > img[style*="float: right"] { margin-left: 0.75em !important; } .module-services .services-info .service-main-img { float: none; width: 100%; } .module-services .services-info .service-sections.with-image { float: none; width: 100%; margin-top: 0.5rem; } .cell.is-condensed .module-locations .location-wrapper .location .location-field-label { width: calc(0% + 150px); } .cell.is-condensed .module-locations .location-wrapper .location .location-field-value { width: calc(100% - 150px); } #module-photo_gallery_overlay .table-background .table-content .overlay-img .overlay-movement { opacity: 1; } .module-links .link-data.style-image .link-wrapper ul li .img-text { font-size: 0.8em; } .module-links .link-data.style-image .link-wrapper.columns-2 ul li .img-text { font-size: 0.8em; } .module-links .link-data.style-image .link-wrapper.columns-4 ul li .img-text { font-size: 0.8em; } .module-info_cards .card-style .card-description.with-readmore { margin-bottom: 3rem !important; } } @media only screen and (max-width: 760px) { .center { width: 100%; overflow: hidden; margin-inline: 0; padding-inline: 5.5% } .module-presentation .presentation-wrapper > ul.type-S.layout-F { left: 2%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos1 { left: 100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos2 { left: 100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.pos3 { left: 100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.hide { left: -100%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span.presentation-prev2 { right: 22%; } .module-presentation .presentation-wrapper ul.layout-F ~ .presentation-arrows span { right: 18%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li { width: 100%; } .module-presentation .presentation-wrapper > ul.type-S.layout-F > li.sel { left: 0; width: 85%; } } @media only screen and (max-width: 640px) { .module-presentation .presentation-wrapper .size-500, .module-presentation .presentation-wrapper .size-600 { min-height: 25vh; } .module-presentation .presentation-wrapper .size-700 { min-height: 35vh; } .module-presentation .presentation-wrapper .size-800, .module-presentation .presentation-wrapper .size-900, .module-presentation .presentation-wrapper .size-100, .module-presentation .presentation-wrapper .screen-height { min-height: 45vh; } } @media only screen and (max-width: 500px) { .module-feedback_forms.member-login-signup .form-wrapper { max-width: 100%; margin: 0 auto; padding: 0; background: none; border: none; border-radius: 0; } .module-presentation .presentation-wrapper .size-500, .module-presentation .presentation-wrapper .size-600 { min-height: 30vh; } .module-presentation .presentation-wrapper .size-700 { min-height: 35vh; } .module-presentation .presentation-wrapper .size-800, .module-presentation .presentation-wrapper .size-900, .module-presentation .presentation-wrapper .size-100, .module-presentation .presentation-wrapper .size-200, .module-presentation .presentation-wrapper .size-300, .module-presentation .presentation-wrapper .screen-height { min-height: 25vh; } .module-blog .blog-wrapper .news-item .news-content { font-size: 115%; } }