@charset "utf-8";
/* html5doctor.com Reset v1.6.1 */
html,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote::before,blockquote::after,q::before,q::after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/* additional custom resets... */
/* width & height */
img, svg, object, embed, video {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
/* box sizing */
html {
box-sizing: border-box;
}
*, *::before, *::after {
box-sizing: inherit;
}
/* remove focus styles: dotted outline in Firefox & blue border in Chrome */
a:focus, a:active,
button:focus,
input:focus,
select:focus,
textarea:focus {
outline: none;
}
a::-moz-focus-inner {
border: 0;
}
/* framework */
/* widths */
.Width700, .Width850, .Width1250, .Width1500, .WidthMax, article > *:not(.CustomBlock), .PostContentFrame .PinkBorder > *:not(.CustomBlock) {
width: 100%;
position: relative;
margin-left: auto;
margin-right: auto;
}
.Width700 {
max-width: 700px;
}
.page article > *:not(.CustomBlock),
.single-venue article > *:not(.CustomBlock),
.single-menu article > *:not(.CustomBlock) {
max-width: calc(700px + 10%);
}
.page article .wp-block-columns {
max-width: calc(970px + 10%);
}
.Width850,
.PostContentFrame .PinkBorder > *:not(.CustomBlock) {
max-width: 850px !important;
}
article > .gform_wrapper,
.single-event article > *:not(.CustomBlock),
.single-post article > *:not(.CustomBlock):not(.PostContentFrame) {
max-width: calc(850px + 10%) !important;
}
.single article > .wp-block-quote {
max-width: 850px !important;
}
.Width1250 {
max-width: 1250px;
}
.Width1500 {
max-width: 1500px;
}
.WidthMax {
max-width: 1920px;
}
.PadLR, article > *:not(.CustomBlock) {
padding-left: 5%;
padding-right: 5%;
}
article > ul, article > ol,
.single-post article .PinkBorder > ul, .single-post article .PinkBorder > ol {
padding-left: calc(5% + 20px) !important;
}
/* columns: block editor (with top & btm margin) */
.wp-block-columns {
justify-content: space-between;
margin: 1em 0;
}
.wp-block-column:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 600px) {
/* 3% gutter */
.wp-block-column {
margin-left: 0 !important;
margin-right: 0 !important;
flex-basis: 48.5%;
}
/* custom 2/3 1/3 layout (add OneThirdFirst or TwoThirdsFirst class to 2 column block) */
.wp-block-columns.has-2-columns.OneThirdFirst .wp-block-column:last-child,
.wp-block-columns.has-2-columns.TwoThirdsFirst .wp-block-column:first-child {
flex-basis: 63%;
}
.wp-block-columns.has-2-columns.OneThirdFirst .wp-block-column:first-child,
.wp-block-columns.has-2-columns.TwoThirdsFirst .wp-block-column:last-child {
flex-basis: 34%;
}
/* custom 3/4 1/4 layout (add OneQuarterFirst or ThreeQuartersFirst class to 2 column block) */
.wp-block-columns.has-2-columns.OneQuarterFirst .wp-block-column:last-child,
.wp-block-columns.has-2-columns.ThreeQuartersFirst .wp-block-column:first-child {
flex-basis: 73%;
}
.wp-block-columns.has-2-columns.OneQuarterFirst .wp-block-column:first-child,
.wp-block-columns.has-2-columns.ThreeQuartersFirst .wp-block-column:last-child {
flex-basis: 24%;
}
}
@media only screen and (min-width: 782px) {
.wp-block-column {
margin-bottom: 0;
}
/* 3% gutter */
.wp-block-columns.has-3-columns .wp-block-column {
flex-basis: 31.33%;
}
.wp-block-columns.has-4-columns .wp-block-column {
flex-basis: 22.75%;
}
.wp-block-columns.has-5-columns .wp-block-column {
flex-basis: 17.6%;
}
.wp-block-columns.has-6-columns .wp-block-column {
flex-basis: 14.17%;
}
}
/* columns: custom */
.TwoColumns, .ThreeColumns, .FourColumns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.CenterColumns { /* last row centered */
justify-content: center;
}
.TwoColumns.GapSm, .ThreeColumns.GapSm, .FourColumns.GapSm {
margin-bottom: -3% !important;
}
.TwoColumns.GapLg, .ThreeColumns.GapLg, .FourColumns.GapLg {
margin-bottom: -5% !important;
}
.TwoColumns > *, .ThreeColumns > *, .FourColumns > * {
flex-basis: 100%;
}
.TwoColumns.GapSm > *, .ThreeColumns.GapSm > *, .FourColumns.GapSm > * {
margin-bottom: 3%;
}
.TwoColumns.GapLg > *, .ThreeColumns.GapLg > *, .FourColumns.GapLg > * {
margin-bottom: 5%;
}
/* remove margin for spacer elements */
/*.TwoColumns > *:nth-last-child(1),*/
.ThreeColumns:not(.CenterColumns) > *:nth-last-child(1), .ThreeColumns:not(.CenterColumns) > *:nth-last-child(2),
.FourColumns:not(.CenterColumns) > *:nth-last-child(1), .FourColumns:not(.CenterColumns) > *:nth-last-child(2), .FourColumns:not(.CenterColumns) > *:nth-last-child(3) {
margin-bottom: 0;
}
/* columns: 2 */
@media only screen and (min-width: 481px) {
/* 0 gap */
.TwoColumns > *, .ThreeColumns > *, .FourColumns > * {
flex-basis: 50%;
}
/* 3% gap */
.TwoColumns.GapSm > *, .ThreeColumns.GapSm > *, .FourColumns.GapSm > * {
flex-basis: 48.5%;
}
.TwoColumns.GapSm.CenterColumns > *:not(:nth-child(2n + 1)), .ThreeColumns.GapSm.CenterColumns > *:not(:nth-child(2n + 1)), .FourColumns.GapSm.CenterColumns > *:not(:nth-child(2n + 1)) {
margin-left: 3%;
}
/* 5% gap */
.TwoColumns.GapLg > *, .ThreeColumns.GapLg > *, .FourColumns.GapLg > * {
flex-basis: 47.5%;
}
.TwoColumns.GapLg.CenterColumns > *:not(:nth-child(2n + 1)), .ThreeColumns.GapLg.CenterColumns > *:not(:nth-child(2n + 1)), .FourColumns.GapLg.CenterColumns > *:not(:nth-child(2n + 1)) {
margin-left: 5%;
}
}
/* columns: 3*/
@media only screen and (min-width: 768px) {
/* 0 gap */
.ThreeColumns > *, .FourColumns > * {
flex-basis: 33.33%;
}
/* 3% gap */
.ThreeColumns.GapSm > *, .FourColumns.GapSm > * {
flex-basis: 31.33%;
}
.ThreeColumns.GapSm.CenterColumns > *:not(:nth-child(2n + 1)), .FourColumns.GapSm.CenterColumns > *:not(:nth-child(2n + 1)) { /* reset */
margin-left: 0;
}
.ThreeColumns.GapSm.CenterColumns > *:not(:nth-child(3n + 1)), .FourColumns.GapSm.CenterColumns > *:not(:nth-child(3n + 1)) {
margin-left: 3%;
}
/* 5% gap */
.ThreeColumns.GapLg > *, .FourColumns.GapLg > * {
flex-basis: 30%;
}
.ThreeColumns.GapLg.CenterColumns > *:not(:nth-child(2n + 1)), .FourColumns.GapLg.CenterColumns > *:not(:nth-child(2n + 1)) { /* reset */
margin-left: 0;
}
.ThreeColumns.GapLg.CenterColumns > *:not(:nth-child(3n + 1)), .FourColumns.GapLg.CenterColumns > *:not(:nth-child(3n + 1)) {
margin-left: 5%;
}
}
/* columns: 4 */
@media only screen and (min-width: 900px) {
/* 0 gap */
.FourColumns > * {
flex-basis: 25%;
}
/* 3% gap */
.FourColumns.GapSm > * {
flex-basis: 22.75%;
}
.FourColumns.GapSm.CenterColumns > *:not(:nth-child(3n + 1)) { /* reset */
margin-left: 0;
}
.FourColumns.GapSm.CenterColumns > *:not(:nth-child(4n + 1)) {
margin-left: 3%;
}
/* 5% gap */
.FourColumns.GapLg > * {
flex-basis: 21.25%;
}
.FourColumns.GapLg.CenterColumns > *:not(:nth-child(3n + 1)) { /* reset */
margin-left: 0;
}
.FourColumns.GapLg.CenterColumns > *:not(:nth-child(4n + 1)) {
margin-left: 5%;
}
}
/* 2/3, 1/3 */
@media only screen and (min-width: 768px) {
.OneThird {
width: 34% !important;
}
.TwoThirds {
width: 63% !important;
}
.FloatLeft {
float: left;
}
.FloatRight {
float: right;
}
}
/* vertical margins */
article > *:not(.CustomBlock) + .CustomBlock,
article > *:not(.CustomBlock) + .gform_wrapper,
footer {
margin-top: 50px;
}
.CustomBlock, .SectionBtmMargin {
margin-bottom: 50px;
}
article > *:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
article > *:not(.CustomBlock) + .CustomBlock,
article > *:not(.CustomBlock) + .gform_wrapper,
footer {
margin-top: 100px;
}
h2 + .CustomBlock {
margin-top: 50px !important;
}
.CustomBlock, .SectionBtmMargin {
margin-bottom: 100px;
}
}
/* centering */
.CenterXYFrame {
display: flex;
justify-content: center;
align-items: center;
}
.CenterXFrame {
display: flex;
justify-content: center;
}
.CenterYFrame {
display: flex;
align-items: center;
}
.TxCenter {
text-align: center;
}
/* clearfix */
.cf::after {
content: "";
display: table;
clear: both;
}
/* backgrounds */
.BgCover {
background-size: cover !important;
background-position: center !important;
}
.BgBlack {
background-color: #000;
}
.BgBlackTrans {
background-color: rgba(0,0,0,.8);
}
.BgGray {
background-color: #f0edec;
}
/* borders */
.PinkBorder {
border: 1px solid #ce9181;
}
/* font: sans-serif */
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto-400.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto-400-italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Roboto';
src: url('../fonts/roboto-500.woff2') format('woff2');
font-weight: bold; /* this makes everything that would be 700 weight, be 500 weight (due to font files being 500 weight) */
font-style: normal;
font-display: swap;
}
/* font: serif */
@font-face {
font-family: 'Crimson Pro';
src: url('../fonts/crimson-pro-200.woff2') format('woff2');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Crimson Pro';
src: url('../fonts/crimson-pro-200-italic.woff2') format('woff2');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Crimson Pro';
src: url('../fonts/crimson-pro-400.woff2') format('woff2');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Crimson Pro';
src: url('../fonts/crimson-pro-400-italic.woff2') format('woff2');
font-weight: normal;
font-style: italic;
font-display: swap;
}
.FontCrimsonPro, h2, h3, .H2 {
font-family: 'Crimson Pro', serif;
font-weight: 400;
}
.FontCrimsonProLight, h1 {
font-family: 'Crimson Pro', serif;
font-weight: 200;
}
/* text: general */
body, button, input, select, textarea {
font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #000;
line-height: 1.5;
/* font smoothing */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* text: sizes */
.TxSz12 {
font-size: 12px;
}
.TxSz14 {
font-size: 14px;
}
.TxSz16, .has-small-font-size {
font-size: 16px;
}
.has-regular-font-size {
font-size: 18px;
}
.TxSz21, .has-large-font-size {
font-size: 21px;
}
/* text: colors */
.TxCoWhite {
color: #fff;
}
.has-pink-background-color {
background-color: #ce9181;
}
.TxCoPink, .has-pink-color {
color: #ce9181;
}
/* text: headings */
h1, h2, h3, h4, h5, h6,.H2 {
line-height: normal;
margin-bottom: .5em;
}
h1 {
font-size: 35px;
color: #fff;
}
h2,
.H2 {
font-size: 30px;
}
h3 {
font-size: 25px;
}
h3.H3Sm {
font-size: 24px;
}
h4, h5, h6 {
text-transform: uppercase;
letter-spacing: .1em;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
@media only screen and (min-width: 768px) {
h1 {
font-size: 52px;
}
h2,
.H2 {
font-size: 40px;
}
h3 {
font-size: 30px;
}
}
/* text: misc. */
p, figure, ul, ol, .wp-block-button, .wp-block-image {
margin-bottom: 1.5em;
}
blockquote cite {
display: block;
}
ul, ol {
margin-left: 20px;
}
.ListStyleNone, #NavMenu, .wp-block-gallery {
list-style: none;
margin: 0;
}
.NoBtmMargin, p:last-child, figure:last-child, ul:last-child, ol:last-child, .wp-block-button:last-child, .wp-block-image:last-child {
margin-bottom: 0;
}
.TxUppercase {
text-transform: uppercase;
letter-spacing: .1em;
}
/* text: highlight color */
::-moz-selection {
color: #fff;
background: #000;
}
::selection {
color: #fff;
background: #000;
}
.BgBlack ::-moz-selection,
.BgBlackTrans ::-moz-selection {
background: #53737c;
}
.BgBlack ::selection,
.BgBlackTrans ::selection {
background: #53737c;
}
/* links */
a, a:link, a:visited {
color: inherit;
text-decoration: none;
padding-bottom: 5px;
border-bottom: 1px solid #ce9181;
transition: all .3s;
}
a:hover, a:active, a:focus {
border-color: #000;
}
/* links: blue */
.BlueLinks a, .BlueLinks a:link, .BlueLinks a:visited {
color: #72939c;
}
.BlueLinks a:hover, .BlueLinks a:active, .BlueLinks a:focus {
color: #53737c;
}
/* links: on black bg */
.BgBlack a:hover, .BgBlack a:active, .BgBlack a:focus {
border-color: #53737c;
}
/* links: borderless */
a.BorderlessLink, .BorderlessLinks a,
a.wp-block-button__link, a.Btn,
.ui-datepicker a {
border: none;
padding-bottom: 0;
}
/* links: Google Maps */
.acf-map .gm-iv-address-link a {
color: #FFF;
}
/* buttons */
button, button svg {
transition: all .3s;
}
a.wp-block-button__link, a.wp-block-button__link:link, a.wp-block-button__link:visited,
button:not(.BtnStyleNone):not(.mfp-close), .Btn, .Btn:link, .Btn:visited, input[type="submit"], input[type="button"],
.CatNav a, .CatNav a:link, .CatNav a:visited,
.PostBtmBtns a, .PostBtmBtns a:link, .PostBtmBtns a:visited {
display: inline-block;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #fff;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
padding: 20px 30px;
background: #72939c;
border: none;
border-radius: 0;
transition: all .3s;
}
a.wp-block-button__link:hover, a.wp-block-button__link:active, a.wp-block-button__link:focus,
button:not(.BtnStyleNone):not(.mfp-close):hover, button:not(.BtnStyleNone):not(.mfp-close):active, button:not(.BtnStyleNone):not(.mfp-close):focus,
.Btn:hover, .Btn:active, .Btn:focus,
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus,
.CatNav a:hover, .CatNav a:active, .CatNav a:focus,
.PostBtmBtns a:hover, .PostBtmBtns a:active, .PostBtmBtns a:focus {
background: #53737c;
}
.acf-map button {
background: none !important;
padding: 0 !important;
}
button.BtnStyleNone, .button.mfp-close {
color: inherit;
padding: 0;
border: none;
background: none;
cursor: pointer;
}
button.BtnPink {
background-color: #ce9181;
}
button.BtnPink:hover {
background-color: #e5baaf;
}
@media only screen and (min-width: 768px) {
a.wp-block-button__link, a.wp-block-button__link:link, a.wp-block-button__link:visited,
button:not(.BtnStyleNone):not(.mfp-close), .Btn, .Btn:link, .Btn:visited, input[type="submit"],
.PostBtmBtns a, .PostBtmBtns a:link, .PostBtmBtns a:visited {
padding: 20px 50px;
}
}
/* button: skip link */
a[href="#MainContent"] {
position: fixed;
top: -300px;
left: 0px;
transition: all .3s, top 1s ease-out;
z-index: 2000;
}
a[href="#MainContent"]:focus {
top: 0px;
transition: all .3s, top .1s ease-in;
}
/* block: image */
figure {
max-width: 100% !important;
}
.wp-block-image img,
svg,
.DisplayBlock { /* can be used on any element */
display: block;
}
/* block: image: captions */
.wp-block-image figcaption {
color: inherit;
margin: 0;
padding: .5em;
border: 1px solid #000;
border-top: none;
}
/* image: photo credit */
[data-credit] {
position: relative;
}
[data-credit]::after {
content: attr(data-credit);
position: absolute;
bottom: 5px;
right: 5%;
width: 90%;
text-align: right;
font-size: 10px;
color: #FFF;
text-shadow: 1px 1px #656565;
opacity: .8;
}
/* forms */
label {
font-size: 16px !important;
text-transform: uppercase;
letter-spacing: .1em;
}
input:not([type="button"]):not([type="reset"]):not([type="submit"]),
select,
textarea {
background: #f0edec;
border: 1px solid transparent;
}
input:not([type="button"]):not([type="reset"]):not([type="submit"]) {
line-height: 1;
padding: 10px 20px !important;
}
select {
line-height: 1;
}
textarea {
padding: 10px 20px !important;
}
input:not([type="button"]):not([type="reset"]):not([type="submit"]):focus,
select:focus,
textarea:focus {
border-color: #ce9181;
}
/* forms: Gravity Forms */
body .gform_wrapper ul li.gfield:first-of-type { /* first field */
margin-top: 0 !important;
}
.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { /* labels */
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { /* sublabels */
font-size: 14px !important;
}
.gform_wrapper .gfield_required { /* required asterisk */
}
.grecaptcha-badge { /* invisible reCAPTCHA badge */
visibility: hidden;
/* if hidden, must include: This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.*/
}
.GfCaptchaLegal {
margin-top: 30px;
}
@media only screen and (min-width: 641px) {
.gform_wrapper .gform_body { /* counter right padding so form fills width */
width: calc(100% + 16px);
}
}
.gform_wrapper div.validation_error { /* error: message above form */
border: none !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { /* error: wrapper around each field */
padding-top: 0 !important;
border: none !important;
background: none !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { /* error: wrapper around label */
margin-top: 0 !important;
}
/* forms: jQuery UI: datepicker */
#ui-datepicker-div {
display: none;
}
/* text meant only for screen readers */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: .5em;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: .5em;
width: auto;
z-index: 100000; /* above WP toolbar */
}
/* site header */
#TopNote {
display: none;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
#TopNote p {
padding: 0 calc(5% + 20px);
}
#TopNoteX {
position: absolute;
width: 40px;
height: 40px;
right: -15px;
top: 50%;
transform: translateY(-50%);
line-height: 1;
}
#TopNoteX svg {
width: 10px;
height: 10px;
fill: #000;
}
#TopNoteX:hover svg {
fill: #53737c;
}
.SiteHeadNav {
height: 60px;
}
.SiteHeadNav > div {
height: 100%;
}
.TopLogo {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
}
/* top nav: hamburger */
#HamburgerBtn {
position: absolute;
width: 60px;
height: 60px;
top: 0;
right: -17.5px;
background: #FFF;
z-index: 1001;
}
#Hamburger {
position: relative;
height: 25px;
width: 25px;
}
#Hamburger div {
position: absolute;
width: 25px;
height: 4px;
left: 0;
background: #ce9181;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#Hamburger div.first {
top: 0;
}
#Hamburger div.second {
top: calc(50% - 2px);
}
#Hamburger div.third {
top: calc(100% - 4px);
}
#HamburgerBtn.NavOpen div.first {
top: calc(50% - 2px);
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}
#HamburgerBtn.NavOpen div.second {
opacity: 0;
}
#HamburgerBtn.NavOpen div.third {
top: calc(50% - 2px);
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
}
/* top nav: menu */
body.NavOpen {
overflow: hidden;
}
#NavFrame {
position: fixed;
width: 100%;
top: 60px;
right: -100%;
padding: 30px 5%;
background: #fff;
z-index: 500;
opacity: 0;
transition: opacity .5s;
}
#NavFrame.NavOpen {
right: 0;
opacity: 1;
}
#NavMenu > li {
display: block;
margin-bottom: 10px;
}
#NavMenu > li:last-child {
margin-bottom: 0;
}
#NavMenu a:not(.Btn), #NavMenu a:not(.Btn):link, #NavMenu a:not(.Btn):visited {
color: #000;
font-size: 16px;
text-transform: uppercase;
letter-spacing: .1em;
}
#NavMenu a:not(.Btn):hover, #NavMenu a:not(.Btn):active, #NavMenu a:not(.Btn):focus {
color: #72939c;
}
#NavMenu .current_page_item > a {
color: #ce9181;
}
#NavMenu a[href="#"] {
cursor: default;
color: inherit !important;
}
#NavMenu .Btn {
margin-top: 20px;
}
/* top nav: submenu */
#NavMenu .sub-menu {}
@media only screen and (min-width: 481px) {
/* site header */
.SiteHeadNav {
height: 100px;
}
.TopLogo img {
width: 200px;
}
/* top nav: hamburger */
#HamburgerBtn {
width: 100px;
height: 100px;
right: -25px;
}
#Hamburger {
width: 50px;
height: 40px;
}
#Hamburger div {
width: 50px;
}
/* top nav: menu */
#NavFrame {
padding: 50px 5%;
}
}
@media only screen and (min-width: 1050px) {
/* site header */
.SiteHeadNav {
height: 180px;
}
.TopLogo img {
width: 285px;
}
/* top nav: hamburger */
#HamburgerBtn {
display: none;
}
/* top nav: menu */
#NavFrame, #NavFrame.NavOpen {
position: absolute;
width: calc(100% - 300px);
height: 100%;
top: 0 !important;
right: 0;
opacity: 1;
text-align: right;
padding: 0;
}
#NavMenu {
height: 100%;
}
#NavMenu > li {
height: 100%;
display: inline-block;
position: relative;
margin-right: 20px;
margin-bottom: 0;
}
#NavMenu > li:last-child {
margin-right: 0;
}
#NavMenu > li > a:not(.Btn) {
line-height: 180px;
display: inline-block;
}
#NavMenu .Btn {
margin-top: 0;
}
/* top nav: submenu */
#NavMenu li .sub-menu {
position: absolute;
min-width: 160px;
top: -5000px;
left: -30px;
padding: 30px;
background: #f0edec;
margin: 0;
text-align: left;
z-index: 200;
opacity: 0;
transition: opacity .5s;
}
#NavMenu li:hover .sub-menu {
top: 125px;
opacity: 1;
}
#NavMenu .sub-menu li:not(:last-child) {
margin-bottom: 7px;
}
#NavMenu .sub-menu a {
white-space: nowrap;
}
}
@media only screen and (min-width: 1200px) {
#NavMenu > li {
margin-right: 40px;
}
}
/* site footer */
footer {
padding-top: 40px;
padding-bottom: 40px;
}
.FootLeft, .FootCta, .FootContact, .FootSubscribe {
margin-bottom: 40px;
}
.CtaHead {
font-size: 30px;
line-height: normal;
margin-bottom: 10px;
}
.CtaDesc {
margin-bottom: 30px;
}
.FootContact p:not(:last-of-type) {
margin-bottom: 10px;
}
.FootSubscribe {
position: relative;
}
.FootSubscribe h4 {
font-weight: normal;
}
#gform_2 {
position: relative;
}
#gform_2 .validation_error {
display: none;
}
#gform_2 .gform_footer {
padding: 0 !important;
margin: 0 !important;
}
#field_2_1 {
max-width: 100% !important;
padding: 0;
}
#input_2_1 {
height: 60px;
line-height: 60px;
color: #fff;
background-color: #363636;
padding-right: 80px !important;
margin: 0;
}
#gform_submit_button_2 {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
padding: 0;
margin: 0;
}
.FootNav li {
display: inline-block;
margin-right: 20px;
}
.FootNav li:last-child {
margin-right: 0;
}
.FootInstaLink {
margin-bottom: 30px;
word-break: break-all;
}
.FootInstaLink svg {
width: 25px;
height: 25px;
fill: #fff;
float: left;
margin-right: 10px;
}
#sbi_images { /* Instagram feed (via Smash Balloon) */
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: -4%;
}
#sb_instagram #sbi_images .sbi_item {
position: relative;
flex-basis: 48%;
margin-bottom: 4% !important;
}
.SocialList {
padding: 40px 0 30px 0;
}
.SocialList li {
display: inline-block;
margin-right: 20px;
}
.SocialList li:last-child {
margin-right: 0;
}
.SocialList svg {
width: 20px;
height: 20px;
fill: #fff;
transition: all .3s;
}
.SocialList svg:hover {
fill: #53737c;
}
@media only screen and (min-width: 900px) {
footer {
padding-top: 130px;
padding-bottom: 60px;
}
.FootLeft {
float: left;
width: 50%;
margin-bottom: 0;
}
.FootCta, .FootContact, .FootSubscribe {
margin-bottom: 80px;
}
.CtaHead {
font-size: 48px;
}
.FootRight {
float: right;
width: 40%;
}
}
/* Google Map */
.acf-map {
height: 350px;
}
.acf-map img {
max-width: inherit !important; /* fix img sizes */
}
/* blog: archive */
.blog .PostList,
.archive .PostList {
margin-top: 50px;
}
/* post list */
.PostList .PinkBorder {
padding: 20px 5%;
}
.PostList h3 {
display: flex;
min-height: 54px;
justify-content: center;
align-items: center;
font-size: 24px;
}
.PostList img {
margin: 0 auto;
}
.PostList .TxSz12 {
margin: 20px 0;
}
@media only screen and (min-width: 481px) {
.PostList .PinkBorder {
padding: 20px 2%;
}
}
/* blog: archive pagination */
.PaginationFrame {
margin-top: 50px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: .1em;
}
.PaginationFrame .page-numbers {
display: inline-block;
height: 50px;
line-height: 50px;
margin-right: 20px;
}
.PaginationFrame .page-numbers:last-child {
margin-right: 0;
}
.PaginationFrame .page-numbers:not(.prev):not(.next) { /* all numbers */
width: 50px;
text-align: center;
}
.PaginationFrame .page-numbers:not(.current):not(.prev):not(.next) { /* all non-current numbers */
}
.PaginationFrame .page-numbers:not(.current):not(.prev):not(.next):not(.dots):hover,
.PaginationFrame .page-numbers:not(.current):not(.prev):not(.next):not(.dots):active,
.PaginationFrame .page-numbers:not(.current):not(.prev):not(.next):not(.dots):focus { /* all non-current numbers: hover */
}
.PaginationFrame .page-numbers.current { /* current number */
color: #000;
}
.PaginationFrame .page-numbers.prev,
.PaginationFrame .page-numbers.next { /* prev/next */
}
/* blog: single */
.single-post .PinkBorder {
padding-top: 50px;
padding-bottom: 50px;
}
.SharePostFrame a {
float: left;
width: 40px;
height: 40px;
margin-right: 5px;
border-radius: 50%;
}
.SharePostFrame a:last-child {
margin-right: 0;
}
.SharePostFrame a.ShareFacebook {
background: #3B5998;
}
.SharePostFrame a.ShareTwitter {
background: #38A1F3;
}
.SharePostFrame a.SharePinterest {
background: #C8232C;
}
.SharePostFrame a.ShareLinkedIn {
background: #0077B5;
}
.SharePostFrame a.ShareEmail {
background: #72939c;
}
.SharePostFrame a:hover, .SharePostFrame a:active, .SharePostFrame a:focus {
background: #53737c;
}
.SharePostFrame svg {
width: 15px;
height: 15px;
fill: #FFF;
}
.RelatedPostsList a div {
margin-top: 10px;
font-weight: bold;
}
@media only screen and (min-width: 768px) {
.single-post .PinkBorder {
padding-top: 100px;
padding-bottom: 100px;
}
}
/* blog: single: venue: fixed position tab */
#FixedTab {
position: fixed;
width: 520px;
height: 100%;
max-width: calc(100% - 50px);
max-height: calc(100% - 61px);
top: 61px;
right: calc(-100% + 50px);
z-index: 400;
padding-left: 0;
padding-right: 0;
transition: all .3s;
}
#FixedTab.peek {
right: calc(-75% + 50px);
}
#FixedTab.open {
right: 0 !important;
}
#FixedTab #FixedTabBtn {
position: absolute;
height: 50px;
transform: rotate(-90deg);
transform-origin: top right;
top: 0;
right: calc(100% + 50px);
white-space: nowrap;
line-height: 1;
padding: 0 30px;
border: none;
cursor: pointer;
transition: all .3s;
}
#FixedTab > div {
height: 100%;
padding: 30px 40px;
background: #fff;
overflow: auto;
}
#FixedTab.open > div {
box-shadow: -2px 2px 4px rgba(0,0,0,.25);
}
#FixedTab .TxSz16 {
margin-bottom: 20px;
}
@media only screen and (min-width: 481px) {
#FixedTab {
max-height: calc(100% - 101px);
top: 101px;
}
}
@media only screen and (min-width: 571px) {
#FixedTab {
height: auto;
right: -520px;
}
#FixedTab.peek {
right: -430px;
}
}
@media only screen and (min-width: 1050px) {
#FixedTab {
top: 181px;
}
}
/* slideshows */
.cycle-slideshow {
background-image: url("../images/spinner.svg");
background-repeat: no-repeat;
background-position: center;
background-size: 64px 64px !important;
position: relative;
}
.cycle-slideshow[data-cycle-fx="carousel"] {
width: 100%;
}
.cycle-slideshow.NoBgImg {
background-image: none;
}
.cycle-slideshow .slide {
width: 100%;
}
.cycle-slideshow:not([data-cycle-auto-height="calc"]) .slide {
height: 100%;
}
.cycle-slideshow .slide > [role="img"] {
width: 100%;
height: 100%;
}
.cycle-slideshow .slide:not(:first-of-type) {
display: none;
}
/* slideshows: prev/next */
button.cycle-prev, button.cycle-next {
position: absolute;
bottom: 0;
width: 40px;
height: 40px;
z-index: 101;
}
button.cycle-prev {
left: 0;
}
button.cycle-next {
right: 0;
}
button.cycle-prev svg, button.cycle-next svg {
width: 25px;
height: 25px;
fill: #72939c;
}
button.cycle-prev:hover svg, button.cycle-next:hover svg {
fill: #53737c;
}
/* slideshows: pagination */
.cycle-pager {
position: absolute;
bottom: 0;
left: 2%;
z-index: 101;
}
.cycle-pager span {
display: inline-block;
width: 15px;
height: 15px;
font-size: 1px;
line-height: 1;
color: #f0edec;
border: 1px solid #72939c;
border-radius: 50%;
background: #fff;
margin-right: 15px;
cursor: pointer;
transition: all .3s;
}
.cycle-pager span:last-child {
margin-right: 0;
}
.cycle-pager span:not(.cycle-pager-active):hover {
color: #72939c;
background: #53737c;
}
.cycle-pager span.cycle-pager-active {
color: #53737c;
background: #53737c;
}
@media only screen and (min-width: 481px) {
.cycle-pager span {
padding: 0 2px;
}
}
/* block: buttons */
.ButtonsBlock > div,
.TeamDeptBtns,
.CatNav,
.PostBtmBtns {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: -10px;
}
.ButtonsBlock .Btn,
.TeamDeptBtns .Btn,
.CatNav a,
.PostBtmBtns a {
margin: 0 10px 10px 10px;
}
@media only screen and (min-width: 481px) {
.ButtonsBlock .Btn,
.TeamDeptBtns.Btn,
.CatNav a,
.PostBtmBtns a {
margin-left: 20px;
margin-right: 20px;
}
}
@media only screen and (min-width: 768px) {
.ButtonsBlock .Btn,
.TeamDeptBtns .Btn,
.CatNav a,
.PostBtmBtns a {
margin-left: 30px;
margin-right: 30px;
}
}
/* block: hero wide slideshow, hero wide single, + some for hero divided */
.HeroWideSlideshowBlock {
margin-bottom: 140px;
}
.HeroWideSlideshowBlock .cycle-slideshow,
.HeroWideSingleBlock [role="img"],
.HeroDividedBlock [role="img"] {
height: 400px;
}
.HeroPagerFrame {
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.HeroPagerFrame .BgGray {
padding-top: 20px;
padding-bottom: 20px;
}
#HeroCaption {
font-weight: bold;
}
.HeroPagerFrame .cycle-pager {
position: relative;
top: -5px;
}
.HeroHeadFrame .BgBlackTrans,
.HeroDividedBlock .BgBlack {
padding-top: 40px;
padding-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.HeroHeadFrame .BgBlackTrans {
background: #000;
}
}
@media only screen and (min-width: 768px) {
.HeroWideSlideshowBlock {
position: relative;
margin-bottom: 170px;
}
.HeroWideSingleBlock {
position: relative;
}
.HeroWideSlideshowBlock,
.HeroWideSlideshowBlock .cycle-slideshow,
.HeroWideSingleBlock [role="img"],
.HeroDividedBlock > * {
height: 800px !important;
}
.HeroHeadFrame {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 200;
padding-left: 5%;
padding-right: 5%;
pointer-events: none;
}
.HeroHeadFrame > * {
height: 100%;
}
.HeroHeadFrame .BgBlackTrans {
position: absolute;
left: 0;
bottom: 0;
max-width: 500px;
padding-top: 90px;
padding-bottom: 90px;
pointer-events: auto;
}
.HeroPagerFrame {
padding-left: 5%;
padding-right: 5%;
}
.HeroPagerFrame .BgGray {
max-width: 500px;
}
}
/* block: hero: divided */
@media only screen and (min-width: 768px) {
.HeroDividedBlock > * {
float: left;
width: 50%;
}
}
/* block: framed columns (+ framed rows, + menu customization) */
.FramedColumnsBlock .PinkBorder,
.FramedRowsBlock .PinkBorder,
.MenuCustomizationBlock .PinkBorder {
padding-top: 30px;
padding-bottom: 40px;
}
.FramedColumnsBlock h2,
.FramedRowsBlock h2,
.MenuCustomizationBlock h2 {
margin-bottom: 30px;
}
.FramedColumnsBlock li:not(:last-child),
.MenuCustomizationBlock li:not(:last-child) {
margin-bottom: 20px;
}
.FramedBtmTxt {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 50%);
font-weight: bold;
padding: 0 20px;
background: #fff;
letter-spacing: .1em;
border-left: 1px solid #ce9181;
border-right: 1px solid #ce9181;
}
@media only screen and (min-width: 768px) {
.FramedColumnsBlock .PinkBorder,
.FramedRowsBlock .PinkBorder,
.MenuCustomizationBlock .PinkBorder {
padding-top: 70px;
padding-bottom: 100px;
}
.FramedColumnsBlock h2,
.MenuCustomizationBlock h2 {
margin-bottom: 60px;
padding: 0 5%;
}
.FramedRowsBlock h2 {
margin-bottom: 60px;
}
.FramedColumnsBlock ul,
.MenuCustomizationBlock ul {
position: relative;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: -40px;
}
.FramedColumnsBlock ul::after,
.MenuCustomizationBlock ul::after {
content: '';
display: block;
position: absolute;
left: 50%;
top: 0;
height: calc(100% - 40px);
width: 1px;
background: #ce9181;
}
.FramedColumnsBlock li,
.MenuCustomizationBlock li {
flex-basis: 45%;
margin-bottom: 40px !important;
}
.FramedBtmTxt {
padding: 0 50px;
}
}
/* block: menu text */
.MenuTextBlock .PinkBorder {
padding-top: 30px;
padding-bottom: 30px;
}
.MenuTextBlock li:not(:last-child) {
padding-bottom: 20px;
border-bottom: 1px solid #f0edec;
margin-bottom: 20px;
}
.MenuTextBlock li h3,
.MenuTextBlock li .TxCoPink {
margin-bottom: 5px;
}
.MenuTextBlock li .TxCoPink {
line-height: 1.8;
}
.MenuTextBlock .MenuTextItem:not(:last-child) {
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.MenuTextBlock .PinkBorder {
padding-top: 70px;
padding-bottom: 70px;
}
.MenuTextBlock li:not(:last-child) {
padding-bottom: 40px;
margin-bottom: 40px;
}
}
/* block: framed rows */
.FramedRowsBlock li:not(:last-child) {
padding-bottom: 10px;
border-bottom: 1px solid #f0edec;
margin-bottom: 10px;
}
/* block: framed CTA */
.FramedCtaBlock .PinkBorder {
padding-top: 30px;
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.FramedCtaBlock .PinkBorder {
padding-top: 40px;
padding-bottom: 40px;
}
.FramedCtaBlock h2 {
margin-bottom: 30px;
}
}
/* block: framed links */
.FramedLinksBlock ul {
margin-bottom: -2%;
}
.FramedLinksBlock li {
margin-bottom: 2% !important;
}
@media only screen and (min-width: 481px) {
.FramedLinksBlock ul {
flex-wrap: nowrap;
justify-content: center;
margin: 0 -1% -2% -1%;
}
.FramedLinksBlock li {
margin: 0 1% 2% 1% !important;
}
}
@media only screen and (min-width: 768px) {
.FramedLinksBlock ul {
justify-content: center;
}
}
/* block: expandable images */
.ExpandableImagesBlock button[role="img"] {
height: 200px;
width: 100%;
cursor: zoom-in;
}
button.ExpandableImagesOverlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.8);
z-index: 2000;
transition: none;
cursor: zoom-out;
}
.ExpandableImagesOverlay img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
max-height: 90%;
}
@media only screen and (min-width: 768px) {
.ExpandableImagesBlock button[role="img"] {
height: 380px;
}
}
/* block: carousel slideshow */
.CarouselSlideshowBlock {
height: 400px;
}
.CarouselSlideshowBlock *:not(.CarouselDesc) {
height: 100%;
}
.CarouselSlideshowBlock .slide {
margin: 0 15px;
opacity: .2 !important;
}
.CarouselSlideshowBlock .slick-current {
opacity: 1 !important;
}
.CarouselDesc {
position: absolute;
bottom: 0;
width: 96%;
left: 2%;
padding: 20px 2%;
opacity: 0;
transition: all .3s;
z-index: 200;
}
.slick-current .CarouselDesc {
opacity: 1;
}
.slick-current .CarouselDesc .TxSz16 {
font-weight: bold;
}
.slick-current .CarouselDesc .TxSz12 {
margin-top: 5px;
}
.CarouselSlideshowBlock [data-credit]::after {
bottom: initial;
top: 5px;
}
@media only screen and (min-width: 768px) {
.CarouselSlideshowBlock {
height: 670px;
}
}
/* block: review */
.ReviewsBlock .OneThird {
margin-bottom: 20px;
}
.ReviewsBlock .cycle-slideshow {
padding-bottom: 30px;
}
.ReviewDate, .ReviewReview {
margin-bottom: 10px;
}
.ReviewReview a {
margin-top: 5px;
}
.ReviewsBlock .TwoThirds {
height: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
.ReviewsBlock .OneThird,
.ReviewsBlock .TwoThirds {
width: 48.5% !important;
}
}
@media only screen and (min-width: 768px) {
.ReviewsBlock .OneThird,
.ReviewsBlock .TwoThirds {
height: 380px;
}
.ReviewsBlock .OneThird {
margin-bottom: 0;
}
.ReviewsBlock .cycle-slideshow,
.ReviewsBlock .slide {
height: 100%;
}
.ReviewReview {
position: absolute;
top: 50%;
transform: translateY(-50%);
padding-top: 15px;
padding-bottom: 55px;
margin-bottom: 0;
}
.ReviewAuthor {
position: absolute;
bottom: 30px;
}
}
/* block: venues exclusive (+ venue spaces, + related events, + event venue) */
.VenueSpacesBlock .SectionBtmMargin {
margin-bottom: 50px !important;
}
.VenuesExclusiveBlock .SectionBtmMargin:last-child,
.VenueSpacesBlock .SectionBtmMargin:last-child {
margin-bottom: 0;
}
.VenuesExclusiveBlock .OneThird,
.VenueSpacesBlock .OneThird,
.RelatedEventsBlock .OneThird,
.EventVenueBlock .OneThird {
padding: 20px 5%;
margin-bottom: 10px;
}
.VenuesExclusiveBlock h3,
.VenueSpacesBlock h3,
.EventVenueBlock h3,
.RelatedEventsBlock h3 {
margin-bottom: 10px;
}
.VenuesExclusiveBlock ul,
.RelatedEventsBlock ul {
margin: 20px 0;
}
.VenueSpacesBlock ul,
.EventVenueBlock .Btn {
margin-top: 20px;
}
.VenuesExclusiveBlock li:not(:last-child),
.VenueSpacesBlock li:not(:last-child),
.RelatedEventsBlock li:not(:last-child) {
padding-bottom: 10px;
border-bottom: 1px solid #ce9181;
margin-bottom: 10px;
}
.VenuesExclusiveBlock .TwoThirds,
.VenueSpacesBlock .TwoThirds,
.RelatedEventsBlock .TwoThirds,
.EventVenueBlock .TwoThirds {
height: 300px !important;
}
@media only screen and (min-width: 768px) {
.VenuesExclusiveBlock .OneThird,
.RelatedEventsBlock .OneThird {
padding: 40px 3%;
min-height: 600px;
margin-bottom: 0;
}
.VenueSpacesBlock .OneThird,
.EventVenueBlock .OneThird {
padding: 40px 3%;
min-height: 480px;
margin-bottom: 0;
}
.VenuesExclusiveBlock h3,
.VenueSpacesBlock h3,
.EventVenueBlock h3,
.RelatedEventsBlock h3 {
margin-bottom: 30px;
}
.VenuesExclusiveBlock ul,
.RelatedEventsBlock ul {
margin: 30px 0;
}
.VenueSpacesBlock ul,
.EventVenueBlock .Btn {
margin-top: 30px;
}
.VenuesExclusiveBlock .TwoThirds,
.VenueSpacesBlock .TwoThirds,
.RelatedEventsBlock .TwoThirds,
.EventVenueBlock .TwoThirds {
position: absolute;
height: 100% !important;
}
.VenuesExclusiveBlock .TwoThirds.FloatRight,
.VenueSpacesBlock .TwoThirds.FloatRight {
right: 0;
}
}
@media only screen and (min-width: 1200px) {
.VenuesExclusiveBlock .OneThird,
.VenueSpacesBlock .OneThird,
.RelatedEventsBlock .OneThird,
.EventVenueBlock .OneThird {
padding: 40px 5%;
}
}
/* block: venue details */
.VenueDetailsBlock .TwoThirds {
margin-bottom: 20px;
}
.VenueDetailsBlock .PinkBorder,
.VenueDetailsBlock .BgGray {
padding: 20px 5%;
}
.VenueDetailsBlock .OneThird {
height: 300px;
}
.VenueDetailsBlock .acf-map {
height: 100%;
}
@media only screen and (min-width: 768px) {
.VenueDetailsBlock .TwoThirds {
margin-bottom: 0;
}
.VenueDetailsBlock .PinkBorder,
.VenueDetailsBlock .BgGray {
padding: 30px;
}
.VenueDetailsBlock .OneThird {
position: absolute;
right: 0;
height: 100%;
}
}
/* block: venue events & menus */
.VenueMenuList {
margin-bottom: 0 !important;
}
.VenueMenuList li:not(:last-child) {
margin-bottom: 20px;
}
@media only screen and (min-width: 481px) {
.VenueMenuFrame {
flex-basis: 100% !important;
}
}
@media only screen and (min-width: 768px) {
.VenueMenuFrame {
flex-basis: 31.33% !important;
}
}
/* block: related events */
.RelatedEventsBlock .cycle-pager {
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
/*.RelatedEventsBlock h3 {
margin-bottom: 5px;
}*/
/* block: logo list */
.LogoList {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: -25px;
margin-bottom: -25px !important;
}
.LogoList li {
margin: 25px;
}
.LogoList img {
max-width: 150px;
max-height: 150px;
}
/* block: logo ticker */
.LogoTickerBlock .cycle-carousel-wrap {
display: flex;
align-items: center;
justify-content: center;
}
.LogoTickerBlock img {
max-width: 150px;
max-height: 150px;
margin: 0 10px;
}
@media only screen and (min-width: 768px) {
.LogoTickerBlock img {
margin: 0 30px;
}
}
/* block: team */
.TeamBlock h2 {
margin-top: 30px;
margin-bottom: 30px;
}
.TeamList li {
position: relative;
}
.TeamList li:not(:last-child) {
margin-bottom: 3%;
}
.TeamImg {
position: relative;
width: 430px;
max-width: 100%;
margin: 0 auto 3% auto;
}
.TeamImg div {
width: 100%;
padding-bottom: 111.63%;
}
.TeamImg div:first-child {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all .3s;
}
.TeamImg div:hover:first-child {
opacity: 1;
}
.TeamTxt > div {
padding: 20px 5%;
}
.TeamTxt h3,
.TeamTxt .BgGray h5 {
margin-bottom: 5px;
}
.TeamTxt .PinkBorder h5 {
margin-bottom: 20px;
}
.TeamTxt .slide {
padding-right: 40px;
}
.TeamTxt .cycle-next {
bottom: -7.5px;
right: -7.5px;
}
.TeamTxt .cycle-next:hover svg {
transform: rotate(-180deg);
}
@media only screen and (min-width: 768px) {
.TeamBlock h2 {
margin-top: 50px;
margin-bottom: 50px;
}
.TeamImg {
position: absolute;
left: 0;
height: 100%;
width: 34%;
}
.TeamTxt {
float: right;
width: 63%;
}
.TeamList li:nth-child(even) .TeamImg {
left: initial;
right: 0;
}
.TeamList li:nth-child(even) .TeamTxt {
float: left;
}
.TeamImg div {
height: 100%;
padding-bottom: 0;
}
.TeamTxt > div {
padding: 20px 30px;
}
}
/* block: timeline */
.TimelineBlock li:not(:last-child) {
margin-bottom: 20px;
}
.TimelineYr {
font-size: 40px;
}
.TimelineDesc {
padding: 20px 5%;
}
@media only screen and (min-width: 600px) {
.TimelineBlock li {
position: relative;
}
.TimelineBlock li:not(:last-child) {
margin-bottom: 30px;
}
.TimelineYr {
position: absolute;
left: 0;
height: 100%;
font-size: 72px;
width: 37%;
}
.TimelineDesc {
float: right;
width: 60%;
padding: 20px 30px;
}
.TimelineBlock li:nth-child(even) .TimelineYr {
left: initial;
right: 0;
}
.TimelineBlock li:nth-child(even) .TimelineDesc {
float: left;
}
}
@media only screen and (min-width: 1000px) {
.TimelineYr {
width: 20%;
}
.TimelineDesc {
float: right;
width: 77%;
}
}
/* block: vendors */
.VendorsBlock h2 {
margin-bottom: 30px;
}
.VendorsBlock ul + h2 {
margin-top: 30px;
}
.VendorsBlock li {
padding: 20px 5%;
}
.VendorsBlock li > *:not(:last-child) {
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.VendorsBlock h2 {
margin-bottom: 50px;
}
.VendorsBlock ul + h2 {
margin-top: 50px;
}
.VendorsBlock li {
padding: 20px 3%;
}
}
/* Pinterest button */
.PinItBtn {
position: absolute;
left: 10px;
top: 10px;
width: 16px !important;
height: 16px !important;
}
/* page: safety: framework overwrites */
/* page: safety: new framework */
.SafetyWidthSm {
margin: 0 auto;
max-width: 760px;
}
.SafetyWidthLg {
margin: 0 auto;
max-width: 1200px;
}
.PadLR {
padding-left: 5%;
padding-right: 5%;
}
.SafetyParentFrame section:not(:last-of-type) {
margin-bottom: 50px;
}
@media only screen and (min-width: 600px) {
.SafetyParentFrame section:not(:last-of-type) {
margin-bottom: 100px;
}
}
.SafetyH1 {
font-size: 40px;
}
.SafetyH2 {
font-size: 35px;
}
.SafetyH3 {}
.SafetyH4 {}
.SafetyTxTiny {
font-size: 12px;
}
.SafetyTxSm {
font-size: 14px;
}
.SafetyTxMd {
font-size: 16px;
}
/*.SafetyTxLg {
font-size: 20px;
}*/
@media only screen and (min-width: 600px) {
.SafetyH1 {
font-size: 60px;
}
.SafetyH2 {
font-size: 50px;
}
}
.SafetyCaps {
text-transform: uppercase;
font-weight: bold;
}
.SafetyTxCenter {
text-align: center;
}
.SafetyParentFrame input:not([type="button"]):not([type="reset"]):not([type="submit"]),
.SafetyParentFrame textarea {
border-radius: 5px;
padding: 10px !important;
border: 1px solid #cdcdcd; /* gray */
}
.SafetyParentFrame .ginput_complex input {
margin-bottom: 0 !important;
}
.SafetyParentFrame .gform_wrapper li.hidden_label input {
margin-top: 0 !important;
}
.SafetyParentFrame .gfield .ginput_container {
margin-top: 0 !important;
}
.SafetyParentFrame .gform_wrapper {
margin-bottom: 0;
}
.SafetyParentFrame .gform_footer {
padding-bottom: 0 !important;
}
.SafetyParentFrame .validation_error {
display: none;
}
.SafetyParentFrame .validation_message {
padding: 5px 15px 0 15px !important;
font-size: 12px !important;
}
.SafetyTxCoGray,
#SafetyEventChangesPager a,
.SafetySubscribe .GfCaptchaLegal, .SafetyContact .GfCaptchaLegal {
color: #727272; /* gray */
}
.SafetyUpdatesList li {
border: 1px solid #727272; /* gray */
}
.SafetyTxCoHighlightDark,
#SafetyEventChangesPager a:hover, #SafetyEventChangesPager a:focus, #SafetyEventChangesPager a:active,
.SafetyAccordionControl:hover, .SafetyAccordionControl:focus, .SafetyAccordionControl:active {
color: #72939c; /* default blue */
}
#SafetySubscribeWindow .gform_confirmation_message {
color: #26bd7e; /* success green */
}
.SafetyAccordionControl:hover svg, .SafetyAccordionControl:focus svg, .SafetyAccordionControl:active svg {
fill: #fff;
}
.SafetyAccordionControl.open {
color: #fff;
background-color: #53737c !important; /* darder blue */
}
.SafetyAccordionControl.open svg {
fill: #fff;
}
#SafetyEventChangesPager a.cycle-pager-active {
color: #72939c; /* default blue */
border-color: #72939c; /* default blue */
}
.SafetyBgHighlightGray {
background-color: #eae9e7; /* gray */
}
#SafetyEventChangesPager a {
border-bottom: 2px solid #eae9e7; /* gray */
}
.SafetyBgHighlightDarkTrans {
background-color: rgba(114,147,156,.67); /* default blue */
transition: all .3s;
}
.SafetyMediaLink:hover .SafetyBgHighlightDarkTrans, .SafetyMediaLink:focus .SafetyBgHighlightDarkTrans, .SafetyMediaLink:active .SafetyBgHighlightDarkTrans,
.SafetyEventChangesSlideTxt ul li::before {
background-color: #72939c; /* default blue */
}
.SafetyBgHighlightLight {
background-color: #eae9e7; /* light green */
}
/*#SafetyUpdatesShowMore, #SafetyFaqsShowMore {
color: #72939c; default blue
text-decoration: underline;
}
#SafetyUpdatesShowMore:hover, #SafetyFaqsShowMore:hover {
text-decoration: none;
}*/
/**.SafetyBtn, .SafetyParentFrame input[type="submit"] {
display: inline-block;
line-height: 1;
font-weight: bold;
color: #fff !important;
padding: 15px 40px;
border-radius: 10px;
background-color: #72939c; default blue
border: 1px solid #72939c; default blue
text-decoration: none;
transition: all .3s;
}
*.SafetyBtn:hover, *.SafetyBtn:active, *.SafetyBtn:focus,
.SafetyParentFrame input[type="submit"]:hover, .SafetyParentFrame input[type="submit"]:focus, .SafetyParentFrame input[type="submit"]:active {
color: #72939c !important; default blue
background-color: #f0faf1; light green
}*/
button.SafetyNoBtnStyle {
color: inherit;
padding: 0;
border: none;
background: none;
cursor: pointer;
}
.SafetyListStyleNone {
list-style: none;
padding: 0;
margin: 0;
}
/* page: safety: hero */
.SafetyHero {
position: relative;
display: flex;
align-items: center;
height: 360px;
background-position: center;
}
.SafetyHero > div {
position: relative;
z-index: 2;
}
.SafetyHero .SafetyCaps {
margin-bottom: 10px;
}
.SafetyHero .SafetyH1 {
color: #000;
margin-bottom: 20px;
}
@media only screen and (min-width: 600px) {
.SafetyHero {
height: 560px;
}
}
/* page: safety: large media */
.SafetyLgMedia {
position: relative;
margin-top: -65px;
text-align: center;
}
.SafetyMediaLink {
display: block;
position: relative;
padding: 0 !important;
border: none !important;
}
.SafetyLgMedia img, #SafetyEventChangesSlides img {
display: block;
border-radius: 12px;
}
.SafetyPlayIcon {
position: absolute;
width: 100px;
height: 100px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.SafetyPlayIcon svg {
width: 30px;
}
.SafetyLgMedia .SafetyTxCoGray {
margin-top: 5px;
}
@media only screen and (min-width: 600px) {
.SafetyLgMedia {
margin-top: -130px;
}
}
/* page: safety: updates */
.SafetyUpdatesList {
margin-bottom: -10px;
}
.SafetyUpdatesList li {
margin-bottom: 10px;
}
.SafetyUpdatesList li[aria-hidden] {
display: none;
}
.SafetyAccordionControl {
position: relative;
display: block !important;
width: 100%;
padding: 15px 40px 15px 10px !important;
text-align: left !important;
}
.SafetyAccordionControl time {
display: block;
}
.SafetyAccordionControl svg {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
transition: all .3s;
fill: #fff;
}
.SafetyAccordionControl.open svg {
transform: translateY(-50%) rotate(180deg);
}
.SafetyAccordionContent {
display: none;
padding: 15px 40px 15px 10px;
}
#SafetyUpdatesShowMore {
margin-top: 10px;
}
@media only screen and (min-width: 600px) {
.SafetyAccordionControl {
padding: 30px 65px 30px 115px !important;
}
.SafetyAccordionControl time {
position: absolute;
left: 25px;
}
.SafetyAccordionControl svg {
right: 25px;
}
.SafetyAccordionContent {
padding: 30px 65px 30px 115px;
}
}
/* page: safety: separator */
.SafetyHr {
width: 5%;
height: 4px;
border: none;
margin: 0 auto;
}
/* page: safety: icon sets */
.SafetyIconSet1 h2, .SafetyIconSet2 h2 {
margin-bottom: 40px;
}
.SafetyIconSet1 h4, .SafetyIconSet2 h4 {
margin-top: 30px;
}
.SafetyIconSetList {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
margin-bottom: -5% !important;
}
.SafetyIconSetList li {
flex-basis: 100%;
margin-bottom: 5%;
}
.SafetyIconImgFrame {
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 10px auto;
}
.SafetyIconImgFrame img {
max-width: 80px;
max-height: 80px;
}
@media only screen and (min-width: 481px) {
/* 2 columns, 5% gap */
.SafetyIconSetList li {
flex-basis: 47.5%;
}
.SafetyIconSetList li:not(:nth-child(2n + 1)) {
margin-left: 5%;
}
}
@media only screen and (min-width: 768px) {
.SafetyIconSet1 h2, .SafetyIconSet2 h2 {
margin-bottom: 80px;
}
/* 3 columns, 5% gap */
.SafetyIconSetList li {
flex-basis: 30%;
}
.SafetyIconSetList li:not(:nth-child(2n + 1)) { /* reset */
margin-left: 0;
}
.SafetyIconSetList li:not(:nth-child(3n + 1)) {
margin-left: 5%;
}
}
/* page: safety: event changes */
.SafetyEventChanges {
}
#SafetyEventChangesSlides {
background: none;
}
#SafetyEventChangesPager {
margin-bottom: 30px;
}
#SafetyEventChangesPager a {
font-size: 16px;
display: inline-block;
padding: 20px;
text-transform: uppercase;
font-weight: bold;
text-decoration: none !important;
}
.SafetyEventChangesSlideMedia {
margin-bottom: 20px;
}
.SafetyEventChangesSlideTxt ul {
list-style: none;
margin-left: 0;
}
.SafetyEventChangesSlideTxt ul li {
position: relative;
padding-left: 20px;
}
.SafetyEventChangesSlideTxt ul li:not(:last-child) {
margin-bottom: 10px;
}
.SafetyEventChangesSlideTxt ul li::before {
content: '';
position: absolute;
left: 0;
top: .5em;
width: 10px;
height: 10px;
border-radius: 50%;
}
@media only screen and (min-width: 768px) {
#SafetyEventChangesPager {
margin-bottom: 60px;
}
.SafetyEventChangesSlideMedia {
float: left;
width: 50%;
margin-bottom: 0;
}
.SafetyEventChangesSlideTxt {
float: right;
width: 45%;
}
}
/* page: safety: FAQs */
.SafetyFaqs {
padding-top: 40px;
padding-bottom: 60px;
}
.SafetyFaqs h2 {
color: inherit;
}
.SafetyFaqsList {
margin-bottom: -20px;
}
.SafetyFaqsList li {
margin-bottom: 20px;
}
.SafetyFaqsList li[aria-hidden] {
display: none;
}
.SafetyFaqsQ {
margin-bottom: 10px;
}
.SafetyFaqsA > strong:first-child {
float: left;
}
#SafetyFaqsShowMore {
margin-top: 20px;
}
@media only screen and (min-width: 600px) {
.SafetyFaqs {
padding-top: 80px;
padding-bottom: 120px;
}
}
/* page: safety: FAQs */
.SafetyContact > div, #SafetySubscribeWindow {
border: 1px solid #cdcdcd;
border-radius: 12px;
box-shadow: 0 0 20px rgba(0,0,0,.1);
background: #fff;
}
.SafetyContact > div {
padding: 40px 5%;
margin-top: -70px;
}
@media only screen and (min-width: 600px) {
.SafetyContact > div {
padding: 80px 5%;
margin-top: -140px;
}
}
/* page: safety: subscribe */
.SafetySubscribe {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
z-index: 500;
display: flex;
flex-wrap: wrap;
}
.SafetySubscribe > div:nth-child(1) {
order: 2;
width: 100%;
}
.SafetySubscribe > div:nth-child(2) {
order: 1;
}
#SafetySubscribeBtn {
width: 100%;
border-radius: 0;
}
#SafetySubscribeWindow {
display: none;
width: 90%;
padding: 20px 10px;
margin: 0 auto 10px auto;
}
#SafetySubscribeWindow .gform_confirmation_message {
margin-top: 20px;
}
#SafetySubscribeWindow .gform_confirmation_message::before {
content: '';
width: 20px;
height: 20px;
background: url(../images/icon-checkmark.svg) no-repeat center;
background-size: cover;
float: left;
margin-right: 5px;
}
@media only screen and (min-width: 600px) {
.SafetySubscribe {
bottom: 60px;
top: auto;
right: 2.5%;
width: 280px;
max-width: 95%;
}
.SafetySubscribe > div:nth-child(1) {
text-align: right;
order: 1;
}
.SafetySubscribe > div:nth-child(2) {
order: 2;
}
#SafetySubscribeBtn {
width: auto;
padding: 20px 30px;
/* border-radius: 5px;*/
}
#SafetySubscribeWindow {
width: 100%;
padding: 20px;
margin: 10px 0 0 0;
}
}
/*Safety Contact Success */
.page-id-2853 h1 {
color: #000;
}