:root { --safe-font-family: 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --main-font-family: 'Nunito', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --title-font-family: 'Nunito', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --title-font-family2: 'Bitter', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --block-font-family: 'Nunito', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --fancy-font-family: 'Nunito', 'Helvetica Neue', Helvetica, Arial, Sans-Serif; --serif-font-family: 'Nunito', 'Times New Roman', Times, Baskerville, Georgia, Serif; --font-weight-light: 400; --font-weight-normal: 400; --font-weight-semi: 600; --font-weight-bold: 600; --font-weight-heavy: 700; --main-text-color: #333333; --dark-text-color: #ffffff; --main-link-color: #997A44; --main-link-hover: #333333; --dark-link-color: #ffffff; --dark-link-hover: #997A44; --hnav-link-color: #222223; --lite-back-color1: #997A44; --lite-back-color2: #ffffff; --lite-back-color3: #999999; --dark-back-color1: #222223; --dark-back-color2: #444444; --dark-back-color3: #333333; --status-color-valid: #197444; --status-color-invalid: #7e0b12; --status-bgcolor-valid: rgba(25, 116, 68, 0.2); --status-bgcolor-invalid: rgba(126, 11, 18, 0.2); --status-border-valid: #559875; --status-border-invalid: #a04a50; --main-max-width: 1300px; --main-min-width: 200px; --header-height-desktop: 122px; --header-height-mobile1: 90px; --header-height-mobile2: 75px; --header-height-mobile3: 65px; --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: 1.25rem; overflow-y: scroll; -webkit-text-size-adjust: none; } body { display: flex; flex-flow: column nowrap; min-width: 0; min-height: 100%; margin: 0; padding: 0; background: #fff; 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: var(--main-text-color); font: var(--font-weight-normal) 1em/1.5 var(--main-font-family); -webkit-text-size-adjust: none; } input, button, textarea, select, option { color: var(--main-text-color); font: var(--font-weight-normal) 1em var(--main-font-family); -webkit-text-size-adjust: none; -webkit-appearance: none; -moz-appearance: auto; -webkit-font-smoothing: antialiased; } a, .panel .light-background a { color: var(--main-link-color); text-decoration: none; -webkit-transition: var(--transition-vis100); -moz-transition: var(--transition-vis100); -o-transition: var(--transition-vis100); transition: var(--transition-vis100); } a:hover, .panel .light-background a:hover { color: var(--main-link-hover); } a.nohover:hover, .panel .light-background a.nohover:hover { color: var(--main-link-color); } .dark-background a { color: var(--dark-link-color); } .dark-background a:hover { color: var(--dark-link-hover); } .dark-background a.nohover:hover { color: var(--dark-link-color); } .dark-background .panel-table, .dark-background .cell { color: var(--dark-text-color); } a .nocolor { color: var(--main-text-color); } .dark-background a .nocolor { color: var(--dark-text-color); } a.fa { text-decoration: none; } b, strong { font-weight: var(--font-weight-heavy); } .fwh b, .fwh strong { font-weight: inherit; } h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: var(--font-weight-normal); } h1 { font-size: 200%; } h2 { font-size: 175%; } h3 { font-size: 110%; font-family: var(--title-font-family2); color: var(--main-link-color); font-style: italic; } h4 { font-size: 135%; } h5 { font-size: 120%; } h6 { font-size: 110%; } p { margin: 1em 0; } img { border: none; } hr, .panel .light-background hr { border: none; border-top: 2px solid var(--main-text-color); } .dark-background hr { border-color: var(--dark-text-color); } ::-ms-reveal, ::-ms-clear { display: none; } /*-- Generic Styles -- */ .screen-height { min-height: 100vh; } @media only screen and (orientation: landscape) and (max-height: 600px) { .screen-height { min-height: 100vw; } } .transition-100, .transitions-100, .transitions-100 * { -webkit-transition: all linear 100ms; -moz-transition: all linear 100ms; -o-transition: all linear 100ms; transition: all linear 100ms; } .transition2, .all-transition2, .all-transition2 *, .transition-150, .transitions-150, .transitions-150 * { -webkit-transition: all linear 150ms; -moz-transition: all linear 150ms; -o-transition: all linear 150ms; transition: all linear 150ms; } .transition, .all-transition, .all-transition *, .transition-200, .transitions-200, .transitions-200 * { -webkit-transition: all linear 200ms; -moz-transition: all linear 200ms; -o-transition: all linear 200ms; transition: all linear 200ms; } .transition-50, .transitions-50, .transitions-50 * { -webkit-transition: all linear 50ms; -moz-transition: all linear 50ms; -o-transition: all linear 50ms; transition: all linear 50ms; } .no-transition, .no-transitions, .no-transitions *, .transition-0, .transitions-0, .transitions-0 * { -webkit-transition: all 0s; -moz-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .transition-vis150 { -webkit-transition: var(--transition-vis150); -moz-transition: var(--transition-vis150); -o-transition: var(--transition-vis150); transition: var(--transition-vis150); } .transition-vis200 { -webkit-transition: var(--transition-vis200); -moz-transition: var(--transition-vis200); -o-transition: var(--transition-vis200); transition: var(--transition-vis200); } .delay, .delay-1000 { -webkit-transition-delay: 1000ms; -moz-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .title-font, .font-title { font-family: var(--title-font-family); } .body-font, .font-body { font-family: var(--main-font-family); } .block-font, .font-block { font-family: var(--block-font-family); } .fa { font-family: 'FontAwesome', var(--main-font-family); } .title-font .fa, .font-title .fa { font-family: 'FontAwesome', var(--title-font-family); } .body-font .fa, .font-body .fa { font-family: 'FontAwesome', var(--main-font-family); } .hidden { display: none !important; } .print-only { display: none !important; } .no-select { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .no-resize { resize: none; } .resize-v { resize: vertical; } .resize-h { resize: horizontal; } .push:active { -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); transform: scale(0.95, 0.95); } .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .rounded { -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; overflow: hidden; } .rounded3 { -webkit-border-radius: 0.15rem; -moz-border-radius: 0.15rem; border-radius: 0.15rem; overflow: hidden; } .rounded6 { -webkit-border-radius: 0.3rem; -moz-border-radius: 0.3rem; border-radius: 0.3rem; overflow: hidden; } .rounded20 { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } .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 { content: '.'; display: block; clear: both; font-size: 0; line-height: 1; color: transparent; } .quick-scroll { overflow: hidden; } .gm-err-container { display:none; } .button, a.button, .btn-color, a.btn-color, #wrapper .button.disabled, #wrapper .button.disabled:hover { display: inline-block; margin: 0; padding: 0.9em 1.8em; font-size: 85%; font-weight: var(--font-weight-normal); line-height: 1.3; letter-spacing: 0.075em; text-decoration: none; text-transform: uppercase; cursor: pointer; outline: none; color: #fff; border: none; border-radius: 4px; background: #424242; background: rgba(68,68,68,0.9); text-shadow: none; box-shadow: 0 0 5px 0 rgba(0,0,0,0.25); transition: all linear 150ms; } #wrapper .thin-button, #wrapper a.thin-button, #wrapper .disabled.thin-button, #wrapper .disabled.thin-button:hover { padding: 0.75em 1.5em; } .dark-background .button, .dark-background a.button, .dark-background .btn-color, .dark-background a.btn-color, #wrapper .dark-background .button.disabled, #wrapper .dark-background .button.disabled:hover { color: var(--main-text-color); background: #999; background: rgba(180,180,180,0.9); } .button:hover, a.button:hover, .btn-color:hover, a.btn-color:hover { background: #555; background: rgba(85,85,85,0.9); text-shadow: 0 0 4px rgba(0,0,0,0.5); } .dark-background .button:hover, .dark-background a.button:hover, .dark-background .btn-color:hover, .dark-background a.btn-color:hover { background: #aaa; background: rgba(200,200,200,0.9); } .button + .button, .button + .btn-color, .btn-color + .button, .btn-color + .btn-color { margin-left: 0.8125em; } #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-green2, #wrapper a.btn-green2 { color: #fff; background: #197444; } #wrapper .btn-green2:hover, #wrapper a.btn-green2:hover { color: #fff; background: #479069; } #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 .btn-white, #wrapper a.btn-white { color: var(--main-text-color); background: #fff; font-weight: var(--font-weight-bold); box-shadow: none; text-shadow: none; } #wrapper .btn-white:hover, #wrapper a.btn-white:hover { color: var(--main-text-color) !important; } #wrapper .btn-mlink, #wrapper a.btn-mlink { color: #fff; background: var(--main-link-color); } #wrapper .btn-mlink:hover, #wrapper a.btn-mlink:hover { color: #fff; background: var(--main-link-hover); } #wrapper .btn-mlink2, #wrapper a.btn-mlink2 { color: #fff; background: var(--lite-back-color2); } #wrapper .btn-mlink2:hover, #wrapper a.btn-mlink2:hover { color: #fff; background: var(--lite-back-color3); } #wrapper .btn-mlink3, #wrapper a.btn-mlink3 { color: #555; background: #bbb; box-shadow: none; text-shadow: none; } #wrapper .btn-mlink3:hover, #wrapper a.btn-mlink3:hover { color: #fff; background: var(--main-link-hover); } #wrapper .button.full-width { width: 100%; margin-left: 0; margin-right: 0; } .dib { display: inline-block; } .ffserif { font-family: var(--serif-font-family); } .fs185 { font-size: 185%; } .fs160 { font-size: 160%; } .fs140 { font-size: 140%; } .fs125 { font-size: 125%; } .fs115 { font-size: 115%; } .fs95 { font-size: 95%; } .fs90 { font-size: 90%; } .fs85 { font-size: 85%; } .fs80 { font-size: 80%; } .lh10 { line-height: 1.0; } .lh11 { line-height: 1.1; } .lh12 { line-height: 1.2; } .lh125 { line-height: 1.25; } .op75 { opacity: 0.75; } .fci { color: var(--main-text-color); } .fcsv { color: var(--status-color-valid); } .fcsi { color: var(--status-color-invalid); } .msgn { color: var(--main-text-color); border-color: var(--main-text-color); background-color: var(--dark-text-color); } .msgv { color: var(--status-color-valid); border-color: var(--status-border-valid); background-color: var(--status-bgcolor-valid); } .msgi { color: var(--status-color-invalid); border-color: var(--status-border-invalid); background-color: var(--status-bgcolor-invalid); } .msgwp { padding: 0.35em 0.7em; } .msgwb { border-width: 1px; border-style: solid; } .fwl { font-weight: var(--font-weight-light); } .fwn { font-weight: var(--font-weight-normal); } .fws { font-weight: var(--font-weight-semi); } .fwb { font-weight: var(--font-weight-bold); } .fwh { font-weight: var(--font-weight-heavy); } .tac { text-align: center; } .ncase { text-transform: none; } .ucase { text-transform: uppercase; } .lcase { text-transform: lowercase; } .ccase { text-transform: capitalize; } .fl { float: left; _display: inline; } .fr { float: right; _display: inline; } .fn { float: none; } .cn { clear: none; } .cl { clear: left; } .cr { clear: right; } .cb { clear: both; } .clear, .clearp { 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: 0.15rem; font-size: 1px; line-height: 0.15rem; overflow: hidden; } .clear5 { display: block; float: none; clear: both; height: 0.25rem; font-size: 1px; line-height: 0.25rem; overflow: hidden; } .clear10 { display: block; float: none; clear: both; height: 0.5rem; font-size: 1px; line-height: 0.5rem; overflow: hidden; } .clear20 { display: block; float: none; clear: both; height: 1rem; font-size: 1px; line-height: 1rem; overflow: hidden; } .clearem { display: block; float: none; clear: both; height: 1px; margin: 1em 0 0 0; line-height: 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; } .m10-last-p > p:last-child { margin-bottom: 0.5em; } .m20-last-p > p:last-child { margin-bottom: 1em; } .m0-first-child > *:first-child { margin-top: 0; } .m0-last-child > *:last-child { margin-bottom: 0; } .mr2 { margin-right: 0.1em; } .ml2 { margin-left: 0.1em; } .mr3 { margin-right: 0.15em; } .ml3 { margin-left: 0.15em; } .mt3 { margin-top: 0.15em; } .mb3 { margin-bottom: 0.15em; } .mr5 { margin-right: 0.25em; } .ml5 { margin-left: 0.25em; } .mr7 { margin-right: 0.35em; } .ml7 { margin-left: 0.35em; } .mr8 { margin-right: 0.4em; } .ml8 { margin-left: 0.4em; } .mr10 { margin-right: 0.5em; } .ml10 { margin-left: 0.5em; } .mt10 { margin-top: 0.5em; } .mr12 { margin-right: 0.6em; } .ml12 { margin-left: 0.6em; } .mt13 { margin-top: 0.65em; } .mt20 { margin-top: 1.0em; } .mb20 { margin-bottom: 1.0em; } .mt25 { margin-top: 1.25em; } .mb30 { margin-bottom: 1.5em; } .pb2 { padding-bottom: 0.1em; } .pb4 { padding-bottom: 0.2em; } a .fa.hover-swap { display: none; } a:hover .fa.hover-swap + .fa { display: none; } a:hover .fa.hover-swap { display: inline; display: inline-block; } .status-none { color: inherit; } .status-none.with-status-border { border-color: rgba(0, 0, 0, 0.2); } .status-none.with-status-bg { background-color: rgba(0, 0, 0, 0.1); } .status-info { color: #26588b; } .status-info.with-status-border { border-color: #26588b; } .status-info.with-status-bg { background-color: rgba(38, 88, 139, 0.2); } .status-warn { color: #df6127; } .status-warn.with-status-border { border-color: #df6127; } .status-warn.with-status-bg { background-color: rgba(223, 97, 39, 0.2); } .status-good { color: #177d0c; } .status-good.with-status-border { border-color: #177d0c; } .status-good.with-status-bg { background-color: rgba(23, 125, 12, 0.2); } .status-bad { color: #b02b2c; } .status-bad.with-status-border { border-color: #b02b2c; } .status-bad.with-status-bg { background-color: rgba(176, 43, 44, 0.2); } ul.icon-list, .panel .light-background ul.icon-list { margin-left: 0; margin-right: 0; padding: 0; list-style: none; } ul.icon-list > li, .panel .light-background ul.icon-list > li { position: relative; margin: 0; padding: 0.15em 0 0.15em 1.25em; font-weight: var(--font-weight-bold); } ul.icon-list.icon-list-spaced > li, .panel .light-background ul.icon-list.icon-list-spaced > li { margin-left: 2.0rem; } ul.icon-list.icon-list-spaced[max-width~="640px"] > li, .panel .light-background ul.icon-list.icon-list-spaced[max-width~="640px"] > li { margin-left: 1.0rem; } ul.icon-list-check > li::before, ul.icon-list-times > li::before, ul.icon-list-arrow > li::before { content: "\f111"; font-family: 'FontAwesome', var(--main-font-family); position: absolute; /*top: 50%; transform: translateY(-50%);*/ top: 0.15em; left: 0.2em; display: inline-block; font-size: 0.8em; text-shadow: none; color: var(--dark-text-color); } .dark-background ul.icon-list > li::before { color: var(--main-text-color); } ul.icon-list > li::after { content: "\f061"; font-family: 'FontAwesome', var(--main-font-family); position: absolute; /*top: 50%; top: calc(50% - 0.05em); transform: translateY(-50%);*/ top: 0; left: -0.025em; display: inline-block; font-size: 1em; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); } ul.icon-list-check > li, .panel .light-background ul.icon-list-check > li, ul.icon-list-times > li, .panel .light-background ul.icon-list-times > li, ul.icon-list-arrow > li, .panel .light-background ul.icon-list-arrow > li { padding-left: 1.5em; } ul.icon-list-check > li::after { content: "\f058"; font-size: 1.2em; color: #197444; } ul.icon-list-times > li::after { content: "\f057"; font-size: 1.2em; color: #ad1111; } ul.icon-list-arrow > li::after { content: "\f144"; font-size: 1.2em; } /* Flex Generics */ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .flex-auto { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; min-height: 0; } .flex-none { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .flex-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-nowrap { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .items-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .self-start { -ms-flex-item-align: start; align-self: flex-start; } .self-end { -ms-flex-item-align: end; align-self: flex-end; } .self-center { -ms-flex-item-align: center; align-self: center; } .self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .self-stretch { -ms-flex-item-align: stretch; align-self: stretch; } .justify-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .justify-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-around { -ms-flex-pack: distribute; justify-content: space-around; } .content-start { -ms-flex-line-pack: start; align-content: flex-start; } .content-end { -ms-flex-line-pack: end; align-content: flex-end; } .content-center { -ms-flex-line-pack: center; align-content: center; } .content-between { -ms-flex-line-pack: justify; align-content: space-between; } .content-around { -ms-flex-line-pack: distribute; align-content: space-around; } .content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-last { -webkit-box-ordinal-group: 100000; -ms-flex-order: 99999; order: 99999; } .flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; } .flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; } .flex-basis-w8, .flex-basis-gc1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; } .flex-basis-w17, .flex-basis-gc2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; } .flex-basis-w25, .flex-basis-gc3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; } .flex-basis-w33, .flex-basis-gc4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; } .flex-basis-w42, .flex-basis-gc5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; } .flex-basis-w50, .flex-basis-gc6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .flex-basis-w58, .flex-basis-gc7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; } .flex-basis-w67, .flex-basis-gc8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; } .flex-basis-w75, .flex-basis-gc9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; } .flex-basis-w83, .flex-basis-gc10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; } .flex-basis-w92, .flex-basis-gc11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; } .flex-basis-w100, .flex-basis-gc12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } /*-- Template Styles -- */ #wrapper { flex-grow: 1; min-width: var(--main-min-width); background: var(--dark-back-color1); } #wrapper > form { position: relative; background: #eee; } #header { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; min-width: var(--main-min-width); background: #fff; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3); } #header.scrolled.scrolled-up { position: fixed; top: 0; } #header.scrolled.scrolled-down { position: fixed; } #header.headernav-open { position: fixed; top: 0; } /* #header-top { position: relative; z-index: 4; display: block; font-size: 0.9rem; color: #fff; background: var(--dark-back-color1); border-top: 1px solid #000; border-bottom: 1px solid #000; } */ #header-top-box { margin: 0 3.5rem; } #header-top .top-block { float: right; } #header-top .top-block + .top-block { float: right; } #header-top .top-block-address { display: none; height: 40px; line-height: 40px; } #header-top .top-block-address .top-block-info { display: inline-block; font-size: 75%; } #header-top .top-block-address .top-block-info .fa { position: relative; top: 1px; font-size: 120%; color: #f8630e; } #header-top .top-block-address .top-block-info + .top-block-info { margin-left: 1.333em; } #header-top .top-block-address .top-block-info a { text-decoration: none; color: inherit; } #header-top .top-nav { display: block; max-width: var(--main-max-width); margin: 0 auto; } #header-top .top-nav > .clear { display: none; } #header-top .top-nav > div > .nav-ul { float: right; height: 40px; margin: 0 -0.675rem 0 0; padding: 0; font-size: 75%; } #header-top .top-nav > div > .nav-ul > .nav-li { position: relative; z-index: 1; display: inline-block; margin: 0 0 0 0.9333em; padding: 0; color: #fff; } #header-top .top-nav > div > .nav-ul > .nav-li:first-child { margin-left: 0; } #header-top .top-nav > div > .nav-ul > .nav-li:hover { z-index: 2; } #header-top .top-nav > div > .nav-ul > .nav-li:nth-child(1n + 2)::before { content: ''; position: absolute; z-index: -1; top: 0.9231em; left: -0.4667em; width: 1px; height: 1.333em; background: rgba(255, 255, 255, 0.5); } #header-top .top-nav > div > .nav-ul > .nav-li.ws > span.nav-item { cursor: default; } #header-top .top-nav > div > .nav-ul > .nav-li > .nav-item { display: inline-block; height: 40px; line-height: 40px; padding: 0 0.9em; text-decoration: none; color: #fff; } #header-top .top-nav > div > .nav-ul > .nav-li > a.nav-item:hover, #header-top .top-nav > div > .nav-ul > .nav-li.wc > .nav-item:hover, #header-top .top-nav > div > .nav-ul > .nav-li.wc:hover > .nav-item { background: var(--dark-back-color2); } #header-top .top-nav li.nav-li.wc > .nav-item .open-icon { margin: 0 0 0 0.5em; opacity: 0.5; } #header-top .top-nav li.nav-li.wc > .nav-item .open-icon::before { content: '\f0d7'; font-family: FontAwesome; display: inline-block; } #header-top .top-nav li.nav-li.wc > .nav-item:hover .open-icon, #header-top .top-nav li.nav-li.wc:hover > .nav-item .open-icon { opacity: 1; } #header-top .top-nav > div > .nav-ul .nav-ul { position: absolute; z-index: 2; top: 100%; right: 0; min-width: 13em; margin: 0; padding: 0.4em 0; list-style: none; background: var(--dark-back-color2); border-top: none; opacity: 0; visibility: hidden; border-radius: 0 0 2px 2px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4); -webkit-transition: all linear 100ms; -moz-transition: all linear 100ms; -o-transition: all linear 100ms; transition: all linear 100ms; transition-delay: 50ms; } #header-top .top-nav > div > .nav-ul .nav-li > .nav-item:hover + .nav-ul, #header-top .top-nav > div > .nav-ul .nav-li:hover > .nav-ul { opacity: 1; visibility: visible; transition-delay: 250ms; } #header-top .top-nav > div > .nav-ul .nav-li > .nav-ul .nav-li { display: block; margin: 0; padding: 0; } #header-top .top-nav > div > .nav-ul .nav-li > .nav-ul .nav-li .nav-item { display: block; padding: 0.667em 1em; color: #fff; } #header-top .top-nav > div > .nav-ul .nav-li > .nav-ul .nav-li .nav-item:hover { background: var(--dark-back-color3); } #header-main { position: relative; z-index: 3; } #header-main-box { display: flex; flex-flow: row nowrap; align-items: normal; justify-content: space-between; position: relative; z-index: 3; height: 122px; margin: 0 auto; } #header.scrolled #header-main-box { height: 70px; } #header-logo { flex: 0 0 480px; margin: 0; } #header.scrolled #header-logo { flex: 0 0 280px; } #header-logo img { width: 100%; } #header-nav { flex: 0 1 auto; color: var(--hnav-link-color); height: 100%; } #header-nav div { height: 100%; } /* #header.scrolled #header-nav { position: absolute; bottom: 20px; right: 140px; } */ #header-nav .header-nav > div > .nav-ul { display: block; margin: 0 -0.35rem 0 0; padding: 0; list-style: none; font-size: 100%; white-space: nowrap; } #header-nav .header-nav > div > .nav-ul > .nav-li { display: inline-block; height: 35px; margin: 0 0 0 0.5rem; padding: 0; } #header-nav .header-nav > div > .nav-ul > .nav-li:first-child { margin-left: 0; } #header-nav .header-nav > div > .nav-ul > .nav-li > .nav-item { position: relative; z-index: 1; display: block; padding: 0.65rem; } #header-nav .header-nav > div > .nav-ul > .nav-li.wl > a.nav-item { color: inherit; text-decoration: none; } #header-nav .header-nav > div > .nav-ul > .nav-li .nav-item.with-image { overflow: hidden; } #header-nav .header-nav > div > .nav-ul > .nav-li .nav-item img { width: 100%; aspect-ratio: 1.5; object-fit: cover; margin-bottom: 1.5rem; border:rgba(0,0,0,.2) 1px solid; } #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li .nav-item.t1.with-open-icon, #header-nav .header-nav > div > .nav-ul > .nav-li .nav-item.t1 .nav-text { display: block; text-align: center; font-size: 24px; color: var(--lite-back-color1); padding: 0 0 10px 0; font-weight: 400; } #header-nav .header-nav > div > .nav-ul > .nav-li:hover > .nav-item, #header-nav .header-nav > div > .nav-ul > .nav-li:hover > a.nav-item, #header-nav .header-nav > div > .nav-ul > .nav-li > .nav-item:hover, #header-nav .header-nav > div > .nav-ul > .nav-li > a.nav-item:hover { color: var(--main-link-hover); color: #fff; background: var(--lite-back-color1); -webkit-transition: var(--transition-vis100); -moz-transition: var(--transition-vis100); -o-transition: var(--transition-vis100); transition: var(--transition-vis100); } #header-nav .header-nav > div > .nav-ul > .nav-li.ws > span.nav-item { cursor: default; } #header-nav .header-nav li.nav-li.wc > .nav-item .open-icon { display: none; margin: 0 0 0 0.5em; font-size: 80%; } #header-nav .header-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 .header-nav > div > .nav-ul > li.nav-li.wc > .nav-item:hover .open-icon::before, #header-nav .header-nav > div > .nav-ul > li.nav-li.wc:hover > .nav-item .open-icon::before { top: 0; } #header-nav .header-nav li.nav-li.wc > .nav-item:hover .open-icon::before, #header-nav .header-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 .header-nav > div > .nav-ul .nav-ul.t1 { position: absolute; border: 3px solid var(--lite-back-color1); border-top: 0; display: flex; flex-flow: column wrap; justify-content: space-evenly; padding-bottom: 1em; z-index: 2; top: 122px; 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, 0.75); transition-delay: 50ms; } #header.scrolled #header-nav .header-nav > div > .nav-ul .nav-ul.t1 { top: 70px; } #header-nav .header-nav > div > .nav-ul .nav-ul { } #header-nav .header-nav > div > .nav-ul .nav-ul .nav-ul { position: relative; width: 100%; right: unset; box-shadow: none; list-style: circle; } #header-nav .header-nav > div > .nav-ul .nav-li > .nav-item:hover + .nav-ul, #header-nav .header-nav > div > .nav-ul .nav-li:hover > .nav-ul, #header-nav .header-nav > div > .nav-ul .nav-li:hover > .nav-ul .nav-ul, #header-nav .header-nav > div > .nav-ul .nav-li .nav-item:hover + .nav-ul .nav-ul { opacity: 1; visibility: visible; transition-delay: 250ms; } #header-nav .header-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 .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.t1 { position: relative; display: inline-block; text-align: left; margin: 0; flex:1; color: #000; box-sizing: border-box; padding: 15px 15px 15px 15px; } #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.t1:hover { background-color: rgba(0, 0, 0, 0.15); } #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li .nav-item { display: block; padding: 0.25rem 0.5rem 0.25rem 0.1rem; color: var(--lite-back-color1); text-decoration: none; font-size: 18px; } #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li:not(.wc) .nav-item img { width: 273px; height: 220px; object-fit: cover; margin: 0 auto 1.5rem; border:rgba(0,0,0,.2) 1px solid; } #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li { display: flex; width: 94%; justify-content: flex-end; } #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li > .nav-ul .nav-li .nav-item { color: #000; width: fit-content; position: relative; } #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: #008749; 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(--lite-back-color1); 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 .nav-item:hover, #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li:hover > .nav-item { background: rgba(0, 0, 0, 0.125); } */ #header-nav .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.wc > .nav-item { padding: 0 0.5rem; } #header-nav .header-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 .header-nav > div > .nav-ul .nav-li > .nav-ul .nav-li.wc > .nav-item .open-icon::before { content: '\f054'; } #header-nav .header-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 .header-nav > div > .nav-ul .nav-ul .nav-li.wc > .nav-item:hover::before, #header-nav .header-nav > div > .nav-ul .nav-ul .nav-li.wc:hover > .nav-item::before { height: 100%; opacity: 1; } #header-menu-icon { flex: 0 1 auto; display: none; margin: 0 -0.65em 0 0; padding: 0; font-size: 1rem; line-height: 100%; text-align: center; color: #333; text-decoration: none; cursor: pointer; } #header-menu-icon:hover { color: #000; } #header-menu-icon .hamburger { position: relative; width: 2.6em; height: 2.6em; margin: 10px auto; } #header-menu-icon .hamburger::before { content: ''; position: absolute; top: 50%; top: calc(50% - 0.25em); left: 0; width: 100%; height: 0.45em; background: #333; border-radius: 3px; } #header-menu-icon .hamburger-line { position: relative; display: block; width: 100%; height: 100%; } #header-menu-icon .hamburger-line::before { content: ''; position: absolute; top: 0.2em; left: 0; width: 100%; height: 0.45em; background: #333; border-radius: 3px; } #header-menu-icon .hamburger-line::after { content: ''; position: absolute; bottom: 0.25em; left: 0; width: 100%; height: 0.45em; background: #333; border-radius: 3px; } #header-menu-icon .hamburger, #header-menu-icon .hamburger::before, #header-menu-icon .hamburger-line::before, #header-menu-icon .hamburger-line::after { transition: all linear 100ms; -moz-transition: all linear 100ms; -webkit-transition: all linear 100ms; -o-transition: all linear 100ms; } #header-menu-icon:hover .hamburger::before { background: #000; } #header-menu-icon:hover .hamburger .hamburger-line::before { background: #000; } #header-menu-icon:hover .hamburger .hamburger-line::after { background: #000; } html.headernav-open #header-menu-icon .hamburger::before { width: 0%; height: 0; opacity: 0; } html.headernav-open #header-menu-icon .hamburger .hamburger-line::before { top: 50%; top: calc(50% - 0.25em); left: 0.15em; width: 90%; height: 0.65em; transform: rotate(45deg); } html.headernav-open #header-menu-icon .hamburger .hamburger-line::after { bottom: 50%; bottom: calc(50% - 0.4em); left: 0.15em; width: 90%; height: 0.65em; transform: rotate(-45deg); } #header-menu-icon span { display: block; margin-top: -0.45em; font-size: 0.7em; text-transform: uppercase; } #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.headernav-open #header-mobile-nav .mobile-nav { left: 0; } #header-mobile-nav .header-mobile-logo { display: block; padding: 1em 1em; text-align: center; background-color: #fff; } #header-mobile-nav .header-mobile-logo a { display: inline-block; margin: 0 auto; } #header-mobile-nav .header-mobile-logo a img { display: block; max-width: 100%; max-height: 8rem; 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: #ccc; cursor: pointer; } #header-mobile-nav .header-mobile-close:hover { color: #000; } #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; 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: 1em; border-left: 1px solid #ddd; } #header-mobile-nav .mobile-nav .nav-item.t2 { margin-left: 2em; 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; } #header-mobile-nav .mobile-nav li.nav-li.wc > ul .nav-title { display: none; } #header { background: #fff; font-size: 20px; font-weight: 400; position: fixed; z-index: 10; width: 100%; max-width: 100vw; } #header .logo { display: block; float: left; color: transparent; font-size: 0; line-height: 0; margin: 0px 0 0px 0; background-size: contain; } #header .logo img { margin-top: 15px; height: 85px; } /*nav*/ #header .navigation-container { height: 100%; } #header.scrolled .navigation-container { height: 100%; } #header .mobile-navigation-container { display: none; } #header .navigation-container.right { float: right; } #header .navigation-container .nav-ul.t0 { display: flex; text-align: center; height: 100%; } #header .navigation-container .nav-ul * { font-family: 'Nunito', sans-serif; font-size: 24px; } #header .navigation-container .nav-ul.t0 .nav-li.t0 { display: flex; height: 100%; align-items: center; } #header.scrolled .navigation-container .header-nav .nav-ul.t0 .nav-li.t0 .nav-item.t0 { font-size: 16px; padding: 10px; } .module-site_navigation.nav-fade-cover .nav-ul.t0 .nav-li.t0 .nav-ul.t1 { opacity: 0; visibility: hidden; position: absolute; z-index: 100; background-color: #333; transition: 150ms linear opacity, 1ms 150ms linear visibility; } .module-site_navigation.nav-fade-cover.click .nav-ul.t0 .nav-li.t0.click .nav-ul.t1 { visibility: visible; opacity: 1; transition: 150ms 30ms linear opacity, 1ms 1ms linear visibility; } .module-site_navigation.nav-fade-cover .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li { width: 100%; } .module-site_navigation.nav-fade-cover .nav-ul.t0 .nav-li.t0 .nav-ul.t1.cwc { left: 20px; right: 20px; padding: 20px; } .module-site_navigation.nav-fade-cover .nav-ul.t0 .nav-li.t0 .nav-ul.t1.cwc .nav-li.t1 { width: 25%; float: left; } /*search*/ /* #header .navigation-container .top-nav { position: absolute; top: 17px; right: 0px; } */ #header .navigation-container .top-nav .nav-ul { display: inline; height: 40px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 { position: relative; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container { vertical-align: middle; float: right; height: 40px; box-sizing: border-box; border-radius: 20px; width: auto; border: 1px solid #008749; overflow: hidden } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container .nav-item.t0.nav-search { color: transparent; height: 38px; width: 38px; font-size: 18px; margin: 0px; box-sizing: border-box; border: 0px; background: transparent; vertical-align: text-bottom; outline: none; z-index: 2; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container .search-button { cursor: pointer; position: relative; font-size: 30px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container .search-button:before { display: inline; content: ""; position: absolute; right: 0px; font-family: FontAwesome; background-image: url("/images/search.png"); opacity: .5; background-size: 22px; background-repeat: no-repeat; background-position: center center; width: 40px; height: 40px; background-color: transparent; box-sizing: border-box; margin: 0px; vertical-align: text-bottom; border: 0px; transition: 300ms ease-in-out all; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container .nav-item.t0.nav-search.focused { width: 260px; margin-left: 20px; color: black; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container .nav-item.t0.nav-search.valid.focused + .search-button:before { background-color: #008749; opacity: 1; } /*-- login menu --*/ #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.click { top: -11px; } #header.scrolled .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.click { top: -21px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0 { position: relative; border: 1px solid #008749; border-radius: 20px; box-sizing: border-box; font-size: 22px; padding: 6px; width: 240px; text-align: center; overflow: hidden; background: transparent; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0.click { overflow: visible; } #header.scrolled .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0 { position: relative; border: 1px solid #008749; height: 40px; border-radius: 20px; box-sizing: border-box; font-size: 22px; padding: 0; width: 40px; text-align: center; color: transparent; background-color: #003c1d; background-image: url('/images/online-banking-ico.png'); background-position: center; background-size: 22px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0:hover { background-color: #003c1d; color: white; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login.click .nav-item.t0 { background-color: #003c1d; color: white; border-radius: 23px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 { display: flex; flex-direction: column; background-color: #003c1d; border-radius: 20px; width: 240px; margin-top: 3px; height: auto; position: absolute; top: 40px; bottom: unset; right: 0; left: unset; padding-left: 0; z-index: 3; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 .nav-item.t0 { position: relative; display: block; font-weight: 300; color: #3c3c3c; font-size: 17px; background-color: rgb(255, 255, 255); padding: 5px 0px; border-radius: 20px; width: 184px; height: auto; margin: 0 auto 20px; overflow: visible; background-image: none; text-indent: 0; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0:first-of-type .nav-item.t0 { margin-top: 20px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 .nav-item.t0:hover { box-shadow: 0px 1px 0px 1px black; background-color: #f2f2f2; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 .nav-item.t0:active { background-color: #fbaf5d; box-shadow: inset 0px 1px 0px 1px black; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 .nav-item img { height: auto; width: auto; transform: translate(50%,-50%); right: 0px; top: 0px; position: absolute; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 .nav-item:hover img { transform: translate(50%,-50%)rotate(-20deg); } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 p.nav-item.t0 { white-space: normal; line-height: 12px; word-break: break-word; border-top: 1px solid black; border-bottom: 1px solid black; border-radius: 0px; background-color: transparent; color: white; font-size: 12px; padding: 10px; text-align: justify; display: block; width: 195px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 p.nav-item.t0:hover { box-shadow: none; background-color: transparent; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 p.nav-item.t0:active { background-color: transparent; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 * { font-size: 17px; text-align: unset; white-space: normal; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 > span.nav-item.t0 { background-color: transparent; color: white; border: none; border-top: 1px solid black; border-bottom: 1px solid black; border-radius: 0; font-size: 12px; padding: 10px 0; text-align: justify; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t0 .nav-li.t0 > span.nav-item.t0:hover { box-shadow: none; background-color: transparent; } /*-- Mega Nav --*/ #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 { box-shadow: 0px 0px 50px -0px rgba(0,0,0,.2); position: fixed; width: 1180px; left: calc(50% - 610px); margin-top: 5px; height: unset; background-color: rgba(255,255,255,.9); padding-top: 0px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-header { position: absolute; border-bottom: 2px solid #008749; width: 100%; left: 0px; padding: 14px 0px; font-size: 28px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close { position: absolute; right: 25px; top: 10px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container { position: relative; width: 35px; height: 35px; cursor: pointer; } #header .navigation-container .top-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 .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container .bar:first-child { transform: rotate(-45deg); } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .mega-close .bar-container .bar:last-child { transform: rotate(45deg); } #header .navigation-container .top-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 .navigation-container .top-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 .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 { box-sizing: border-box; position: fixed; width: 1220px; left: calc(50% - 610px); margin-top: 5px; height: unset; padding-top: 0px; background-color: rgba(255,255,255,1); border-top: 0px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 span.nav-item.t1 { text-align: right; position: relative; display: inline; font-weight: 300; color: #008749; padding: 10px; white-space: normal; word-break: break-word; font-size: 22px; padding-bottom: 10px; cursor: unset; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 { position: relative; display: block; font-weight: 300; color: #3c3c3c; font-size: 17px; padding: 5px 0px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 .nav-item.t2 { } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-item.t1 > img { width: 30px; margin-left: 10px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 .nav-item.t2 > img { width: calc(100% - 40px); } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2 { text-align: right; font-size: 18px; color: rgba(0, 0, 0, 0.85); margin-right: 20px; } #header .navigation-container .top-nav .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: #008749; border-radius: 3px; transition: 150ms 150ms margin-top,150ms width,150ms 150ms color,150ms 150ms height,150ms right; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 .nav-ul.t2 .nav-li.t2 a.nav-item.t2:hover { text-align: right; font-size: 18px; color: black; } #header .navigation-container .top-nav .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: #008749; margin-top: 18px; width: 100%; height: 1px; border-radius: 3px; right: 0px; transition: 150ms ease-in-out margin-top,150ms 150ms width,150ms color,150ms height,150ms 150ms right; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1 { display: inline; margin-top: 0px; text-align: right; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-4 { width: 25%; margin-top: 75px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-4:nth-child(4n+1) { clear: both; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-4:nth-child(n+5) { margin-top: 10px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-3 { width: 33.333%; margin-top: 60px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-3:nth-child(3n+1) { clear: both; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-3:nth-child(n+4) { margin-top: 10px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 { width: 50%; margin-top: 60px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2:nth-child(2n+1) { clear: both; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2:nth-child(n+3) { margin-top: 10px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-1 { width: 100%; margin-top: 60px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 span.nav-item.t1, #header .navigation-container .top-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 .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-2 .nav-ul.t2, #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .nav-ul.t1 .nav-li.t1.t1C-1 .nav-ul.t2 { } #header .navigation-container .top-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; /* float: right; */ } #header .navigation-container .top-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 .navigation-container .top-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 .navigation-container .top-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: 350px; padding-top: var(--header-height-desktop); } .PageManagerContent + script + #header + #main { padding-top: 0; } #footer { position: relative; z-index: 1; padding: 0; color: #222; background: #fff; max-width: 100vw; } #footer .footer-main { display: flex; flex-flow: row nowrap; padding: 0; } #footer .footer-block { position: relative; display: flex; border-right: 0; } #footer .footer-block-info { flex-flow: column nowrap; flex-basis: 65%; flex-grow: 1; } #footer .footer-block-logo { flex-flow: column nowrap; flex-basis: 35%; justify-content: center; align-items: center; border-right: none; } #footer .footer-row { display: flex; flex-flow: row nowrap; flex-grow: 1; font-size: 1rem; } #footer .footer-row:first-child { border-top: none; } #footer .footer-col { position: relative; flex-basis: 50%; flex-grow: 1; flex-shrink: 0; padding: 0; } #footer .footer-col:first-child { border-left: none; } #footer .footer-col a { color: inherit; text-decoration: none; } #footer .footer-col-nav { display: flex; flex-flow: row nowrap; flex: 0 1 auto; margin-left: 0; } #footer .footer-col-nav .footer-col-info { display: flex; flex-flow: column nowrap; flex: 1 1 auto; align-items: center; } #footer .footer-nav { display: flex; flex-flow: row nowrap; flex: 1 1 auto; font-size: 1em; } #footer .footer-nav > div { display: flex; flex-flow: row nowrap; flex: 1 1 auto; font-size: 1em; } #footer .footer-nav a { text-decoration: none; font-size: 20px; color: #FFFFFF99; } #footer .footer-nav a:hover { text-decoration: underline; } #footer .footer-nav .nav-ul { display: block; margin: 0; padding: 0; list-style: none; text-transform: uppercase; } #footer .footer-nav .nav-ul li { padding: 0.2em 0; text-transform: none; } #footer .footer-nav .nav-ul.t0 { display: flex; flex-flow: row wrap; } #footer .footer-nav .nav-ul.t0 > li { margin: -3px 0 0 0; padding: 1rem 12rem 0 0; flex-grow: 1; flex-basis: auto; min-width: 200px; } #footer .footer-nav .nav-ul.t0 > li > ul { font-size: 90%; } #footer .footer-nav .nav-ul .nav-li .nav-item { position: relative; padding: 0; line-height: 1.1; white-space: normal; } #footer .footer-nav .nav-ul .nav-li .nav-item.t0 { font-size: 30px; line-height: 1.4; font-weight: var(--font-weight-normal); text-transform: none; } #footer .footer-nav .nav-ul .nav-li .nav-item.t0 i.fa.mr2 { margin-right: -0.2em; } #footer .footer-nav .nav-ul.t0 .nav-ul { padding-top: 0.2em; } #footer .footer-nav .nav-ul.t1 .nav-ul { margin-left: 1.675rem; } #footer .footer-nav .nav-ul.t1 > li.ws { margin-top: 1rem; } #footer .footer-nav .nav-ul.t1 > li.ws > .nav-item { padding: 0; font-size: 1rem; line-height: 1.4; letter-spacing: 0.1em; font-weight: var(--font-weight-bold); text-transform: uppercase; } #footer .footer-nav .nav-ul.t1 > li.ws > .nav-item i.fa.mr2 { margin-right: -0.2em; } #footer .footer-nav .nav-item .nav-img { display: none; width: 100%; max-width: 300px; } #footer .footer-nav.show-images .nav-item .nav-img { display: block; } #footer .footer-nav.show-images .nav-item.with-image .nav-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3em 0.5em; 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); } #footer .footer-nav.show-images .nav-item.with-image:hover .nav-text { padding: 0.45em 0.5em; background: rgba(0, 0, 0, 0.85); } #footer .footer-nav:not(.show-images) .nav-ul.t1 .nav-ul > .nav-li, #footer .footer-nav.show-images .nav-ul.t1 .nav-ul > .nav-li:not(.wi), #footer .footer-nav.show-images .nav-ul.t1 .nav-ul > .nav-li.wi .nav-item.with-image .nav-text { position: relative; } #footer .footer-nav:not(.show-images) .nav-ul.t1 .nav-ul > .nav-li::before, #footer .footer-nav.show-images .nav-ul.t1 .nav-ul > .nav-li:not(.wi)::before, #footer .footer-nav.show-images .nav-ul.t1 .nav-ul > .nav-li.wi .nav-item.with-image .nav-text::before { content: '\f054'; font-family: FontAwesome; position: absolute; top: 0.6em; left: -1.06em; margin-right: 0.35em; font-size: 70%; color: #fff; opacity: 0.8; } #footer .footer-nav .nav-ul.t1 .nav-ul .nav-li:last-child { padding-bottom: 0; } #footer .footer-nav.show-images .nav-ul.t1 .nav-ul > .nav-li.wi { padding-top: 0; padding-bottom: 0; } /* #footer .footer-col-row + .footer-col-row { margin-top: 2em; } */ #footer .footer-col-title { font-size: 0.8em; font-weight: var(--font-weight-bold); letter-spacing: 0.1em; text-transform: uppercase; } #footer .footer-col-content { line-height: 1.2; display: flex; flex-flow: row wrap; } #footer .footer-col-company { display: flex; flex-grow: 1; font-weight: var(--font-weight-semi); padding: 0; color:#222; justify-content: center; } #footer .footer-col-company .footer-col-info { display: flex; flex-flow: row nowrap; align-items: center; } #footer .footer-col-company .footer-col-col { padding: 1.25rem 1rem; } #footer .footer-col-company .footer-col-col > div { font-size: 20px; font-weight: 300; } #footer .footer-col-company .footer-col-col h3 { flex-basis: 100%; } #footer .footer-col-company .footer-col-col .footer-address { display: inline-block; padding-top: 1rem; padding-right: 1rem; padding-bottom: 1rem; flex-basis: calc(50% - 1rem); } #footer .footer-col-company .footer-col-col .footer-phone { display: inline-block; padding-top: 1rem; flex-basis: calc(50% - 1rem); } /* #footer .footer-col-company .footer-col-logo { flex: 0 3 185px; } */ #footer .footer-col-company .footer-col-logo img { width: 600px; /*height: 130px; position: absolute; left: -65px; bottom: -65px;*/ } #footer .footer-col-info .footer-row-social { font-size: 125%; padding: 0.5rem 14.5rem 0.5rem 0; } #footer .footer-col-info .footer-row-social a { color: var(--dark-link-color); } #footer .footer-col-info .footer-row-social a + a { margin-left: 1rem; } #footer .footer-col-info .footer-row-social a:hover { color: var(--dark-link-hover); } #footer .footer-col-info .footer-row-social a span { display: none; } #footer-to-top { position: absolute; z-index: 2; bottom: 0.8em; right: 0.5em; width: 1.5em; height: 1.5em; font-size: 1.4rem; line-height: 1.35em; text-align: center; cursor: pointer; color: #fff; background: var(--dark-back-color2); opacity: 0.75; border-radius: 50%; } #footer-to-top:hover { opacity: 1; color: var(--lite-back-color1); background: var(--dark-back-color3); } #bottom { font-size: 65%; line-height: 1.4; font-weight: var(--font-weight-bold); font-family: var(--main-font-family); text-align: center; text-transform: uppercase; color: #a9c4de; background: var(--dark-back-color1); height: 25px; } #bottom .bottom-top { width: 75%; margin: 0 auto; } #bottom .bottom-top .bottom-contact-button { float: right; background-color: transparent; color: var(--dark-link-hover); font-size: 20px; line-height: 1; border: 1px solid #8d8d8d; border-radius: 4px; margin-top: 23px; margin-right: 4.5rem; margin-left: 1rem; font-weight: 700; padding: 15px 60px; text-transform: none; } #bottom .bottom-top .bottom-contact-button:hover { color: var(--dark-link-color); background-color: var(--lite-back-color1); } #bottom .bottom-top .bottom-info { margin-top: 20px; margin-left: 1rem; float: left; } #bottom .bottom-top .bottom-info li { display: inline; } #bottom .bottom-top .bottom-info li a { border-bottom: none; } #bottom .bottom-top .bottom-info li img { width: 120px; } #bottom .bottom-main { width: 100%; position: absolute; bottom: 0; padding: 1rem 0 0.1rem 0; color: #ccc; background: var(--dark-back-color1); } #bottom .bottom-main span { display: inline-block; padding: 0 1em; white-space: nowrap; } #bottom a { color: inherit; text-decoration: none; border-bottom: 1px dotted; } #bottom a:hover { color: var(--lite-back-color1); border-bottom: 1px solid; } #bottom .bottom-nav { display: inline; padding-left: 0.75em; } #bottom .bottom-nav > div { display: inline; } #bottom .bottom-nav .clear { display: none; } #bottom .bottom-nav .nav-ul { display: inline; margin: 0; padding: 0; } #bottom .bottom-nav .nav-ul::after { display: none; } #bottom .bottom-nav .nav-ul .nav-li { display: inline; padding: 0 0.46em 0 0; } #bottom .bottom-nav .nav-ul .nav-li::before { content: '|'; padding: 0 0.46em 0 0; } #bottom .bottom-nav .nav-ul .nav-li:first-child::before { display: none; } #bottom .bottom-nav .nav-ul .nav-ul { display: none; } #bottom .bottom-nav .nav-ul .nav-li .nav-img { display: none; float: left; max-height: 1em; margin-right: 0.4em; } #bottom .bottom-nav.show-images .nav-ul .nav-li .nav-img { display: inline; } /*-- Template Styles With Overlay -- */ html.ohid { overflow: hidden; } html.with-magnific { overflow: hidden !important; } @media only screen and (min-width: 1081px) { html.with-magnific, html.with-magnific body { margin-right: 0 !important; } html.ohid body #header-top, html.with-magnific body #header-top, html.ohid body #header-main, html.with-magnific body #header-main, html.ohid body #main #PageManagerContent > .panel, html.with-magnific body #main #PageManagerContent > .panel, html.ohid body #footer .footer-block, html.with-magnific body #footer .footer-block, html.ohid body #bottom .bottom-main, html.with-magnific body #bottom .bottom-main { padding-right: 17px !important; } html.ohid body #footer-to-top, html.with-magnific body #footer-to-top { right: 1.107em !important; } html.ohid body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no, html.with-magnific body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no { position: relative; } html.ohid body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no::after, html.with-magnific body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no::after { content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; right: -17px; width: 17px; background-color: inherit; } html.ohid body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no .cell-content .block-title, html.with-magnific body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no .cell-content .block-title { position: relative; } html.ohid body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no .cell-content .block-title::after, html.with-magnific body #main #PageManagerContent > .panel.has-colbg .panel-table .cell.has-next-no .cell-content .block-title::after { content: ''; position: absolute; top: 0; bottom: 0; right: -17px; width: 17px; background-color: inherit; } html.ohid body .PageManagerContent .panel .panel-table.center-no .cell.has-next-no .cell-wrapper .cell-content.module-presentation, html.with-magnific body .PageManagerContent .panel .panel-table.center-no .cell.has-next-no .cell-wrapper .cell-content.module-presentation { margin-right: -17px; } } /*-- Site Notification -- */ #SiteNotification { position: fixed; z-index: 1041; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transform: translateY(100%); display: flex; flex-flow: row nowrap; align-items: center; padding: 0.55em 0.6em 0.6em 0.6em; font-size: 80%; background-color: #000; background-color: rgba(0, 20, 40, 0.95); box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.75); } body.is-loaded #SiteNotification { opacity: 1; visibility: visible; transform: none; transition-delay: 500ms; } body #main #SiteNotification.is-agreed { opacity: 0; visibility: hidden; transform: translateY(100%); } #SiteNotification .SiteNotificationLeft { flex: 1 1 100%; padding: 0.4em; color: #fff; } #SiteNotification .SiteNotificationLeft a { color: var(--dark-link-color); } #SiteNotification .SiteNotificationLeft a:hover { color: var(--dark-link-hover); text-decoration: underline; } #SiteNotification .SiteNotificationLeft > p:first-child { margin-top: 0; } #SiteNotification .SiteNotificationLeft > p:last-child { margin-bottom: 0; } #SiteNotification .SiteNotificationButton { flex: 1 0 auto; margin: 0 0 0 0.6em; padding: 0.65em 0.9em; line-height: 1; font-weight: var(--font-weight-bold); outline: none; cursor: pointer; vertical-align: top; text-transform: uppercase; color: #fff; background-color: #1194c6; border: none; } #SiteNotification .SiteNotificationButton:hover { background-color: #18a7de; } #SiteNotification.alt-style { bottom: 0.6em; right: 0.5em; left: auto; display: block; max-width: 28em; margin-left: 0.5em; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; } #SiteNotification.alt-style .SiteNotificationButton { margin: 0.4em; } /*-- Page Manager --*/ #PageManagerWatermark { position: fixed; z-index: 1040; left: 0.4rem; bottom: 0.4rem; padding: 0.2rem 0.35rem 0.25rem 0.35rem; font-weight: var(--font-weight-bold); font-size: 1rem; line-height: 1; 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: default; background: rgba(0,0,0,0.85); transition: all 200ms; -moz-transition: all 200ms; -webkit-transition: all 200ms; -o-transition: all 200ms; -webkit-transition-delay: 5s; -moz-transition-delay: 5s; -o-transition-delay: 5s; transition-delay: 5s; border-radius: 3px; } #PageManagerWatermark:hover { color: #fff; text-decoration: none; visibility: hidden; opacity: 0; -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .cell-content.task-error { display: none; } .center { width: 100%; max-width: var(--main-max-width); margin-left: auto; margin-right: auto; padding: 0; } .center-no { width: 100%; } .center-no > .row > .cell:not(.cell-post):not(.cell-pre) { flex-grow: 1 !important; flex-shrink: 1 !important; height: fit-content; } .center-no > .row > .cell.has-next { padding: 0 1em; } .center-no > .row, .center > .row { display: flex; } .center > .row > .cell { max-width: var(--main-max-width); flex-grow: 1; } #main .PageManagerContent, .PageManagerContent .panel.has-bgcolor { min-height: 8em; } .PageManagerContent .panel { position: relative; z-index: 1; } .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.border-bw2 { border-bottom: 2px solid #fff; } .PageManagerContent .panel.border-tw2 { border-top: 2px solid #fff; } .PageManagerContent .panel.dark-background { color: var(--dark-text-color); } .PageManagerContent .panel.dark-background .panel-table, .PageManagerContent .panel.dark-background .panel-table .cell { color: inherit; } .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: -100; background-repeat: no-repeat; background-size: cover; } .PageManagerContent .panel .panel-title { text-align: center; color: var(--main-text-color); } .PageManagerContent .panel .panel-title .fa { margin-right: 0.5em; margin-left: 0; margin-top: 0.1em; font-size: 90%; color: var(--lite-back-color1); } .PageManagerContent .panel .panel-title .fa:hover { color: #000; } .PageManagerContent .panel + .panel .panel-title { margin-top: 2.5rem; } .PageManagerContent .panel + .panel.has-bgcolor .panel-title { margin-top: 0; } .PageManagerContent .panel .panel-title .title-tag { padding: 1em 0 0.5em 0; font-size: 300%; line-height: 1.2; font-family: var(--fancy-font-family); font-weight: var(--font-weight-heavy); text-shadow: 1px 1px 0 #3e0000; } .PageManagerContent .panel .panel-title .title-tag.fancy-title span { font-size: 76.667%; font-weight: var(--font-weight-bold); color: var(--lite-back-color1); } .PageManagerContent .panel .panel-title .title-tag.fancy-title strong { display: block; margin-top: -0.15em; font-weight: var(--font-weight-heavy); } .PageManagerContent .panel .panel-title .title-tag.fancy-title-link strong { padding-left: 0.96em; } .PageManagerContent .panel .panel-title .title-tag.module-title-tag { } /* Begin client-specific title styles */ .PageManagerContent .panel .panel-title .title-tag:not(.fancy-title), .PageManagerContent .panel .panel-title .title-tag.fancy-title strong { display: flex; flex-flow: row nowrap; font-size: 50px; font-weight: var(--font-weight-normal); text-transform: uppercase; text-shadow: none; } .PageManagerContent .panel .panel-title .title-tag:not(.fancy-title)::before, .PageManagerContent .panel .panel-title .title-tag.fancy-title strong::before, .PageManagerContent .panel .panel-title .title-tag:not(.fancy-title)::after, .PageManagerContent .panel .panel-title .title-tag.fancy-title strong::after { } .PageManagerContent .panel .panel-title .title-tag:not(.fancy-title)::after, .PageManagerContent .panel .panel-title .title-tag.fancy-title strong::after { } .PageManagerContent .panel.spacer:before { content: url('/images/layout/TEFCU_logo_Inline_FullColorIcon.png?w=32&background=ffffff'); position: relative; background-position: 50% 0px; background-repeat: no-repeat; top: 0; z-index: 1; height: 30px; border-bottom: 2px solid #008749; text-align: center; width: 100%; overflow: visible; padding: 20px 0; box-sizing: border-box; } @media only screen and (max-width: 1300px) { .PageManagerContent .panel .panel-title .title-tag { font-size: 6.15vw; } .PageManagerContent .panel .panel-title .title-tag:not(.fancy-title)::before, .PageManagerContent .panel .panel-title .title-tag.fancy-title strong::before, .PageManagerContent .panel .panel-title .title-tag:not(.fancy-title)::after, .PageManagerContent .panel .panel-title .title-tag.fancy-title strong::after { flex-basis: 15vw; max-width: 165px; } } @media only screen and (max-width: 900px) { .PageManagerContent .panel .panel-title .title-tag { font-size: 270%; text-shadow: 0 0 0 #000; } } /* End client-specific title styles */ .PageManagerContent .panel .cell.dark-background { color: var(--dark-text-color); } .PageManagerContent .panel .cell.is-condensed { font-size: 80%; } .PageManagerContent .panel .cell .cell-content { padding: 2.25rem 0; } .PageManagerContent .panel .cell.has-prev .cell-content { padding-left: 3.5rem; } .PageManagerContent .panel .cell .cell-content:last-child { padding-bottom: 3.5rem; } .PageManagerContent .panel.has-bgcolor .cell .cell-content:last-child { padding-bottom: 3.0rem; } .PageManagerContent .panel .panel-title + .panel-table .cell .cell-content:first-child { padding-top: 1.25rem; } .PageManagerContent .panel .cell .cell-content:not(.bottom-border):not(.module-testimonials) + .cell-content { padding-top: 0; } .PageManagerContent .panel .panel-table:first-child .cell .cell-content.with-block-title:first-child, .PageManagerContent .panel .panel-title:first-child + .panel-table .cell .cell-content.with-block-title:first-child { padding-top: 0; } .PageManagerContent .panel .cell .cell-content .fixed-module { margin-top: 2.25rem; } .PageManagerContent .panel .cell .cell-content .fixed-module:first-child { margin-top: 0; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .center-no .cell.has-prev-no .cell-content, .PageManagerContent .panel .center .cell.has-prev-no.has-bgcolor .cell-content, .PageManagerContent .panel .center .cell.has-prev-no.has-block-title .cell-content { margin-left: 3.5rem; } .PageManagerContent .panel-title .center-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: 3.5rem; } .PageManagerContent .panel .cell .cell-content .content-title { margin: 0 0 1rem 0; font-size: 2.5em; font-weight: var(--font-weight-normal); line-height: 1.1; font-family: var(--title-font-family); color: var(--main-text-color); font-style: normal; } .PageManagerContent .panel.panel-title-yes .cell .cell-content .content-title.hide-with-panel-title { display: none; } .PageManagerContent .panel .cell .cell-content .content-title.fwh { font-size: 260%; font-weight: var(--font-weight-heavy); } .PageManagerContent .panel .cell .cell-content .content-title.services-title { font-size: 250%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-small { font-size: 230%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smaller { font-size: 215%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smallest { font-size: 200%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-tiny { font-size: 170%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-large { font-size: 330%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-large.fwh { font-size: 315%; } .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.center-title { margin-bottom: 2rem; text-align: center; } .PageManagerContent .panel .cell .cell-content .content-title.center-title2 { text-align: center; } .PageManagerContent .panel .cell .cell-content .content-title.mbottom-0, .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.msized { margin-bottom: 1.0em; } .PageManagerContent .panel .cell .cell-content .content-title.mbottom-2 { margin-bottom: 0.2rem; } .PageManagerContent .panel .cell .cell-content .content-title.mbottom-4 { margin-bottom: 0.4rem; } .PageManagerContent .panel .cell .cell-content .content-title.mbottom-6 { margin-bottom: 0.6rem; } .PageManagerContent .panel .cell .cell-content .content-title.mbottom-8 { margin-bottom: 0.8rem; } .PageManagerContent .panel .cell .cell-content .content-title.mbottom-14 { margin-bottom: 1.4rem; } .PageManagerContent .panel .cell .cell-content .content-title.with-subtitle div.subtitle { padding: 0.3em 0 0.15em 0; font-size: 60%; font-weight: var(--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, .PageManagerContent .panel .cell.dark-background .cell-content .content-title.with-subtitle div.subtitle.font-body { font-weight: var(--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: 70%; font-weight: var(--font-weight-bold); color: #1f373d; } .PageManagerContent .panel .cell .cell-content .content-title.fancy-title { font-size: 190%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-small.fancy-title { font-size: 162%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smaller.fancy-title { font-size: 150%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smallest.fancy-title { font-size: 132%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-tiny.fancy-title { font-size: 120%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-large.fancy-title { font-size: 211.111%; } .PageManagerContent .panel .cell .cell-content .content-title.services-title.fancy-title { font-size: 175.926%; } .PageManagerContent .panel .cell .cell-content .content-title.fancy-title span { font-weight: var(--font-weight-normal); color: var(--lite-back-color1); } .PageManagerContent .panel .cell .cell-content .content-title.fancy-title span.swap { font-weight: var(--font-weight-bold); color: var(--dark-back-color1); } .PageManagerContent .panel.dark-background .cell .cell-content .content-title.fancy-title span, .PageManagerContent .panel .cell.dark-background .cell-content .content-title.fancy-title span { color: inherit; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-large.fancy-title span { font-size: 108.9475%; } .PageManagerContent .panel .cell .cell-content .content-title.fancy-title.fwh span { font-weight: var(--font-weight-bold); } .PageManagerContent .panel .cell .cell-content .content-title.fancy-title span:last-child { font-size: 131.579%; } .PageManagerContent .panel .cell .cell-content .content-title.services-title.fancy-title span:last-child { font-size: 142.1052%; } .PageManagerContent .panel .cell .cell-content .content-title.fancy-title strong { font-size: 142.1053%; line-height: 100%; font-weight: inherit; } .PageManagerContent .panel .cell.is-condensed .cell-content .content-title.fancy-title strong { font-size: 125%; line-height: 100%; } .PageManagerContent .panel .cell .cell-content .content-title.block-title { color: var(--main-text-color); background: #bbbcbe; margin-left: -1.75rem; margin-right: -1.75rem; padding: 0.371em 1.75rem; } .PageManagerContent .panel .cell .cell-content .content-title.block-title-red { color: var(--dark-text-color); background: var(--lite-back-color1); } .PageManagerContent .panel .cell .cell-content .content-title.block-title-gray { color: var(--dark-text-color); background: var(--dark-back-color1); } .PageManagerContent .panel .cell.is-condensed .cell-content .content-title.block-title { padding-top: 0.45em; padding-bottom: 0.45em; } .PageManagerContent .panel .cell .cell-content .content-title.block-title span { font-weight: var(--font-weight-normal); } .PageManagerContent .panel .cell .cell-content .content-title.block-title.fancy-title span { color: inherit; opacity: 0.85; } .PageManagerContent .panel .cell.has-prev-no .cell-content .content-title.block-title, .PageManagerContent .panel .cell.has-bgcolor .cell-content .content-title.block-title, .PageManagerContent .panel .cell.has-prev-bgcolor .cell-content .content-title.block-title { margin-left: -3.5rem; padding-left: 3.5rem; } .PageManagerContent .panel .cell.has-next-no .cell-content .content-title.block-title, .PageManagerContent .panel .cell.has-bgcolor .cell-content .content-title.block-title, .PageManagerContent .panel .cell.has-next-bgcolor .cell-content .content-title.block-title { margin-right: -3.5rem; padding-right: 3.5rem; } .PageManagerContent .panel .cell.has-bgcolor .cell-content .content-title.block-title + .content-data > p { padding-top: 1rem; } .PageManagerContent .panel .cell .cell-content .content-data { font-size: 18px; } @media only screen and (max-width: 1200px) { #main .PageManagerContent .panel .cell .cell-content .content-title.block-title { margin-left: -2.5rem; margin-right: -2.5rem; padding-left: 2.5rem; padding-right: 2.5rem; } } @media only screen and (max-width: 640px) { #main .PageManagerContent .panel .cell .cell-content .content-title.block-title { margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } } @media only screen and (max-width: 430px) { #main .PageManagerContent .panel .cell .cell-content .content-title.block-title { margin-left: -1.25rem; margin-right: -1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; } } /*-- Page Manager - Generic Styles -- */ /*** TODO: Convert more modules to use generic pagination, cards, and lists ***/ /* Generic Pagination */ .cell-content .module-viewmore { display: block; float: none; clear: both; width: 100%; margin-top: 1em; padding: 0.75em; font-size: 90%; line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; color: inherit; border: none; background-color: rgba(128,128,128,0.5); cursor: pointer; box-sizing: border-box; opacity: 0.8; } .cell-content .module-viewmore.load-scroll { width: 0; height: 0; margin: 0; padding: 0; font-size: 0; color: transparent; background-color: transparent; overflow: hidden; } .cell-content .module-viewmore:hover { opacity: 1; } .cell-content .module-paginate { position: relative; margin-top: 1.25em; text-align: left; } .cell-content .content-data + .module-paginate { margin-top: 1.5em; } #wrapper .cell-content .module-paginate .module-paginate-back { padding-left: 1.3em; } #wrapper .cell-content .module-paginate .module-paginate-next { float: right; padding-right: 1.3em; } .cell-content .module-paginate .module-paginate-label { position: absolute; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 90%; line-height: 1; text-align: center; opacity: 0.8; } /* 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.667%; } .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 65%; text-align: center; background-repeat: no-repeat; background-position: center center; background-size: contain; border-bottom: 1px solid rgba(0, 0, 0, 0.05); 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%; max-height: 100%; margin: auto; border: none; transform: scale(0.95, 0.95); } .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 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: cover; } .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%; } .card-style > ul > li a .card-data .card-title.fwb { font-size: 100%; } .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; } .module-photo_gallery .card-style > ul > li a .card-data .card-subtitle { display: none; } .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: 90%; 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~="350px"] .card-data .card-description { font-size: 85%; } .card-style > ul > li a[max-width~="295px"] .card-data .card-description { font-size: 80%; } .card-style > ul > li a[max-width~="215px"] .card-data .card-description { display: none; } .card-style.columns-gt5[max-width~="1520px"] > ul > li { flex-basis: 20%; } .card-style.columns-gt4[max-width~="1300px"] > ul > li { flex-basis: 25%; } .card-style.columns-gt3[max-width~="1150px"] > ul > li { flex-basis: 33.333%; } .card-style.columns-gt2[max-width~="1000px"] > ul > li { flex-basis: 50%; } .card-style.columns-gt2[max-width~="720px"] > ul > li { flex-basis: 100%; } .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; } } /* Generic List Style */ .list-style { position: relative; } .list-style > ul { display: flex; flex-flow: row wrap; margin: 0 -1em; padding: 0; list-style: none; } .list-style > ul.no-images { margin: 0 -0.5em; } .list-style > ul.no-space { margin: 0; } .list-style > ul > li { flex: 0 0 100%; padding: 1em; } .list-style > ul.no-images > li { padding: 0.5em; } .list-style > ul.no-space > li { padding-left: 0; padding-right: 0; } .list-style.columns-2 > ul > li { flex-basis: 50%; } .list-style.columns-3 > ul > li { flex-basis: 33.333%; } .list-style.columns-4 > ul > li { flex-basis: 25%; } .list-style.columns-5 > ul > li { flex-basis: 20%; } .list-style.columns-6 > ul > li { flex-basis: 16.667%; } .list-style > ul > li .item-main { display: flex; flex-flow: row nowrap; } .list-style > ul > li .item-image { flex: 1 0 20%; max-width: 150px; padding-top: 0.35em; } .list-style > ul > li .item-image.is-video { position: relative; margin-top: 0.35em; padding-top: 0; align-self: flex-start; } .list-style.big-image > ul > li .item-image { flex-basis: 30%; max-width: 100%; } .list-style.wide-image > ul > li .item-image { flex-basis: 40%; max-width: 100%; } .list-style.wider-image > ul > li .item-image { flex-basis: 50%; max-width: 100%; } .list-style > ul > li .item-image a { display: block; border-radius: 3px; -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); } .list-style > ul > li .item-image 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); } .list-style.theme-gray > ul > li .item-image a, .list-style.theme-grayred > ul.list-odd > li .item-image a { background-color: rgba(0, 0, 0, 0.05); } .dark-background .cell-content .list-style.theme-gray > ul > li .item-image a, .dark-background .cell-content .list-style.theme-grayred > ul.list-odd > li .item-image a, .dark-background.module-bg .list-style.theme-gray > ul > li .item-image a, .dark-background.module-bg .list-style.theme-grayred > ul.list-odd > li .item-image a { background-color: rgba(0, 0, 0, 0.35); } .list-style.theme-gray > ul > li .item-image a:hover, .list-style.theme-grayred > ul.list-odd > li .item-image a:hover { background: rgba(0, 0, 0, 0.075); } .dark-background .cell-content .list-style.theme-gray > ul > li .item-image a:hover, .dark-background .cell-content .list-style.theme-grayred > ul.list-odd > li .item-image a:hover, .dark-background.module-bg .list-style.theme-gray > ul > li .item-image a:hover, .dark-background.module-bg .list-style.theme-grayred > ul.list-odd > li .item-image a:hover { background-color: rgba(0, 0, 0, 0.5); } .list-style.theme-red > ul > li .item-image a, .list-style.theme-grayred > ul.list-even > li .item-image a { background-color: rgba(234, 10, 42, 0.1); } .list-style.theme-red > ul > li .item-image a:hover, .list-style.theme-grayred > ul.list-even > li .item-image a:hover { background-color: rgba(234, 10, 42, 0.14); } .list-style.theme-white > ul > li .item-image 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); } .list-style.theme-white > ul > li .item-image a:hover { background-color: rgba(255, 255, 255, 0.125); } .list-style.theme-blue > ul > li .item-image a, .list-style.theme-blueorange > ul.list-odd > li .item-image 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); } .list-style.theme-blue > ul > li .item-image a:hover, .list-style.theme-blueorange > ul.list-odd > li .item-image 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); } .list-style.theme-orange > ul > li .item-image a, .list-style.theme-blueorange > ul.list-even > li .item-image 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); } .list-style.theme-orange > ul > li .item-image a:hover, .list-style.theme-blueorange > ul.list-even > li .item-image 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); } .list-style > ul > li .item-image a.link-empty { background: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } .list-style > ul > li .item-image img { display: block; width: 100%; margin: 0; border-radius: 3px; } .list-style > ul > li .item-image.is-png img { padding: 0.5em; } .list-style > ul > li .item-image.nopad img { padding: 0; } .list-style > ul > li .item-image.no-image a { background-color: rgba(0, 0, 0, 0.025); } .list-style > ul > li .item-image.no-image img { } .list-style > ul > li .item-image.is-video img.image-blank { opacity: 0; visibility: hidden; } .list-style > ul > li .item-image.is-video img.image-print { display: none; } .list-style > ul > li .item-image .image-video { display: block; width: 100%; margin: 0; border: none; background: #333; } .list-style > ul > li .item-image.is-video .image-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .list-style > ul > li .item-image + .item-data { padding-left: 1.25rem; } .list-style.big-image > ul > li .item-image + .item-data { padding-left: 1.5rem; } .list-style.wide-image > ul > li .item-image + .item-data { padding-left: 1.75rem; } .list-style.wider-image > ul > li .item-image + .item-data { padding-left: 2.0rem; } .list-style > ul > li .item-data { flex-grow: 1; } .list-style > ul > li .item-data .item-title { font-size: 125%; } .list-style > ul > li .item-data .small { font-size: 70%; } .list-style > ul > li .item-data .light { opacity: 0.85; } .list-style > ul > li .item-data .item-subtitle { font-size: 90%; } .list-style > ul > li .item-data .item-timestamp .fa { position: relative; top: -1px; font-size: 95%; } .list-style > ul > li .item-data .item-timestamp span { position: relative; display: inline-block; } .list-style > ul > li .item-data .item-timestamp span + span { margin-left: 0.3rem; padding-left: 0.7rem; } .list-style > ul > li .item-data .item-timestamp span + span::before { content: '|'; position: absolute; top: 0; left: 0; color: #ccc; } .list-style > ul > li .item-data .item-timestamp + div { padding-top: 0.1em; } /* Generic List Style - Variations */ .list-style.columns-gt5[max-width~="1301px"] > ul > li { flex-basis: 20%; } .list-style.columns-gt4[max-width~="1300px"] > ul > li { flex-basis: 25%; } .list-style.columns-gt3[max-width~="1280px"] > ul > li { flex-basis: 33.333%; } .list-style.columns-gt2[max-width~="1040px"] > ul > li { flex-basis: 50%; } .list-style.columns-gt1[max-width~="980px"] > ul > li { flex-basis: 100%; } .list-style:not(.wide-image) > ul > li[min-width~="860px"] .item-image { flex-basis: 30%; } .list-style:not(.wide-image) > ul > li .item-data[max-width~="350px"] .item-description { font-size: 85%; } .list-style:not(.wide-image) > ul > li .item-data[max-width~="295px"] .item-description { font-size: 80%; } @media only screen and (max-width: 1200px) { #main .list-style.wide-image > ul > li .item-image { flex-basis: 35%; } #main .list-style.wider-image > ul > li .item-image { flex-basis: 40%; } #main .list-style.wide-image > ul > li[max-width~="1000px"] .item-main { flex-wrap: wrap; } #main .list-style.wide-image > ul > li[max-width~="1000px"] .item-image { order: 2; flex-basis: 100%; margin-top: 0; padding-top: 0; } #main .list-style.wide-image > ul > li[max-width~="1000px"] .item-data { order: 1; padding-left: 0; } #main .list-style.wide-image > ul > li[max-width~="1000px"] .item-image + .item-data { padding-bottom: 0.65rem; } } .list-style[max-width~="500px"] > ul > li + li { margin-top: 0.5rem; } .list-style[max-width~="500px"] > ul > li .item-main { display: block; } .list-style[max-width~="500px"] > ul > li .item-image { max-width: 100%; padding-top: 0; } .list-style[max-width~="500px"] > ul > li .item-image a { border-radius: 0; background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .list-style[max-width~="500px"] > ul > li .item-image + .item-data, .list-style.big-image[max-width~="500px"] > ul > li .item-image + .item-data, .list-style.wide-image[max-width~="500px"] > ul > li .item-image + .item-data { padding: 0.5rem 0 0 0; } @media print { .list-style > ul > li .item-image.is-video.not-local-video img.image-blank { opacity: 1; visibility: visible; } .list-style > ul > li .item-image.is-video.not-local-video .image-video { display: none; } .list-style > ul > li .item-image.is-video.is-local-video img.image-blank { display: none; } .list-style > ul > li .item-image.is-video.is-local-video .image-video { position: static; height: auto; } .list-style.wide-image > ul > li .item-image { flex-basis: 35%; } .list-style.wide-image > ul > li .item-main { flex-wrap: wrap; } .list-style.wide-image > ul > li .item-image { order: 2; flex-basis: 100%; margin-top: 0; padding-top: 0; } .list-style.wide-image > ul > li .item-data { order: 1; padding-left: 0 !important; } .list-style.wide-image > ul > li .item-image + .item-data { padding-bottom: 0.65rem; } } /* Generic Images Style */ .images-style { position: relative; } .images-style > ul { display: flex; flex-flow: row wrap; margin: 0 -1.5rem; padding: 0; list-style: none; } .images-style > ul.only-downloads { margin: 0 -0.75rem; } .images-style.columns-1 > ul { margin-left: 0; margin-right: 0; } .images-style > ul > li { display: flex; flex-flow: column nowrap; justify-content: center; flex: 0 1 100%; padding: 1.5rem; } .images-style > ul > li.no-image { justify-content: start; padding: 0.75rem; } .images-style.columns-1 > ul > li { padding-left: 0; padding-right: 0; } .images-style.columns-2 > ul > li { flex-basis: 50%; } .images-style.columns-3 > ul > li { flex-basis: 33.333%; } .images-style.columns-4 > ul > li { flex-basis: 25%; } .images-style.columns-5 > ul > li { flex-basis: 20%; } .images-style.columns-6 > ul > li { flex-basis: 16.667%; } .images-style > ul > li a { position: relative; z-index: 0; display: block; padding: 0; text-decoration: none; overflow: hidden; } .images-style > ul > li a.color-none { color: inherit; } .images-style > ul > li.no-image a { flex: 1 1 100%; border-radius: 0.5rem; -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); } .images-style.theme-gray > ul > li.no-image a, .images-style.theme-grayred > ul.list-odd > li.no-image a { background-color: rgba(0, 0, 0, 0.05); } .dark-background .cell-content .images-style.theme-gray > ul > li.no-image a, .dark-background .cell-content .images-style.theme-grayred > ul.list-odd > li.no-image a, .dark-background.module-bg .images-style.theme-gray > ul > li.no-image a, .dark-background.module-bg .images-style.theme-grayred > ul.list-odd > li.no-image a { background-color: rgba(0, 0, 0, 0.35); } .images-style.theme-red > ul > li.no-image a, .images-style.theme-grayred > ul.list-even > li.no-image a { background-color: rgba(234, 10, 42, 0.1); } .images-style.theme-white > ul > li.no-image 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); } .images-style.theme-blue > ul > li.no-image a, .images-style.theme-blueorange > ul.list-odd > li.no-image 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); } .images-style.theme-orange > ul > li.no-image a, .images-style.theme-blueorange > ul.list-even > li.no-image 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); } .images-style > ul > li.no-image 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); } .images-style.theme-gray > ul > li.no-image a:hover, .images-style.theme-grayred > ul.list-odd > li.no-image a:hover { background: rgba(0, 0, 0, 0.075); } .dark-background .cell-content .images-style.theme-gray > ul > li.no-image a:hover, .dark-background .cell-content .images-style.theme-grayred > ul.list-odd > li.no-image a:hover, .dark-background.module-bg .images-style.theme-gray > ul > li.no-image a:hover, .dark-background.module-bg .images-style.theme-grayred > ul.list-odd > li.no-image a:hover { background-color: rgba(0, 0, 0, 0.35); } .images-style.theme-red > ul > li.no-image a:hover, .images-style.theme-grayred > ul.list-even > li.no-image a:hover { background-color: rgba(234, 10, 42, 0.14); } .images-style.theme-white > ul > li.no-image a:hover { background: rgba(255, 255, 255, 0.125); } .images-style.theme-blue > ul > li.no-image a:hover, .images-style.theme-blueorange > ul.list-odd > li.no-image 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); } .images-style.theme-orange > ul > li.no-image a:hover, .images-style.theme-blueorange > ul.list-even > li.no-image 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); } .images-style > ul > li a .item-image img { display: block; max-width: 100%; max-height: 225px; margin: auto; border: none; } .images-style.columns-1 > ul > li a .item-image img { max-height: 100%; } .images-style > ul > li.no-image a .item-data { display: block; padding: 0.75rem 1rem; } .images-style > ul > li.with-image a .item-data { position: absolute; top: 100%; left: 0; right: 0; opacity: 0; visibility: hidden; padding: 0.1em 0.5em; font-size: 1rem; line-height: 1.3; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.7); -webkit-transition: all linear 100ms 150ms; -moz-transition: all linear 100ms 150ms; -o-transition: all linear 100ms 150ms; transition: all linear 100ms 150ms; } .images-style > ul > li.with-image a:hover .item-data { opacity: 1; visibility: visible; transform: translateY(-100%); } .images-style > ul > li a .item-data .item-title { font-size: 100%; } .images-style > ul > li.pad-image a .item-data .item-title { padding-top: 0.25em; } .images-style > ul > li a .item-data .item-subtitle { padding: 0.1em 0 0.2em 0; font-size: 90%; line-height: 1.2; opacity: 0.85; } .images-style > ul > li.with-image a .item-data .item-description { display: none; } .images-style > ul > li.no-image a .item-data .item-description { font-size: 90%; color: var(--main-text-color); } /* Generic Images Style - Variations */ .images-style.columns-gt5[max-width~="1301px"] > ul.with-images > li { flex-basis: 20%; } .images-style.columns-gt4[max-width~="1085px"] > ul.with-images > li { flex-basis: 25%; } .images-style.columns-gt3[max-width~="840px"] > ul.with-images > li { flex-basis: 33.333%; } .images-style.columns-gt2[max-width~="610px"] > ul.with-images { margin-left: -1rem; margin-right: -1rem; } .images-style.columns-gt2[max-width~="610px"] > ul.with-images > li { flex-basis: 50%; padding-left: 1rem; padding-right: 1rem; } .images-style.display-images[max-width~="423px"] > ul.with-images { margin-left: 0; margin-right: 0; } .images-style.display-images[max-width~="423px"] > ul.with-images > li { flex-basis: 100%; padding: 1.25rem 0; } .images-style.display-images[max-width~="423px"] > ul.with-images > li a .item-image img { max-height: 300px; } .images-style > ul.with-images > li a[max-width~="250px"] .item-data { font-size: 0.9rem; } .images-style > ul.with-images > li a[max-width~="210px"] .item-data { font-size: 0.8rem; } .images-style > ul.with-images > li a[max-width~="185px"] .item-data { font-size: 0.7rem; } .images-style.columns-gt5[max-width~="1595px"] > ul.no-images > li { flex-basis: 20%; } .images-style.columns-gt4[max-width~="1335px"] > ul.no-images > li { flex-basis: 25%; } .images-style.columns-gt3[max-width~="1100px"] > ul.no-images > li { flex-basis: 33.333%; } .images-style.columns-gt2[max-width~="900px"] > ul.no-images > li { flex-basis: 50%; } .images-style.display-images[max-width~="630px"] > ul.no-images > li { flex-basis: 100%; } .images-style > ul.no-images > li a[max-width~="320px"] .item-data { font-size: 0.9rem; } .images-style > ul.no-images > li a[max-width~="320px"] .item-description { font-size: 85%; } .images-style > ul.no-images > li a[max-width~="280px"] .item-data { font-size: 0.85rem; } @media print { .images-style > ul > li.with-image a .item-data { position: static; bottom: auto; left: auto; right: auto; padding: 0.25em 0 0 0; color: inherit; background: none; } .images-style.display-images > ul { margin: 0 -1rem; } .images-style.display-images > ul > li { flex-basis: 33.333%; padding: 1rem; } } /*-- Page Manager - Module Styles -- */ /*-- MODULE: Rich Text --*/ .PageManagerContent .panel .cell .cell-content.module-rich_text.title-only + .cell-content { position: relative; z-index: 2; margin-top: -1.5rem; } .module-rich_text.bottom-border { border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .dark-background .cell-content.module-rich_text.bottom-border, .dark-background.module-bg .module-rich_text.bottom-border { border-bottom: 2px solid rgba(255, 255, 255, 0.1); } .module-rich_text .content-info.narrow-content { max-width: 1100px; margin-left: auto; margin-right: auto; } .module-rich_text .content-size-large .content-data { font-size: 120%; } .module-rich_text .content-size-huge .content-data { font-size: 150%; } .module-rich_text .content-data p img { max-width: 100%; height: auto !important; /*-- -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.25); --*/ -webkit-border-radius: 0.2rem; -moz-border-radius: 0.2rem; border-radius: 0.2rem; } .module-rich_text .content-data ul li { padding: 0.25em 0; } .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; } .module-rich_text .content-data blockquote { margin-left: 2.105em; margin-right: 0; padding: 0.9474em 0 0.895em 1.58em; font-size: 95%; font-style: italic; color: #444; border-left: 0.632em solid #f8630e; } .dark-background .cell-content.module-rich_text .content-data blockquote, .dark-background.module-bg .module-rich_text .content-data blockquote { border-color: #ef808e; } .module-rich_text[max-width~="500px"] .content-data blockquote { margin-left: 0; } .dark-background .cell-content.module-rich_text .content-data blockquote, .dark-background.module-bg .module-rich_text .content-data blockquote { color: #ddd; } .module-rich_text .content-data blockquote.shaded { margin-left: 0; padding-right: 1.053em; background: rgba(128, 128, 128, 0.15); } .dark-background .cell-content.module-rich_text .content-data blockquote.shaded, .dark-background.module-bg .module-rich_text .content-data blockquote.shaded { background: rgba(128, 128, 128, 0.25); } .module-rich_text .content-data blockquote > *:first-child { margin-top: 0; } .module-rich_text .content-data blockquote > *:last-child { margin-bottom: 0; } .module-rich_text .content-data video { max-width: 100%; height: auto !important; } .PageManagerContent .panel .cell .cell-content.module-rich_text.compact-content { padding-top: 1.5rem; padding-bottom: 2.0rem; } .PageManagerContent .panel .cell .cell-content.module-rich_text.compact-content .content-title.with-content { margin-bottom: 0.5rem; } .module-rich_text .content-data table { border: 0; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; } .module-rich_text .content-data table tr td { border: #ccc 1px solid; border-bottom: 0; border-left: 0; padding: 5px; background-color: #eee; } .module-rich_text .content-data table tr:nth-child(2n) td, .module-rich_text .content-data table tr:nth-child(2n) th { background-color: #fff; } /*-- Client Specific Rich Text Styles --*/ .module-rich_text .content-data table tr:nth-of-type(2n + 1) { background-color:rgba(0, 0, 0, 0.1)} /*-- 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); } #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: Feedback Forms --*/ .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: 34.25%; margin-top: 0.25em; } .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; display: flex; } .module-feedback_forms .form-wrapper .form-contact .contact-field + .contact-field { margin-top: 1.5em; } .module-feedback_forms .form-wrapper .form-contact .contact-field-icon { margin: 0; padding: 0 0.5em 0 0; opacity: 0.75; } .module-feedback_forms .form-wrapper .form-contact .contact-field-icon .fa { width: 2.5em; text-align: center; } .module-feedback_forms .form-wrapper .form-contact .contact-field-icon .fa-2x { width: 1.25em; } .module-feedback_forms .form-wrapper .form-contact .contact-field-info { margin: auto 0; } .PageManagerContent .panel .cell .cell-wrapper .module-feedback_forms.feedback-form .content-title { margin-bottom: 0.57143em; } .module-feedback_forms .form-wrapper .form-description em.required { font-size: 120%; line-height: 1; font-weight: var(--font-weight-bold); font-style: normal; color: #983447; } .module-feedback_forms .form-wrapper .form-description + .form-notice { margin-top: 1em; } .module-feedback_forms .form-wrapper .form-description > p:first-child { margin-top: 0; } .module-feedback_forms .form-wrapper .form-thankyou { margin-top: 1em; font-weight: var(--font-weight-bold); text-align: center; } /*** 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 .notice-msg-alt3 { margin: 0.6rem 0; padding: 1em; border-left: none; font-size: 100%; text-align: center; } .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 ***/ .module-feedback_forms .form-wrapper .content-title + .form-description { font-size: 18px; } .module-feedback_forms .form-wrapper .content-title + .form-description:not(.m0-first-p) > p:first-child { margin-top: 1em; } .module-feedback_forms .form-wrapper .form-fields { display: block; max-width: 38.75rem; margin-top: 1em; } .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: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: 1em; } .module-feedback_forms .form-wrapper .field-group { position: relative; display: block; clear: both; width: 38.75rem; padding: 1em 0 0 0; font-size: 18px; } .module-feedback_forms .form-wrapper .field-group.use-prev-label { padding-top: 0.5em; padding-bottom: 0.5em; } .module-feedback_forms .form-wrapper .field-group.attach-title { padding: 0.3em 0.75em 0.4em; background-color: #eee; } .module-feedback_forms .form-wrapper .form-fields > ul > li { page-break-inside: avoid; } .module-feedback_forms .form-wrapper .form-fields > ul > li:first-child .field-group:first-child, .module-feedback_forms .form-wrapper .form-fields > ul > li.first-child .field-group:first-child { padding-top: 0.5em; } .module-feedback_forms .form-wrapper .form-fields:first-child > ul > li:first-child .field-group:first-child, .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 .form-fields > ul > li:first-child.not-first .field-group { padding-top: 1em; } .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: 14rem; width: calc(0% + 14rem); margin: 0; padding: 1px 0 0 0; line-height: 1.2; opacity: 0.8; 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 .form-fields-short .field-group .label { width: 10rem; width: calc(0% + 10rem); } .module-feedback_forms .form-wrapper .field-group .label.with-input { padding-top: 0.3em; padding-bottom: 0.2em; } .module-feedback_forms .form-wrapper .field-group .label.with-textarea { padding-top: 1px; } .module-feedback_forms .form-wrapper .field-group .label.long-label { padding-top: 0; } .module-feedback_forms .form-wrapper .field-group .label.longer-label { float: none; clear: both; width: 100%; padding-top: 0; } .module-feedback_forms .form-wrapper .field-group .label.longer-label.with-input { padding-bottom: 0.3em; } .module-feedback_forms .form-wrapper .field-group .label.longer-label.with-note { padding-bottom: 0; } .module-feedback_forms .form-wrapper .field-group .label em { font-size: 105%; line-height: 1; font-weight: var(--font-weight-bold); font-style: normal; color: #983447; } .module-feedback_forms .form-wrapper .field-group .label p { margin: 0; padding: 0 0 0.1em 0; font-size: 72.22%; font-style: italic; line-height: 1; opacity: 0.8; word-break: keep-all; } .module-feedback_forms .form-wrapper .field { position: relative; float: right; display: block; clear: none; width: 23.75rem; width: calc(100% - 15rem); padding: 0; } .module-feedback_forms .form-wrapper .field-group .label.field-match { width: 23.75rem; width: calc(100% - 15rem); } .module-feedback_forms .form-wrapper .field.field-fleft { float: left; } .module-feedback_forms .form-wrapper .field.field-fnone { float: none; clear: both; } .module-feedback_forms .form-wrapper .form-fields-short .field-group .field { width: 27.75rem; width: calc(100% - 11rem); } .module-feedback_forms .form-wrapper .form-fields-short .field-group .field-group .label.field-match { width: 27.75rem; width: calc(100% - 11rem); } .module-feedback_forms .form-wrapper .field.text { padding-top: 0.4em; font-size: 100%; line-height: 1.2; color: #505863; } .module-feedback_forms .form-wrapper .field.checkbox { padding-top: 0.3em; } .module-feedback_forms .form-wrapper .field p { display: block; clear: both; padding: 0.15em 0 0 0; font-size: 72.22%; line-height: 1.2; opacity: 0.8; } .module-feedback_forms .form-wrapper .field-group .label.longer-label + .field { /*float: none; clear: both; width: 100%;*/ } .module-feedback_forms .form-wrapper .field-mr12 { margin-right: 0.6em; } .module-feedback_forms .form-wrapper .field-full { width: 100%; } .module-feedback_forms .form-wrapper .field-group .note { display: block; font-size: 83.33%; opacity: 0.6; } .module-feedback_forms .form-wrapper .field-group .label + .note { padding-bottom: 0.2em; } .module-feedback_forms .form-wrapper .field-group .note-inline { display: inline-block; margin-left: 0.6em; vertical-align: middle; } .module-feedback_forms .form-wrapper .field-group .field-mr12 + .note-inline { margin-left: 0; padding-top: 0.3em; } .module-feedback_forms .form-wrapper .textbox { width: 85%; padding: 0.5em 0.6em; min-height: 1.8em; margin: 0; font-size: 88.9%; outline: 0; resize: none; background-color: #fbfbfb; background-color: rgba(250,250,250,0.9); border: 1px solid #d0d0d0; border-color: rgba(128,128,128,0.35); } .module-feedback_forms .form-wrapper textarea.textbox { overflow: auto; resize: vertical; transition: none; } .module-feedback_forms .form-wrapper textarea.textbox.no-resize { resize: none; } .module-feedback_forms .form-wrapper .textbox:focus { border-color: #b0b0b0; border-color: rgba(100,100,100,0.5); } .module-feedback_forms .form-wrapper .textbox:disabled { color: #888; background-color: #dbdbdb; background-color: rgba(160,160,160,0.35); border-color: #d0d0d0; border-color: rgba(128,128,128,0.35); } .module-feedback_forms .form-wrapper .textbox:focus + .label-icon { color: #b0b0b0; color: rgba(100,100,100,0.5); } .module-feedback_forms .form-wrapper select.textbox { padding: 0.5em 0.4em; } .module-feedback_forms .form-wrapper .button { margin-top: 0.5em; font-size: 80%; } .module-feedback_forms .form-wrapper .with-overlay { position: relative; } .module-feedback_forms .form-wrapper .with-overlay .input-overlay { position: relative; padding-right: 1.95em; } .module-feedback_forms .form-wrapper .with-overlay .input-overlay-l { position: relative; padding-left: 1.95em; } .module-feedback_forms .form-wrapper .with-overlay .icon-overlay, .module-feedback_forms .form-wrapper .with-overlay .icon-overlay-l { position: absolute; top: 0.6em; right: 0.4em; font-size: 100%; opacity: 0.3; transition: all linear 50ms; } .module-feedback_forms .form-wrapper .with-overlay .icon-overlay-l { right: auto; left: 0.4em; } .module-feedback_forms .form-wrapper .with-overlay textarea + .icon-overlay, .module-feedback_forms .form-wrapper .with-overlay textarea + .icon-overlay-l { top: 0.45em; } .module-feedback_forms .form-wrapper .with-overlay .icon-overlay2 { top: 0.45em; right: 3.4em; font-size: 115%; } .module-feedback_forms .form-wrapper .with-overlay .input-overlay:focus + .icon-overlay { opacity: 0.5; } .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 .field .field-inline { display: inline-block; vertical-align: top; } .module-feedback_forms .form-wrapper .field .field-auto { width: auto; } .module-feedback_forms .form-wrapper .field .field-half { width: 49.5%; } .module-feedback_forms .form-wrapper .field .field-half + .field-half { margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-firstname { width: 40%; } .module-feedback_forms .form-wrapper .field .field-lastname { width: 59%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address1 { width: 48%; } .module-feedback_forms .form-wrapper .field .field-address2 { width: 42%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-city { width: 48%; } .module-feedback_forms .form-wrapper .field .field-address-state { width: 17%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-state ::placeholder { text-transform: none; } .module-feedback_forms .form-wrapper .field .field-address-state :-ms-input-placeholder { text-transform: none; } .module-feedback_forms .form-wrapper .field .field-address-state ::-ms-input-placeholder { text-transform: none; } .module-feedback_forms .form-wrapper .field .field-address-zip { width: 21%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-region { width: 39%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-postal { width: 40%; } .module-feedback_forms .form-wrapper .field .field-address-country { width: 59%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-ppaddr1 { width: 49.5%; margin-left: 0; } .module-feedback_forms .form-wrapper .field .field-address-ppaddr2 { width: 49.5%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-ppcity { width: 49.5%; margin-left: 0; } .module-feedback_forms .form-wrapper .field .field-address-ppregion { width: 49.5%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-address-pppostal { width: 40%; margin-left: 0; } .module-feedback_forms .form-wrapper .field .field-address-ppcountry { width: 59%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-billing-card { width: 66%; } .module-feedback_forms .form-wrapper .field .field-billing-code { width: 33%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-billing-month { width: 38%; } .module-feedback_forms .form-wrapper .field .field-billing-year { width: 27%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-billing-zip { width: 33%; margin-left: 1%; } .module-feedback_forms .form-wrapper .field .field-ppcurrency { width: 7em; } .module-feedback_forms .form-wrapper .field .textbox-center, .module-feedback_forms .form-wrapper .field .textbox-address-state, .module-feedback_forms .form-wrapper .field .textbox-address-zip { text-align: center; } .module-feedback_forms .form-wrapper .field .textbox-number { width: 4.75em; text-align: center; } .module-feedback_forms .form-wrapper .field .textbox-date { width: 9.5em; } .module-feedback_forms .form-wrapper hr.field-hr { margin: 1em 0 0 0; border-color: rgba(0, 0, 0, 0.15); } .module-feedback_forms .form-wrapper .field-hline { margin: 0.5em 0; border-top: 2px solid rgba(0, 0, 0, 0.15); } .dark-background .cell-content.module-feedback_forms .form-wrapper hr.field-hr, .dark-background.module-bg .module-feedback_forms .form-wrapper hr.field-hr, .dark-background .cell-content.module-feedback_forms .form-wrapper .field-hline, .dark-background.module-bg .module-feedback_forms .form-wrapper .field-hline { border-color: rgba(255, 255, 255, 0.25); } .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 .member-nojoin { display: block; margin: 0.5em 0 0 0; } .module-feedback_forms .form-wrapper .field-title { font-size: 144.44%; font-weight: var(--font-weight-bold); border-bottom: 2px solid rgba(0, 0, 0, 0.15); } .module-feedback_forms .form-wrapper .field-title-alt, .module-feedback_forms .form-wrapper .field-group-alt .field-title { margin: 0.25em 0 0.15em 0; padding-bottom: 0.25em; font-weight: var(--font-weight-normal); } .module-feedback_forms .form-wrapper .field-title .edit-link { float: right; margin-top: 0.9em; font-size: 0.8rem; text-decoration: none; } .module-feedback_forms .form-wrapper .field-subtitle { font-size: 116.7%; font-weight: var(--font-weight-bold); border-bottom: 2px solid rgba(0, 0, 0, 0.15); } .dark-background .cell-content.module-feedback_forms .form-wrapper .field-title, .dark-background .cell-content.module-feedback_forms .form-wrapper .field-subtitle, .dark-background.module-bg .module-feedback_forms .form-wrapper .field-title, .dark-background.module-bg .module-feedback_forms .form-wrapper .field-subtitle { border-color: rgba(255, 255, 255, 0.25); } .module-feedback_forms .form-wrapper .field-subtext-title { font-weight: var(--font-weight-bold); } .module-feedback_forms .form-wrapper .field-subtext { opacity: 0.8; } .module-feedback_forms .form-wrapper span.checkboxradio, .module-feedback_forms .form-wrapper table.checkboxradio td { position: relative; } .module-feedback_forms .form-wrapper .checkboxradio input { position: absolute; top: 0.2em; left: -0.15em; width: 0.6em; height: 0.6em; opacity: 0; } .module-feedback_forms .form-wrapper .checkboxradio input + label { float: none; display: block; display: inline-block; clear: none; position: relative; padding-left: 1.25em; cursor: pointer; opacity: 0.8; } .module-feedback_forms .form-wrapper .checkboxradio2 input + label { padding-left: 1.2em; opacity: 0.9; } .module-feedback_forms .form-wrapper .checkboxradio input + label:empty:after { content: '.'; font-size: 0; } .module-feedback_forms .form-wrapper .checkboxradio input + label:before { display: block; position: absolute; top: 0.45em; left: 0em; font-family: FontAwesome; content: '\f096'; font-size: 88.9%; line-height: 1; opacity: 0.8; } .module-feedback_forms .form-wrapper .checkboxradio2 input + label:before { top: 0.4em; } .module-feedback_forms .form-wrapper .checkboxradio input:checked:not(:indeterminate) + label:before { opacity: 1; content: '\f046'; } .module-feedback_forms .form-wrapper .checkboxradio.radiobox input + label:before { top: 0.4em; left: 1px; content: '\f10c'; } .module-feedback_forms .form-wrapper .checkboxradio.radiobox input:checked:not(:indeterminate) + label:before { content: '\f05d'; } .module-feedback_forms .form-wrapper .field-group .field-note { display: block; white-space: nowrap; font-size: 85%; opacity: 0.8; } .module-feedback_forms .form-wrapper[min-width~="1100px"] .field-group .field-note { position: absolute; top: 0.35em; left: 100%; margin: 0 0 0 0.5em; } .module-feedback_forms .form-wrapper .field-group .field-validators { display: block; white-space: nowrap; } .module-feedback_forms .form-wrapper[min-width~="1100px"] .field-group:not(.with-inline-field) .field-validators { position: absolute; top: 0; left: 100%; width: 100%; max-width: 350px; margin: 0 0 0 0.5em; white-space: unset; } .module-feedback_forms .form-wrapper .field-group label.with-input + .field .field-validators, .module-feedback_forms .form-wrapper .field-group label.with-input + .note + .field .field-validators { margin-top: 0.3em; } .module-feedback_forms .form-wrapper .field-group label.with-textarea + .field .field-validators, .module-feedback_forms .form-wrapper .field-group label.with-textarea + .note + .field .field-validators { margin-top: 0.1em; } .module-feedback_forms .form-wrapper .field-group label.with-input + .field .note + .field-validators, .module-feedback_forms .form-wrapper .field-group label.with-input + .field .clear + .field-validators { margin-top: 0; } .module-feedback_forms .form-wrapper .field-group .field-validators .form-validator { display: block; font-size: 83.33%; } .dark-background .cell-content.module-feedback_forms .form-wrapper .field-group .field-validators .form-validator, .dark-background.module-bg .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 { content: '\f071'; font-family: FontAwesome; position: relative; top: -1px; margin-right: 0.35em; font-size: 90%; } .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 .captcha-notice { padding: 0.25em 0; font-size: 0.85em; line-height: 1.2; } .module-feedback_forms .form-wrapper .field .captcha-image { position: relative; } .module-feedback_forms .form-wrapper .field .captcha-image img.captcha-phrase { width: 85%; -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: 0.25em; right: 4.3em; line-height: 100%; color: #2d2d2d; background: #ddd; background: rgba(255, 255, 255, 0.65); opacity: 0.8; } .module-feedback_forms .form-wrapper .field .captcha-image .captcha-reload:hover { color: #000; } /* 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.longer-label.with-note { padding-bottom: 0; } .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: Presentations --*/ /*** TODO: Spaced CTA in full-width responsive panel needs to have space on the sides ***/ .PageManagerContent .panel .center-no .cell.has-prev-no .module-presentation.not-spaced { margin-left: 0; } .PageManagerContent .panel .center-no .cell.has-next-no .module-presentation.not-spaced { margin-right: 0; } .PageManagerContent .panel .panel-table .cell .cell-wrapper .cell-content.module-presentation.not-spaced { margin: 0; } .PageManagerContent .panel .panel-table .cell .cell-wrapper .cell-content.module-presentation { padding: 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: 100vh; } .PageManagerContent .panel:first-child .module-presentation .presentation-wrapper .screen-height { min-height: calc(100vh - 123px); } @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: 391px; } .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.type-C.layout-A { display: flex; flex-wrap: wrap; margin: -15px; } .module-presentation .presentation-wrapper > ul.type-C.layout-A > li { flex-basis: calc(100% - 30px); margin: 15px; } .module-presentation .presentation-wrapper > ul > li { position: relative; display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 0; color: var(--main-text-color); overflow: hidden; border-radius: 3px; } .module-presentation .presentation-wrapper > ul > li .presentation-block { position: relative; display: flex; width: 100%; } .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 calc(0% - 0.65rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li { } .module-presentation .presentation-wrapper > ul.is-spaced > li .presentation-block { margin: 1%; margin: calc(0% + 0.6635rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w25 { width: 23%; width: calc(25% - 1.327rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w33 { width: 31.3333%; width: calc(33.3333% - 1.327rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w40 { width: 38%; width: calc(40% - 1.327rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w50 { width: 48%; width: calc(50% - 1.327rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w60 { width: 58%; width: calc(60% - 1.327rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w67 { width: 64.6667%; width: calc(66.6667% - 1.327rem); } .module-presentation .presentation-wrapper > ul.is-spaced > li .w75 { width: 73%; width: calc(75% - 1.327rem); } .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: 1; 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: 2; 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-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: 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 > 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%; } .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: 3; width: 100%; max-width: 1920px; margin: 0 auto; padding: 2.5em 3rem 3rem; text-align: left; font-family: var(--serif-font-family); } .module-presentation.mw-940 .presentation-wrapper > ul > li .presentation-info { padding: 1rem 1.25rem !important; } .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: 0; display: flex; flex-flow: column; height: fit-content; } .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.mw-940 .presentation-wrapper > ul > li .with-bgimg .presentation-info { text-shadow: none; } .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.csize-skinny { width: 100%; padding-inline: 20%; } .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-slim .presentation-info-text { max-width: 600px; flex-basis: 600px; } .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: 60px; margin-bottom: 1rem; font-weight: var(--font-weight-normal); line-height: 1.1; text-align: left; /*background: -webkit-linear-gradient(#db1010, #950303); -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ } .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: 60px; margin-bottom: 0; font-weight: var(--font-weight-normal); text-shadow: 0 0 0.3em rgba(255,255,255,0.35); } .module-presentation.mw-940 .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-title { font-weight: var(--font-weight-bold); letter-spacing: -0.05rem; text-shadow: none; } .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: var(--block-font-family); } .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: var(--lite-back-color1); } .module-presentation .presentation-wrapper > ul > li .dark-background .presentation-info .presentation-title.fancy-title > span { color: var(--lite-back-color1); } .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%; } @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; flex: 1; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description a { border-bottom: 2px solid rgba(255, 255, 255, 0.5); transition: all .2s; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description a:hover { border-bottom-color: #fff; color: inherit; } .module-presentation .presentation-wrapper > ul > li .dark-background .presentation-info .presentation-description a:hover { color: #fff; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description table, .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-description td { font-family: inherit; line-height: 1.3; color: inherit; } .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; font-size: 30px; padding: 1em 1em 1em 0; } .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 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: 1em; } .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); width: fit-content; font-size: 20px; text-transform: none; } .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-bottom: 1.5em; margin-top: 1.5em; font-family: var(--block-font-family); font-weight: var(--font-weight-heavy); } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-readmore-button a { display: inline-block; padding: 0.6em 1.2em; font-size: 120%; border-radius: 3px; line-height: 1; text-decoration: none; opacity: 0.85; color: var(--dark-text-color); background: var(--main-text-color); 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; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-center { justify-content: center; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-left { justify-content: flex-start; padding-left: 5%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-right { justify-content: flex-end; padding-right: 5%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-middle { align-items: center; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-bottom { padding-bottom: 1em; align-items: flex-end; } .module-presentation .presentation-wrapper > ul > li .presentation-info.pos-top { padding-top: 1em; align-items: flex-start; } /* 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; height: 100%; } .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-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; flex-wrap: wrap; width: 133.33%; } .module-presentation .presentation-wrapper > ul.type-S.layout-C > li { position: relative; display: flex; display: inline-flex; width: 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-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 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: 0; 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-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: 4.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: block; } .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: 50%; min-height: 0; } .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; } .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 { position: absolute; z-index: 1; top: 0; bottom: 0; } .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 { right: 0; left: unset; width: 50%; } .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; } /* 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 */ #main .module-presentation.presentation-type-S { position: relative; border-top: 1px solid #000; border-bottom: 1px solid #000; } #main .PageManagerContent .first-panel .cell .cell-wrapper:first-child > .module-presentation.presentation-type-S:first-child { border-top: none; } #main .module-presentation.presentation-type-S.mw-940 { border-top: none; border-bottom: none; } #main .module-presentation.presentation-type-S.mw-940 .presentation-wrapper { max-width: 940px; margin: 0 auto 3rem auto; } .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 var(--lite-back-color1); } /*** TODO: These are new styles for card style. Fit them in somewhere and test. ***/ .module-presentation .presentation-wrapper > ul > li .presentation-block.is-cardstyle { flex-flow: column nowrap; } .module-presentation .presentation-wrapper > ul > li img.presentation-img { position: relative; z-index: 3; width: 100%; } .module-presentation .presentation-wrapper > ul > li .is-cardstyle .presentation-info { padding: 1.25rem 1.5rem !important; } .module-presentation .presentation-wrapper > ul > li .is-cardstyle .presentation-description { padding: 0 0 0 1.5rem; font-size: 90%; } .module-presentation .presentation-wrapper > ul > li .is-cardstyle[max-width~="400px"] .presentation-description { padding-left: 0; } .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .is-cardstyle .presentation-info .presentation-title.fancy-title { font-size: 100%; line-height: 110%; margin-bottom: 1.5rem; } .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .is-cardstyle[max-width~="400px"] .presentation-info .presentation-title.fancy-title { margin-bottom: 1.0rem; } .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .is-cardstyle .presentation-info .presentation-title.fancy-title span { font-size: 300%; text-transform: uppercase; font-weight: var(--font-weight-heavy); } .module-presentation .presentation-wrapper > ul.type-C.layout-DE.is-spaced > li .is-cardstyle .presentation-info .presentation-title.fancy-title strong { text-transform: none; } .module-presentation .presentation-wrapper > ul > li .is-cardstyle.size-150.with-content.with-readmore .presentation-info-text .presentation-readmore { font-size: 80%; font-weight: var(--font-weight-bold); text-align: right; } .module-presentation .presentation-wrapper > ul > li .is-cardstyle.size-150.with-content.with-readmore .presentation-info-text .presentation-readmore a { padding: 0 0.2rem; color: var(--main-text-color); text-decoration: none; border-bottom: 2px solid var(--lite-back-color1); } .module-presentation .presentation-wrapper > ul > li .is-cardstyle.size-150.with-content.with-readmore[max-width~="500px"] .presentation-info-text { padding-bottom: 2.0rem; } .module-presentation .presentation-wrapper > ul > li .is-cardstyle.size-150.with-content.with-readmore[max-width~="500px"] .presentation-info-text .presentation-readmore { left: 1.5rem; right: 1.5rem; } .panel.has-bgcolor + .panel.has-bgcolor .center .cell .cell-wrapper .module-presentation:first-child .presentation-wrapper > ul.type-C.is-cardstyle { padding-top: 2rem; } .panel.has-bgcolor + .panel.has-bgcolor .center .cell .cell-wrapper .module-presentation .presentation-wrapper > ul.type-C.is-cardstyle { padding-bottom: 2rem; } /*-- MODULE: Events --*/ /*** TODO: Convert to generic pagination/card/list styles ***/ .module-events .category-viewmore { display: block; float: none; clear: both; width: 100%; margin-top: 1em; padding: 0.75em; font-size: 90%; line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; color: inherit; border: none; background-color: rgba(128,128,128,0.5); cursor: pointer; box-sizing: border-box; opacity: 0.8; } .module-events .category-viewmore.load-scroll { width: 0; height: 0; margin: 0; padding: 0; font-size: 0; color: transparent; background-color: transparent; overflow: hidden; } .module-events .category-viewmore:hover { opacity: 1; } .module-events .category-paginate { margin-top: 1em; text-align: left; } .module-events .category-paginate .category-paginate-next { float: right; } .module-events .event-wrapper { display: block; } .module-events .event-wrapper.display-list ul { display: flex; flex-flow: row wrap; margin: 0 -1em; padding: 0; list-style: none; } .module-events .event-wrapper.display-list ul li { flex: 0 0 100%; padding: 1em; } .module-events .event-wrapper.display-list.columns-2 ul li { flex-basis: 50%; } .module-events .event-wrapper.display-list.columns-3 ul li { flex-basis: 33.333%; } .module-events .event-wrapper.display-list.columns-4 ul li { flex-basis: 25%; } .module-events .event-wrapper.display-list.columns-5 ul li { flex-basis: 20%; } .module-events .event-wrapper.display-list.columns-6 ul li { flex-basis: 16.667%; } .module-events .event-wrapper.display-list ul li .event-main { display: flex; flex-flow: row nowrap; } .module-events .event-wrapper.display-list ul li .event-image { flex: 0 0 35%; max-width: 450px; padding-top: 0.15em; } .module-events .event-wrapper.display-list ul li .event-image a { display: block; border-radius: 3px; -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); } .module-events .event-wrapper.display-list ul li .event-image 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); } .module-events .event-wrapper.display-list ul li .event-image a img { display: block; width: 100%; margin: 0; border-radius: 3px; } .module-events .event-wrapper.display-list ul li .event-image.no-image a { background-color: rgba(0, 0, 0, 0.025); } .module-events .event-wrapper.display-list ul li .event-image + .event-data { padding-left: 1.25rem; } .module-events .event-wrapper.display-list ul li .event-data .event-title { font-size: 125%; } .module-events .event-wrapper.display-list ul li .event-data .event-subtitle { font-size: 90%; } .module-events .event-details .event-image { margin: 0 0 1.25em 0; float: left; padding-right: 1rem; } .module-events .event-details .event-image img { width: 100%; max-width: 100%; border-radius: 3px; box-shadow: 0 3px 5px 0 rgba(0,0,0,0.25); } .module-events .event-details .event-dates { margin: 0.3em 0 1em 0; font-weight: var(--font-weight-bold); } .module-events .event-details .event-info-details { display: flex; flex-flow: row wrap; } .module-events .event-details .event-info-details .event-detail { flex: 1 1 50%; margin-bottom: 1em; padding-right: 1em; } .module-events .event-details .event-info-details .event-detail:nth-child(2n + 2) { padding-right: 0; } .module-events .event-details .event-info-details .event-detail-title { font-weight: var(--font-weight-bold); font-size: 110%; } .module-events .event-details .event-info-details .event-detail-title span { display: inline-block; } .module-events .event-details .event-info-details .event-detail-image { float: left; width: 4em; margin-top: 0.25em; border-radius: 50%; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.45); } .module-events .event-details .event-info-details .event-detail.with-image .event-detail-text { display: block; margin-left: 5em; } .module-events .event-details .event-info-details .event-detail-email span { font-size: 95%; } .module-events .event-details .event-info-details .event-share .event-detail-title { margin-bottom: 0.2em; } .module-events .event-details .event-info-details .event-share-link { display: inline-block; margin-right: 0.2em; padding: 0.25em 1em; font-size: 80%; text-decoration: none; text-transform: uppercase; color: #fff; background: #555; border-radius: 1em; } .module-events .event-details .event-info-details .event-share-facebook { background-color: #225b99; } .module-events .event-details .event-info-details .event-share-twitter { background-color: #00adf2; } /* Variations */ .module-events .event-wrapper.display-list.columns-gt5[max-width~="1621px"] > ul > li { flex-basis: 20%; } .module-events .event-wrapper.display-list.columns-gt4[max-width~="1620px"] > ul > li { flex-basis: 25%; } .module-events .event-wrapper.display-list.columns-gt3[max-width~="1360px"] > ul > li { flex-basis: 33.333%; } .module-events .event-wrapper.display-list.columns-gt2[max-width~="1005px"] > ul > li { flex-basis: 50%; } .module-events .event-wrapper.display-list.columns-gt1[max-width~="780px"] > ul > li { flex-basis: 100%; } .module-events[max-width~="780px"] .event-wrapper.display-list ul li .event-main, .module-events .event-wrapper.display-list ul li .event-main[max-width~="480px"] { display: block; } .module-events[max-width~="780px"] .event-wrapper.display-list ul li .event-main .event-image, .module-events .event-wrapper.display-list ul li .event-main[max-width~="480px"] .event-image { max-width: 100%; margin-bottom: 0.35em; margin-left: -5px; margin-right: -5px; } .module-events[max-width~="780px"] .event-wrapper.display-list ul li .event-main .event-data, .module-events .event-wrapper.display-list ul li .event-main[max-width~="480px"] .event-data { padding-left: 0; } .module-events .event-details .event-info-details[max-width~="780px"] { display: block; } .module-events .event-details .event-info-details[max-width~="780px"] .event-detail { margin-bottom: 1em; padding-right: 0; } /*-- MODULE: FAQ's --*/ /* .module-faqs .faq-wrapper .content-title { background-image: url("/images/misc/banner.png"); background-size: cover; background-repeat: no-repeat; color: var(--dark-text-color); } */ .module-faqs .faq-wrapper ul { padding-left: 0; } .module-faqs .faq-wrapper ul li { list-style-type: none; padding: 0 0.5rem; } .module-faqs .faq-wrapper ul li:hover { background-color: #eee; } .module-faqs .faq-wrapper ul li a { color: var(--lite-back-color1); font-size: 1.2em; } .module-faqs .faq-wrapper ul li a i { padding-right: 1em; } .module-faqs .faq-wrapper.with-columns { display: flex; } .module-faqs .faq-wrapper.with-columns .category-column:last-of-type { margin-right: 0; } .module-faqs .faq-wrapper.columns-2 .category-column { flex-basis: 49%; margin-right: 2%; } .module-faqs .faq-wrapper.columns-3 .category-column { flex-basis: 33%; margin-right: 0.5%; } .module-faqs .faq-wrapper.columns-4 .category-column { flex-basis: 24.5%; margin-right: 0.667%; } .module-faqs .faq-wrapper.with-columns .category-column .content-title.content-title-smallest { background-size: cover; background-position: right; font-size: 175%; } .module-faqs .faq-wrapper .faq-list { padding-left: 0.1em; } .module-faqs .faq-wrapper .faq-list .faq-details .fa { width: 30px; } .module-faqs .faq-wrapper .faq-list .faq-details .faq-description { margin-left: 1em; padding-left: 0.5em; border-left: 5px solid #ccc; } .module-faqs .faq-wrapper .faq-list .faq-details .faq-content p { margin-top: 0.2em; } .module-faqs .faq-wrapper .faq-list .faq-details .faq-content p a { font-size: 1em; } .module-faqs .with-toggle .faq-details:not(.opened) .fa.opened { display: none; } .module-faqs .with-toggle .faq-details.opened .fa:not(.opened) { display: none; } /*-- MODULE: Blogs --*/ .module-blog .blog-paginate { text-align:right; margin:40px 0 0 0; } .module-blog .blog-wrapper.preview-list { display:block; } .module-blog .blog-wrapper.preview-list ul { display:block; } .module-blog .blog-wrapper.preview-list ul li { display:block; margin:40px 0 0 0; } .module-blog .blog-wrapper.preview-list ul li:first-child { margin-top:0; } .module-blog .blog-wrapper.preview-list ul li .img-wrap { display:block; float:left; background-color:#d6dce2; height:134px; width:134px; overflow:hidden; } .module-blog .blog-wrapper.preview-list ul li .img-wrap img { display:block; border:0; width:100%; } .module-blog .blog-wrapper.preview-list ul li .img-text { display:block; float:left; width:calc(100% - 154px); margin:0 0 0 20px; } .module-blog .blog-wrapper.preview-list ul li .img-text .blog-title { line-height:1; text-transform:none; } .module-blog .blog-wrapper.preview-list ul li .img-text .blog-info { line-height:1; text-transform:uppercase; font-size:80%; margin:4px 0 12px 0; } .module-blog .blog-wrapper.preview-list ul li .img-text .blog-info a { font-weight:600; } .module-blog .blog-wrapper.preview-list ul li .img-text p { line-height:1.4; font-size:80%; opacity:0.85; } .module-blog .blog-wrapper.preview-list ul li .img-text p a { font-weight:600; } .module-blog, .module-blog .blog-wrapper.preview-list ul:after, .module-blog .blog-wrapper.preview-list ul li:after { content:''; clear:both; display:block; } .module-blog .blog-wrapper.preview-list ul li > a:after { content:''; clear:both; display:block; } .module-blog .blog-wrapper.p1.preview-list ul li:first-child { clear:both; padding:0 0 40px 0; margin:0 0 40px 0; border-bottom:rgba(0, 0, 0, .1) 1px solid; } .module-blog .blog-wrapper.p1.preview-list ul li:first-child .img-wrap { height:250px; width:calc(50% - 10px); float:right; } .module-blog .blog-wrapper.p1.preview-list ul li:first-child .img-text:not(:only-child) { width:calc(50% - 10px); margin:0 20px 0 0; } .module-blog .blog-wrapper.p1.preview-list ul li:first-child .img-text .blog-title { font-size:150%; text-transform:uppercase; } .module-blog .blog-wrapper.p1.preview-list ul li:first-child .img-text p { font-size:90%; } .module-blog .blog-wrapper.preview-list ul li .img-text:only-child { float:none; width:auto; margin:0; } .module-blog .blog-sidebar { display:block; padding: 1.2em 0 0 0.5em; width: 15%; position: absolute; top: 7.2em; left: 2.2em; } .module-blog .blog-sidebar.right { left: unset; right: 0.5em; padding-left: 2em; } .module-blog .blog-sidebar .blog-sidebar-block { margin:0 0 40px 0; } .module-blog .blog-sidebar .blog-sidebar-block .font-title.content-title { font-size: 200%; } .PageManagerContent .panel .cell .cell-wrapper .cell-content.module-blog .blog-sidebar .content-title { line-height:1; margin:0 0 10px 0; } .module-blog .blog-sidebar-block ul { display: flex; flex-flow: row wrap; padding-left: 0; } .module-blog .blog-sidebar-block ul li { display:block; position:relative; flex-basis: 50%; } .module-blog .blog-sidebar .blog-sidebar-block ul li { flex-basis: 100%; } .module-blog .blog-sidebar-block ul li a { display:block; line-height:1; padding:10px 0; opacity:.9; font-size:110%; } .module-blog .blog-sidebar-block ul li a:hover { opacity:1; } .module-blog .blog-sidebar-block ul li a img { float: left; padding-right: 1em; } .module-blog .blog-sidebar-block ul li a .img-text .blog-title { font-size: 24px; } .module-blog .blog-sidebar-block ul li a .img-text .blog-info { font-size: 100%; } .module-blog .blog-sidebar-block ul li a:hover .img-text { text-decoration:underline; } .module-blog .blog-sidebar .blog-sidebar-block ul li .cat-icon { padding:10px 0; opacity:1; text-decoration:none; position:absolute; top:0; right:0; z-index:-1; } .module-blog .blog-sidebar .blog-sidebar-block .blog-sidebar-input { display:block; float:left; box-sizing:border-box; padding:5px; border:#d4d4d4 1px solid; border-right:0; outline:0; background-color:#fff; font-size:14px; color:#333; height:30px; width:calc(100% - 50px); border-radius:3px 0 0 3px; } .module-blog .blog-sidebar .blog-sidebar-block .blog-sidebar-button { display:block; float:left; box-sizing:border-box; padding:0; border:#d4d4d4 1px solid; outline:0; background-color:#eee; font-size:14px; color:#333; height:30px; width:50px; border-radius:0 3px 3px 0; } .module-blog .blog-sidebar .blog-sidebar-block .blog-sidebar-button:hover { border-color:#c4c4c4; background-color:#ddd; cursor:pointer; } .module-blog .blog-wrapper.content-end { margin:40px 0 0 0; padding:40px 0 0 0; border-top:rgba(0, 0, 0, .1) 1px solid; } .module-blog .blog-wrapper.content-end ul li { margin:0; padding:0; border:0; float:left; width:50%; } .cell.is-condensed .module-blog .blog-wrapper ul li { margin:0; padding:0; } .module-blog .blog-wrapper.content-end ul li:nth-child(2n + 1) { clear:left; } .module-blog .blog-wrapper.content-end ul li > a { display:block; padding:10px 0; opacity:.9; } .module-blog .blog-wrapper.content-end ul li > a:hover { opacity:1; } .module-blog .blog-wrapper.content-end ul li > a:hover .img-text { text-decoration:underline; } .cell.is-condensed .module-blog .blog-wrapper ul li > a { } .module-blog .blog-wrapper.content-end ul li .img-text p, .cell.is-condensed .module-blog .blog-wrapper ul li .img-text p { display:none; } .module-blog .blog-wrapper.content-end ul li .img-wrap, .cell.is-condensed .module-blog .blog-wrapper ul li .img-wrap { width:48px; height:48px; float:left; } .module-blog .blog-wrapper.content-end ul li .img-wrap img, .cell.is-condensed .module-blog .blog-wrapper ul li .img-wrap img { width:auto; height:100%; } .module-blog .blog-wrapper.content-end ul li .img-text:not(:only-child), .cell.is-condensed .module-blog .blog-wrapper ul li .img-text:not(:only-child) { width:calc(100% - 58px); margin:0 0 0 10px; } .module-blog .blog-wrapper.content-end ul li .img-text .blog-title, .cell.is-condensed .module-blog .blog-wrapper ul li .img-text .blog-title { font-size:100%; text-transform:none; margin-bottom:5px; } .module-blog .blog-wrapper.content-end ul li .img-text .blog-info, .cell.is-condensed .module-blog .blog-wrapper ul li .img-text .blog-info { margin:0; } .module-blog .blog-wrapper .blog-main .blog-top { display: flex; flex-direction: column; } .module-blog .blog-wrapper .blog-main .blog-image { order: 2; } .module-blog .blog-wrapper .blog-main .blog-image img { width: 100%; } .module-blog .blog-wrapper .blog-main .blog-data { display: flex; flex-direction: column; } .module-blog .blog-data .main-img { margin:0 0 40px 0; } .module-blog .blog-data .main-img img { display:block; border:0; width:100%; } #PageManagerContent .module-blog .blog-data .blog-title { font-size: 50px; font-weight: 300; line-height:1; text-transform:uppercase; } .module-blog .blog-data .blog-info { line-height:1; text-transform:uppercase; font-size:80%; margin:0 0 15px 0; } .module-blog .blog-data .blog-info a { font-weight:600; } .module-blog .blog-data .blog-social { line-height:1; margin:0 0 40px 0; order: 3; } .module-blog .blog-data .blog-social.content-end { line-height:1; margin:40px 0 0 0; padding:40px 0 0 0; border-top:rgba(0, 0, 0, .1) 1px solid; } .module-blog .blog-data .blog-social a { font-size:32px; margin:0 5px 0 0; } .module-blog .blog-data .blog-byline { font-size: 16px; margin-top: 1em; } .module-blog .blog-data .blog-byline .blog-timestamp span + span { padding-left: 0.5em; } .module-blog .blog-data .blog-categories { padding: 0.5em 0; } .module-blog .blog-data .blog-categories .darkbg { width: fit-content; color: var(--dark-text-color); padding: 0 0.2em; margin-bottom: 0.5em; } .module-blog .blog-wrapper.preview-card { display: block; } .module-blog .blog-wrapper.preview-card ul { display: block; } .module-blog .blog-wrapper.preview-card ul li { display: inline-block; width: calc(50% - 16px); border: 1px solid rgba(0,0,0,.2); box-sizing: border-box; height: 500px; margin:4px 8px; overflow:hidden;} .module-blog .blog-wrapper.preview-card ul li > a { height:550px; } .module-blog .blog-wrapper.preview-card ul li .img-wrap { display: block; float: left; width: 100%; height: 250px; overflow: hidden; } .module-blog .blog-wrapper.preview-card ul li .img-wrap .image-div.src-img { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } .module-blog .blog-wrapper.preview-card ul li .img-wrap .image-div { width: 100%; height: 100%; background-size: 60%; background-repeat: no-repeat; background-position: center; } .module-blog .blog-wrapper.preview-card ul li .img-text { display: block; float: left; width: 100%; margin:0px; } .module-blog .blog-wrapper.preview-card ul li .img-text .blog-category { float: left; line-height: 1; text-transform: none; background-color: #7d7d7d; width: 50%; text-align: center; box-sizing: border-box; color: white; padding: 13px 10px; font-size: 22px } .module-blog .blog-wrapper.preview-card ul li .img-text .blog-category p {color:white;} .module-blog .blog-wrapper.preview-card ul li .img-text .blog-date { color:black; display: inline; width: 50%; float: right; text-align: right; padding: 2px 10px; box-sizing: border-box; text-transform: uppercase; font-size: 18px; border-bottom: 1px solid #7d7d7d; } .module-blog .blog-wrapper.preview-card ul li .img-text .blog-date:before { content: "POSTED ON"; display: block; position: static; font-size: 11px; text-align: right; padding: 0px; margin: 0px; } .module-blog .blog-wrapper.preview-card ul li .img-text .blog-title { line-height: 1; text-transform: none; text-align: left; float: left; clear: both; width: 100%; font-size: 20px; padding: 5px 10px;width:calc(100% - 20px); } .module-blog .blog-wrapper.preview-card ul li .img-text p { line-height: 1.4; font-size: 15px; opacity: 0.85; clear: both; float: left; padding: 10px; color:black; width:calc(100% - 20px); } .module-blog .blog-wrapper.preview-card ul li .img-text p.description span { color:#2d9864;} .module-blog, .module-blog .blog-wrapper.preview-card ul:after, .module-blog .blog-wrapper.preview-card ul li:after { content: ''; clear: both; display: block; } .PageManagerContent .panel .cell .cell-wrapper .cell-content.module-blog:nth-child(n+2){ padding-top:0px;} .module-blog .blog-wrapper.preview-card ul li > a:after { content: ''; clear: both; display: block; } .module-blog .blog-wrapper.preview-card ul li .img-text:only-child { float: none; width: auto; margin: 0; } /*-- Social Networks --*/ .blog-social-facebook .fa.fa-facebook-square { color: #3b5998; } .blog-social-twitter .fa.fa-twitter-square { color: #00aced} .blog-social-google .fa.fa-google-plus-square { color: #d34836; } .blog-social-linkedin .fa.fa-linkedin-square { color: #0077B5;} .blog-social-pinterest .fa.fa-pinterest-square { color: #bd081c;} /*-- MODULE: Locations --*/ .module-locations .categories-wrapper ul { display: block; margin: 0 -10px; } .module-locations .categories-wrapper ul:after { content: ''; clear: both; display: block; height: 0; line-height: 0; font-size: 1px; overflow: hidden; } .module-locations .categories-wrapper ul li { display: block; float: left; } .module-locations .categories-wrapper ul li a { position: relative; z-index: 0; display: block; padding: 10px 15px; text-decoration: none; } .module-locations .categories-wrapper ul li a:hover { background-color: #eee; text-decoration: none; } .module-locations .categories-wrapper ul li .location-text { font-weight: 400; color: #333; } .module-locations .categories-wrapper ul li a:hover .location-text { color: #000; } .module-locations .categories-wrapper ul li .location-text table { height: 100%; } .module-locations .categories-wrapper ul li .location-text table td { padding: 0 0 5px 0; vertical-align: middle; text-align: left; } .module-locations .categories-wrapper ul li .location-text table td span { display: block; } .module-locations .categories-wrapper ul li .location-text table td .location-description { font-size: 16px; line-height: 1.3; opacity: 0.75; } .module-locations .categories-wrapper.columns-none ul li { float: none; font-size: 24px; } .module-locations .categories-wrapper.columns-none ul li a { margin: 0; padding: 10px 15px; } .module-locations .categories-wrapper.columns-none ul li a:after { content: ''; clear: both; display: block; height: 0; line-height: 0; font-size: 1px; overflow: hidden; } .module-locations .categories-wrapper.columns-none ul li .location-text { width: calc(100% - 200px); float: left; } .module-locations .categories-wrapper.columns-none ul li .location-text table td { padding: 0 0 5px 0; } .module-locations .categories-wrapper.columns-1 ul li { width: 100%; font-size: 30px; clear: both; } .module-locations .categories-wrapper.columns-2 ul li { width: 50%; font-size: 26px; } .module-locations .categories-wrapper.columns-3 ul li { width: 33.33%; font-size: 22px; } .module-locations .categories-wrapper.columns-4 ul li { width: 25%; font-size: 20px; } .module-locations .categories-wrapper.columns-5 ul li { width: 20%; font-size: 18px; } .module-locations .categories-wrapper.columns-6 ul li { width: 16.66%; font-size: 16px; } .module-locations .categories-wrapper.columns-2 ul li:nth-child(2n + 1), .module-locations .categories-wrapper.columns-3 ul li:nth-child(3n + 1), .module-locations .categories-wrapper.columns-4 ul li:nth-child(4n + 1), .module-locations .categories-wrapper.columns-5 ul li:nth-child(5n + 1), .module-locations .categories-wrapper.columns-6 ul li:nth-child(6n + 1) { clear: left; } .module-locations .category-viewmore { display: block; float: none; width: 100%; margin: 10px 0 0 0; padding: 15px 15px 13px 15px; font-size: 18px; line-height: 1; text-align: center; text-decoration: none; text-transform: uppercase; color: #303840; border: none; background-color: #c0c8d0; cursor: pointer; box-sizing: border-box; } .module-locations .category-viewmore.load-scroll { width: 0; height: 0; margin: 0; padding: 0; font-size: 0; color: transparent; background-color: transparent; overflow: hidden; } .module-locations .category-viewmore:hover { color: #101820; background-color: #b0b8c0; } .module-locations .category-paginate { text-align: right; } .module-locations .category-wrapper ul { display: block; margin: 0 -10px; padding: 0; } .module-locations .category-wrapper ul:after { content: ''; clear: both; display: block; height: 0; line-height: 0; font-size: 1px; overflow: hidden; } .module-locations .category-wrapper ul li { display: inline-block; margin: 15px 0 10px 0; padding: 0; } .module-locations .category-wrapper ul li a:hover { height: 101.5%; width: 101.5%; transition: var(--transition-vis200); } .module-locations .category-wrapper ul li a .item-image { background-size: cover; } .module-locations .category-wrapper ul li a .card-data { height: fit-content !important; } .module-locations .category-wrapper.columns-1 ul li { width: 100%; float: none; clear: both; font-size: 30px; } .module-locations .category-wrapper.columns-2 ul li { width: 50%; font-size: 26px; } .module-locations .category-wrapper.columns-3 ul li { width: 33.33%; font-size: 22px; } .module-locations .category-wrapper.columns-4 ul li { width: calc(25% - 1em); font-size: 20px; padding: 0 0.5em; } .module-locations .category-wrapper.columns-5 ul li { width: 20%; font-size: 18px; } .module-locations .category-wrapper.columns-6 ul li { width: 16.66%; font-size: 16px; } .module-locations .category-wrapper.columns-2 ul li:nth-child(2n + 1), .module-locations .category-wrapper.columns-3 ul li:nth-child(3n + 1), .module-locations .category-wrapper.columns-4 ul li:nth-child(4n + 1), .module-locations .category-wrapper.columns-5 ul li:nth-child(5n + 1), .module-locations .category-wrapper.columns-6 ul li:nth-child(6n + 1) { clear: left; } .module-locations .category-wrapper.preview-card ul li a.location-box { display: block; margin: 0 10px; font-size: 16px; -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); } .module-locations .category-wrapper.preview-card ul li a.location-box:hover { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.65); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.65); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.65); } .module-locations .category-wrapper.preview-card ul li .location-map { position: relative; color: #fff; text-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } .module-locations .category-wrapper.preview-card ul li .location-image { height: 380px; background-repeat: no-repeat; background-position: center center; background-size: 185%; } .module-locations .category-wrapper.preview-card.columns-1 ul li .location-image { height: 490px; background-size: cover; } .module-locations .category-wrapper.preview-card.columns-2 ul li .location-image { height: 380px; background-size: 112%; } .module-locations .category-wrapper.preview-card.columns-3 ul li .location-image { height: 380px; } .module-locations .category-wrapper.preview-card.columns-4 ul li .location-image { height: 280px; } .module-locations .category-wrapper.preview-card.columns-5 ul li .location-image { height: 220px; } .module-locations .category-wrapper.preview-card.columns-6 ul li .location-image { height: 180px; } .module-locations .category-wrapper.preview-card ul li .location-mask { height: 100%; background: url(/common/images/locations-blur.png) repeat-x center bottom; } .module-locations .category-wrapper.preview-card.columns-6 ul li .location-mask { background-size: contain; } .module-locations .category-wrapper.preview-card ul li .location-details { position: absolute; left: 0; bottom: 0; width: 100%; padding-bottom: 10px; text-decoration: none; } .module-locations .category-wrapper.preview-card ul li .location-details div { padding: 0 15px; } .module-locations .category-wrapper.preview-card ul li .location-title { font-size: 18px; font-weight: 700; } .module-locations .category-wrapper.preview-card ul li .location-more { padding: 13px 15px; font-size: 15px; font-weight: 700; text-transform: uppercase; } .module-locations .category-wrapper.preview-card ul li .location-more i.fa { margin-right: 5px; } .module-locations .category-wrapper.preview-list ul { margin: 0 -15px; } .module-locations .category-wrapper.preview-list ul li { margin: 0; } .module-locations .category-wrapper.preview-list ul li a.location-box { display: block; padding: 7px 15px; color: #333; } .module-locations .category-wrapper.preview-list ul li a.location-box:hover { color: #000; background-color: rgba(33, 33, 33, 0.1); } .module-locations .category-wrapper.preview-list ul li a.location-box:after { content: ''; clear: both; display: block; height: 0; line-height: 0; font-size: 1px; overflow: hidden; } .module-locations .category-wrapper.preview-list ul li .location-image { float: left; display: inline; width: 40%; height: 150px; margin: 8px 0; background-repeat: no-repeat; background-position: center center; background-size: 240px; } .module-locations .category-wrapper.preview-list.columns-1 ul li .location-image { background-size: 100%; } .module-locations .category-wrapper.preview-list.columns-2 ul li .location-image { background-size: 400px; } .module-locations .category-wrapper.preview-list.columns-3 ul li .location-image { width: 37%; background-size: 320px; } .module-locations .category-wrapper.preview-list ul li a.location-box:hover .location-image { background-size: 400px; } .module-locations .category-wrapper.preview-list.columns-1 ul li a.location-box:hover .location-image { background-size: 640px; } .module-locations .category-wrapper.preview-list.columns-2 ul li a.location-box:hover .location-image { background-size: 560px; } .module-locations .category-wrapper.preview-list.columns-3 ul li a.location-box:hover .location-image { background-size: 480px; } .module-locations .category-wrapper.preview-list ul li .location-mask { height: 100%; background: url(/common/images/locations-blur.png) repeat-x center bottom; background-size: contain; opacity: 0.1; } .module-locations .category-wrapper.preview-list ul li a.location-box:hover .location-mask { opacity: 0.3; } .module-locations .category-wrapper.preview-list ul li .location-details { display: inline-block; width: 55%; margin-left: 4%; line-height: 1.3; } .module-locations .category-wrapper.preview-list.columns-1 ul li .location-details { width: 56.5%; margin-left: 2.5%; } .module-locations .category-wrapper.preview-list.columns-3 ul li .location-details { width: 58%; } .module-locations .category-wrapper.preview-list ul li .location-title { padding: 2px 0; } .module-locations .category-wrapper.preview-list ul li .location-city { font-size: 16px; } .module-locations .category-wrapper.preview-list.no-description ul li .location-city { font-size: 80%; opacity: 0.75; } .module-locations .category-wrapper.preview-list ul li .location-description { padding-top: 2px; font-size: 16px; opacity: 0.75; } .module-locations .category-wrapper.preview-list.columns-3 ul li .location-description { font-size: 15px; } .module-locations .category-wrapper.preview-list ul li .location-more { display: none; } #module-locations_overlay { display:none; opacity:0; position:fixed; z-index:100; left:0; top:0; right:0; bottom:0; background-color:rgba(20, 20, 20, 0.95); } #module-locations_overlay .table-background { height:100%; width:100%; border-collapse:collapse; } #module-locations_overlay .table-background td { margin-top: 3rem; padding:0; border:0; vertical-align:middle; text-align:center; } #module-locations_overlay .table-background .table-content { height:75vw; width:75vw; border-collapse:collapse; margin:0 auto; position:relative; opacity:0; } #module-locations_overlay .table-background .table-content tr { display: flex; height: 100%; justify-content: center;;} #module-locations_overlay .table-background .table-content .overlay-map { position:relative; background-color:#000; min-width:320px; } #module-locations_overlay .table-background .table-content .overlay-img { border:0; display:inline-block; vertical-align:middle; height: 100%; width: 100%; } #module-locations_overlay .table-background .table-content .overlay-map-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } #module-locations_overlay .table-background .table-content .overlay-info { position:relative; background-color:#eee; width:450px; text-align:left; padding:20px; vertical-align:top; font-size:18px; line-height:1.3; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-close-button { position:absolute; z-index:1; right:0; top:0; padding:20px; color:#9098A0; text-decoration:none; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-close-button:hover { color:#202830; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-title { font-size:20px; font-weight: var(--font-weight-bold); padding:0; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-description { padding: 10px 0 0 0; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-field { padding: 5px 0 0 0; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-field:first-child { padding-top: 15px; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-field .overlay-field-label { float: left; clear: left; display: inline; width: 100px; font-weight: bold; } #module-locations_overlay .table-background .table-content .overlay-info .overlay-field .overlay-field-value { display: inline-block; width: 350px; } #module-locations_overlay.opened { opacity:1; } #module-locations_overlay.opened .table-background .table-content { opacity:1; -webkit-transition-delay: .2s; -moz-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .module-locations .location-wrapper { display: block; } .module-locations .location-wrapper .location .location-map { position: relative; float: left; clear: left; display: inline; width: 40%; min-height: 472px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .module-locations .location-wrapper .location .location-map img { width: 100%; } .module-locations .location-wrapper .location .location-map-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .module-locations .location-wrapper .location .location-map-container > div { background:#eee !important; } .module-locations .location-wrapper .location .location-details { display: inline-block; width: 57.5%; min-height: 200px; margin-left: 2.5%; } .module-locations .location-wrapper .location .location-fields { padding: 10px 0 0 0; line-height: 1.3; } .module-locations .location-wrapper .location .location-field { padding-bottom: 5px; } .module-locations .location-wrapper .location .location-field-label { float: left; clear: left; display: inline; width: 25%; font-weight: bold; } .module-locations .location-wrapper .location .location-field-value { display: inline-block; width: 75%; } #module-locations_overlay .table-background .table-content .overlay-info { display: block; height: 75vh; } #module-locations_overlay .table-background .table-content .overlay-map { display: block; height: 75vh; } /* Variations *//*** TODO: Needs work ***/ .module-locations .location-wrapper[max-width~="1050px"] .location .location-details { display: block; width: 100%; min-height: 1px; margin-left: 0; } .module-locations .location-wrapper[max-width~="1050px"] .location .location-map { float: none; clear: both; display: block; width: 100%; min-height: 300px; min-height: 48vh; } .module-locations .location-wrapper[max-width~="1050px"] .location .location-details + .location-map { margin-top: 1rem; } /*-- MODULE: Staff --*/ .module-staff .list-style .list-odd .item .item-main { display: flex; } .module-staff .list-style .list-odd .item .item-main .item-image { flex-basis: 28%; flex-grow: 0; padding: 0 5px 0 0; } .module-staff .list-style .list-odd .item .item-main .item-data .item-title { padding: 0 0 5px 0; font-size: 22px; font-weight: 600; line-height: 1; display: block; } .module-staff .list-style .list-odd .item .item-main .item-data .item-title span { font-size: 18px; padding: 5px 0; font-weight: 300; display: block; color: var(--main-text-color); } .pg-Contact .module-staff .list-style ul li .item-description { display: none; } .PageManagerContent > .panel.only-panel .panel-table .row .cell.has-next + .cell-post.has-next-no { width: 35% !important; } .PageManagerContent .panel .panel-title .title-tag:has(.staff-page-title) { float: left; left: 5em; top: -1.5rem; position: relative; width: auto; } /* .module-staff .list-style .list-odd .item .item-main .item-data .item-description { display: none; } */ .module-staff .staff-main { display: flex; } .module-staff .staff-main .staff-image { width: 200px; box-sizing: border-box; padding: 0 30px 0 0; } .module-staff .staff-main .staff-image img { width: 100%; } .module-staff .staff-main .staff-details { flex: 1; } .module-staff .staff-main .staff-details .staff-field-title { font-size: 175%; } .module-staff .staff-main .staff-details .staff-fields .staff-field { margin: 10px 0; } .module-staff .staff-main .staff-details .staff-fields .staff-field.staff-title { display: none; } /*-- Search Page --*/ .search-container { width: 500px; margin-left: calc(50% - 260px); } .search-container .search-bar#full-search { background-image: url('/images/search.png'); background-position-y: center; background-size: 23px; background-repeat: no-repeat; } .search-container .search-bar { outline: none; border: 1px solid #008749; height: 40px; border-radius: 20px 0 0 20px; box-sizing: border-box; font-size: 18px; padding: 0px 0px 0px 1em; width: calc(100% - 6em); color: black; background-color: transparent; background-position-x: 10px; margin-right: 0px; vertical-align: middle; } .search-container .search-button { outline: none; } .search-container .search-button div { width: 5em; height: 40px; color: white; background-color: #008749; border-radius: 0 20px 20px 0; display: inline-block; vertical-align: middle; margin-left: -4px; margin-top: 1px; box-sizing: border-box; font-size: 18px; padding: 7px 7px; cursor: pointer; } .result-container { margin-top: 20px; padding-top: 20px; } .result-container ul { width: 100%; list-style-type: none; } .result-container ul li { border-bottom: 1px solid rgba(0,0,0,.11); } .result-container { } .result-container .result-name { text-align: left; font-size: 20px; padding: 0px; margin: 12px 0 0 0; } .result-container .result-name a { } .result-container .result-url { text-align: left; font-size: 14px; } .result-container .result-description { width: 60%; font-size: 14px; padding-top: 10px; padding-bottom: 4px; } /*-- Site Notification -- */ .SiteNotification { position: fixed; z-index: 1041; bottom: 0; left: 0; right: 0; opacity: 0; visibility: hidden; transform: translateY(100%); display: flex; flex-flow: row nowrap; align-items: center; padding: 0.55em 0.6em 0.6em 0.6em; font-size: 80%; background-color: #000; background-color: rgba(0, 20, 40, 0.95); box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.75); } body.is-loaded .SiteNotification { opacity: 1; visibility: visible; transform: none; transition-delay: 500ms; } body #main .SiteNotification.is-agreed { opacity: 0; visibility: hidden; transform: translateY(100%); } .SiteNotification .SiteNotificationLeft { flex: 1 1 100%; padding: 0.4em; color: #fff; } .SiteNotification .SiteNotificationLeft a { color: var(--dark-link-color); } .SiteNotification .SiteNotificationLeft a:hover { color: var(--dark-link-hover); text-decoration: underline; } .SiteNotification .SiteNotificationLeft > p:first-child { margin-top: 0; } .SiteNotification .SiteNotificationLeft > p:last-child { margin-bottom: 0; } .SiteNotification .SiteNotificationButton { flex: 1 0 auto; margin: 0 0 0 0.6em; padding: 0.65em 0.9em; line-height: 1; font-weight: var(--font-weight-bold); outline: none; cursor: pointer; vertical-align: top; text-transform: uppercase; color: #fff; background-color: #1194c6; border: none; } .SiteNotification .SiteNotificationButton:hover { background-color: #18a7de; } .SiteNotification.alt-style { bottom: 0.6em; right: 0.5em; left: auto; display: block; max-width: 28em; margin-left: 0.5em; -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; } .SiteNotification.alt-style .SiteNotificationButton { margin: 0.4em; } /*-- MODULE: Testimonials --*/ .PageManagerContent .panel .panel-table .cell .module-testimonials { padding-bottom: 0; } .module-testimonials .testimonial-wrapper { display: block; transition: none; } .module-testimonials .testimonial-wrapper .testimonial { position: relative; transition: none; margin-bottom: 2em; } .module-testimonials .testimonial-wrapper .testimonial.with-bg { background: rgba(0, 0, 0, 0.1); border-radius: 0.25em; box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(0, 0, 0, 0.05); } .module-testimonials.style-red .testimonial-wrapper .testimonial.with-bg { background: rgba(105, 5, 5, 0.301)} .module-testimonials .testimonial-wrapper .testimonial-icon { display: none; position: absolute; top: 0; left: 0; font-size: 100px; color: #d9d9d9; color: rgba(0, 0, 0, 0.15); } .module-testimonials .testimonial-wrapper .testimonial-content { position: relative; max-width: 960px; margin: 0 auto; } .module-testimonials .testimonial-wrapper .testimonial.with-bg .testimonial-content { padding: 3.0em 3.5em; } .cell.is-condensed .module-testimonials .testimonial-wrapper .testimonial.with-bg .testimonial-content { padding: 2.5em; } #main .module-testimonials .testimonial-wrapper .testimonial-title { font-size: 115%; font-weight: var(--font-weight-bold); text-transform: uppercase; } .module-testimonials .testimonial-wrapper .testimonial-title strong { font-size: 90%; font-weight: inherit; } .module-testimonials .testimonial-wrapper .testimonial-description { position: relative; } .module-testimonials .testimonial-wrapper .testimonial-description span { display: inline; position: absolute; left: -1rem; margin: -0.25rem 0.25rem 0 0; font-size: 150%; font-weight: var(--font-weight-bold); font-family: Times, 'Times New Roman', Serif; } .module-testimonials .testimonial-wrapper .testimonial-description span + span { margin: -0.25rem 0 0 0.25rem; left: unset; } .module-testimonials .testimonial-wrapper .testimonial-description span:first-child { left: -0.25rem; margin-left: 0; transform: translateX(-100%); } .module-testimonials .testimonial-wrapper .testimonial-author { margin-top: 1.25rem; font-size: 90%; line-height: 1.3; text-align: center; } .module-testimonials .testimonial-wrapper .testimonial-author-box { display: flex; text-align: center; } .module-testimonials .testimonial-wrapper .testimonial-author-image { display: inline-block; margin: 0 0.85rem 0 auto; } .module-testimonials .testimonial-wrapper .testimonial-author-image img { width: 5em; height: 5em; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 5px 10px 0 rgba(0,0,0,0.25); } .module-testimonials .testimonial-wrapper .testimonial-author-info { display: inline-block; margin: auto; padding-top: 0.5rem; text-align: left; } .module-testimonials .testimonial-wrapper .with-image .testimonial-author-info { margin-left: 0; padding-top: 0; } .module-testimonials .testimonial-wrapper .testimonial-author-name { position: relative; font-weight: var(--font-weight-bold); } .module-testimonials .testimonial-wrapper .with-image .testimonial-author-name { margin-top: -0.5rem; } .module-testimonials .testimonial-wrapper .testimonial-author-name span { position: absolute; top: 0; left: -1rem; font-weight: var(--font-weight-normal); } .module-testimonials .testimonial-wrapper .with-image .testimonial-author-name span { display: none; } .module-testimonials .testimonial-wrapper .testimonial-author-title { font-size: 85%; } .module-testimonials .testimonial-wrapper .testimonial-timestamp { font-size: 85%; } /*-- Shared Animations --*/ @keyframes presentationLoading { from { width: 0; } to { width: 100%; } } @keyframes wiggleArrow { 0% { line-height: 1; } 50% { line-height: 0.75; } 100% { line-height: 1; } } @keyframes MtrBtnHovIn { 0% { width: 0; padding-top: 0; opacity: 0; } 10% { opacity: 0; } 50% { opacity: 1; } 100% { width: 150%; padding-top: 150%; opacity: 0; } } /*-- Base Viewport --*/ @viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } /*-- Adaptive Styles --*/ @media only screen and (max-width: 1850px) { .module-blog { display: flex; flex-direction: column; } .module-blog .blog-wrapper { order: 2; } .module-blog .blog-sidebar { order: 1; width: 55%; padding: 0; position: relative; left: unset; right: unset; top: unset; } .module-blog .module-paginate { order: 3; } .module-blog .blog-sidebar .blog-sidebar-block ul li { flex-basis: 45%; margin-right: 5%; } .module-blog .blog-sidebar-block.popular { order: 3} } @media only screen and (max-width: 1660px) { #footer .footer-nav .nav-ul.t0 > li { flex-basis: 50%; } } @media only screen and (max-width: 1525px) { #header-nav .header-nav > div > .nav-ul { margin-right: -0.25rem; font-size: 90%; } #header-nav .header-nav > div > .nav-ul > .nav-li > .nav-item { padding: 0 0.25rem; } } @media only screen and (max-width: 1457px) { #footer .footer-row { display: flex; } #footer .footer-nav .nav-ul.t0 > li { flex-basis: auto; } #footer .footer-col { flex-basis: 100%; } #footer .footer-col-nav { margin: 0 2rem; padding: 0; flex-basis: calc(50% - 4rem); flex-grow: 0; } #footer .footer-col-nav .footer-col-info { padding-left: 1rem; } #footer .footer-nav .nav-ul.t0 > li { margin-top: 0; padding: 1.25rem 1.5rem; border-top: none; } #footer .footer-nav .nav-ul.t0 > li:first-child { border-left: none; padding-left: 0; } #footer .footer-col-company { justify-content: center; flex-grow: 0; } #footer .footer-col-nav, #footer .footer-col-nav .footer-col-info, #footer .footer-nav, #footer .footer-nav > div { flex-flow: column nowrap; align-items: flex-start; } #bottom .bottom-top .bottom-contact-button { margin-right: -3rem; } #footer .footer-col-company .footer-col-col { padding-left: 7rem; } .PageManagerContent .panel .center { max-width: 100%; } .PageManagerContent .panel .panel-background { background-attachment: unset !important; } .PageManagerContent .panel .panel-title .center { width: auto; margin-left: 3.5rem; margin-right: 3.5rem; } .PageManagerContent .panel .center .cell.has-prev-no .cell-content { margin-left: 3.5rem; } .PageManagerContent .panel .center .cell.has-next-no .cell-content { margin-right: 3.5rem; } .screen-height { min-height: 75vh; } } @media only screen and (max-width: 1415px) { #header-nav .header-nav > div > .nav-ul { margin-right: -0.075rem; font-size: 80%; } #header-nav .header-nav > div > .nav-ul > .nav-li > .nav-item { padding: 0 0.075rem; } } @media only screen and (max-width: 1330px) { .module-locations .category-wrapper.columns-4 ul li { width: calc(50% - 1em); } } @media only screen and (max-width: 1200px) { #wrapper { min-width: 100vw; } html.headernav-open { height: 100%; overflow-y: hidden; } html.headernav-open body { height: 100%; } #header-top-box { margin: 0 2.5rem; } #header-main-box { margin: 0 auto; max-width: calc(100vw - 3rem); height: 90px !important; } #header-logo img { height: calc(100% + 17px); width: auto; } #header-nav { display: none; } .navigation-container { display: none; } #header-menu-icon { display: block; } #header .navigation-container { height: 90px; flex-basis: 48%; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container .nav-item.t0.nav-search.focused { width: 180px; margin-left: 10px; } /* #header .navigation-container .nav-ul.t0 { margin-right: -3em; } */ #header.scrolled .navigation-container { height: 55px; } #header.scrolled .navigation-container .nav-ul.t0 { right: 60px; margin-right: 0; } html.headernav-open #header-mobile-nav { opacity: 1; visibility: visible; } #footer .footer-col-nav { margin: 0 1.25rem 0 1rem; padding: 0; flex-basis: calc(50% - 2.25rem); } #footer .footer-col-company .footer-col-col { padding-left: 4rem; } #bottom { height: 150px; } #main { padding-top: var(--header-height-mobile1); } body #bottom .bottom-main .copyright { display: block; padding-bottom: 0.2em; } .PageManagerContent .panel .cell.has-prev .cell-content { padding-left: 2.5rem; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .panel-title .center, .PageManagerContent .panel .panel-table .cell.has-prev-no .cell-content, #main .PageManagerContent .panel .center .cell.has-prev-no .cell-content { margin-left: 2.5rem; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .panel-title .center, .PageManagerContent .panel .panel-table .cell.has-next-no .cell-content, #main .PageManagerContent .panel .center .cell.has-next-no .cell-content, #main .PageManagerContent .panel .cell.has-next-bgcolor .cell-content { margin-right: 2.5rem; } .screen-height { min-height: 40vh; } .module-presentation .presentation-wrapper > ul.type-S > li .presentation-info.pos-middle.pos-center.csize-larger { padding-left: 2.5rem !important; padding-right: 2.5rem !important; } .module-presentation .presentation-wrapper > ul.type-S > li .integrations1.integration-site_navigation .presentation-info.pos-middle.pos-center.csize-larger { padding-left: 0 !important; padding-right: 0 !important; } .module-presentation .presentation-wrapper > ul > li .presentation-info { padding: 15px; } .module-presentation .presentation-wrapper > ul > li .presentation-info img { max-width: 100vw; max-height: 500px; } } @media only screen and (max-width: 1120px) { .PageManagerContent .panel .panel-table, .PageManagerContent .panel .panel-table > .row { display: block; height: 100% !important; } .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 .panel-table .cell.has-prev.is-condensed > .cell-wrapper:first-child > .cell-content.module-rich_text:first-child, .PageManagerContent .panel .panel-table .cell.has-prev.is-condensed > .cell-wrapper:first-child > .cell-content.module-staff:first-child, .PageManagerContent .panel .panel-table .cell .cell-wrapper + .cell-wrapper .cell-content.module-staff { padding-top: 0; } .PageManagerContent .panel .cell .cell-content:last-child { padding-bottom: 2.75rem; } .PageManagerContent .panel .panel-table .cell .cell-content:last-child .staff-wrapper { margin-bottom: 0; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .panel-title .center, .PageManagerContent .panel .panel-table .cell .cell-content, .PageManagerContent .panel .panel-table .cell.has-prev-no .cell-content, .PageManagerContent .panel .panel-table .cell.has-next-no .cell-content, #main .PageManagerContent .panel .center .cell.has-prev-no .cell-content, #main .PageManagerContent .panel .center .cell.has-next-no .cell-content { margin-right: 2.5rem; margin-left: 2.5rem; } .PageManagerContent .panel .cell.is-condensed .cell-content .content-title.fancy-title strong { font-size: 142.1053%; line-height: 100%; } .PageManagerContent .panel .cell.is-condensed .module-rich_text .content-size-large .content-data { font-size: 100%; } .PageManagerContent .panel .cell.is-condensed .module-rich_text .content-size-huge .content-data { font-size: 125%; } } @media only screen and (max-width: 1000px) { #footer .footer-nav .nav-ul.t0 > li { flex-basis: 50%; } #footer .footer-nav .nav-ul.t0 > li:nth-child(2n+1) { border-left: none; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-l { padding-top: 7rem; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-r { padding-top: 0; } .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: 0; } .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: 0; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow .presentation-info.pos-right .presentation-info-text, .module-presentation .presentation-wrapper > ul > li.with-bgoverflow + li .presentation-info.pos-right .presentation-info-text { margin-right: auto; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow .presentation-block { flex-flow: column nowrap; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-l .presentation-background-overflow { position: absolute; width: 100%; height: 14rem; top: 0; bottom: auto; left: auto; right: auto; margin-top: -7rem; background-position: center center !important; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-l .presentation-block { padding-top: 7rem; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-r .presentation-background-overflow { position: relative; width: 100%; height: 14rem; top: 0; bottom: auto; left: auto; right: auto; margin-bottom: -5rem; background-position: center center !important; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-r.with-next-item .presentation-background-overflow { margin-bottom: -7rem; } .module-presentation .presentation-wrapper > ul > li.with-bgoverflow-r + li .presentation-info .presentation-info-text { padding-top: 6.5rem; } .module-rich_text .content-info .content-data { overflow: scroll; scrollbar-width: none; -ms-overflow-style: none; } .module-rich_text .content-info .content-data::-webkit-scrollbar { height: 0; width: 0; } } @media only screen and (max-width: 960px) { #SiteNotification:not(.alt-style) { padding-right: 1em; } .PageManagerContent .panel .panel-background { background-attachment: unset !important; } /*-- Viewport --*/ @viewport { width: var(--main-min-width); } @-ms-viewport { width: var(--main-min-width); } @-o-viewport { width: var(--main-min-width); } } @media only screen and (max-width: 935px) { .panel:first-child .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info { max-width: 100%; font-size: 110%; } #bottom .bottom-top .bottom-info { margin-left: 0; padding-left: 0; } } @media only screen and (max-width: 880px) { #header-top .top-block + .top-block { display: none; } #header-main-box { max-width: calc(100vw - 1rem); } #header-logo { flex-basis: 55%; margin: 0; } #header .navigation-container { height: unset; flex-basis: 30%; } #header .navigation-container .top-nav .nav-ul { height: unset; padding-left: 0; } #header.scrolled .navigation-container .nav-ul.t0 { position: relative; right: -10px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.click { top: -2px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container { display: none; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login.click .nav-item.t0 { border-radius: 1.5em; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t1 { left: -200px; top: 65px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0, #header.scrolled .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0 {position: relative; border: 1px solid #008749; height: 2em; border-radius: 1em; box-sizing: border-box; font-size: 22px; padding: 0; width: 2em; text-align: center; color: transparent; background-color: #003c1d; background-image: url('/images/online-banking-ico.png'); background-position: center; background-size: 1em; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login.click .nav-ul.t0 { margin-top: 8px; } #footer .footer-nav { flex-grow: 0; } #footer .footer-col-company { padding: 0; text-align: center; } #footer .footer-col-company .footer-col-col { margin: 0; padding: 1.25rem 1.5rem; } #footer .footer-col-company .footer-col-col + .footer-col-col { padding-top: 0; } #footer .footer-col-company .footer-col-info { flex-flow: column nowrap; flex-basis: 100%; } #footer .footer-col-company .footer-col-logo { flex-basis: auto; } #footer .footer-col-company .footer-col-logo a { display: block; } #footer .footer-col-company .footer-info-social { text-align: center; } #footer .footer-col-company .footer-info-social a, #footer .footer-col-company .footer-info-social a + a { margin: 0 1rem; } #footer .footer-col-nav .footer-col-info { align-items: flex-start; } #footer .footer-col-info .footer-row-social { padding: 0; } #footer .footer-col-company .footer-col-logo img { max-width:100%; } #footer .footer-col-company .footer-col-col .footer-address { flex-basis: 50%; } #footer .footer-col-company .footer-col-col .footer-phone { flex-basis: 50%; } #bottom { height: unset; max-width: 100vw; } #bottom .bottom-top { width: 100%; margin: 0 auto; } #bottom .bottom-top .bottom-info { padding-left: 0; width: 100%; float: none; margin-left: 0; } #bottom .bottom-top .bottom-contact-button { margin: 3em 0 1em; float: none; } #bottom .bottom-main { position: relative; left: 0; } body #bottom .bottom-main .bottom-nav { display: block; padding-top: 0.2em; } } @media only screen and (max-width: 835px) { .panel:first-child .module-presentation .presentation-wrapper > ul.type-S > li > .presentation-info { font-size: 100%; } .module-presentation .presentation-wrapper > ul.type-C.layout-A > li { flex-basis: calc(100% - 30px); } .module-presentation .presentation-wrapper > ul.type-C.layout-A > li:first-of-type { padding-top: 2rem; } } @media only screen and (max-width: 768px) { #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0 .search-container { display: none; } #header.scrolled .navigation-container .nav-ul.t0 { bottom: 0; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0, #header.scrolled .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0 {position: relative; border: 1px solid #008749; height: 50px; border-radius: 25px; box-sizing: border-box; font-size: 22px; padding: 0; width: 50px; text-align: center; color: transparent; background-color: #003c1d; background-image: url('/images/online-banking-ico.png'); background-position: center; background-size: 25px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; } .module-blog .blog-sidebar .blog-sidebar-block ul li { flex-basis: 100%; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-info { padding-left: 1rem; right: 1rem; } .screen-height { min-height: 40vh; } } @media only screen and (max-width: 690px) { .module-locations .category-wrapper.columns-4 ul li { width: 100%; } } @media only screen and (max-width: 640px) { body { background: #0f2f1e; } #header-top-box { margin: 0 1.5rem; } #header-logo { flex-basis: 80%; width:80%; } #header.scrolled #header-logo { flex: 0 0 80%; } #header .navigation-container { flex-basis: 30%; } #header-menu-icon { flex-shrink: 1; flex-basis: 20%; width:20%; } #header-mobile-nav .header-mobile-logo { } #header-mobile-nav .header-mobile-close { font-size: 7vw; } #footer .footer-col-nav { margin-left: 0; } #footer .footer-nav .nav-ul.t0 > li { flex-basis: 100%; border-left: none; } #footer .footer-nav .nav-ul.t0 > li + li { padding-top: 0; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .panel-title .center, .PageManagerContent .panel table.panel-table .cell .cell-content, .PageManagerContent .panel table.panel-table .cell.has-prev-no .cell-content, .PageManagerContent .panel table.panel-table .cell.has-next-no .cell-content, #main .PageManagerContent .panel table.center .cell.has-prev-no .cell-content, #main .PageManagerContent .panel table.center .cell.has-next-no .cell-content, #main .PageManagerContent .panel .cell.has-next-bgcolor .cell-content { margin-right: 1.5rem; margin-left: 1.5rem; } .module-feedback_forms .form-wrapper .textbox { font-size: 100%; } } @media only screen and (max-width: 610px) { #wrapper .cell-content .module-paginate.module-paginate2 .module-paginate-label span { display: none; } #wrapper .cell-content .module-paginate.module-paginate2 .module-paginate-label em { display: inline; } } @media only screen and (max-width: 580px) { #footer .footer-col-company .footer-col-logo { padding: 0.7rem; } #footer .footer-col-company .footer-col-col .footer-phone { flex-basis: 100%; } #footer .footer-col-company .footer-col-col .footer-address { flex-basis: 100%; } body #bottom .bottom-main .designed { display: block; padding-bottom: 0.2em; } body #bottom .bottom-main .powered { display: block; } .PageManagerContent .panel .center .cell.has-next-no .cell-content { margin-right: 1.5rem; } .PageManagerContent .panel .center .cell.has-prev-no .cell-content { margin-left: 1.5rem; } .PageManagerContent .panel .cell .cell-content .content-title.fwh { font-size: 215%; } .screen-height { min-height: 30vh; } } @media only screen and (max-width: 500px) { #header-top { height: 0; font-size: 4vw; } #header-top .top-block-address { height: 30px; line-height: 30px; } #header-top .top-block:only-child { display: none; } #header-top .top-nav > div > .nav-ul { height: 30px; } #header-top .top-nav > div > .nav-ul > .nav-li > .nav-item { height: 30px; line-height: 30px; } #header-top .top-nav > div > .nav-ul > .nav-li:nth-child(n+2)::before { top: 0.4em; } /* #header-logo { flex-basis: 200px; } */ #header-menu-icon { font-size: 0.8rem; } #header-mobile-nav .header-mobile-logo a img { } #footer .footer-row { flex-wrap: wrap; } #footer .footer-col { flex-basis: 100%; } #footer .footer-col-nav { flex-basis: 100%; } #footer .footer-col-company { text-align: unset; } #footer .footer-col-company .footer-col-logo img { left: calc(50% - 45px); } #footer .footer-col-company .footer-col-col { padding-left: 1rem; } #main { max-width: 100vw; } .PageManagerContent + script + #header + #main { padding-top: 0; } #main #SiteNotification { display: block; padding: 1em; } #main #SiteNotification.alt-style { max-width: 100%; } #main #SiteNotification .SiteNotificationLeft { padding: 0; } #main #SiteNotification .SiteNotificationButton { margin: 0.65em 0 0 0; } .PageManagerContent .panel .cell .cell-content { padding: 1.25rem 0; } .PageManagerContent .panel .cell .cell-content:last-child { padding-bottom: 2.0rem; } .PageManagerContent .panel.has-bgcolor .cell .cell-content:last-child { padding-bottom: 1.75rem; } .PageManagerContent .panel .panel-title + .panel-table .cell .cell-content:first-child { padding-top: 0.75rem; } .PageManagerContent .panel .cell .cell-content .fixed-module { margin-top: 1.25rem; } .PageManagerContent .panel .cell .cell-content .fixed-module:first-child { margin-top: 0; } .PageManagerContent .panel .panel-title { margin-top: 1rem; } .PageManagerContent .panel .panel-title .title-tag { font-size: 230%; } .PageManagerContent .panel .cell .cell-content .content-title { font-size: 210%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-small { font-size: 180%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smaller { font-size: 170%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smallest { font-size: 155%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-tiny { font-size: 140%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-large { font-size: 230%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-large.fwh { font-size: 215%; } .PageManagerContent .panel .cell .cell-content .content-title.services-title { font-size: 200%; } .PageManagerContent .panel .cell .cell-content .content-title.fancy-title { font-size: 150%; } .PageManagerContent .panel .cell .cell-content .content-title.services-title.fancy-title { font-size: 90%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-small.fancy-title { font-size: 120%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smaller.fancy-title { font-size: 128%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-smallest.fancy-title { font-size: 135%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-tiny.fancy-title { font-size: 140%; } .PageManagerContent .panel .cell .cell-content .content-title.content-title-large.fancy-title { font-size: 170%; } .module-rich_text .content-size-large .content-data, .module-rich_text .content-size-huge .content-data { font-size: 100%; } .PageManagerContent .panel .cell.is-condensed .module-rich_text .content-size-large .content-data, .PageManagerContent .panel .cell.is-condensed .module-rich_text .content-size-huge .content-data { font-size: 100%; } .module-presentation .presentation-wrapper .size-600 { min-height: 75vh; } .module-presentation .presentation-wrapper .size-700 { min-height: 88vh; } .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: 35vh; } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-600 { min-height: calc(75vh - var(--header-height-mobile2)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-700 { min-height: calc(88vh - var(--header-height-mobile2)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-800, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-900, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-100, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .screen-height { min-height: calc(100vh - var(--header-height-mobile2)); } @media only screen and (orientation: landscape) { .module-presentation .presentation-wrapper .size-600 { min-height: 75vw; } .module-presentation .presentation-wrapper .size-700 { min-height: 88vw; } .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: 100vw; } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-600 { min-height: calc(75vw - var(--header-height-mobile2)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-700 { min-height: calc(88vw - var(--header-height-mobile2)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-800, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-900, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-100, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .screen-height { min-height: calc(100vw - var(--header-height-mobile2)); } } .module-presentation .presentation-wrapper > ul.type-S > li .presentation-info.pos-middle.pos-center.csize-larger { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger { font-size: 110%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger a.btn-color { font-size: 66.667%; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-title { font-size: 200%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger:not(.csize-skinny) .presentation-title { font-size: 200%; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-title.fancy-title { font-size: 230%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger:not(.csize-skinny) .presentation-title.fancy-title { font-size: 230%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger .presentation-title { font-size: 285%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger.csize-skinny .presentation-title { font-size: 250%; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-info-text table[style*="margin"] { margin-left: 0 !important; } .module-presentation .presentation-wrapper > ul > li .presentation-info .presentation-info-text table[style*="font-size"] { font-size: 0.9rem !important; } .module-blog .blog-sidebar { width: 95%; } .module-blog .card-style > ul > li a .card-data { height: auto; } } @media only screen and (max-width: 430px) { body { font-size: 0.85em; } #header-logo img { height: auto; width: 100%; } #header-top-box { margin: 0 1.25rem; } #header-main-box { height: 65px; margin: 0 0.25rem; width: calc(100vw - 0.5rem); max-width: calc(100vw - 0.5rem); } /* #header-logo { flex-basis: 160px; margin: 0; } */ #header-menu-icon { font-size: 0.8rem; } #main { padding-top: var(--header-height-mobile3); } .PageManagerContent + script + #header + #main { padding-top: 0; } .PageManagerContent .panel-title .center-no, .PageManagerContent .panel .panel-title .center, .PageManagerContent .panel .panel-table .cell .cell-content, .PageManagerContent .panel .panel-table .cell.has-prev-no .cell-content, .PageManagerContent .panel .panel-table .cell.has-next-no .cell-content, #main .PageManagerContent .panel .center .cell.has-prev-no .cell-content, #main .PageManagerContent .panel .center .cell.has-next-no .cell-content, #main .PageManagerContent .panel .cell.has-next-bgcolor .cell-content { margin-right: 1.25rem; margin-left: 1.25rem; } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-600 { min-height: calc(75vh - var(--header-height-mobile3)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-700 { min-height: calc(88vh - var(--header-height-mobile3)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-800, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-900, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-100, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .screen-height { min-height: calc(100vh - var(--header-height-mobile3)); } @media only screen and (orientation: landscape) { .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-600 { min-height: calc(75vw - var(--header-height-mobile3)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-700 { min-height: calc(88vw - var(--header-height-mobile3)); } .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-800, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-900, .first-panel .cell .cell-wrapper:first-child > .module-presentation:first-child .presentation-wrapper .size-100, .module-presentation .presentation-wrapper .screen-height { min-height: calc(100vw - var(--header-height-mobile3)); } } .module-presentation .presentation-wrapper > ul.type-S > li .presentation-info.pos-middle.pos-center.csize-larger { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .module-presentation .presentation-wrapper > ul.type-S > li .integrations1.integration-site_navigation .presentation-info.pos-middle.pos-center.csize-larger { padding-left: 0 !important; padding-right: 0 !important; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-title { font-size: 150%; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-description { font-size: 100%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger:not(.csize-skinny) .presentation-title { font-size: 185%; } .module-presentation .presentation-wrapper > ul > li .with-bgimg .presentation-info .presentation-title.fancy-title { font-size: 210%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger:not(.csize-skinny) .presentation-title.fancy-title { font-size: 210%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger .presentation-title { font-size: 270%; } .module-presentation .presentation-wrapper > ul > li .presentation-info.csize-larger.csize-skinny .presentation-title { font-size: 235%; } .screen-height { min-height: 20vh; } } @media only screen and (max-width: 400px) { #header.scrolled #header-main-box { height: 60px; } #header.scrolled #header-logo img { height: unset; } #header .navigation-container { height: unset; } #header .navigation-container .top-nav .nav-ul { height: unset; padding-left: 0; } #header.scrolled .navigation-container .nav-ul.t0 { position: relative; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t1 { left: -200px; } /* #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0 { position: relative; border: 1px solid #008749; height: 40px; border-radius: 20px; box-sizing: border-box; font-size: 22px; padding: 0; width: 40px; text-align: center; color: transparent; background-color: #003c1d; background-image: url('/images/online-banking-ico.png'); background-position: center; background-size: 22px; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; } */ #footer .footer-col-nav .footer-col-info { align-items: flex-start; } #footer .footer-col-info .footer-row-social { padding: 0; } #footer .footer-col-company .footer-col-col .footer-address { flex-basis: 50%; } #footer .footer-col-company .footer-col-col .footer-phone { flex-basis: 50%; } #bottom { height: unset; } #bottom .bottom-top { width: 100%; margin: 0 auto; } #bottom .bottom-top .bottom-info { padding-left: 0; width: 100%; float: none; margin-left: 0; } #bottom .bottom-top .bottom-contact-button { margin: 3em 0 1em; float: none; max-width: 95vw; } #bottom .bottom-main { position: relative; left: 0; } #wrapper .cell-content .module-paginate.module-paginate2 .module-paginate-label em { display: none; } } @media only screen and (max-width: 330px) { #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-ul.t1 { left: -160px; top: 50px; } #header.scrolled .navigation-container .nav-ul.t0 { right: 0; bottom: 0; } .module-presentation .presentation-wrapper[max-width~="920px"] > ul.type-C.layout-C1 > li .presentation-info { padding-inline: 0.4rem; } } @media only screen and (max-width: 300px) { #header .navigation-container .top-nav .nav-ul.t0 { bottom: -5px; } #header .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0, #header.scrolled .navigation-container .top-nav .nav-ul.t0 .nav-li.t0.nav-login .nav-item.t0 { height: 40px; width: 40px; border-radius: 20px; background-size: 20px; } #header-menu-icon .hamburger { width: 2em; height: 2em; } #header-menu-icon .hamburger::before { height: 0.35em; top: calc(50% - .15em); } #header-menu-icon .hamburger-line::before { height: 0.35em; top: 0.3em; } #header-menu-icon .hamburger-line::after { height: 0.35em; bottom: 0.3em; } #footer .footer-block-info { max-width: 100vw; } #bottom .bottom-main { font-size: 5px; } #bottom .bottom-main span { white-space: unset; } } /*-- Print Styles --*/ @media print { html { padding: 0 1rem; } body { width: 720px; margin: 0 auto; font-size: 1.0em !important; } body.focused-print { min-width: 0; } body.focused-print * { color: var(--main-text-color) !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; } body .print-only { display: initial !important; } body .dont-print { display: none !important; } body #wrapper { background: none; } body #PageManagerWatermark { display: none; } body #header { position: absolute !important; top: 0 !important; box-shadow: none; } body #header-top { display: none; } html.headernav-open #header-main { background: none; } body #header-main-box { justify-content: center; } body #header-logo { margin: 0; } body #header-menu-icon { display: none; } body #header-nav { display: none; } body #header-mobile-nav { display: none; } body #main { padding-top: var(--header-height-mobile2); } body .PageManagerContent + script + #header + #main { padding-top: 0; } body #footer { color: var(--main-text-color); background: none; } body #footer .footer-main { padding: 1.25rem 0 !important; border: none; } body #footer .footer-block-info { display: block; } body #footer .footer-row { display: block; } body #footer .footer-col { margin: 0; padding: 0; } body #footer .footer-col + .footer-col { padding-top: 2rem; border-top: 1px solid #929395; } body #footer .footer-col-nav { display: none; } body #footer .footer-nav .nav-ul.t0 > li { flex-basis: 50% !important; flex-grow: 0 !important; } body #footer .footer-nav .nav-ul.t0 > li.is-empty:nth-child(odd), body #footer .footer-nav .nav-ul.t0 > li.is-empty:nth-child(odd) + li.is-empty:last-child { display: none; margin: 0; } body #footer .footer-nav:not(.show-images) .nav-ul.t1 .nav-ul > .nav-li::before, body #footer .footer-nav.show-images .nav-ul.t1 .nav-ul > .nav-li:not(.wi)::before, body #footer .footer-nav.show-images .nav-ul.t1 .nav-ul > .nav-li.wi .nav-item.with-image .nav-text::before { color: inherit; } body #footer .footer-col-row.footer-info-social { display: none; } body #footer-to-top { display: none; } body #bottom { font-size: 70%; color: #555; background: none; border-top: 1px solid #929395; } body #bottom .bottom-main { padding: 1.5rem 0; color: inherit; background: none; } body #bottom .bottom-main a:hover { color: #333; } body #bottom .bottom-main .copyright { display: block; padding-bottom: 0.25em; font-size: 110%; } body #bottom .bottom-main .bottom-nav { display: none; padding-top: 0.4em; } body .PageManagerContent .panel .panel-table, body .PageManagerContent .panel .panel-table > .row { display: block; } body .PageManagerContent .panel .panel-table .cell { display: block; width: 100% !important; } body .PageManagerContent .panel .cell.is-condensed { font-size: 100%; } body .PageManagerContent .panel .panel-table .cell.has-prev .cell-content { padding-left: 0; } body .PageManagerContent .panel .panel-table .cell .cell-content > br { display: none; } body .PageManagerContent .panel .panel-table .cell .cell-content > br + h3 + .content-data { margin-bottom: 0; } body .PageManagerContent .panel .panel-table .cell.has-prev.is-condensed > .cell-wrapper:first-child > .cell-content.module-rich_text:first-child, body .PageManagerContent .panel .panel-table .cell.has-prev.is-condensed > .cell-wrapper:first-child > .cell-content.module-staff:first-child, body .PageManagerContent .panel .panel-table .cell .cell-wrapper + .cell-wrapper .cell-content.module-staff { padding-top: 0; } body .PageManagerContent .panel .cell .cell-content:last-child { padding-bottom: 2.75rem; } body .PageManagerContent .panel .panel-table .cell .cell-content:last-child .staff-wrapper { margin-bottom: 0; } body .PageManagerContent .panel-title .center-no, body .PageManagerContent .panel .panel-title .center, body .PageManagerContent .panel .panel-table .cell.has-prev-no .cell-content, body .PageManagerContent .panel .panel-table .cell.has-next-no .cell-content, body #main .PageManagerContent .panel .center .cell.has-prev-no .cell-content, body #main .PageManagerContent .panel .center .cell.has-next-no .cell-content { margin-right: 0; margin-left: 0; } body .PageManagerContent .panel .cell .cell-content .content-title.block-title { margin-left: 0; margin-right: 0; padding-left: 1.25rem; padding-right: 1.25rem; } body .module-feedback_forms .form-wrapper ::placeholder { opacity: 0; } body .module-feedback_forms .form-wrapper :-ms-input-placeholder { opacity: 0; } body .module-feedback_forms .form-wrapper ::-ms-input-placeholder { opacity: 0; } body .module-feedback_forms .form-wrapper .textbox { border-width: 0 0 1px 0; border-radius: 0; } body .module-feedback_forms .form-wrapper .form-main .clear20 { height: 0.4rem; } body .module-feedback_forms .form-wrapper .form-main .field-group { width: 100%; } body .module-feedback_forms .form-wrapper .form-main .field-group .label { float: none; clear: both; display: block; width: 100%; padding-top: 0; } body .module-feedback_forms .form-wrapper .form-main .field-group .label.with-input { padding-bottom: 0.2em; } body .module-feedback_forms .form-wrapper .form-main .field-group .label.with-checkboxradio { padding-bottom: 0.4em; } body .module-feedback_forms .form-wrapper .form-main .field-group .label-empty { font-size: 0.35em; } body .module-feedback_forms .form-wrapper .form-main .field-group .field { float: none; clear: both; display: block; width: 100%; } }