@charset "UTF-8"; /* Theme Name: MOHAI 2018/20 (No Ajax Edit) Theme URI: http://mohai.org Description: Built by Civilization Version: 2.1 Author: Civilization Author URI: http://builtbycivilization.com */ @import url(f/genericons.css); *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, input, select { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } html { overflow-y: scroll; } ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; outline: 0; overflow: auto; } table { font-size: inherit; font: 100%; } a:hover, a:active, a:focus { outline: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre, code, kbd, samp { font-family: monospace, sans-serif; } .clickable, label, input[type=button], input[type=submit], button { cursor: pointer; outline: 0; } button, input, select, textarea { margin: 0; } button { width: auto; overflow: visible; border: 0; background: transparent; } .ie7 img { -ms-interpolation-mode: bicubic; } .hidden { display: none; visibility: hidden; } .accordion dt, .home-cal .ui-datepicker td span, .home-cal .ui-datepicker td a, header .header-sec.search input, header, textarea, input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([value="Other"]):not(.button), cite span, h3 span, h3.split-title, h3.wide, h2, body { font-family: 'news-gothic-std','Trade Gothic','Franklin Gothic Medium','Franklin Gothic','ITC Franklin Gothic',Arial,sans-serif; font-weight: normal; font-style: normal; } .grid:not(.membership-levels):not(.home-grid) .notice, .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-title, .buttons a, button.expander, .post-edit-link, .button, cite, h3, h2.narrow { font-stretch: condensed; font-family: 'alternate-gothic-no-3-d','TradeGothic-CondEighteen','Trade Gothic Cond Eighteen','Trade Gothic Condensed Eighteen','Trade Gothic','TradeGothic','Trade-Gothic','ArialNarrow','Arial-Narrow','Arial Narrow',Arial,sans-serif; font-weight: 400; } q { font-family: 'Minion Pro', serif; font-weight: normal; font-style: normal; } .full-height .slideshow .slick-slide img, section.intro > video { display: block; width: 100% !important; height: 100% !important; object-fit: cover; font-family: 'object-fit: cover;'; } :-webkit-autofill { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; } :-moz-autofill { /* Firefox 18- */ -moz-text-fill-color: #000; -moz-box-shadow: 0 0 0px 1000px #fff inset; } ::-moz-autofill { /* Firefox 19+ */ -moz-text-fill-color: #000; -moz-box-shadow: 0 0 0px 1000px #fff inset; } ::-webkit-input-placeholder { color: silver; } :-moz-placeholder { /* Firefox 18- */ color: silver; } ::-moz-placeholder { /* Firefox 19+ */ color: silver; } :-ms-input-placeholder { color: silver; } ::selection { background: #D6E1E5; color: #072A3F; text-shadow: none; } ::-moz-selection { background: rgba(255, 255, 255, 0.93); color: #072A3F; text-shadow: none; } html { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -moz-osx-font-smoothing: grayscale; /* fixes FF over-bolding */ font-size: 62.5%; /* 10px reset */ position: relative; background: #404041; color: #404041; width: 100%; height: 100%; } html:before { content: ''; background: url(i/mohai-mini-loader.gif); width: 0; height: 0; visibility: hidden; opacity: 0; } body { background: #fff; width: 100%; min-height: 100%; font-size: 1.4rem; line-height: 2rem; letter-spacing: 0.04em; } body.modal-open { height: 100%; height: 100vh; overflow-y: hidden; } h1.title, h2.title, h3.title, h4.title, h5.title { text-transform: uppercase; } h1 { font-size: 3.2rem; line-height: 1.1; font-weight: 800; } @media only screen and (min-width: 600px) { h1 { font-size: 3.6rem; } } @media only screen and (min-width: 600px) { h1 { font-size: 3.2vmax; } } h1.section-title { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; line-height: 1; padding-bottom: 6px; border-bottom: 3px solid; margin-bottom: 3rem; } h1.section-title:only-child { margin-bottom: 0; } @media only screen and (min-width: 600px) { h1.section-title { font-size: 4rem; padding-bottom: 1rem; border-width: 4px; } } h2 { font-weight: 700; font-size: 4.8rem; line-height: 1.2; text-transform: uppercase; } h3 { font-size: 2.4rem; line-height: 1.2; } h3.wide { font-weight: 800; } h3.lite { font-weight: 400; } h3.title { text-align: center; font-size: 3rem; } @media only screen and (min-width: 600px) { h3.title:before, h3.title:after { content: "—"; margin: 0 1.5rem; letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; -webkit-transform: scale(2.5, 1); -moz-transform: scale(2.5, 1); -ms-transform: scale(2.5, 1); -o-transform: scale(2.5, 1); transform: scale(2.5, 1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } } h3.split-title { font-weight: 800; padding-bottom: 6px; border-bottom: 1px solid #000; } h3 span { display: block; font-size: initial; } h4 { font-size: 1.6rem; line-height: 1.25; font-weight: 800; } h5 { font-size: 1.2rem; line-height: 1.25; } h5.view-more, h5.view-item { line-height: 1; } h5 a { padding-bottom: 2px !important; } h6 { font-size: 1.2rem; line-height: 1.25; font-weight: 400; } q { display: block; font-size: 2.4rem; line-height: 1.2; } q.quote { quotes: "\201C" "\201D" "\2018" "\2019"; } q.quote:before { content: open-quote; } q.quote:after { content: close-quote; } q.quote:before, q.quote:before, q.quote p { display: inline; } h2 + q { margin-top: 28px; } q + cite { margin-top: 14px; } cite { display: block; font-style: normal; font-size: 2.4rem; line-height: 1.2; } cite span { display: block; font-size: initial; } cite:before { content: "— "; } p + h2, p + h4, h4 + h4, h4 + .buttons, p + .buttons, ul + .buttons, .grid + .buttons, .intro-content + .slideshow, .intro-content + .grid, .intro-content + .buttons, .div-img + p, .div-img + h3, .div-img + ul, .split-title + .content, .content + .content, h2 + p, h5 + ul, h5 + .slideshow, ul + h3, ul + h4, p + h4, p + h3, .table + h3, h5 + .content, p iframe { margin-top: 3rem; } p + p > .button, h5 + p { margin-top: 2rem; } .event-times + p, h2 + ul, h3 + ul, h4 + ul, h3 + p, h3 + h1, h3 + iframe, p + p, p + ul, ul + p, p + h5 { margin-top: 1rem; } h5 + h3, h5 + h4, h4 + h5, h4 + p { margin-top: 6px; } img { width: auto; max-width: 100%; height: auto; } .slideshow.stacked .slide-image, .stacked-blocks .stacked-item .stacked-image, .grid.wide-boxes:not(.membership-levels):not(.home-grid) .grid-item .item-wrap .item-image, .grid:not(.membership-levels):not(.home-grid) .item-image, .div-img { position: relative; display: block; width: 100%; height: 0; padding-bottom: 56.25%; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .buttons a, input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([value="Other"]):not(.button), button.expander, .post-edit-link, .button { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #404041; cursor: pointer; border: 1px solid; font-size: 1.6rem; white-space: nowrap; border-radius: 0; } textarea { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #404041; cursor: pointer; border: 1px solid; font-size: 1.6rem; border-radius: 0; } button.expander:focus, button.expander:hover, .post-edit-link:focus, .post-edit-link:hover, .button:focus, .button:hover { background: #000; color: #fff; border-color: #000; } button { border-radius: 0; } button.expander, .post-edit-link, .button { text-transform: uppercase; line-height: 2.4rem; padding: 2px 2rem 0; height: 28px; } button.expander strong, .post-edit-link strong, .button strong { font-weight: inherit; } input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not([value="Other"]):not(.button) { line-height: 3.6rem; padding: 0 1rem; height: 38px; } textarea { line-height: 2rem; padding: 0 1rem; height: 38px; } input[type="radio"], input[type="checkbox"] { width: 1.6rem !important; height: 1.6rem !important; vertical-align: middle; border: 1px solid #000; cursor: pointer; -webkit-appearance: none; } input[type="radio"]:checked, input[type="checkbox"]:checked { background-color: #000; } input[type="radio"] { border-radius: 50%; } input[type="radio"] + input[value="Other"] { border-width: 0; padding: 0 !important; } input[type="radio"] + input[value="Other"]:focus { border-bottom: 1px solid #000; } .buttons { letter-spacing: -0.31em; text-rendering: optimizeLegibility; text-transform: uppercase; margin-bottom: -1.5rem; } .buttons a { text-align: center; padding: 2px 2rem 0; height: 28px; color: inherit; margin-bottom: 1.5rem; background-image: none !important; } .buttons a + a, .buttons a + button { margin-left: -1px; } .buttons.same-width a { width: 150px; } .show-more { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; font-size: 1.3rem; line-height: 2.4rem; padding: 0 1rem; border-bottom: 6px solid; cursor: pointer; text-transform: uppercase; font-weight: 800; } .centered, .center, .align-center { text-align: center; } .table { display: table; border-top: 1px solid #000; line-height: 1.4; } .table .row { display: table-row; } .table .cell { display: table-cell; vertical-align: top; border-left: 1px solid; padding: 1rem 1rem; border-bottom: 1px solid #000; } .table .cell:first-child { border-left: 0; padding-left: 0; } @media only screen and (min-width: 769px) { .table .cell { padding: 1rem 3rem; } } .split-title + .table { border-top: 0; } .mohai-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; background-color: #F0EEEF; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } .mohai-loader .icons-wrap { padding: 3rem; max-width: 560px; margin: 0 auto; } @media only screen and (min-width: 769px) { .mohai-loader .icons-wrap { padding: 72px; } } .mohai-loader .icons { display: block; width: 100%; height: 8rem; background: url(i/mohai-mini-loader.gif) 50% 50% no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; /* height: 0; padding-bottom: percentage(232/734); background-image: url(i/mohai-loader.gif); background-repeat: no-repeat; background-position: 0 0; @include background-size(100% auto); */ } body[data-loading="true"] .mohai-loader { visibility: visible; opacity: 0.99999; transition-delay: 0s; } body[data-loading="true"] .subnav { -webkit-transform: translateY(-128px); -moz-transform: translateY(-128px); -ms-transform: translateY(-128px); -o-transform: translateY(-128px); transform: translateY(-128px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; } .pace { z-index: 11; } .pace .pace-progress { position: fixed; bottom: 0; left: 0; right: 0; height: 4px; background: #00395A; z-index: 11; visibility: visible; opacity: 0.99999; transition-delay: 0s; will-change: auto; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .pace.pace-inactive { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } .pace + .pace { display: none; } .wrap { opacity: 0.5; will-change: opacity; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; } .wrap:blank { display: none; } .loaded .mohai-loader { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } .loaded .mohai-loader .icons { -webkit-animation: none; animation: none; } .loaded .wrap { opacity: 1; } .unloaded .mohai-loader { visibility: visible; opacity: 0.99999; transition-delay: 0s; } .unloaded .wrap { opacity: 0.5; } header { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 72px; z-index: 11; color: #404041; will-change: color; -webkit-transition: color 0.25s; -moz-transition: color 0.25s; -o-transition: color 0.25s; transition: color 0.25s; will-change: background; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -o-transition: background 0.25s; transition: background 0.25s; will-change: transform; -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; overflow: hidden; } header:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 72px; background: rgba(255, 255, 255, 0.93); } header:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 72px; background: rgba(7, 42, 63, 0.93); z-index: 2; -webkit-transform: translateY(-72px); -moz-transform: translateY(-72px); -ms-transform: translateY(-72px); -o-transform: translateY(-72px); transform: translateY(-72px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } header .header-reveal { position: absolute; top: 72px; display: block; width: 100%; height: 56px; z-index: 0; } header > div { position: absolute; top: 0; z-index: 4; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } header > div svg, header > div span.label { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } header a { color: #404041; } header .header-brand { position: relative; width: 100%; text-align: center; text-transform: uppercase; z-index: 3; } header .header-logo { display: block; width: 144px; height: 72px; margin: 0 auto; background: url(i/mohai-logo-full.svg?v=2) 50% 50% no-repeat; background-image: url(i/mohai-logo.svg?v=2); -webkit-background-size: 144px auto; -moz-background-size: 144px auto; -o-background-size: 144px auto; background-size: 144px auto; text-indent: 1500%; white-space: nowrap; overflow: hidden; will-change: background; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -o-transition: background 0.25s; transition: background 0.25s; } header .header-title { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; line-height: 2rem; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; padding-bottom: 1rem; } header svg { fill: #404041; will-change: fill; -webkit-transition: fill 0.125s; -moz-transition: fill 0.125s; -o-transition: fill 0.125s; transition: fill 0.125s; } header span.label { margin-left: 12px; line-height: 72px; font-size: 1.3rem; text-transform: uppercase; will-change: color; -webkit-transition: color 0.125s; -moz-transition: color 0.125s; -o-transition: color 0.125s; transition: color 0.125s; } @media only screen and (max-width: 768px) { header span.label:not(.cal-date) { width: 0; overflow: hidden; margin: 0; } } header .menu-icon { left: 0; padding: 0 30px; cursor: pointer; } header .menu-icon svg.menu-open { width: 20.3px; height: 17.8px; margin-bottom: 2px; } header .menu-icon svg.menu-close { width: 0; height: 16.3px; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } header .menu-icon:focus svg, header .menu-icon:hover svg { fill: #6AA4B6; } header .menu-icon:focus span.label, header .menu-icon:hover span.label { color: #6AA4B6; } header .search-cal { right: 0; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } header .search-cal > * { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } header .search-cal > *:focus svg, header .search-cal > *:hover svg { fill: #6AA4B6; } header .search-cal > *:focus span.label, header .search-cal > *:hover span.label { color: #6AA4B6; } header .search-icon { cursor: pointer; padding: 0 12px; } header .search-icon svg.search-open { width: 12.5px; height: 19.8px; margin-bottom: 4px; } header .search-icon svg.search-close { width: 0; height: 16.3px; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } header .search-icon a { color: #404041; } header .calendar-icon { cursor: pointer; padding: 0 30px 0 12px; } @media only screen and (min-width: 769px) { header .calendar-icon { padding-left: 38px; } } header .calendar-icon svg.cal-open { width: 30.3px; height: 32.5px; margin-bottom: 6px; } header .calendar-icon svg.cal-close { width: 0; height: 16.3px; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } header .calendar-icon .cal-date { width: 30.3px; margin-left: -30.3px; text-align: center; } header .header-sec { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 112px; color: #F0EEEF; z-index: 1; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; overflow: auto; -webkit-overflow-scrolling: touch; } header .header-sec.search { padding: 0 3rem; } header .header-sec.search input { display: block; background: #fff; width: 100%; border: 0 !important; margin: 0 auto; font-size: 3rem !important; line-height: 1 !important; height: 60px !important; padding: 0 !important; text-align: center; } header .header-sec.search button { margin-top: 4.5rem; color: #F0EEEF; } header .header-sec.search button:focus, header .header-sec.search button:hover { color: #072A3F; background: #F0EEEF; border-color: #F0EEEF; } header menu ul { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } header menu ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } header menu a { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; color: #F0EEEF; } header menu .menu-buttons { display: table; width: 100%; text-align: center; padding: 0 3rem 6rem; } header menu .menu-buttons .button { display: table-cell; padding: 1rem; height: 46px; color: #fff; } header menu .menu-buttons .button + .button { border-left: 0; } header menu .menu-buttons .button:focus, header menu .menu-buttons .button:hover { color: #072A3F; border-color: #F0EEEF; background: #F0EEEF; } @media only screen and (min-width: 769px) { header menu .menu-buttons { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } header menu .menu-buttons .button { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 150px; } } header menu nav { padding: 0 1.5rem; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } @media only screen and (min-width: 769px) { header menu nav { padding: 0 3rem; } } header menu nav .nav-section { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 0 1.5rem 3rem; width: 100%; /* &.nav-rule { margin-top: calc() } */ } @media only screen and (min-width: 769px) { header menu nav .nav-section { padding: 0 3rem 4.5rem; } } @media only screen and (min-width: 600px) { header menu nav .nav-section:not(.nav-rule) { width: 50%; } } @media only screen and (min-width: 1024px) { header menu nav .nav-section:not(.nav-rule) { width: 33.33333%; } } header menu nav h3 { line-height: 1; padding-bottom: 16px; border-bottom: 6px solid; margin-bottom: 16px; } header menu nav ul { width: 100%; letter-spacing: -0.31em; text-rendering: optimizeLegibility; font-size: 1.5rem; margin-top: 0; } header menu nav ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding-right: 1rem; width: 50%; /* @include responsive(min1600) { width: 33.33333%; } */ } @media only screen and (min-width: 480px) { header menu nav ul li { width: 33.33333%; } } @media only screen and (min-width: 600px) { header menu nav ul li { width: 100%; } } @media only screen and (min-width: 769px) { header menu nav ul li { width: 50%; } } header menu nav .nav-rule { padding-bottom: 0; } header menu nav .nav-rule ul { padding-bottom: 16px; border-bottom: 6px solid; margin-bottom: 16px; } header menu nav .nav-rule li { width: auto; } header menu nav .nav-rule li + li { border-left: 1px solid; padding-left: 1rem; } header menu nav .nav-footer:not(.nav-rule) { line-height: 1.5; } header menu nav .nav-footer:not(.nav-rule) .social-links, header menu nav .nav-footer:not(.nav-rule) p + p, header menu nav .nav-footer:not(.nav-rule) p + ul { margin-top: 1rem; font-size: 1.1rem; } header menu nav .nav-footer:not(.nav-rule) ul { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } header menu nav .nav-footer:not(.nav-rule) ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding-right: 0; width: auto; } header menu nav .nav-footer:not(.nav-rule) ul li + li:before { content: '|'; margin: 0 5px; } header menu nav .nav-footer:not(.nav-rule) ul:only-child { margin-top: 0; } header.open { bottom: 0; height: 100%; color: #F0EEEF; } header.open:before { height: 100%; background: #072A3F; } header.open:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } header.open a { color: #F0EEEF; } header.open a:focus, header.open a:hover { color: #6AA4B6; } header.open .grid a { color: #404041; } header.open svg { fill: #F0EEEF; } header.open .header-logo { background-image: url(i/mohai-logo-full.svg?v=2); } header.open .header-title { margin-top: -1rem; visibility: visible; opacity: 0.99999; transition-delay: 0s; background: rgba(7, 42, 63, 0.93); } header.open .header-sec.open { visibility: visible; opacity: 0.99999; transition-delay: 0s; } header.open .menu-icon.open svg.menu-open { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; width: 0; } header.open .menu-icon.open svg.menu-close { visibility: visible; opacity: 0.99999; transition-delay: 0s; will-change: fill; -webkit-transition: fill 0.25s; -moz-transition: fill 0.25s; -o-transition: fill 0.25s; transition: fill 0.25s; width: 16.3px; margin: 0 2px 2px; } header.open .search-icon.open svg.search-open { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; width: 0; } header.open .search-icon.open svg.search-close { visibility: visible; opacity: 0.99999; transition-delay: 0s; will-change: fill; -webkit-transition: fill 0.25s; -moz-transition: fill 0.25s; -o-transition: fill 0.25s; transition: fill 0.25s; width: 16.3px; margin: 0 -2px 2px; } header.open .calendar-icon.open svg.cal-open { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; width: 0; } header.open .calendar-icon.open svg.cal-close { visibility: visible; opacity: 0.99999; transition-delay: 0s; will-change: fill; -webkit-transition: fill 0.25s; -moz-transition: fill 0.25s; -o-transition: fill 0.25s; transition: fill 0.25s; width: 16.3px; margin: 0 7px 2px; } header.open .calendar-icon.open svg.cal-close + span { visibility: hidden; opacity: 0; } @media only screen and (min-width: 769px) { body.hide-header:not(.unloaded) header:not(.open) { -webkit-transform: translateY(-72px); -moz-transform: translateY(-72px); -ms-transform: translateY(-72px); -o-transform: translateY(-72px); transform: translateY(-72px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; height: 128px; } } .subnav { position: absolute; top: 72px; left: 0; width: 100%; height: 56px; padding: 1.8rem 3rem; background: #dfe8eb; text-align: center; font-size: 1.3rem; line-height: 2rem; font-weight: 800; display: none; will-change: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media only screen and (min-width: 769px) { .subnav { display: block; padding: 1.8rem 12.5rem; } } .subnav ul { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .subnav ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .subnav ul li + li { border-left: 1px solid; } .subnav a { padding: 0 1.5rem; color: #404041; } .subnav a.current, .subnav a:hover { color: #6AA4B6; } .content-wrap .subnav { display: none; } header.has-subnav:not(.open) { height: 128px; } header.has-subnav:not(.open) .subnav { opacity: 0.98; } header.has-subnav.open .subnav { -webkit-transform: translateY(-128px); -moz-transform: translateY(-128px); -ms-transform: translateY(-128px); -o-transform: translateY(-128px); transform: translateY(-128px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; } header.has-subnav.open .subnav a { color: #404041; } header.has-subnav .header-reveal { position: fixed; width: 80px; z-index: 6; } @media only screen and (min-width: 769px) { header.has-subnav .header-reveal { width: 125px; } } header.has-subnav .header-reveal:after { content: ''; display: block; width: 80px; height: 56px; position: fixed; right: 0; } @media only screen and (min-width: 769px) { header.has-subnav .header-reveal:after { width: 125px; } } .demo .intro { display: none; } .demo.one .one { display: block; } .demo.two .two { display: block; } .section-intro { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; text-align: center; position: relative; /* h4 { display: block; max-width: 560px; margin: 0 auto; } */ } .section-intro .buttons { margin-top: 3rem; } .section-intro h1 + .buttons { margin-top: 1.5rem; } .section-intro.calendar-intro { padding-bottom: 0; } .header-cal { width: 100%; padding: 3rem; } .header-cal .grid { color: #404041; } .header-cal .filters .filter + .filter { border-color: #F0EEEF; } .wrap { z-index: 1; position: relative; } .v-top { display: table; width: 100%; height: 100%; } .v-top > * { display: table-cell; width: 100%; height: 100%; vertical-align: top; } .v-center { display: table; width: 100%; height: 100%; } .v-center > * { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .v-bot { display: table; width: 100%; height: 100%; } .v-bot > * { display: table-cell; width: 100%; height: 100%; vertical-align: bottom; } .padded { padding: 56px 30px; } .padded .padded { padding: 56px 0 0; } .padded .filters { margin-top: 0; } .content-wrap > .wrap:first-child > .anchor-push:first-child + .padded, .content-wrap > .wrap:first-child > .padded:first-child, .content-wrap > .padded:first-child { padding-top: 108px; } @media only screen and (min-width: 769px) { .padded { padding: 72px 30px 102px; } .padded:only-child { padding-bottom: 72px; } .padded .padded { padding: 72px 0 0; } .padded .filters { margin-top: 0; } .content-wrap > .wrap:first-child > .anchor-push:first-child + .padded, .content-wrap > .wrap:first-child > .padded:first-child, .content-wrap > .padded:first-child { padding-top: 166px; } } .padded-inner { padding: 3rem 3rem 42px; } .padded-inner:last-child { padding-bottom: 56px; } @media only screen and (min-width: 769px) { .padded-inner { padding: 3rem 72px 72px; } .padded-inner:last-child { padding-bottom: 102px; } } @media only screen and (max-width: 768px) { .padded .padded-inner { padding-left: 0; padding-right: 0; } } .white + .wrap:not(.gray):not(.mist), .gray + .wrap:not(.white):not(.mist), .mist + .wrap:not(.gray):not(.white), .white + .white > .padded, .gray + .gray > .padded, .mist + .mist > .padded, .padded.white + .padded.white, .padded.gray + .padded.gray, .padded.mist + .padded.mist, .wrap.padded section.padded:only-child { padding-top: 0; } .white .padded + .padded-inner, .white .padded + .padded:not(.slideshow-wrap):not(.grid-wrap), .gray .padded + .padded-inner, .gray .padded + .padded:not(.slideshow-wrap):not(.grid-wrap), .mist .padded + .padded-inner, .mist .padded + .padded:not(.slideshow-wrap):not(.grid-wrap), .charcoal .padded + .padded-inner, .charcoal .padded + .padded:not(.slideshow-wrap):not(.grid-wrap) { padding-top: 0; } .wrap.padded .padded-inner:last-child { padding-bottom: 0; } section { position: relative; width: 100%; } section.two-half { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } section .half { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; } section .half + .half { margin-top: 3rem; } section .half + .half.accordion-half { margin-top: -1px; } section .half-wrap { position: relative; } @media only screen and (min-width: 769px) { section .half { vertical-align: top; width: 50%; } section .half + .half { margin-top: 0 !important; } section .half.right { margin-left: 50%; } section .half.golden-main { width: 61.8033988%; } section .half.golden-side { width: 38.1966012%; } section.two-half.half-gap .half { padding: 0 15px 0 0; } section.two-half.half-gap .half + .half { padding: 0 0 0 15px; } section.two-half.half-gap.press-split .half { border-left: 2px solid; padding: 0 6rem 0 3rem; text-align: left; } section.two-half.half-gap.press-split .half + .half { padding: 0 0 0 3rem; } } section.full-height { height: 100%; height: 100vh; } section.narrow { display: block; max-width: 640px; margin: 0 auto; } section.narrow + script + .buttons, section.narrow + script + script + .buttons, section.narrow + .buttons { margin-top: 4.5rem; } section ul { list-style: disc; } section ul ul { list-style: circle; } section ul ul ul { list-style: square; } section ol { list-style: decimal; } section ul li, section ol li { margin-left: 2rem; } .video-bg { z-index: 0; position: absolute; } .hero-wrap .hero-intro { z-index: 1; position: relative; } .video-bg iframe, .video-bg video { position: absolute; top: 0; left: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; } .video-bg video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .ginput_recaptcha { display: block; width: 100%; text-align: center; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #fff; } .ginput_recaptcha div { width: 100% !important; } .ginput_recaptcha iframe { mix-blend-mode: luminosity; -webkit-mix-blend-mode: luminosity; } .gray { background: #F0EEEF; } .gray .stacked-blocks a:not(.button):not(.more), .gray .column-links a:not(.button):not(.more), .gray .two-half a:not(.button):not(.more), .gray .accordion a:not(.button):not(.more), .gray .support a:not(.button):not(.more), .gray .intro-content a:not(.button):not(.more), .gray .membership-levels a:not(.button):not(.more), .gray .slide-content a:not(.button):not(.more), .gray .content a:not(.button):not(.more) { color: #404041; padding-bottom: 1px; background-image: -webkit-linear-gradient(#F0EEEF, #F0EEEF), -webkit-linear-gradient(#F0EEEF, #F0EEEF), -webkit-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -moz-linear-gradient(#F0EEEF, #F0EEEF), -moz-linear-gradient(#F0EEEF, #F0EEEF), -moz-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -o-linear-gradient(#F0EEEF, #F0EEEF), -o-linear-gradient(#F0EEEF, #F0EEEF), -o-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -ms-linear-gradient(#F0EEEF, #F0EEEF), -ms-linear-gradient(#F0EEEF, #F0EEEF), -ms-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: linear-gradient(#F0EEEF, #F0EEEF), linear-gradient(#F0EEEF, #F0EEEF), linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #F0EEEF, -0.03em 0 #F0EEEF, 0 0.03em #F0EEEF, 0 -0.03em #F0EEEF, 0.06em 0 #F0EEEF, -0.06em 0 #F0EEEF, 0.09em 0 #F0EEEF, -0.09em 0 #F0EEEF, 0.12em 0 #F0EEEF, -0.12em 0 #F0EEEF, 0.15em 0 #F0EEEF, -0.15em 0 #F0EEEF; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; will-change: auto; -webkit-transition: all 0.125s; -moz-transition: all 0.125s; -o-transition: all 0.125s; transition: all 0.125s; } .gray .stacked-blocks a:not(.button):not(.more):focus, .gray .stacked-blocks a:not(.button):not(.more):hover, .gray .column-links a:not(.button):not(.more):focus, .gray .column-links a:not(.button):not(.more):hover, .gray .two-half a:not(.button):not(.more):focus, .gray .two-half a:not(.button):not(.more):hover, .gray .accordion a:not(.button):not(.more):focus, .gray .accordion a:not(.button):not(.more):hover, .gray .support a:not(.button):not(.more):focus, .gray .support a:not(.button):not(.more):hover, .gray .intro-content a:not(.button):not(.more):focus, .gray .intro-content a:not(.button):not(.more):hover, .gray .membership-levels a:not(.button):not(.more):focus, .gray .membership-levels a:not(.button):not(.more):hover, .gray .slide-content a:not(.button):not(.more):focus, .gray .slide-content a:not(.button):not(.more):hover, .gray .content a:not(.button):not(.more):focus, .gray .content a:not(.button):not(.more):hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#F0EEEF, #F0EEEF), -webkit-linear-gradient(#F0EEEF, #F0EEEF), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#F0EEEF, #F0EEEF), -moz-linear-gradient(#F0EEEF, #F0EEEF), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#F0EEEF, #F0EEEF), -o-linear-gradient(#F0EEEF, #F0EEEF), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#F0EEEF, #F0EEEF), -ms-linear-gradient(#F0EEEF, #F0EEEF), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#F0EEEF, #F0EEEF), linear-gradient(#F0EEEF, #F0EEEF), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #F0EEEF, -0.03em 0 #F0EEEF, 0 0.03em #F0EEEF, 0 -0.03em #F0EEEF, 0.06em 0 #F0EEEF, -0.06em 0 #F0EEEF, 0.09em 0 #F0EEEF, -0.09em 0 #F0EEEF, 0.12em 0 #F0EEEF, -0.12em 0 #F0EEEF, 0.15em 0 #F0EEEF, -0.15em 0 #F0EEEF; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .gray .grid:not(.three-up-blocks):not(.membership-levels) .grid-item .item-wrap { background-color: #fff; } .gray .grid:not(.three-up-blocks):not(.membership-levels) .grid-item .item-wrap:focus, .gray .grid:not(.three-up-blocks):not(.membership-levels) .grid-item .item-wrap:hover { background-color: #00395A; } .gray .ginput_recaptcha { background: #F0EEEF; } .white { background: #fff; } .white .stacked-blocks a:not(.button):not(.more), .white .column-links a:not(.button):not(.more), .white .two-half a:not(.button):not(.more), .white .accordion a:not(.button):not(.more), .white .support a:not(.button):not(.more), .white .intro-content a:not(.button):not(.more), .white .membership-levels a:not(.button):not(.more), .white .slide-content a:not(.button):not(.more), .white .content a:not(.button):not(.more) { color: #404041; padding-bottom: 1px; background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(#fff, #fff), -o-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .white .stacked-blocks a:not(.button):not(.more):focus, .white .stacked-blocks a:not(.button):not(.more):hover, .white .column-links a:not(.button):not(.more):focus, .white .column-links a:not(.button):not(.more):hover, .white .two-half a:not(.button):not(.more):focus, .white .two-half a:not(.button):not(.more):hover, .white .accordion a:not(.button):not(.more):focus, .white .accordion a:not(.button):not(.more):hover, .white .support a:not(.button):not(.more):focus, .white .support a:not(.button):not(.more):hover, .white .intro-content a:not(.button):not(.more):focus, .white .intro-content a:not(.button):not(.more):hover, .white .membership-levels a:not(.button):not(.more):focus, .white .membership-levels a:not(.button):not(.more):hover, .white .slide-content a:not(.button):not(.more):focus, .white .slide-content a:not(.button):not(.more):hover, .white .content a:not(.button):not(.more):focus, .white .content a:not(.button):not(.more):hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(#fff, #fff), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .white .grid:not(.three-up-blocks):not(.membership-levels):not(.home-grid) .grid-item .item-wrap { background-color: #F0EEEF; } .white .grid:not(.three-up-blocks):not(.membership-levels):not(.home-grid) .grid-item .item-wrap:focus, .white .grid:not(.three-up-blocks):not(.membership-levels):not(.home-grid) .grid-item .item-wrap:hover { background-color: #00395A; } .mist { background: #D6E1E5; } .mist .stacked-blocks a:not(.button):not(.more), .mist .column-links a:not(.button):not(.more), .mist .two-half a:not(.button):not(.more), .mist .accordion a:not(.button):not(.more), .mist .intro-content a:not(.button):not(.more), .mist .support a:not(.button):not(.more), .mist .membership-levels a:not(.button):not(.more), .mist .slide-content a:not(.button):not(.more), .mist .content a:not(.button):not(.more) { color: #404041; padding-bottom: 1px; background-image: -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); background-image: linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(rgba(64, 64, 65, 0.5), rgba(64, 64, 65, 0.5)); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #D6E1E5, -0.03em 0 #D6E1E5, 0 0.03em #D6E1E5, 0 -0.03em #D6E1E5, 0.06em 0 #D6E1E5, -0.06em 0 #D6E1E5, 0.09em 0 #D6E1E5, -0.09em 0 #D6E1E5, 0.12em 0 #D6E1E5, -0.12em 0 #D6E1E5, 0.15em 0 #D6E1E5, -0.15em 0 #D6E1E5; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .mist .stacked-blocks a:not(.button):not(.more):focus, .mist .stacked-blocks a:not(.button):not(.more):hover, .mist .column-links a:not(.button):not(.more):focus, .mist .column-links a:not(.button):not(.more):hover, .mist .two-half a:not(.button):not(.more):focus, .mist .two-half a:not(.button):not(.more):hover, .mist .accordion a:not(.button):not(.more):focus, .mist .accordion a:not(.button):not(.more):hover, .mist .intro-content a:not(.button):not(.more):focus, .mist .intro-content a:not(.button):not(.more):hover, .mist .support a:not(.button):not(.more):focus, .mist .support a:not(.button):not(.more):hover, .mist .membership-levels a:not(.button):not(.more):focus, .mist .membership-levels a:not(.button):not(.more):hover, .mist .slide-content a:not(.button):not(.more):focus, .mist .slide-content a:not(.button):not(.more):hover, .mist .content a:not(.button):not(.more):focus, .mist .content a:not(.button):not(.more):hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #D6E1E5, -0.03em 0 #D6E1E5, 0 0.03em #D6E1E5, 0 -0.03em #D6E1E5, 0.06em 0 #D6E1E5, -0.06em 0 #D6E1E5, 0.09em 0 #D6E1E5, -0.09em 0 #D6E1E5, 0.12em 0 #D6E1E5, -0.12em 0 #D6E1E5, 0.15em 0 #D6E1E5, -0.15em 0 #D6E1E5; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .mist .grid:not(.three-up-blocks):not(.membership-levels) .grid-item .item-wrap { background-color: #fff; } .mist .grid:not(.three-up-blocks):not(.membership-levels) .grid-item .item-wrap:focus, .mist .grid:not(.three-up-blocks):not(.membership-levels) .grid-item .item-wrap:hover { background-color: #00395A; } .mist .ginput_recaptcha { background: #D6E1E5; } .circle-mask { background: url(i/circle80.png) 50% 50% no-repeat; -webkit-background-size: auto 115%; -moz-background-size: auto 115%; -o-background-size: auto 115%; background-size: auto 115%; text-align: center; } .circle-mask .circle-mask-wrap { display: block; width: 62.5vh; margin: 0 auto; } @media only screen and (min-height: 600px) { .circle-mask { -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; } .circle-mask .circle-mask-wrap { width: 56.25vh; } } @media only screen and (min-height: 769px) { .circle-mask { -webkit-background-size: auto 90%; -moz-background-size: auto 90%; -o-background-size: auto 90%; background-size: auto 90%; } } @media (orientation: portrait) { .circle-mask { -webkit-background-size: auto 80%; -moz-background-size: auto 80%; -o-background-size: auto 80%; background-size: auto 80%; } .circle-mask .circle-mask-wrap { padding: 6rem; } } .scroll-snap { position: relative; } .scroll-snap .section-snap { width: 100%; will-change: position; -webkit-transition: position 0; -moz-transition: position 0; -o-transition: position 0; transition: position 0; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; top: 0; bottom: auto; } @media only screen and (min-width: 769px) { .scroll-snap .section-snap.fixed { position: fixed; } .scroll-snap .section-snap.fixed.bottom { position: absolute; top: auto; bottom: 0; } } .whats-happening { background-color: #00395A; color: #fff; } .whats-happening h1 { font-size: 6.6rem; font-size: 6.6vmax; line-height: 12.6vmax; height: 12.6vmax; position: relative; } .whats-happening h1 div { width: 100%; position: absolute; text-align: center; } .anchor-push { display: block; position: absolute; top: -72px; visibility: hidden; /* @include responsive(min769) { top: 0; } */ } header.has-subnav + div > .content-wrap .anchor-push { top: -128px; } section.background { background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-color: #6AA4B6; overflow: hidden; } section.four-oh-four { background-color: #F0EEEF; text-align: center; color: #00395A; } section.four-oh-four .four-oh-four-wrap { padding: 108px 3rem; } section.four-oh-four img { display: block; width: 80%; max-width: 420px; margin: 3rem auto 4.5rem; } section.intro { backface-visibility: hidden; background-color: #EDE7E7; } section.intro .intro-arrow { position: absolute; bottom: 15px; left: 50%; text-align: center; will-change: opacity; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; z-index: 2; display: none; } @media only screen and (min-width: 769px) { section.intro .intro-arrow { display: block; } } section.intro .intro-arrow span { display: block; width: 42px; height: 42px; margin-left: -21px; background: url(i/down-arrow.svg) 50% 100% no-repeat; -webkit-background-size: 42px 42px; -moz-background-size: 42px 42px; -o-background-size: 42px 42px; background-size: 42px 42px; will-change: auto; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } section.intro .intro-arrow:hover span { -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } section.intro.lead-in .intro-arrow, section.intro.scrolled-past .intro-arrow { opacity: 0; } section.intro .intro-blocks { will-change: margin; -webkit-transition: margin 0.5s; -moz-transition: margin 0.5s; -o-transition: margin 0.5s; transition: margin 0.5s; } section.intro .intro-blocks h1 { margin: 2rem 0; } section.intro .intro-blocks p { font-size: 1.6rem; } section.intro .intro-blocks .intro-block { position: relative; display: block; width: 100%; padding: 3rem; background: rgba(0, 57, 90, 0); color: #F0EEEF; will-change: background; -webkit-transition: background 0.25s; -moz-transition: background 0.25s; -o-transition: background 0.25s; transition: background 0.25s; } section.intro .intro-blocks .intro-block + .intro-block { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; background: rgba(7, 42, 63, 0.93); } @media only screen and (min-width: 769px) { section.intro .intro-blocks { display: table; padding: 72px; } section.intro .intro-blocks .intro-block { display: table-cell; vertical-align: bottom; width: 50%; padding: 4rem; } } section.intro .intro-blocks .show-more:focus { color: #6AA4B6; } section.intro .intro-blocks.more .intro-block { background: rgba(0, 57, 90, 0.93); text-shadow: none; } section.intro .intro-blocks.more .intro-block + .intro-block { background: rgba(7, 42, 63, 0.93); visibility: visible; opacity: 0.99999; transition-delay: 0s; } section.intro .intro-blocks .buttons { position: absolute; bottom: 0; left: 0; padding: 4rem; } @media only screen and (max-width: 768px) { section.intro .intro-blocks .buttons { padding: 3rem; } } @media only screen and (max-width: 1023px) { section.intro .intro-blocks .buttons { letter-spacing: -0.31em; text-rendering: optimizeLegibility; width: 100%; } section.intro .intro-blocks .buttons.same-width a, section.intro .intro-blocks .buttons > a { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 50%; } } section.intro .intro-blocks .button:focus, section.intro .intro-blocks .button:hover { color: #072A3F; border-color: #F0EEEF; background: #F0EEEF; } section.intro .v-bot { background: transparent; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop', GradientType=0 ); } section.intro .v-bot .intro-block-text { padding-bottom: 6rem; } section.intro .v-center { background: rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, transparent)); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop', GradientType=0 ); } section.intro .v-center .intro-blocks .intro-block { display: block; } @media only screen and (min-width: 769px) { section.intro .v-center .intro-blocks .intro-block { margin-left: 50%; } section.intro .v-center .intro-blocks .intro-block + .intro-block { padding-bottom: 4rem; } } section.intro .v-center .intro-blocks .intro-block .buttons { position: relative; padding: 6rem 0 0; } section.intro > video { position: absolute; z-index: 0; } .intro-content { display: block; max-width: 600px; margin: 0 auto; text-align: center; } .intro-content + .membership-levels, .intro-content + .content { margin-top: 4.5rem; } .intro-content + script { display: inline; opacity: 0; height: 0; overflow: hidden; } .intro-content ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 6px 0 0; } .wrap + .content, .before-after-caption { margin-top: 4.5rem; } .intro-text h1 { margin-bottom: 3rem; } @media only screen and (min-width: 769px) { .intro-text:before { content: ''; display: block; height: 100%; height: 100vh; } .intro-text h1 { margin-bottom: 6rem; } } .intro-text .intro-text-block { margin-top: -162px; padding: 45px 3rem; background: #404041; color: #F0EEEF; will-change: margin; -webkit-transition: margin 0.25s; -moz-transition: margin 0.25s; -o-transition: margin 0.25s; transition: margin 0.25s; } @media only screen and (min-width: 769px) { .intro-text .intro-text-block { background: rgba(64, 64, 65, 0.93); padding: 45px 90px 90px; } } .intro-text .intro-text-block a:not(.button):not(.more):not(.item-image) { color: #F0EEEF; padding-bottom: 1px; background-image: -webkit-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -webkit-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -webkit-linear-gradient(#F0EEEF, #F0EEEF); background-image: -moz-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -moz-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -moz-linear-gradient(#F0EEEF, #F0EEEF); background-image: -o-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -o-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -o-linear-gradient(#F0EEEF, #F0EEEF); background-image: -ms-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -ms-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -ms-linear-gradient(#F0EEEF, #F0EEEF); background-image: linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), linear-gradient(#F0EEEF, #F0EEEF); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 rgba(64, 64, 65, 0.93), -0.03em 0 rgba(64, 64, 65, 0.93), 0 0.03em rgba(64, 64, 65, 0.93), 0 -0.03em rgba(64, 64, 65, 0.93), 0.06em 0 rgba(64, 64, 65, 0.93), -0.06em 0 rgba(64, 64, 65, 0.93), 0.09em 0 rgba(64, 64, 65, 0.93), -0.09em 0 rgba(64, 64, 65, 0.93), 0.12em 0 rgba(64, 64, 65, 0.93), -0.12em 0 rgba(64, 64, 65, 0.93), 0.15em 0 rgba(64, 64, 65, 0.93), -0.15em 0 rgba(64, 64, 65, 0.93); background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .intro-text .intro-text-block a:not(.button):not(.more):not(.item-image):focus, .intro-text .intro-text-block a:not(.button):not(.more):not(.item-image):hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -webkit-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -moz-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -o-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -ms-linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), linear-gradient(rgba(64, 64, 65, 0.93), rgba(64, 64, 65, 0.93)), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 rgba(64, 64, 65, 0.93), -0.03em 0 rgba(64, 64, 65, 0.93), 0 0.03em rgba(64, 64, 65, 0.93), 0 -0.03em rgba(64, 64, 65, 0.93), 0.06em 0 rgba(64, 64, 65, 0.93), -0.06em 0 rgba(64, 64, 65, 0.93), 0.09em 0 rgba(64, 64, 65, 0.93), -0.09em 0 rgba(64, 64, 65, 0.93), 0.12em 0 rgba(64, 64, 65, 0.93), -0.12em 0 rgba(64, 64, 65, 0.93), 0.15em 0 rgba(64, 64, 65, 0.93), -0.15em 0 rgba(64, 64, 65, 0.93); background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .intro-text.exhibit-text .intro-text-block { background: #00395A; } @media only screen and (min-width: 769px) { .intro-text.exhibit-text .intro-text-block { background: rgba(0, 57, 90, 0.93); } } .intro-text.exhibit-text .intro-text-block a:not(.button):not(.more):not(.item-image) { color: #F0EEEF; padding-bottom: 1px; background-image: -webkit-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -webkit-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -webkit-linear-gradient(#F0EEEF, #F0EEEF); background-image: -moz-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -moz-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -moz-linear-gradient(#F0EEEF, #F0EEEF); background-image: -o-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -o-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -o-linear-gradient(#F0EEEF, #F0EEEF); background-image: -ms-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -ms-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -ms-linear-gradient(#F0EEEF, #F0EEEF); background-image: linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), linear-gradient(#F0EEEF, #F0EEEF); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 rgba(0, 57, 90, 0.93), -0.03em 0 rgba(0, 57, 90, 0.93), 0 0.03em rgba(0, 57, 90, 0.93), 0 -0.03em rgba(0, 57, 90, 0.93), 0.06em 0 rgba(0, 57, 90, 0.93), -0.06em 0 rgba(0, 57, 90, 0.93), 0.09em 0 rgba(0, 57, 90, 0.93), -0.09em 0 rgba(0, 57, 90, 0.93), 0.12em 0 rgba(0, 57, 90, 0.93), -0.12em 0 rgba(0, 57, 90, 0.93), 0.15em 0 rgba(0, 57, 90, 0.93), -0.15em 0 rgba(0, 57, 90, 0.93); background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .intro-text.exhibit-text .intro-text-block a:not(.button):not(.more):not(.item-image):focus, .intro-text.exhibit-text .intro-text-block a:not(.button):not(.more):not(.item-image):hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -webkit-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -moz-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -o-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -ms-linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), linear-gradient(rgba(0, 57, 90, 0.93), rgba(0, 57, 90, 0.93)), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 rgba(0, 57, 90, 0.93), -0.03em 0 rgba(0, 57, 90, 0.93), 0 0.03em rgba(0, 57, 90, 0.93), 0 -0.03em rgba(0, 57, 90, 0.93), 0.06em 0 rgba(0, 57, 90, 0.93), -0.06em 0 rgba(0, 57, 90, 0.93), 0.09em 0 rgba(0, 57, 90, 0.93), -0.09em 0 rgba(0, 57, 90, 0.93), 0.12em 0 rgba(0, 57, 90, 0.93), -0.12em 0 rgba(0, 57, 90, 0.93), 0.15em 0 rgba(0, 57, 90, 0.93), -0.15em 0 rgba(0, 57, 90, 0.93); background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .intro-text.exhibit-text h1 { margin-bottom: 3rem; } .intro-text.exhibit-text .buttons a:focus, .intro-text.exhibit-text .buttons a:hover { background: #fff; color: #00395A; border-color: #fff; } .intro-text .content { margin-top: 3rem; } @media only screen and (min-width: 769px) { .intro-text .content { margin-top: 6rem; } } .intro-text .content .show-more { margin: 3rem 0; } .content { text-align: left; } .grid { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .grid .grid-width { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 100%; } .grid .grid-item { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; vertical-align: top; overflow: hidden; } .home-grid-wrap { width: 100%; padding: 4px; } .home-grid-title { position: relative; text-align: center; background: #F0EEEF; color: #404041; padding: 144px 3rem; } .home-grid-title .background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } .home-grid-date-wrap { position: relative; z-index: 2; } .home-grid-date-wrap input.hidden { display: none !important; } .home-grid-date { visibility: visible; opacity: 0.99999; transition-delay: 0s; z-index: 100000; position: absolute; top: 0; left: 0; right: -8px; bottom: -8px; } .home-grid-date .item-wrap { background-color: #fff; display: table; width: 100%; height: 100%; text-align: center; } .home-grid-date .item-wrap > * { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .home-grid-date .item-wrap .item-wrap-inner { width: 100%; height: 100%; position: relative; } .home-grid-date .item-wrap h1 { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; padding: 24px; margin: 12px auto; border: 6px solid; cursor: pointer; letter-spacing: 3px; } .home-grid-date .item-wrap p { font-size: 1.6rem; max-width: 56.25%; margin: 0 auto; } .home-grid-date .item-wrap:hover { color: #404041 !important; } .home-cal-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 4px; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } .home-cal-wrap.show { visibility: visible; opacity: 0.99999; transition-delay: 0s; } .home-cal { background: #6AA4B6 url(i/circle80.png) 50% 50% no-repeat; -webkit-background-size: 80% auto; -moz-background-size: 80% auto; -o-background-size: 80% auto; background-size: 80% auto; color: #404041; } .home-cal .ui-datepicker { display: block; max-width: 50%; margin: 0 auto; } .home-cal .ui-datepicker a { text-decoration: none; } .home-cal .ui-datepicker table { width: 100%; } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-title { text-align: center; text-transform: uppercase; font-size: 2rem; line-height: 3rem; /* &:before, &:after { content: "—"; margin: 0 0.5rem; } */ } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-next { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; cursor: pointer; position: relative; top: 0; width: 3rem; height: 3rem; font-size: 3rem; line-height: 3rem; } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { float: left; background-position: 6px 9px; } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled { visibility: hidden; opacity: 0; } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-next { background-position: calc(100% - 6px) 9px; float: right; text-align: right; } .home-cal .ui-datepicker th { text-transform: uppercase; font-size: 1rem; text-align: center; } .home-cal .ui-datepicker td span, .home-cal .ui-datepicker td a { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; font-size: 16px; height: 2rem; line-height: 2rem; font-weight: normal; text-align: center; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default { color: #00395A; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable .ui-state-default { color: #6AA4B6; cursor: default; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-other-month .ui-state-default { color: transparent; cursor: default; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day .ui-state-default { background: #6AA4B6; color: #fff; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td:not(.ui-datepicker-other-month) + .ui-datepicker-other-month .ui-state-default { color: transparent; cursor: default; position: relative; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td:not(.ui-datepicker-other-month) + .ui-datepicker-other-month .ui-state-default:after { content: ""; position: absolute; top: 0; left: 0; right: -2px; bottom: -2px; background: transparent; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td.highlight:not(.ui-datepicker-unselectable) .ui-state-default { background: #072A3F; color: #fff; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td.highlight:not(.ui-datepicker-unselectable) .ui-state-active { background: #072A3F; color: #fff; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-hover { background: #6AA4B6; color: #072A3F; } .home-cal .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-active:not(.ui-state-highlight) { background: #6AA4B6; color: #fff; } @media only screen and (min-width: 600px) { .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-title { font-size: 3rem; } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-next { -webkit-background-size: auto 24px; -moz-background-size: auto 24px; -o-background-size: auto 24px; background-size: auto 24px; } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { background-position: 6px 6px; } .home-cal .ui-datepicker .ui-datepicker-header .ui-datepicker-next { background-position: calc(100% - 6px) 6px; } .home-cal .ui-datepicker th { font-size: 1.2rem; padding: 1rem 0; } .home-cal .ui-datepicker td span, .home-cal .ui-datepicker td a { font-size: 2rem; height: 3rem; line-height: 3rem; } } .home-grid { position: relative; z-index: 1; min-height: 50vh; } .home-grid .grid-item { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; } .home-grid.show .grid-item { visibility: visible; opacity: 0.99999; transition-delay: 0s; } .home-grid .grid-width { padding: 4px; text-align: center; } .home-grid .grid-item { padding: 4px; } @media only screen and (min-width: 600px) { .home-grid .grid-item { width: 50%; } .home-grid .grid-item.two-by-two, .home-grid .grid-item.two-by-one { width: 100%; } } @media only screen and (min-width: 930px) { .home-grid .grid-item { width: 33.3333333333%; } .home-grid .grid-item.two-by-two, .home-grid .grid-item.two-by-one { width: 66.6666666667%; } } @media only screen and (min-width: 1200px) { .home-grid .grid-item { width: 25%; } .home-grid .grid-item.two-by-two, .home-grid .grid-item.two-by-one { width: 50%; } } .home-grid .grid-item .item-wrap { display: block; background-color: #F0EEEF; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; color: #404041; } .home-grid .grid-item .item-wrap .item-wrap-inner { width: 100%; height: 100%; position: relative; } .home-grid .grid-item .item-wrap .item-wrap-inner a { color: #404041; } .home-grid .grid-item .item-wrap .item-wrap-inner.top { display: table; width: 100%; height: 100%; } .home-grid .grid-item .item-wrap .item-wrap-inner.top > * { display: table-cell; width: 100%; height: 100%; vertical-align: top; } .home-grid .grid-item .item-wrap .item-wrap-inner.middle { display: table; width: 100%; height: 100%; text-align: center; } .home-grid .grid-item .item-wrap .item-wrap-inner.middle > * { display: table-cell; width: 100%; height: 100%; vertical-align: middle; } .home-grid .grid-item .item-wrap .item-wrap-inner.bottom { display: table; width: 100%; height: 100%; } .home-grid .grid-item .item-wrap .item-wrap-inner.bottom > * { display: table-cell; width: 100%; height: 100%; vertical-align: bottom; } .home-grid .grid-item .item-wrap .item-content { position: relative; padding: 3rem; z-index: 1; } .home-grid .grid-item .item-wrap .item-content h4 { font-weight: 400; } .home-grid .grid-item .item-wrap .item-content h4 span { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .home-grid .grid-item .item-wrap .item-content p, .home-grid .grid-item .item-wrap .item-content .buttons { display: none; } .home-grid .grid-item .item-wrap .item-content .buttons { margin-top: 4.5rem; } .home-grid .grid-item .item-wrap .item-content .button { color: #fff; } .home-grid .grid-item .item-wrap .item-content .button:focus, .home-grid .grid-item .item-wrap .item-content .button:hover { color: #072A3F; border-color: #F0EEEF; background: #F0EEEF; } .home-grid .grid-item .item-wrap.color.touch, .home-grid .grid-item .item-wrap.color:focus, .home-grid .grid-item .item-wrap.color:hover { background-color: #6AA4B6; color: #fff; } .home-grid .grid-item .item-wrap.color.touch a, .home-grid .grid-item .item-wrap.color:focus a, .home-grid .grid-item .item-wrap.color:hover a { color: #fff; } .home-grid .grid-item .item-wrap.pattern.touch, .home-grid .grid-item .item-wrap.pattern:focus, .home-grid .grid-item .item-wrap.pattern:hover { background-image: linear-gradient(45deg, #9EA517 25%, #939a15 25%, #939a15 50%, #9EA517 50%, #9EA517 75%, #939a15 75%, #939a15); background-repeat: repeat; -webkit-background-size: 100px 100px; -moz-background-size: 100px 100px; -o-background-size: 100px 100px; background-size: 100px 100px; -webkit-animation: barberpole 2s linear infinite; animation: barberpole 2s linear infinite; color: #fff; } .home-grid .grid-item .item-wrap.pattern.touch a, .home-grid .grid-item .item-wrap.pattern:focus a, .home-grid .grid-item .item-wrap.pattern:hover a { color: #fff; } .home-grid .grid-item .item-wrap.image-loaded a { color: #F0EEEF; } .home-grid .grid-item .item-wrap.image-loaded .item-wrap-inner { color: #F0EEEF; } .home-grid .grid-item .item-wrap.image-loaded .item-wrap-inner:before { content: ''; position: absolute; right: 0; left: 0; bottom: 0; height: 25%; z-index: 0; background: transparent; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.7) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$start', endColorstr='$stop', GradientType=0 ); } .home-grid .grid-item .item-wrap.image-loaded.touched, .home-grid .grid-item .item-wrap.image-loaded:focus, .home-grid .grid-item .item-wrap.image-loaded:hover { color: #fff; } .home-grid .grid-item .item-wrap.image-loaded.touched .item-wrap-inner:before, .home-grid .grid-item .item-wrap.image-loaded:focus .item-wrap-inner:before, .home-grid .grid-item .item-wrap.image-loaded:hover .item-wrap-inner:before { height: 100%; background: rgba(7, 42, 63, 0.93); } .home-grid .grid-item .item-wrap.image-loaded.touched p, .home-grid .grid-item .item-wrap.image-loaded.touched .buttons, .home-grid .grid-item .item-wrap.image-loaded:focus p, .home-grid .grid-item .item-wrap.image-loaded:focus .buttons, .home-grid .grid-item .item-wrap.image-loaded:hover p, .home-grid .grid-item .item-wrap.image-loaded:hover .buttons { display: block; } .home-grid .grid-item.date-mask .item-wrap { background-color: #fff !important; } @keyframes barberpole { from { background-position: 0 0; } to { background-position: -200px -100px; } } .filters { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; display: none; text-align: center; margin: 4.5rem 72px; border-top: 1px solid; border-bottom: 1px solid; padding: 1rem 3rem; color: inherit; } @media only screen and (min-width: 600px) { .filters { display: block; } } .filters ul { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .filters ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; list-style: none; margin: 0; } .filters ul li.filter { padding: 0 1rem; cursor: pointer; } .filters ul li.filter + .filter { border-left: 1px solid; } .filters ul li.filter:focus, .filters ul li.filter:hover, .filters ul li.filter.selected { border-color: #F0EEEF; color: #6AA4B6; } .grid-wrap { width: 100%; } .grid:not(.membership-levels):not(.home-grid) { margin: 15px -15px 0; text-align: center; } .grid:not(.membership-levels):not(.home-grid) .grid-width { padding: 15px; } .grid:not(.membership-levels):not(.home-grid) .grid-item { width: 100%; padding: 15px; text-align: left; } .grid:not(.membership-levels):not(.home-grid) .item-wrap { display: block; background-color: #fff; overflow: hidden; position: relative; } .grid:not(.membership-levels):not(.home-grid) .item-wrap:focus, .grid:not(.membership-levels):not(.home-grid) .item-wrap:hover { background-color: #00395A; color: #F0EEEF; } .grid:not(.membership-levels):not(.home-grid) .item-wrap:focus a, .grid:not(.membership-levels):not(.home-grid) .item-wrap:hover a { color: #F0EEEF; } .grid:not(.membership-levels):not(.home-grid) .notice { position: absolute; bottom: 0; left: 0; width: 100%; height: 3rem; line-height: 3rem; text-transform: uppercase; background: rgba(106, 164, 182, 0.93); color: #fff; text-align: center; } .grid:not(.membership-levels):not(.home-grid) a { display: block; color: #404041; } .grid:not(.membership-levels):not(.home-grid) .item-content { display: block; position: relative; padding: 15px 15px 45px; } .grid:not(.membership-levels):not(.home-grid) .view-item { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; } @media only screen and (min-width: 480px) { .grid.thin-boxes:not(.membership-levels):not(.home-grid) .grid-item { width: 50%; } } @media only screen and (min-width: 600px) { .grid.thin-boxes:not(.membership-levels):not(.home-grid) .grid-item { width: 33.3333333333%; } } @media only screen and (min-width: 930px) { .grid.thin-boxes:not(.membership-levels):not(.home-grid) .grid-item { width: 25%; } } @media only screen and (min-width: 1200px) { .grid.thin-boxes:not(.membership-levels):not(.home-grid) .grid-item { width: 20%; } } @media only screen and (min-width: 480px) { .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap .item-image { padding-bottom: 100%; } } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap .item-content p { display: none; font-size: 1.4rem; line-height: 1.25; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap .item-content h5:first-child { letter-spacing: -0.03em; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap .item-content h5:first-child span { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap.static-wrap .item-content p { display: block; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap:not(.static-wrap):hover .item-image { display: none; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap:not(.static-wrap):hover .item-content { height: 100% !important; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap:not(.static-wrap):hover .item-content p { display: block; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .item-wrap:not(.static-wrap):hover .view-item { background: #00395A; } .grid.wide-boxes:not(.membership-levels):not(.home-grid) .grid-item { /* @include responsive(min480) { width: 100%; } */ /* @include responsive(min930) { width: percentage(1/2); } */ } @media only screen and (min-width: 600px) { .grid.wide-boxes:not(.membership-levels):not(.home-grid) .grid-item { width: 50%; } } @media only screen and (min-width: 1200px) { .grid.wide-boxes:not(.membership-levels):not(.home-grid) .grid-item { width: 33.3333333333%; } } .grid.wide-boxes:not(.membership-levels):not(.home-grid) .grid-item .item-wrap:focus, .grid.wide-boxes:not(.membership-levels):not(.home-grid) .grid-item .item-wrap:hover { background: #00395A; color: #fff; } @media only screen and (min-width: 930px) { .grid.current-grid:not(.membership-levels):not(.home-grid) .grid-item:nth-child(3n+1):not(:last-child):not(:nth-last-child(2)) { margin-left: 12.5%; } .grid.current-grid:not(.membership-levels):not(.home-grid) .grid-item:nth-child(3n+3) { margin-right: 12.5%; } } @media only screen and (min-width: 1200px) { .grid.current-grid:not(.membership-levels):not(.home-grid) .grid-item:nth-child(3n+1):not(:last-child):not(:nth-last-child(2)) { margin-left: 20%; } .grid.current-grid:not(.membership-levels):not(.home-grid) .grid-item:nth-child(3n+3) { margin-right: 20%; } } .grid.three-up-blocks:not(.membership-levels):not(.home-grid) .grid-item .item-content { color: #fff; background: #404041; padding: 3rem 3rem 6rem; } .grid.three-up-blocks:not(.membership-levels):not(.home-grid) .grid-item .item-content .view-more { position: absolute; bottom: 3rem; left: 3rem; } .grid.three-up-blocks:not(.membership-levels):not(.home-grid) .grid-item .item-content a { color: #fff; padding-bottom: 1px; background-image: -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#fff, #fff); background-image: -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#fff, #fff); background-image: -o-linear-gradient(#404041, #404041), -o-linear-gradient(#404041, #404041), -o-linear-gradient(#fff, #fff); background-image: -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#fff, #fff); background-image: linear-gradient(#404041, #404041), linear-gradient(#404041, #404041), linear-gradient(#fff, #fff); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #404041, -0.03em 0 #404041, 0 0.03em #404041, 0 -0.03em #404041, 0.06em 0 #404041, -0.06em 0 #404041, 0.09em 0 #404041, -0.09em 0 #404041, 0.12em 0 #404041, -0.12em 0 #404041, 0.15em 0 #404041, -0.15em 0 #404041; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .grid { will-change: opacity; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; } .grid .grid-item { will-change: auto; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .grid.in-motion { opacity: 0; } .grid.in-motion .grid-item { -webkit-transform: translateY(1rem); -moz-transform: translateY(1rem); -ms-transform: translateY(1rem); -o-transform: translateY(1rem); transform: translateY(1rem); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } section.event { display: block; max-width: 1140px; margin: 0 auto; } .event-info .split-title { padding-bottom: 1rem; margin-bottom: 1rem; border-width: 2px; } .event-info .description { margin: 1rem 0 3rem; } .event-info .buttons { margin-top: 3rem; } .event-times { margin-top: 3rem; } .event-times span { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .event-times h5 { margin-top: 1rem; cursor: pointer; } .event-meta { font-size: 1.1rem; line-height: 1.25; font-weight: 800; letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; letter-spacing: -0.31em; text-rendering: optimizeLegibility; /* span { @include inline-block; + li { &:before { content: ' '; margin-left: 5px; } } } */ } .event-meta li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0; } .event-meta li:not(:last-child):after { content: ','; letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin-right: 0.25em; } .event-meta + .event-meta:before { content: '—'; letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin-right: 5px; } .membership-levels { margin: 6rem 0 0; text-align: center; } @media only screen and (min-width: 600px) { .membership-levels { margin: 4.5rem -15px 0; } } .membership-levels .grid-item { width: 100%; text-align: left; margin-bottom: 3rem; /* @include responsive(min1024) { width: percentage(1/4); &:nth-child(3n+1) { border-left: 2px solid; } &:nth-child(4n+1) { border-left: 0; } } */ } .membership-levels .grid-item + .grid-item { padding-top: 3rem; border-top: 2px solid; } .membership-levels .grid-item .item-wrap { display: block; } .membership-levels .grid-item .item-wrap .item-content { position: relative; padding: 0 0 6rem; } @media only screen and (min-width: 600px) { .membership-levels .grid-item { width: 50%; } .membership-levels .grid-item + .grid-item { margin-bottom: 6rem; padding-top: 0; border-top: 0; border-left: 2px solid; } .membership-levels .grid-item:nth-child(2n+1) { border-left: 0; } .membership-levels .grid-item .item-wrap .item-content { padding: 0 3rem 6rem; } } @media only screen and (min-width: 769px) { .membership-levels .grid-item { width: 33.3333333333%; } .membership-levels .grid-item:nth-child(2n+1) { border-left: 2px solid; } .membership-levels .grid-item:nth-child(3n+1) { border-left: 0; } } @media only screen and (min-width: 1200px) { .membership-levels .grid-item { width: 20%; } .membership-levels .grid-item:nth-child(3n+1) { border-left: 2px solid; } .membership-levels .grid-item:nth-child(5n+1) { border-left: 0; } } .membership-levels .buttons { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; margin: 0; } .membership-levels .buttons .button { margin: 0; } .wrap.p1018, .charcoal { background: #404041; color: #fff; } .wrap.p1018 > .padded, .charcoal > .padded { padding-top: 72px; } .wrap.p1018 section:not(.grid-wrap) a:not(.button):not(.more):not(.item-image), .charcoal section:not(.grid-wrap) a:not(.button):not(.more):not(.item-image) { color: #fff; padding-bottom: 1px; background-image: -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#fff, #fff); background-image: -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#fff, #fff); background-image: -o-linear-gradient(#404041, #404041), -o-linear-gradient(#404041, #404041), -o-linear-gradient(#fff, #fff); background-image: -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#fff, #fff); background-image: linear-gradient(#404041, #404041), linear-gradient(#404041, #404041), linear-gradient(#fff, #fff); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #404041, -0.03em 0 #404041, 0 0.03em #404041, 0 -0.03em #404041, 0.06em 0 #404041, -0.06em 0 #404041, 0.09em 0 #404041, -0.09em 0 #404041, 0.12em 0 #404041, -0.12em 0 #404041, 0.15em 0 #404041, -0.15em 0 #404041; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .wrap.p1018 section:not(.grid-wrap) a:not(.button):not(.more):not(.item-image):focus, .wrap.p1018 section:not(.grid-wrap) a:not(.button):not(.more):not(.item-image):hover, .charcoal section:not(.grid-wrap) a:not(.button):not(.more):not(.item-image):focus, .charcoal section:not(.grid-wrap) a:not(.button):not(.more):not(.item-image):hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#404041, #404041), -o-linear-gradient(#404041, #404041), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#404041, #404041), linear-gradient(#404041, #404041), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #404041, -0.03em 0 #404041, 0 0.03em #404041, 0 -0.03em #404041, 0.06em 0 #404041, -0.06em 0 #404041, 0.09em 0 #404041, -0.09em 0 #404041, 0.12em 0 #404041, -0.12em 0 #404041, 0.15em 0 #404041, -0.15em 0 #404041; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .title + .accordion, .section-title + .accordion { margin-top: 6rem; } .accordion { border-bottom: 1px solid #000; opacity: 0; will-change: opacity; -webkit-transition: opacity 0.25s; -moz-transition: opacity 0.25s; -o-transition: opacity 0.25s; transition: opacity 0.25s; text-align: left; } .accordion.show { opacity: 1; } .accordion dt { border-top: 1px solid #000; position: relative; cursor: ns-resize; padding: 3rem 3rem 3rem 0; } @media only screen and (min-width: 769px) { .accordion dt { padding: 3rem; } } .accordion dt:after { content: ''; font-family: genericons; display: block; position: absolute; top: 3rem; right: 0; cursor: pointer; font-size: 2.4rem; line-height: 1.2; } .accordion dt .row-intro { display: block; width: 100%; overflow: hidden; height: 2rem; } .accordion dt .row-intro p { width: 100%; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; word-wrap: normal; } .accordion dt.open .row-intro { height: initial; overflow: visible; } .accordion dt.open .row-intro p { overflow: visible; white-space: normal; } .accordion dt.open:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .accordion dd { opacity: 0; will-change: opacity; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; padding: 0 0 3rem 0; } @media only screen and (min-width: 769px) { .accordion dd { padding: 0 0 3rem 3rem; } } .accordion dd.open { opacity: 0.99999; } .accordion dd .button { margin-top: 2rem; } .split-blocks { display: block; max-width: 960px; margin: 6rem auto 0; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .split-blocks + .buttons { margin-top: 4.5rem; } .split-blocks > div { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 100%; padding: 3rem; } @media only screen and (min-width: 769px) { .split-blocks > div { width: 50%; padding: 6rem; min-height: 320px; } } .split-blocks > div:first-child { background-color: #D6E1E5; } .split-blocks > div:first-child a { color: #404041; padding-bottom: 1px; background-image: -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(#404041, #404041); background-image: -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(#404041, #404041); background-image: -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(#404041, #404041); background-image: -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(#404041, #404041); background-image: linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(#404041, #404041); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #D6E1E5, -0.03em 0 #D6E1E5, 0 0.03em #D6E1E5, 0 -0.03em #D6E1E5, 0.06em 0 #D6E1E5, -0.06em 0 #D6E1E5, 0.09em 0 #D6E1E5, -0.09em 0 #D6E1E5, 0.12em 0 #D6E1E5, -0.12em 0 #D6E1E5, 0.15em 0 #D6E1E5, -0.15em 0 #D6E1E5; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .split-blocks > div:first-child a:focus, .split-blocks > div:first-child a:hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(#D6E1E5, #D6E1E5), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(#D6E1E5, #D6E1E5), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(#D6E1E5, #D6E1E5), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(#D6E1E5, #D6E1E5), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(#D6E1E5, #D6E1E5), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #D6E1E5, -0.03em 0 #D6E1E5, 0 0.03em #D6E1E5, 0 -0.03em #D6E1E5, 0.06em 0 #D6E1E5, -0.06em 0 #D6E1E5, 0.09em 0 #D6E1E5, -0.09em 0 #D6E1E5, 0.12em 0 #D6E1E5, -0.12em 0 #D6E1E5, 0.15em 0 #D6E1E5, -0.15em 0 #D6E1E5; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .split-blocks > div:last-child { background-color: #404041; color: #fff; } .split-blocks > div:last-child a { color: #fff; padding-bottom: 1px; background-image: -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#fff, #fff); background-image: -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#fff, #fff); background-image: -o-linear-gradient(#404041, #404041), -o-linear-gradient(#404041, #404041), -o-linear-gradient(#fff, #fff); background-image: -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#fff, #fff); background-image: linear-gradient(#404041, #404041), linear-gradient(#404041, #404041), linear-gradient(#fff, #fff); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #404041, -0.03em 0 #404041, 0 0.03em #404041, 0 -0.03em #404041, 0.06em 0 #404041, -0.06em 0 #404041, 0.09em 0 #404041, -0.09em 0 #404041, 0.12em 0 #404041, -0.12em 0 #404041, 0.15em 0 #404041, -0.15em 0 #404041; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .split-blocks > div:last-child a:focus, .split-blocks > div:last-child a:hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#404041, #404041), -o-linear-gradient(#404041, #404041), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#404041, #404041), linear-gradient(#404041, #404041), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #404041, -0.03em 0 #404041, 0 0.03em #404041, 0 -0.03em #404041, 0.06em 0 #404041, -0.06em 0 #404041, 0.09em 0 #404041, -0.09em 0 #404041, 0.12em 0 #404041, -0.12em 0 #404041, 0.15em 0 #404041, -0.15em 0 #404041; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .split-blocks .image-block { background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; position: relative; } @media only screen and (max-width: 768px) { .split-blocks .image-block { position: relative; display: block; width: 100%; height: 0; padding-bottom: 56.25%; } } .split-blocks .content-block { text-align: left; } .mist .split-blocks > div:first-child { background-color: #fff; } .mist .split-blocks > div:first-child a { padding-bottom: 1px; background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#404041, #404041); background-image: -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#404041, #404041); background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(#fff, #fff), -o-linear-gradient(#404041, #404041); background-image: -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#404041, #404041); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#404041, #404041); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .mist .split-blocks > div:first-child a:focus, .mist .split-blocks > div:first-child a:hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(#fff, #fff), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .stacked-blocks { display: block; max-width: 960px; margin: 0 auto; border-top: 2px solid #000; } .stacked-blocks .stacked-item { padding: 3rem 0; border-bottom: 2px solid #000; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .stacked-blocks .stacked-item > div { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 100%; } @media only screen and (min-width: 600px) { .stacked-blocks .stacked-item > div { width: 50%; padding: 0 15px 0 0; } .stacked-blocks .stacked-item > div + div { padding: 0 0 0 15px; } } .stacked-blocks .stacked-item .stacked-content { position: relative; text-align: left; padding-top: 3rem; height: 100%; } @media only screen and (min-width: 600px) { .stacked-blocks .stacked-item .stacked-content { padding: 1.5rem 0 3rem; } } .stacked-blocks .stacked-item .stacked-content .view-item { margin-top: 3rem; } @media only screen and (min-width: 600px) { .stacked-blocks .stacked-item .stacked-content .view-item { position: absolute; bottom: 0; right: 0; } } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 6; overflow: auto; visibility: hidden; opacity: 0; padding: 102px 3rem 3rem; } .modal .fullscreen { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; flex-direction: column; justify-content: center; text-align: center; } .modal.show { visibility: visible; opacity: 0.99999; transition-delay: 0s; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .modal.hidden { display: none; } .modal .modal-close { position: fixed; top: 102px; right: 3rem; cursor: pointer; z-index: 1000; font-size: 28px; line-height: 3rem; font-weight: 300; } .modal.error-modal h2:before { content: ''; display: block; width: 8rem; height: 8rem; background: url(i/mohai-mini-loader.gif) 50% 50% no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; margin: 0 auto; } .ajax-load { position: relative; } .spinner { width: 3rem; height: 3rem; position: relative; margin: 15px auto; } .spinner div { width: 100%; height: 100%; border-radius: 50%; background-color: #F0EEEF; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .spinner + div { background-color: #F0EEEF; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .support { display: block; width: 100%; max-width: 1280px; margin: 0 auto; text-align: center; color: #000; padding: 3rem 0; } @media only screen and (min-width: 769px) { .support { padding: 3rem; } } .support .logos { display: block; margin: 3rem auto 0; letter-spacing: -0.31em; text-rendering: optimizeLegibility; /* // ditched this version &.awards:not(.bot) { > div { vertical-align: top; width: 100%; padding: 0 3rem 3rem; @include responsive(min769) { width: 33.33333%; } @include responsive(min1024) { width: 25%; } } } */ } .support .logos > div { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .support .logos > div div { display: block; width: 100%; max-width: 180px; height: 0; padding-bottom: 56.25%; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; text-indent: 1500%; white-space: nowrap; overflow: hidden; margin: 0 auto; } .support .logos > div div:focus a, .support .logos > div div:hover a { opacity: 0.6; } .support .logos.top { margin-bottom: -3rem; } .support .logos.top > div { padding: 0 15px; margin-bottom: 3rem; border-left: 1px solid #000; } @media only screen and (max-width: 768px) { .support .logos.top > div { margin-bottom: 1rem; width: 33.3333333333%; } .support .logos.top > div:nth-child(3n+1) { border-left: 0; } } @media only screen and (min-width: 769px) { .support .logos.top > div { width: 20%; } .support .logos.top > div:nth-child(5n+1) { border-left: 0; } } @media only screen and (min-width: 1024px) { .support .logos.top > div { padding: 0 3rem; } } .support .logos.mid { margin-bottom: -3rem; } .support .logos.mid > div { padding: 0 15px; margin-bottom: 3rem; border-left: 1px solid #000; } @media only screen and (max-width: 768px) { .support .logos.mid > div { width: 25%; } .support .logos.mid > div:nth-child(4n+1) { border-left: 0; } } @media only screen and (min-width: 769px) { .support .logos.mid > div { width: 12.5%; } .support .logos.mid > div:nth-child(8n+1) { border-left: 0; } } @media only screen and (min-width: 1024px) { .support .logos.mid > div { padding: 0 3rem; } } .support .logos.bot > div { width: 50%; padding: 0 1.5rem 1rem; } @media only screen and (min-width: 769px) { .support .logos.bot > div { width: 33.3333333333%; } } @media only screen and (min-width: 1024px) { .support .logos.bot > div { width: 25%; } } @media only screen and (min-width: 1200px) { .support .logos.bot > div { width: 20%; } } .support .logos.bot.awards { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } @media only screen and (min-width: 600px) { .support .logos.bot.awards { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } } @media only screen and (min-width: 769px) { .support .logos.bot.awards { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } } @media only screen and (min-width: 1024px) { .support .logos.bot.awards { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } } .support .logos.bot.awards > div { width: 100%; padding: 0 1.5rem 3rem; } .column-links { display: block; width: 100%; text-align: center; color: #000; } .column-links + .column-links { margin-top: 6rem; } .column-links .columns { display: block; margin: 0 auto; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .column-links .columns .link-list { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 6rem 0 0; width: 100%; } @media only screen and (min-width: 600px) { .column-links .columns .link-list { width: 50%; } } @media only screen and (min-width: 769px) { .column-links .columns .link-list { width: 33.33333%; } } @media only screen and (min-width: 1024px) { .column-links .columns .link-list { width: 25%; } } .column-links .intro-content:empty { margin-top: -6rem; } .p1185 .column-links { display: block; max-width: 960px; margin: 0 auto; margin-top: 6rem; } .p1185 .column-links .columns { margin-top: 2rem; border-top: 1px solid #000; padding-top: 2rem; } @media only screen and (min-width: 769px) { .p1185 .column-links .columns { margin-top: 3rem; padding-top: 0; } } .p1185 .column-links .columns .link-list { padding: 0; width: 100% !important; } .p1185 .column-links .columns .link-list p { width: 100%; letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; padding-top: 1rem; } @media only screen and (min-width: 600px) { .p1185 .column-links .columns .link-list p { width: 50%; } } @media only screen and (min-width: 769px) { .p1185 .column-links .columns .link-list p { width: 33.33333%; padding-top: 3rem; } } @media only screen and (min-width: 1024px) { .p1185 .column-links .columns .link-list p { width: 25%; } } .p1185 .column-links .columns .link-list a { font-weight: 700; text-transform: uppercase; font-size: 1.2rem; } .slideshow { position: relative; overflow: hidden; z-index: 0; width: 100%; margin: 0 auto; } .slideshow .slick-list { height: 100%; position: relative; z-index: 1; } .slideshow .slick-track { position: relative; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .full-height .slideshow { height: 100%; } .full-height .slideshow .slick-slide { height: 100%; } .slideshow.stacked { margin-left: -3rem; margin-right: -3rem; width: calc(100% + 6rem); padding-bottom: 3rem; } @media only screen and (min-width: 769px) { .slideshow.stacked { margin-left: auto; margin-right: auto; width: 100%; max-width: 1140px; } } .slideshow.stacked .slick-track { position: relative; } .slideshow.stacked .slide { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; text-align: center; width: 100%; position: relative; } .slideshow.stacked .slide .slide-wrap { max-width: 760px; margin: 0 auto; padding: 0 3rem; } @media only screen and (min-width: 769px) { .slideshow.stacked .slide .slide-wrap { padding: 0 4.5rem; } } .slideshow.stacked .slide .slide-wrap > a { text-shadow: none !important; } .slideshow.stacked .slide-content { padding: 3rem 0; } .slideshow.stacked .slide-content ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 6px 0 0; } .slideshow.stacked button.slick-prev, .slideshow.stacked button.slick-next { position: absolute; top: 0; left: 0; display: block; width: 4rem; height: 6rem; text-indent: 1500%; white-space: nowrap; overflow: hidden; border: 0; z-index: 1; } .slideshow.stacked button.slick-prev { background: rgba(64, 64, 65, 0.93) url(i/arrow-left-white.svg) 50% 50% no-repeat; -webkit-background-size: auto 28px; -moz-background-size: auto 28px; -o-background-size: auto 28px; background-size: auto 28px; cursor: w-resize; } @media only screen and (min-width: 769px) { .slideshow.stacked button.slick-prev { background: url(i/arrow-left-gray.svg) 50% 50% no-repeat; -webkit-background-size: auto 34px; -moz-background-size: auto 34px; -o-background-size: auto 34px; background-size: auto 34px; } } .slideshow.stacked button.slick-next { background: rgba(64, 64, 65, 0.93) url(i/arrow-right-white.svg) 50% 50% no-repeat; -webkit-background-size: auto 28px; -moz-background-size: auto 28px; -o-background-size: auto 28px; background-size: auto 28px; cursor: e-resize; left: auto; right: 0; } @media only screen and (min-width: 769px) { .slideshow.stacked button.slick-next { background: url(i/arrow-right-gray.svg) 50% 50% no-repeat; -webkit-background-size: auto 34px; -moz-background-size: auto 34px; -o-background-size: auto 34px; background-size: auto 34px; } } .slideshow.stacked .slick-dots { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .slideshow.stacked .slick-dots li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0 5px; } .slideshow.stacked .slick-dots li button { display: block; width: 10px; height: 10px; padding: 0; background: #404041; border: 0; border-radius: 50%; text-indent: 1500%; white-space: nowrap; overflow: hidden; font-size: 0; line-height: 0; will-change: auto; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .slideshow.stacked .slick-dots li.slick-active button { background: #6AA4B6; } .slideshow.split { padding-bottom: 3rem; } .slideshow.split .slick-track { height: 100%; position: relative; } .slideshow.split .slick-slide { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; vertical-align: top; text-align: center; width: 100%; position: relative; } .slideshow.split .slide-image { position: relative; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; } @media only screen and (max-width: 768px) { .slideshow.split .slide-image { display: block; width: 100%; height: 0; padding-bottom: 56.25%; } } .slideshow.split .slide-content { background: #F0EEEF; padding: 3rem; text-align: left; } .slideshow.split .slide-content h1 + p { margin-top: 1rem; } .slideshow.split .slide-content a { color: #fff; padding-bottom: 1px; background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#404041, #404041); background-image: -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#404041, #404041); background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(#fff, #fff), -o-linear-gradient(#404041, #404041); background-image: -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#404041, #404041); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(#404041, #404041); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .slideshow.split .slide-content a:focus, .slideshow.split .slide-content a:hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(#fff, #fff), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(#fff, #fff), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#fff, #fff), -o-linear-gradient(#fff, #fff), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(#fff, #fff), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #fff, -0.03em 0 #fff, 0 0.03em #fff, 0 -0.03em #fff, 0.06em 0 #fff, -0.06em 0 #fff, 0.09em 0 #fff, -0.09em 0 #fff, 0.12em 0 #fff, -0.12em 0 #fff, 0.15em 0 #fff, -0.15em 0 #fff; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .slideshow.split button.slick-prev, .slideshow.split button.slick-next { position: absolute; top: 50%; left: 0; display: block; width: 6rem; height: 7rem; margin-top: -4.5rem; text-indent: 1500%; white-space: nowrap; overflow: hidden; border: 0; color: #fff; text-indent: 1500%; white-space: nowrap; overflow: hidden; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; z-index: 2; } @media only screen and (min-width: 769px) { .slideshow.split .slick-track { display: table; } .slideshow.split .slick-slide { display: table-cell; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .slideshow.split .slick-slide .slide-wrap > div { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; position: relative; vertical-align: top; width: 50%; min-height: 420px; padding: 6rem 12rem 6rem 6rem; } .slideshow.split .slide-content { min-height: 50vh; } .slideshow.split:focus button.slick-prev, .slideshow.split:focus button.slick-next, .slideshow.split:hover button.slick-prev, .slideshow.split:hover button.slick-next { visibility: visible; opacity: 0.99999; transition-delay: 0s; } } .slideshow.split button.slick-prev { background: rgba(64, 64, 65, 0.93) url(i/arrow-left-white.svg) 50% 50% no-repeat; -webkit-background-size: auto 34px; -moz-background-size: auto 34px; -o-background-size: auto 34px; background-size: auto 34px; cursor: w-resize; } .slideshow.split button.slick-next { background: rgba(64, 64, 65, 0.93) url(i/arrow-right-white.svg) 50% 50% no-repeat; -webkit-background-size: auto 34px; -moz-background-size: auto 34px; -o-background-size: auto 34px; background-size: auto 34px; cursor: e-resize; left: auto; right: 0; } .slideshow.split .slick-dots { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .slideshow.split .slick-dots li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 0 5px; } .slideshow.split .slick-dots li button { display: block; width: 12px; height: 12px; padding: 0; background: #404041; border: 0; border-radius: 50%; text-indent: 1500%; white-space: nowrap; overflow: hidden; font-size: 0; line-height: 0; will-change: auto; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .slideshow.split .slick-dots li.slick-active button { background: #6AA4B6; } .slideshow iframe { display: block; } .split-slideshow-wrap { padding-top: 72px; } @media only screen and (min-width: 769px) { header.has-subnav + div > .content-wrap > .anchor-push:first-child + .split-slideshow-wrap, header.has-subnav + div > .content-wrap > .split-slideshow-wrap:first-child { padding-top: 128px; } } .single-press > .slideshow-wrap.padded:first-child { padding-top: 72px; padding-bottom: 0; } .single-press > .slideshow-wrap.padded:first-child + .padded { padding-top: 4.5rem; } .single-press > .slideshow-wrap.padded:first-child .slideshow.stacked { padding-top: 0; } .single-press > .slideshow-wrap.padded:first-child .slideshow.stacked .slide-wrap { max-width: 730px; } .golden-main .slideshow.stacked { padding-bottom: 3rem; } .golden-main .slideshow.stacked .slide-content { background: #404041; color: #fff; } .golden-main .slideshow.stacked .slide-content a { color: #fff; padding-bottom: 1px; background-image: -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#fff, #fff); background-image: -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#fff, #fff); background-image: -o-linear-gradient(#404041, #404041), -o-linear-gradient(#404041, #404041), -o-linear-gradient(#fff, #fff); background-image: -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#fff, #fff); background-image: linear-gradient(#404041, #404041), linear-gradient(#404041, #404041), linear-gradient(#fff, #fff); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #404041, -0.03em 0 #404041, 0 0.03em #404041, 0 -0.03em #404041, 0.06em 0 #404041, -0.06em 0 #404041, 0.09em 0 #404041, -0.09em 0 #404041, 0.12em 0 #404041, -0.12em 0 #404041, 0.15em 0 #404041, -0.15em 0 #404041; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } .golden-main .slideshow.stacked .slide-content a:focus, .golden-main .slideshow.stacked .slide-content a:hover { color: #6AA4B6; padding-bottom: 1px; background-image: -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(#404041, #404041), -webkit-linear-gradient(transparent, transparent); background-image: -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(#404041, #404041), -moz-linear-gradient(transparent, transparent); background-image: -o-linear-gradient(#404041, #404041), -o-linear-gradient(#404041, #404041), -o-linear-gradient(transparent, transparent); background-image: -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(#404041, #404041), -ms-linear-gradient(transparent, transparent); background-image: linear-gradient(#404041, #404041), linear-gradient(#404041, #404041), linear-gradient(transparent, transparent); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #404041, -0.03em 0 #404041, 0 0.03em #404041, 0 -0.03em #404041, 0.06em 0 #404041, -0.06em 0 #404041, 0.09em 0 #404041, -0.09em 0 #404041, 0.12em 0 #404041, -0.12em 0 #404041, 0.15em 0 #404041, -0.15em 0 #404041; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; } @media only screen and (min-width: 769px) { .golden-main .slideshow.stacked .slick-slide { padding: 0 2rem; } } @media only screen and (min-width: 769px) and (min-width: 769px) { .golden-main .slideshow.stacked .slick-slide .slide-wrap { padding: 0; } } @media only screen and (min-width: 769px) { .golden-main .slideshow.stacked .slide-content { padding: 3rem; } } @media only screen and (min-width: 1024px) { .golden-main .slideshow.stacked .slide-content { padding: 3rem 6rem; } } @media only screen and (min-width: 769px) { .golden-main .slideshow.stacked button.slick-prev { background: rgba(64, 64, 65, 0.93) url(i/arrow-left-white.svg) 50% 50% no-repeat; } .golden-main .slideshow.stacked button.slick-next { background: rgba(64, 64, 65, 0.93) url(i/arrow-right-white.svg) 50% 50% no-repeat; } } .image-credit { position: absolute; top: 0; right: 0; width: 3.4rem; height: 4rem; overflow: hidden; background: url(i/camera-icon3.png) no-repeat 0 50%; -webkit-background-size: auto 1.8rem; -moz-background-size: auto 1.8rem; -o-background-size: auto 1.8rem; background-size: auto 1.8rem; z-index: 10; opacity: 0.84; display: none; } .image-credit .caption { font-size: 1.1rem; line-height: 1.1; color: #fff; display: none; text-align: right; padding: 1.5rem 3rem; background: rgba(64, 64, 65, 0.93); /* + div { padding-top: 4px; } */ } .image-credit:empty { background: none !important; opacity: 0 !important; } .image-credit:focus, .image-credit:hover, .image-credit:active { width: auto; max-width: 50%; height: auto; background: none; opacity: 1; /* // folded corner option background: linear-gradient(45deg, transparent 12px, $color-carbon85 12px); background-position: bottom left; background-repeat: no-repeat; @include background-size(cover); */ } .image-credit:focus .caption, .image-credit:hover .caption, .image-credit:active .caption { display: block; } @media only screen and (min-width: 480px) { .image-credit { display: block; } } .slideshow.split .image-credit { right: auto; left: 0; background-position: 100% 50%; } .content-wrap > .hero-wrap:first-child .image-credit { top: 72px; } header.has-subnav + div > .content-wrap > .hero-wrap:first-child .image-credit { top: 128px; } .expanded-content { margin-top: 3rem; } .expanded-content ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; margin: 6px 0 0; } .advisors .expanded-content h3.title { display: none; } .advisors .expanded-content .narrow { max-width: 1140px; font-size: 1.3rem; } .advisors .expanded-content ul { letter-spacing: -0.31em; text-rendering: optimizeLegibility; margin-top: 1rem; } @media only screen and (min-width: 600px) { .advisors .expanded-content ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } } @media only screen and (min-width: 769px) { .advisors .expanded-content ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3rem; -moz-column-gap: 3rem; column-gap: 3rem; } } .advisors .expanded-content ul li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; vertical-align: top; margin: 0; } .mfp-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 4; overflow: hidden; background: #E2EEF2; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 5; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding: 0; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 99; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } /* .mfp-preloader { background: url(i/loading.gif) 50% 50% no-repeat; @include background-size(auto 28px); position: absolute; @include hide-text(); top: 0; left: 0; width: 100%; height: 100%; z-index: 97; } */ .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { cursor: pointer; border: 0; -webkit-appearance: none; display: block; z-index: 100; } button:before, button:after { display: none; } button.mfp-close { position: fixed; top: 72px; right: 3rem; font-size: 28px; line-height: 56px; font-weight: 300; cursor: pointer; color: #404041; text-align: right; background: transparent; } .mfp-arrow { position: absolute; bottom: 28px; width: 28px; height: 20px; /* &:hover { background-color: #fff; } */ } .mfp-arrow-left { left: 28px; background: url(i/arrow-left-gray.svg) 0 50% no-repeat; -webkit-background-size: auto 34px; -moz-background-size: auto 34px; -o-background-size: auto 34px; background-size: auto 34px; } .mfp-arrow-right { right: 28px; background: url(i/arrow-right-gray.svg) 100% 50% no-repeat; -webkit-background-size: auto 34px; -moz-background-size: auto 34px; -o-background-size: auto 34px; background-size: auto 34px; } .mfp-iframe-holder { padding-top: 108px; padding-bottom: 56px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; padding: 108px 28px 72px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; position: relative; } .mfp-figure small { display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { position: fixed; bottom: 0; left: 0; width: 100%; cursor: auto; font-size: 1.2rem; padding: 25px 50px; text-align: center; background: transparent; display: none; } @media only screen and (min-width: 600px) { .mfp-bottom-bar { display: block; } } .mfp-title { word-wrap: break-word; line-height: 3.4rem; } .mfp-counter { position: fixed; top: 50px; left: 50px; color: rgba(255, 255, 255, 0.93); font-size: 1.1rem; line-height: 18px; white-space: nowrap; display: none; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .search-form { position: relative; margin: 0 auto; } .search-form input { width: 100%; border: 1px solid #fff; padding: 0 14px; font-size: 56px; line-height: 84px; height: 84px; margin-bottom: 28px; color: #fff; } .search-form { position: relative; } .search-form .results { position: absolute; z-index: 100; top: 61px; left: 0px; width: 100%; line-height: 28px; text-align: left; } .search-form .results a { display: block; background: #fff; color: #404041 !important; padding: 6px 14px; clear: both; } .search-form .results a span { color: #404041; float: right; font-size: 12px; text-transform: uppercase; } .search-form .results a:focus, .search-form .results a:hover { background: #00395A; color: #fff !important; } .search-form .results a:focus span, .search-form .results a:hover span { color: #6AA4B6; } .fancy-select { position: relative; width: 100%; display: block; } .fancy-select .trigger { cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; width: 100%; border: 1px solid #000; padding: 2px 4rem 0 2rem; min-width: 100px; height: 4.4rem; font: inherit; line-height: 4.2rem; color: #000; will-change: auto; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } .fancy-select .trigger:after { content: ""; display: block; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top-color: #000; top: 50%; right: 2rem; margin-top: -2px; } .fancy-select .trigger.open { background: #000; color: #fff; box-shadow: none; } .fancy-select ul.options { list-style: none; margin: 0; position: absolute; top: 50%; left: 0; visibility: hidden; opacity: 0; transition: visibility 0s linear 0.25s, opacity 0.25s linear; will-change: visibility, opacity; z-index: 50; overflow: hidden; width: 100%; max-height: 0; } .fancy-select ul.options.open { visibility: visible; opacity: 0.99999; transition-delay: 0s; background: #fff; border: 1px solid #000; top: 100%; max-height: 300px; max-height: 50vh; width: 100%; overflow: auto; } .fancy-select ul.options.overflowing { top: auto; bottom: 0; } .fancy-select ul.options.overflowing.open { top: auto; bottom: 100%; } .fancy-select ul.options li { padding: 2px 2rem; cursor: pointer; white-space: nowrap; will-change: auto; -webkit-transition: all 0.125s; -moz-transition: all 0.125s; -o-transition: all 0.125s; transition: all 0.125s; } .fancy-select ul.options li:first-child { padding-top: 6px; } .fancy-select ul.options li:last-child { padding-bottom: 6px; } .fancy-select ul.options li.hover { color: #fff; background: #00395A; } footer { background: #072A3F; color: #F0EEEF; } footer a { color: #F0EEEF; } footer a:focus, footer a:hover { color: #6AA4B6; } footer .signup { text-align: center; } footer .signup section { margin-top: 4.5rem; } footer .signup label, footer .signup .gfield_label { display: none !important; } footer .signup .ginput_container { width: 100% !important; margin-top: 2px !important; } footer .signup .gform_wrapper ul.gform_fields li.gfield { padding: 0; margin: 0; } footer .signup .gform_wrapper ul.gform_fields li.gfield span { display: block; margin: 0 auto !important; width: 100%; max-width: 256px; padding: 0 0 2px !important; } footer .signup .ginput_recaptcha { background-color: #072A3F; } footer .signup .ginput_container_email.ginput_complex, footer .signup .gf_name_has_2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } footer .signup .gform_footer { display: block; margin: 3rem 0 0; padding: 0; text-align: center; } footer .signup .gform_footer [type="submit"] { float: none; } footer .signup .gf_name_has_2 > span { float: none; } footer .signup .gform_ajax_spinner { display: none; } footer .signup .validation_error { color: #000; } footer .signup input { display: block !important; border-color: #fff !important; margin: 0 auto; text-transform: uppercase; } footer .signup input[type="text"], footer .signup input[type="email"] { width: 100%; max-width: 256px; text-align: center; color: #072A3F; cursor: text !important; background: #fff !important; } footer .signup input[type="text"]::-webkit-input-placeholder, footer .signup input[type="email"]::-webkit-input-placeholder { color: #00395A; } footer .signup input[type="text"]:-moz-placeholder, footer .signup input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #00395A; } footer .signup input[type="text"]::-moz-placeholder, footer .signup input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #00395A; } footer .signup input[type="text"]:-ms-input-placeholder, footer .signup input[type="email"]:-ms-input-placeholder { color: #00395A; } footer .signup input[type="submit"] { color: #fff !important; } footer .signup input[type="submit"]:focus, footer .signup input[type="submit"]:hover { color: #072A3F !important; background: #fff; border-color: #fff; } footer .footer-wrap { padding: 3rem; } @media only screen and (min-width: 769px) { footer .footer-wrap { padding: 72px; } } @media only screen and (min-width: 1200px) { footer .footer-wrap { padding: 72px 108px; } } footer .links { letter-spacing: -0.31em; text-rendering: optimizeLegibility; padding-top: 72px; } footer .links > div { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 100%; text-align: center; } @media only screen and (min-width: 1200px) { footer .links > div { text-align: left; } } footer .links .visit-links { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; line-height: 3rem; padding-bottom: 3rem; } @media only screen and (min-width: 600px) { footer .links .visit-links { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } @media only screen and (min-width: 1200px) { footer .links .visit-links { width: 75%; } } footer .links .buttons { margin-bottom: 0; vertical-align: top; } footer .links .buttons .button { margin-bottom: 0; width: 50%; } footer .links .buttons .button:focus, footer .links .buttons .button:hover { background: #fff; color: #00395A; border-color: #fff; } footer .links .buttons .button + .button + .button { margin-left: 0; margin-top: -1px; } footer .links .buttons .button + .button + .button + .button { margin-left: -1px; } @media only screen and (min-width: 600px) { footer .links .buttons .button { width: 25%; } footer .links .buttons .button + .button + .button { margin-left: -1px; } } @media only screen and (min-width: 1200px) { footer .links .buttons { width: 25%; } footer .links .buttons .button { width: 50%; } footer .links .buttons .button + .button + .button { margin-left: 0; margin-top: -1px; } footer .links .buttons .button + .button + .button + .button { margin-left: -1px; } } footer .contact-hours { border-bottom: 1px solid #F0EEEF; text-align: center; } footer .contact-hours > div { padding: 3rem 0; } @media only screen and (min-width: 600px) { footer .contact-hours { text-align: left; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } footer .contact-hours > div { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 50%; } } @media only screen and (min-width: 1200px) { footer .contact-hours > div { border-top: 1px solid #F0EEEF; padding: 1rem 0; } } footer .contact-hours p + p, footer .contact-hours p + ul { margin-top: 1rem; font-size: 1.1rem; line-height: 1.2; } footer ul.social-links { letter-spacing: -0.31em; text-rendering: optimizeLegibility; } footer ul.social-links li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } footer ul.social-links li + li:before { content: '|'; margin: 0 5px; } footer .support { background: #fff; max-width: 100%; } .content-wrap.calendar { background-color: #072A3F; color: #F0EEEF; } .admin-edit { padding: 3rem; } .item-share ul { list-style: none; letter-spacing: -0.31em; text-rendering: optimizeLegibility; } .item-share li { letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; margin: 0 1rem 0 0; } .item-share a { background: none !important; } .hero-wrap .item-share { position: absolute; top: 0; right: 0; } .hero-wrap .item-share .genericon { font-size: 2rem; } @media only screen and (min-width: 769px) { .hero-wrap .item-share { right: -3rem; } .hero-wrap .item-share li { display: block; margin-bottom: 1rem; } } .event-info .item-share { margin-top: 3rem; } .civilization .broughttoyou { display: block; width: 80px; height: 36px; margin: 0 auto; background: url(i/civilization-shape.svg) 0 0 no-repeat; -webkit-background-size: 80px 36px; -moz-background-size: 80px 36px; -o-background-size: 80px 36px; background-size: 80px 36px; text-indent: 1500%; white-space: nowrap; overflow: hidden; } .civilization .broughttoyou:before { content: ''; letter-spacing: normal; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: 0; height: 0; visibility: hidden; } .civilization .broughttoyou:before, .civilization .broughttoyou:hover { background-image: url(i/civilization-builtby.svg); } @media print { /* reset */ * { opacity: 1 !important; background-color: #fff; color: #000 !important; } html, body, .wrap, .div-snap, .background, .v-center, .v-center-wrap, .v-bot, .v-bot-wrap, .full-wrap, .full-wrap-inner, .text-wrap, .pricing-table, .half, .half-wrap, .table, .section-wrap, .intro-content, .padded, .narrow, .padded-inner, .circle-mask .circle-mask-wrap { position: relative !important; min-height: auto !important; min-height: auto !important; left: 0 !important; width: 100% !important; max-width: 100% !important; height: auto !important; background: transparent !important; color: #000 !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; overflow: visible !important; page-break-after: auto; page-break-before: auto; page-break-inside: auto; } .admin-edit, .pace, iframe, header .menu-icon, header .search-cal, header .header-sec, .buttons, footer .signup, footer .links, footer .social-links, footer .support, .slideshow.split, .image-block, script, .ui-datepicker, h5.view-more, .anchor-push, .mohai-loader, .slideshow.stacked button.slick-prev, .slideshow.stacked button.slick-next, .fluid-width-video-wrapper, .show-more, .view-item, .item-share, h5 a.back { display: none !important; } /* adjustments */ header { position: absolute; } footer .footer-wrap { padding-bottom: 0; } footer .contact-hours { border: 0; } .wrap a, .grid.three-up-blocks:not(.membership-levels):not(.home-grid) .grid-item .item-content a, .intro-text.exhibit-text .intro-text-block a { background-image: none !important; text-shadow: none !important; } .grid:not(.home-grid) .grid-item, .grid:not(.home-grid) .grid-item .item-wrap, .grid:not(.home-grid) .grid-item .item-content, .split-blocks > div:first-child, .split-blocks > div:nth-child(2) { background: #fff !important; color: #000; } .grid.thin-boxes:not(.membership-levels):not(.home-grid) .grid-item, .grid.wide-boxes:not(.membership-levels):not(.home-grid) .grid-item { width: 33%; text-align: center; } /* .slideshow.stacked, .grid-wrap { page-break-before: always !important; } */ /* .grid:not(.membership-levels):not(.home-grid) { padding: 0 !important; text-align: left; } */ .grid.three-up-blocks:not(.membership-levels):not(.home-grid) .grid-item .item-content { padding: 0; } .support .logos > div { border-left: 0 !important; } .support .logos > div div { max-width: auto !important; height: auto !important; padding-bottom: 0 !important; background: none !important; text-indent: 0 !important; } .intro-text .intro-text-block { margin-top: 0 !important; padding-top: 8rem !important; } .stacked-blocks .stacked-item > div { width: 50%; } .stacked-blocks .stacked-item > div:nth-child(2) { padding-left: 3rem; } .p1185 .column-links .columns .link-list { column-count: 3; column-gap: 3rem; } .slideshow.stacked, .slideshow.stacked .slick-slide { width: 7in !important; margin: 0 auto; } } .spu-box { padding: 30px !important; } .spu-box.spu-centered { margin-right: 30px; margin-left: 30px; width: auto !important; max-width: 600px; } .spu-box .spu-content a:not(.button) { color: #00395A; text-decoration: underline; } .spu-box .spu-content img { display: block; height: 175px; max-height: 25vh; width: 100%; object-fit: cover; } .spu-box .spu-close { color: #333; font-size: 25px !important; } .black { background-color: #000; color: #fff; } .black a:not(.button):not(.more) { color: #fff; padding-bottom: 1px; background-image: -webkit-linear-gradient(#000, #000), -webkit-linear-gradient(#000, #000), -webkit-linear-gradient(#fff, #fff); background-image: -moz-linear-gradient(#000, #000), -moz-linear-gradient(#000, #000), -moz-linear-gradient(#fff, #fff); background-image: -o-linear-gradient(#000, #000), -o-linear-gradient(#000, #000), -o-linear-gradient(#fff, #fff); background-image: -ms-linear-gradient(#000, #000), -ms-linear-gradient(#000, #000), -ms-linear-gradient(#fff, #fff); background-image: linear-gradient(#000, #000), linear-gradient(#000, #000), linear-gradient(#fff, #fff); -webkit-background-size: .05em 1px, .05em 1px, 1px 1px; -moz-background-size: .05em 1px, .05em 1px, 1px 1px; background-size: .05em 1px, .05em 1px, 1px 1px; background-repeat: no-repeat, no-repeat, repeat-x; text-shadow: 0.03em 0 #000, -0.03em 0 #000, 0 0.03em #000, 0 -0.03em #000, 0.06em 0 #000, -0.06em 0 #000, 0.09em 0 #000, -0.09em 0 #000, 0.12em 0 #000, -0.12em 0 #000, 0.15em 0 #000, -0.15em 0 #000; background-position: 0 85.2% ,100% 85.2% ,0 85.2%; will-change: auto; -webkit-transition: all 0.125s; -moz-transition: all 0.125s; -o-transition: all 0.125s; transition: all 0.125s; } @media only screen and (min-width: 600px) { .memorial-list { padding: 0 30px; } } @media only screen and (min-width: 1200px) { .memorial-list { padding: 0 90px; } } .memorial-list .grid-item { text-align: center !important; padding-bottom: 30px !important; } .memorial-list .grid-width { color: #404041; } .memorial-list .grid-width:not(:first-child) { padding-top: 60px !important; } .old-browser-alert { position: fixed; bottom: 0; left: 0; width: 100%; background: rgba(0, 57, 90, 0.93); color: #fff; z-index: 99; padding: 3rem; text-align: center; display: none; } .old-browser-alert .button { color: #fff; } .old-browser-alert .modal-close { position: absolute; top: 0; right: 0; font-size: 3rem; color: #fff; width: 6rem; text-align: center; line-height: 6rem; } .old-browser-alert.show { display: block; } /* Custom styles */ .gform_wrapper fieldset legend { padding-top: 30px; } .gfield > h3 { margin-top: 80px; } .gfield > h4 { margin-top: 60px; } .gform_body { text-align: left; } .gf_progressbar_title { text-align: center; font-size: 20px; font-weight: bold; } #input_49_6_other {border: 1px solid #000; padding: 6px; margin-top: 10px; width: 98%; }