/**
* This file will be included in header in every page after foundation.
* It should be used for content that relates
* to your site as a whole, it should not be used for plugin-specific css.
*/
@font-face {
font-family: 'Adelle Sans';
src: url('fonts/AdelleSansBasic-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Adelle Sans';
src: url('fonts/AdelleSans-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Adelle Sans';
src: url('fonts/AdelleSans-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Adelle Sans';
src: url('fonts/AdelleSans-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Adore You';
src: url('fonts/Adore-You-Font.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Plantagenet Cherokee';
src: url('fonts/Plantagenet-Cherokee.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
html {
overflow-y: scroll;
}
/* This ensures that the page always has a scrollbar to ensure that some headers load correctly without FOUC */
html, body {
height: 100%;
}
h1 {
font-size: 1.6rem;
/* color: #696460;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; */
color: var(--color-dark-grey);
font-family: var(--font-accent);
}
h3 {
font-size: 1.1rem;
color: #696460;
font-weight: normal;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
h4 {
font-size: 0.9rem;
color: #696460;
font-weight: bold;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
body > .contentRender {
min-height: 100%;
height: 100%;
}
body .mfp-arrow:hover, body .mfp-arrow:focus {
background-color: transparent; /* foundation compatibility with magnific popup */
}
.panel_page {
min-height: 100%;
position: relative;
}
.panel_custom_header {
background-color: #EFE9D3;
box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.8);
position: relative;
padding-top: 15px;
padding-bottom: 15px;
z-index: 1;
}
.panel_custom_header .logo p {
margin-bottom: 0px;
}
.panel_custom_one_col {
padding-top: 20px;
}
.content > .contentRender_name_plugins_core_textbox {
max-width: 960px;
margin: 0 auto;
padding: 0 15px;
}
.root_panel.no-header .header_container {
margin-bottom: 200px;
}
.mobile-fixed {
position: fixed;
bottom: 0px;
width: 100%;
z-index: 9999;
pointer-events: all;
}
/* DTN Mobile Footer Banner */
.panel_custom_footer.hasMobileAd {
height: 150px;
}
.panel_custom_footer.hasMobileAd .mobileAd {
display: block;
z-index: 99;
}
.panel_custom_footer .mobileAd {
display: none;
width: 100%;
height: 50px;
bottom: 0;
}
.root_panel.no-header .slideshow_container {
height: 200px;
}
.root_panel.no-header.details .slideshow_container {
height: 0px;
}
.panel_custom_footer .mobileAd .dtnContainer {
padding: 0px;
position: relative;
margin: 0 auto;
width: 300px;
display: block;
}
.panel_custom_footer .mobileAd #dtnContainer {
padding: 0px;
position: relative;
margin: 0 auto;
width: 320px;
display: block;
}
.panel_custom_footer .mobileAd .banner-close {
position: absolute;
top: -6px;
right: 33px;
cursor: pointer;
color: white;
background: #fff;
width: 14px;
height: 11px;
border-radius: 50px;
z-index: 99;
}
.panel_custom_footer .mobileAd .fa {
color: #000;
position: absolute;
top: -3px;
left: -2px;
border: 1px solid #fff;
border-radius: 50px;
}
.navFooter {
margin-left: 0px;
margin-bottom: 0px;
}
.navFooter .item {
display: inline;
}
.navFooter .item {
border-right: 1px solid #ccc;
margin-right: 5px;
padding-right: 5px;
}
.navFooter .item:last-child {
border-right: 0px;
}
.navFooter .item a {
font-size: 15px;
line-height: 35px;
color: #ccc;
text-transform: uppercase;
}
.navFooter .item.no-border a {
border: none;
}
.navFooter ul.dl-submenu {
display: none;
}
/*** Social Hub ***/
.panel_custom_socialhub {
}
.panel_custom_socialhub .rawContent {
display: none;
}
.panel_custom_socialhub .panes {
}
.panel_custom_socialhub .panes > .pane {
display: none;
}
.panel_custom_socialhub .panes > .pane.active {
display: block;
}
.panel_custom_socialhub .tabs {
overflow: hidden;
}
.panel_custom_socialhub .tabs .tabContent {
padding: 10px;
float: left;
text-align: center;
background: #eee;
cursor: pointer;
}
.panel_custom_socialhub .tabs > .tab.active .tabContent {
background: #bbb;
}
.panel_custom_socialhub .powered-by-youtube {
clear: both;
font-size: 11px;
line-height: 18px;
}
.panel_custom_socialhub .youtube-logo {
height: 24px;
width: 53px;
display: block;
}
.youtube-logo {
background: url(shared/youtube_logo_bw.png) no-repeat;
}
/* Consistent styling for shared action items in event/listing/offer layout and detail */
/* Usually appears as foo | bar | baz, span separated */
.shared-action-items {
overflow: hidden;
margin-bottom: 10px;
font-size: 16px;
}
.shared-action-items span {
padding-right: 5px;
margin-right: 5px;
float: left;
border-right: 1px solid #ccc;
}
.shared-action-items span:last-child {
border-right: none;
}
/* shared back button used in event/listing/offer/blog */
.shared-back-button{
display: none;
}
.shared-layout .shared-items .shared-item .contents .once-there-book-button p {
text-align: left;
}
.shared-layout .shared-items .shared-item .contents .once-there-book-button a.book-button {
background: var(--color-yellow);
line-height: 25px;
}
/* OnceThere Book Now Button */
.once-there-book-button {
text-align: center;
}
.once-there-book-button p {
margin-bottom: 5px;
}
.once-there-book-button a.book-button {
max-width: 125px;
padding: 5px 0px;
color: #fff;
font-size: 18px;
font-weight: bold;
background-color: var(--color-yellow);
display: inline-block;
width: 100%;
}
.shared-list .item .once-there-book-button {
margin-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.shared-list .item .once-there-book-button a {
color: #fff;
padding: 5px 0px;
}
/** snippet is shared in offer detail, listing layout, listing detail **/
.yelp-snippet {
margin-bottom: 1rem;
}
.yelp-snippet .yelp-rating {
height: 21px;
}
.yelp-snippet .yelp-logo {
height: 30px;
position: relative;
top: -3px;
}
.yelp-snippet .yelp-bottom {
font-size: 12px;
}
.yelp-snippet .yelp-price {
font-weight: bold;
font-size: 15px;
}
.yelp-snippet .yelp-review-count {
color: #666;
}
/*
CHEAT SHEET
font-family:'Bodoni W01 Poster691960', sans-serif;
font-family: "scriptorama-tradeshow-jf",sans-serif;
font-style: normal;
font-weight: 400;
font-family:'Josefin Sans', sans-serif;
font-weight: 400, 700
#a90206
#d9a036
#1c6fc3
#535353
#dcd1c0
#b8d5f0
One Column
display: block;
width: calc(100% - 1.815rem);
max-width: 978px;
margin: 0 auto;
Medium Up
min-width 641px
@media only screen and (min-width: 40.063em) { }
Large Up
min-width 1025px
@media only screen and (min-width: 64.063em) { }
Medium Only
min-width 641px - max-width 1024px
@media only screen and (min-width: 40.063em) and (max-width: 64em) { }
/*
|-----------------------------------------------------------------------------------------------------------
| RESET STYLES
|-----------------------------------------------------------------------------------------------------------
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,
big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,center,dl,
dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,
canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,
time,mark,audio,video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
}
strong {
font-weight: bold;
}
.content > .contentRender_name_plugins_common_custom_textbox ul:not([class*="block-grid-"]) li,
.content > .contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li {
list-style: none;
position: relative;
padding-right: 10px;
}
.content > .contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li:before {
content: '';
width: 20px;
height: 20px;
position: absolute;
background-size: cover;
background-position: center;
left: -25px;
top: 5px;
background-image: url('Red-Boots-White-Outline-Color-Updated.png');
}
.content > .contentRender_name_plugins_common_custom_textbox ul:not([class*="block-grid-"]) li:before {
content: '';
width: 20px;
height: 20px;
position: absolute;
background-size: cover;
background-position: center;
left: -25px;
top: 50%;
transform: translateY(-50%);
background-image: url('Red-Boots-White-Outline-Color-Updated.png');
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
body {
line-height: 1;
}
p ol,
p ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
button:not(.sv-share-trigger),
button:not(.sv-share-trigger):hover,
button:not(.sv-share-trigger):focus,
.button:not(.sv-share-trigger),
.button:not(.sv-share-trigger):hover,
.button:not(.sv-share-trigger):focus {
margin: 0;
display: inline-flex;
align-items: center;
justify-content: center;
background-color: transparent;
color: var(--color-black);
}
button.mfp-close:focus,
button.mfp-close:hover {
display: inline-block;
}
/* BODY/MAIN */
body {
background-color: #fff;
font-family: var(--font-secondary);
color: var(--color-black);
}
.wrapper {
position: relative;
width: 100%;
margin: 0 auto;
display: block;
font-size: 16px;
color: var(--color-black);
overflow: hidden;
}
a,
a:link,
a:visited,
a:focus {
font-weight: 700;
text-decoration: none;
font-family: inherit;
}
h1 {
color: var(--color-black);
font-size: 40px;
line-height: 1.15;
font-family: var(--font-primary);
font-style: normal;
margin-bottom: 30px;
}
h2 {
color: var(--color-black);
font-size: 30px;
line-height: 1.066;
font-family: var(--font-primary);
font-style: normal;
margin-bottom: 20px;
}
h3 {
color: var(--color-black);
font-size: 40px;
line-height: 46px;
font-family: var(--font-primary);
font-style: normal;
margin-bottom: 20px;
}
p {
color: var(--color-black);
font-size: 16px;
font-weight: 400;
font-family: var(--font-secondary);
font-style: normal;
line-height: 1.5;
text-rendering: optimizeLegibility;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a,
.item > a,
.share > a,
.location > a,
address li > a,
address p > a {
font: inherit;
color: inherit;
text-decoration: none;
position: relative;
z-index: 9;
display: inline-block;
}
body .wrapper .row.narrow {
max-width: 512px;
}
.logo {
display: block;
max-width: 165px;
margin-left: 0.9075rem;
pointer-events: auto;
position: relative;
z-index: 30;
/* margin: 11px 0 18px; */
}
.homepage .intro-panel {
display: block;
width: calc(100% - 1.815rem);
max-width: 776px;
margin: 0 auto 33px;
text-align: center;
}
.homepage .intro-panel h1 {
font-family:var(--font-primary);
font-size: 40px;
line-height: 1;
color: var(--color-black);
margin-bottom: 25px;
}
.homepage .intro-panel p {
color: var(--color-black);
font-size: 17px;
font-family: var(--font-secondary);
font-style: normal;
line-height: 1.411;
text-rendering: optimizeLegibility;
}
.intro-panel {
display: block;
width: calc(100% - 1.815rem);
max-width: 978px;
margin: 0 auto;
text-align: center;
margin-bottom: 20px;
}
.intro-panel h1 {
font-family:var(--font-primary);
font-size: 40px;
line-height: 1;
color: var(--color-black);
}
.intro-panel .intro-text p {
margin-bottom: 30px;
}
.panel-one-col,
.panel-two-col,
.panel-two-col-right,
.panel-one-col-offset,
.panel-one-col-offset-wide,
.panel-two-col-left {
display: block;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 0.9075rem;
position: relative;
z-index: 2;
}
[class$="slider"] + [class$="arrows"] button {
pointer-events: auto;
}
figure > a,
figure picture {
display: block;
position: relative;
z-index: 1;
}
figure > a img,
figure > picture img {
width: 100%;
}
span.sh-location::before,
.sh-location > a::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f3c5";
margin: 0 8px;
color: var(--color-red);
}
.sh-deco-header {
display: block;
position: relative;
width: calc(100% - 1.815rem);
max-width: 695px;
margin: 0 auto 40px;
text-align: center;
}
.sh-deco-header::before {
content: "";
display: block;
position: absolute;
height: 10px;
top: calc(50% - 2px);
left: -60px;
right: -60px;
transform: translateY(-50%);
border-top: 2px solid #c9c9c9;
z-index: 0;
}
.sh-deco-header::after {
content: "";
display: block;
position: absolute;
height: 10px;
top: calc(50% - 2px);
left: -60px;
right: -60px;
transform: translateY(-50%);
border-bottom: 2px solid #c9c9c9;
z-index: 0;
}
.sh-deco-header h2 {
display: inline-block;
font-family: var(--font-secondary);
font-weight: 700;
font-size: 16px;
line-height: 1;
color: var(--color-yellow);
text-transform: uppercase;
letter-spacing: 5px;
padding: 40px 30px 35px;
position: relative;
margin: 0 1.815rem;
z-index: 5;
}
.panel-two-col .sh-deco-header h2 {
font-family: var(--font-accent);
text-transform: capitalize;
font-size: 34px;
font-weight: 400;
letter-spacing: 0px;
}
.sh-deco-header h2 .flourish1 {
display: block;
position: absolute;
top: 15px;
bottom: 15px;
left: -17px;
right: -17px;
border: 4px solid #c9c9c9;
background-color: #fff;
z-index: -1;
}
.sh-deco-header h2 .flourish2 {
display: block;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
border: 2px solid #c9c9c9;
z-index: -1;
}
.sh-ama-header {
text-align: center;
display: inline-flex !important;
flex-flow: column;
align-items: center;
justify-content: center;
margin: 0 auto 50px !important;
font-size: 30px;
text-transform: uppercase;
position: relative;
}
.sh-ama-header img {
width: 80px;
margin: 0 .5rem;
}
.sh-ama-header span {
margin: 0 .5rem;
line-height: 1;
}
.sh-more-link {
font-family: var(--font-secondary);
font-weight: 700;
color: var(--color-red);
text-transform: uppercase;
margin-left: 5px;
}
.sh-all-link {
font-family: var(--font-secondary) !important;
font-weight: 700 !important;
font-size: 16px !important;
color: var(--color-red) !important;
text-transform: uppercase;
letter-spacing: 0px;
line-height: 1 !important;
width: 100%;
}
[class$="header-accent"] {
position: relative;
display: inline-block;
margin: 0 auto;
text-align: center;
}
a.sh-generic-button {
font-family: var(--font-secondary);
font-weight: 700;
font-size: 16px;
color: #fff;
background-color: var(--color-red);
padding: 20px 23px 16px;
text-transform: uppercase;
position: relative;
display: block;
text-align: center;
width: 100%;
max-width: 200px;
margin: auto;
}
.sh-generic-button.sh-brackets-accent::before,
.sh-generic-button.sh-brackets-accent::after {
content: url('data:image/svg+xml; utf8,');
width: 23px;
}
.sh-generic-button.sh-brackets-accent::before {
top: 5px;
right: 5px;
}
.sh-generic-button.sh-brackets-accent::after {
bottom: 5px;
left: 5px;
}
.sh-brackets-accent{
position: relative;
}
.sh-brackets-accent::before {
content: url('data:image/svg+xml; utf8,');
position: absolute;
top: 6px;
right: 6px;
height: 30px;
width: 30px;
fill: white;
filter: brightness(0) invert(1);
z-index: 5;
}
.sh-brackets-accent::after {
content: url('data:image/svg+xml; utf8,');
position: absolute;
bottom: 6px;
left: 6px;
height: 30px;
width: 30px;
transform: rotate(180deg);
z-index: 5;
}
.sh-bird-header-accent:before {
content: url(embellishment-sides-lines.svg);
position: absolute;
right: 100%;
top: 0px;
transform: scaleX(-1);
width: 48px;
margin: 0 .5rem;
}
.sh-bird-header-accent:after {
content: url(embellishment-sides-lines.svg);
position: absolute;
left: 100%;
top: 0px;
width: 48px;
margin: 0 .5rem;
}
.sh-fan-header-accent:before {
content: url(embellishment-sides-fan.svg);
position: absolute;
right: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) scaleX(-1);
width: 44px;
margin: 0 1.2rem;
}
.sh-fan-header-accent:after {
content: url(embellishment-sides-fan.svg);
position: absolute;
left: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) ;
width: 44px;
margin: 0 1.2rem;
}
.sh-arrow-header-accent:before {
content: url(embellishment-sides-arrow.svg);
position: absolute;
right: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) scaleX(-1);
width: 30px;
margin: 0 1.2rem;
}
.sh-arrow-header-accent:after {
content: url(embellishment-sides-arrow.svg);
position: absolute;
left: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) ;
width: 30px;
margin: 0 1.2rem;
}
ul.social {
list-style: none;
}
ul.social li {
display: inline-block;
font-size: 26px;
line-height: 1;
margin-right: 5px;
color: var(--color-yellow);
}
.textbox {
display: block;
width: calc(100% - 1.815rem);
max-width: 978px;
margin: 0 auto 50px;
}
[class^="panel-"] .textbox {
width: 100%;
}
.sh-play-button::before {
content: url('data:image/svg+xml;utf8,');
position: absolute;
top: calc(50% - 25px);
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
@media only screen and (max-width: 40em) {
.sh-play-button::before {
top: 50%;
}
.intro-panel {
margin-bottom: 40px
}
.intro-panel p {
font-size: 17px;
font-weight: 600;
line-height: 1.411
}
}
/* MEDIUM UP */
@media only screen and (min-width: 40.063em) {
h1 {
font-size: 56px;
line-height: 1;
}
h2 {
}
h3 {
font-size: 32px;
font-weight: 100;
line-height: 45px;
}
.textbox p {
font-size: 20px;
line-height: 1.6;
margin-bottom: 50px;
}
.intro-panel h1 {
font-size: 60px;
margin-bottom: 42px;
}
.intro-panel {
margin: 0 auto 50px;
}
.homepage .intro-panel {
margin: 0 auto 105px;
}
.homepage .intro-panel h1 {
font-size: 40px;
line-height: 1;
}
.homepage .intro-panel p {
font-size: 17px;
line-height: 1.6;
}
.panel-one-col {
display: block;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 0.9075rem;
float: left;
clear: both;
}
.panel-one-col-offset {
display: block;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 8.333% 0 22%;
}
.panel-one-col-offset-wide {
display: block;
width: 100%;
max-width: 1280px;
margin: 0 auto;
padding: 0 0.9097rem 0 22%;
}
.panel-two-col {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
width: 100%;
max-width: 1007px;
margin: 0 auto;
padding: 0;
}
.panel-two-col > div {
flex: 1 1;
flex-basis: 47%;
margin: 0 0rem;
}
.panel-two-col-left {
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: center;
width: 100%;
max-width: 1085px;
margin: 0 auto;
padding: 0 1.815rem;
}
.panel-two-col-left > div:nth-of-type(1) {
flex: 0.666 1;
flex-basis: 369px;
margin-right: 0.9075rem;
}
.panel-two-col-left > div:nth-of-type(2) {
flex: 1.5 1;
flex-basis: 564px;
margin-left: 0.9075rem;
}
.panel-two-col-right {
display: flex;
width: calc(100% - 1.815rem);
max-width: 970px;
margin: 0 auto;
}
.panel-two-col-right > div:nth-of-type(1) {
flex: 1.5 1;
flex-basis: 564px;
margin-right: 0.9075rem;
}
.panel-two-col-right > div:nth-of-type(2) {
flex: 0.666 1;
flex-basis: 369px;
margin-left: 0.9075rem;
}
.sh-deco-header {
display: block;
position: relative;
width: calc(100% - 1.815rem);
max-width: 695px;
margin: 0 auto 40px;
text-align: center;
}
.sh-deco-header::before {
content: "";
display: block;
position: absolute;
height: 20px;
top: calc(50% - 2px);
left: 20px;
right: 20px;
transform: translateY(-50%);
border-top: 2px solid #c9c9c9;
z-index: 0;
}
.sh-deco-header::after {
content: "";
display: block;
position: absolute;
height: 20px;
top: calc(50% - 2px);
left: 0px;
right: 0px;
transform: translateY(-50%);
border-bottom: 2px solid #c9c9c9;
z-index: 0;
}
.sh-deco-header h2 {
display: inline-block;
font-family: var(--font-secondary);
font-weight: 700;
font-size: 16px;
line-height: 1;
color: var(--color-yellow);
text-transform: uppercase;
letter-spacing: 5px;
padding: 40px 45px 35px;
position: relative;
margin: 0;
z-index: 2;
}
.panel-two-col .sh-deco-header h2 {
font-family: var(--font-accent);
text-transform: capitalize;
font-size: 48px;
font-weight: 400;
}
.sh-deco-header h2 .flourish1 {
top: 15px;
bottom: 15px;
left: -17px;
right: -17px;
}
.sh-deco-header h2 .flourish2 {
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.sh-ama-header {
flex-flow: row;
font-size: 60px;
margin: 60px 0 100px !important;
}
.sh-ama-header img {
width: 126px;
margin: 0 1rem;
}
.sh-ama-header span {
margin: 0 1rem;
}
.sh-bird-header-accent:before {
content: url(embellishment-sides-lines.svg);
position: absolute;
right: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) scaleX(-1);
width: 110px;
margin: 0 1.2rem;
}
.sh-bird-header-accent:after {
content: url(embellishment-sides-lines.svg);
position: absolute;
left: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) ;
width: 110px;
margin: 0 1.2rem;
}
.sh-fan-header-accent:before {
content: url(embellishment-sides-fan.svg);
position: absolute;
right: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) scaleX(-1);
width: 90px;
margin: 0 1.2rem;
}
.sh-fan-header-accent:after {
content: url(embellishment-sides-fan.svg);
position: absolute;
left: 100%;
top: calc(50% + 2px);
transform:translateY(-50%) ;
width: 90px;
margin: 0 1.2rem;
}
.sh-arrow-header-accent:before {
content: url(embellishment-sides-arrow.svg);
position: absolute;
right: 100%;
top: 50%;
transform:translateY(-50%) scaleX(-1);
width: 60px;
margin: 0 1.2rem;
}
.sh-arrow-header-accent:after {
content: url(embellishment-sides-arrow.svg);
position: absolute;
left: 100%;
top: 50%;
transform:translateY(-50%);
width: 60px;
margin: 0 1.2rem;
}
.sh-brackets-accent::before {
top: 10px;
right: 10px;
height: 50px;
width: 50px;
}
.sh-brackets-accent::after {
bottom: 10px;
left: 10px;
height: 50px;
width: 50px;
}
}
/* LARGE UP */
@media only screen and (min-width: 64.063em) {
h1 {
font-size: 66px;
line-height: 1.121;
}
.homepage .intro-panel h1 {
font-size: 66px;
line-height: 1;
}
.homepage .intro-panel p {
font-size: 20px;
line-height: 1.6;
}
}
/*---------------------------CORE STYLES---------------------------*/
.core-styles h1,
.contentRender_name_plugins_common_custom_textbox h1,
.contentRender_name_plugins_core_textbox h1 {
color: var(--color-black);
font-size: 66px;
font-family: var(--font-primary);
font-style: normal;
line-height: 74px;
margin-bottom: 30px;
}
.contentRender_name_plugins_common_custom_textbox h1{
font-family: var(--font-accent);
}
.core-styles h2,
.contentRender_name_plugins_common_custom_textbox h2,
.contentRender_name_plugins_core_textbox h2 {
color: var(--color-black);
font-size: 50px;
line-height: 56px;
font-family: var(--font-primary);
font-style: normal;
margin-bottom: 20px;
}
.core-styles h3,
.contentRender_name_plugins_common_custom_textbox h3,
.contentRender_name_plugins_core_textbox h3 {
color: var(--color-black);
font-size: 40px;
line-height: 46px;
font-family: var(--font-primary);
font-style: normal;
margin-bottom: 20px;
}
.core-styles h4,
.contentRender_name_plugins_common_custom_textbox h4,
.contentRender_name_plugins_core_textbox h4 {
color: var(--color-black);
font-size: 34px;
line-height: 40px;
font-family: var(--font-primary);
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
.core-styles h5 {
color: var(--color-black);
font-size: 30px;
line-height: 36px;
font-family: var(--font-primary);
font-style: normal;
letter-spacing: 2px;
margin-bottom: 10px;
}
.contentRender_name_plugins_common_custom_textbox h5,
.contentRender_name_plugins_core_textbox h5 {
color: var(--color-black);
font-size: 30px;
line-height: 36px;
font-family: var(--font-accent);
font-style: normal;
letter-spacing: 2px;
margin-bottom: 10px;
}
.core-styles h6,
.contentRender_name_plugins_common_custom_textbox h6,
.contentRender_name_plugins_core_textbox h6 {
color: var(--color-black);
font-size: 24px;
line-height: 30px;
font-family: var(--font-primary);
font-style: normal;
text-transform: uppercase;
margin-bottom: 10px;
}
.core-styles p,
.contentRender_name_plugins_common_custom_textbox p,
.contentRender_name_plugins_core_textbox p {
color: var(--color-black);
font-size: 20px;
font-family: var(--font-secondary);
font-style: normal;
line-height: 32px;
text-rendering: optimizeLegibility;
margin-bottom: 1.25rem;
}
.core-styles a,
.contentRender_name_plugins_common_custom_textbox a,
.contentRender_name_plugins_core_textbox a {
color: var(--color-red);
font-family: var(--font-secondary);
font-weight: 700;
font-weight: bold;
text-decoration: none;
}
.core-styles ul:not([class*="block-grid-"]) li,
.core-styles ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_common_custom_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_common_custom_textbox ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
color: var(--color-black);
font-size: 20px;
line-height: 32px;
font-family: var(--font-secondary);
list-style-position: inside;
margin-left: 24px;
}
.core-styles table,
.contentRender_name_plugins_common_custom_textbox table,
.contentRender_name_plugins_core_textbox table {
border-collapse: separate;
border-spacing: 0;
background: #FFFFFF;
border: solid 2px #DDDDDD;
margin-bottom: 1.25rem;
table-layout: auto;
}
.core-styles td,
.contentRender_name_plugins_common_custom_textbox td,
.contentRender_name_plugins_core_textbox td,
.core-styles tr,
.contentRender_name_plugins_core_textbox tr {
border: 1px solid lightgrey;
border-left: 1px solid grey;
color: var(--color-black);
font-size: 20px;
font-family: var(--font-secondary);
}
.contentRender h1 > a,
.contentRender h2 > a,
.contentRender h3 > a,
.contentRender h4 > a,
.contentRender h5 > a,
.contentRender h6 > a,
.contentRender h1 > a:hover,
.contentRender h2 > a:hover,
.contentRender h3 > a:hover,
.contentRender h4 > a:hover,
.contentRender h5 > a:hover,
.contentRender h6 > a:hover{
font: inherit;
color: inherit;
text-decoration: none;
}
.contentRender .contentRender_name_plugins_common_intro h1 > a,
.contentRender .contentRender_name_plugins_common_intro h2 > a,
.contentRender .contentRender_name_plugins_common_intro h3 > a,
.contentRender .contentRender_name_plugins_common_intro h4 > a,
.contentRender .contentRender_name_plugins_common_intro h5 > a,
.contentRender .contentRender_name_plugins_common_intro h6 > a,
.contentRender .contentRender_name_plugins_common_intro h1 > a:hover,
.contentRender .contentRender_name_plugins_common_intro h2 > a:hover,
.contentRender .contentRender_name_plugins_common_intro h3 > a:hover,
.contentRender .contentRender_name_plugins_common_intro h4 > a:hover,
.contentRender .contentRender_name_plugins_common_intro h5 > a:hover,
.contentRender .contentRender_name_plugins_common_intro h6 > a:hover,
.contentRender .contentRender_name_plugins_core_textbox h1 > a,
.contentRender .contentRender_name_plugins_core_textbox h2 > a,
.contentRender .contentRender_name_plugins_core_textbox h3 > a,
.contentRender .contentRender_name_plugins_core_textbox h4 > a,
.contentRender .contentRender_name_plugins_core_textbox h5 > a,
.contentRender .contentRender_name_plugins_core_textbox h6 > a,
.contentRender .contentRender_name_plugins_core_textbox h1 > a:hover,
.contentRender .contentRender_name_plugins_core_textbox h2 > a:hover,
.contentRender .contentRender_name_plugins_core_textbox h3 > a:hover,
.contentRender .contentRender_name_plugins_core_textbox h4 > a:hover,
.contentRender .contentRender_name_plugins_core_textbox h5 > a:hover,
.contentRender .contentRender_name_plugins_core_textbox h6 > a:hover {
color: var(--color-red);
}
.core-styles img[align*='right'],
.contentRender_name_plugins_common_custom_textbox img[align*='right'],
.contentRender_name_plugins_core_textbox img[align*='right'] { margin-left : 15px; margin-bottom: 5px; }
.core-styles img[align*='left'],
.contentRender_name_plugins_common_custom_textbox img[align*='left'],
.contentRender_name_plugins_core_textbox img[align*='left'] { margin-right : 15px; margin-bottom: 5px; }
@media screen and (max-width: 1024px) {
.core-styles h1,
.contentRender_name_plugins_common_custom_textbox h1,
.contentRender_name_plugins_core_textbox h1 {
font-size: 56px;
line-height: 56px;
}
.core-styles h2,
.contentRender_name_plugins_common_custom_textbox h2,
.contentRender_name_plugins_core_textbox h2 {
font-size: 38px;
line-height: 48px;
}
}
@media screen and (max-width: 640px) {
.core-styles h1,
.contentRender_name_plugins_common_custom_textbox h1,
.contentRender_name_plugins_core_textbox h1 {
font-size: 40px;
line-height: 46px;
}
.core-styles h2,
.contentRender_name_plugins_common_custom_textbox h2,
.contentRender_name_plugins_core_textbox h2 {
font-size: 30px;
line-height: 36px;
}
.core-styles h3,
.contentRender_name_plugins_common_custom_textbox h3,
.contentRender_name_plugins_core_textbox h3 {
font-size: 24px;
line-height: 30px;
}
.core-styles h4,
.contentRender_name_plugins_common_custom_textbox h4,
.contentRender_name_plugins_core_textbox h4 {
font-size: 20px;
line-height: 26px;
}
.core-styles h5,
.contentRender_name_plugins_common_custom_textbox h5,
.contentRender_name_plugins_core_textbox h5 {
font-size: 19px;
line-height: 24px;
}
.core-styles h6,
.contentRender_name_plugins_common_custom_textbox h6,
.contentRender_name_plugins_core_textbox h6 {
font-size: 16px;
line-height: 22px;
}
.core-styles p,
.contentRender_name_plugins_common_custom_textbox p,
.contentRender_name_plugins_core_textbox p {
font-size: 17px;
line-height: 24px;
}
.core-styles ul:not([class*="block-grid-"]) li,
.core-styles ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_common_custom_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_common_custom_textbox ol:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ul:not([class*="block-grid-"]) li,
.contentRender_name_plugins_core_textbox ol:not([class*="block-grid-"]) li {
font-size: 17px;
line-height: 24px;
}
}
::selection {
color: #fff;
background: var(--color-yellow);
}
/*---------------------------END CORE STYLES---------------------------*/
.root_panel > .header-slideshow {
position: relative;
z-index: 31;
}
/* HEADER */
header {
position: fixed;
width: 100%;
pointer-events: none;
}
header a,
header button {
pointer-events: auto;
}
header .header-sizer {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 1.815rem);
max-width: 978px;
margin: 0 auto;
position: relative;
z-index: 131;
}
.film-microsite header{
position: static;
}
.film-microsite header .header-sizer {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 1.815rem);
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 31;
flex-direction: row;
}
@media(min-width: 64.0125em){
.film-microsite header .header-sizer {
display: flex;
align-items: center;
justify-content: space-between;
width: calc(100% - 1.815rem);
max-width: 1200px;
margin: 0 auto;
position: relative;
z-index: 31;
flex-direction: column;
}
}
/* */
header .header-sizer::before {
content: "";
position: absolute;
width: 101vw;
height: 200%;
left: 50%;
bottom: 0px;
background-color: #fff;
transform: translateX(-50%);
z-index: 1;
}
header .booking-link {
font-family: var(--font-secondary);
font-weight: 400;
font-size: 13px;
color: #fff;
display: inline-flex;
height: 34px;
align-items: center;
background-color: var(--color-red);
padding: 0 23px;
text-transform: uppercase;
position: relative;
}
.film-microsite header .booking-link{
display: none;
}
header a.visit-outside-link{
display: none;
}
.film-microsite header a.visit-outside-link{
display:block;
color: var(--color-red);
font-size: 13px;
padding: 11px;
line-height: 1em;
font-weight: 700;
font-family: 'Lato', sans-serif;
background-color: #f4f4f4;
position: absolute;
top: 0px;
left: 0px;
transition: all ease .5s;
}
header a.booking-link.sh-brackets-accent::before,
header a.booking-link.sh-brackets-accent::after {
content: url('data:image/svg+xml; utf8,');
width: 23px;
}
header a.booking-link.sh-brackets-accent::before {
top: 3px;
right: 3px;
}
header a.booking-link.sh-brackets-accent::after {
bottom: 3px;
left: 3px;
}
header button[name="site-search-toggle"] {
font-size: 22px;
color: #fff;
width: 50px;
height: 34px;
background-color: var(--color-yellow);
position: relative;
z-index: 40;
}
.film-microsite header button[name="site-search-toggle"] {
font-size: 18px;
color: #fff;
width: 35px;
height: 34px;
padding: 0;
background-color: #000;
position: absolute;
top: 22px;
border-radius: 3px;
z-index: 40;
}
header .site-search-dd {
display: none;
align-items: center;
justify-content: center;
position: absolute;
left: 0px;
right: 0px;
top: 10px;
height: 232px;
opacity: 0;
pointer-events: none;
transition: bottom 2s ease;
background-color: var(--color-yellow);
z-index: 39;
}
header .site-search-dd.active {
bottom: 0px;
opacity: 1;
pointer-events: auto;
padding: 76px 83px;
}
.film-microsite header .site-search-dd {
display: none;
align-items: center;
justify-content: center;
position: absolute;
left: 0px;
right: 0px;
top: 10px;
height: 232px;
opacity: 0;
pointer-events: none;
transition: bottom 2s ease;
background-color: var(--color-red);
z-index: 39;
}
.film-microsite header .site-search-dd.active {
bottom: 0px;
opacity: 1;
pointer-events: auto;
padding: 76px 83px;
}
header .site-search-dd.active form input,
header .site-search-dd.active form {
width: 100%;
height: 100%;
margin: 0;
}
header .site-search-dd.active form input {
padding: 5px 30px 0px;
box-shadow: none;
}
header .site-search-dd.active form input,
header .site-search-dd.active form input::placeholder {
font-family: var(--font-secondary);
font-size: 24px;
line-height: 1;
color: #727374;
}
header .site-search-dd.active form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: var(--font-secondary);
font-size: 24px;
line-height: 1;
color: #727374;
}
header .site-search-dd.active form input::-moz-placeholder { /* Firefox 19+ */
font-family: var(--font-secondary);
font-size: 24px;
line-height: 1;
color: #727374;
}
header .site-search-dd.active form input:-ms-input-placeholder { /* IE 10+ */
font-family: var(--font-secondary);
font-size: 24px;
line-height: 1;
color: #727374;
}
header .site-search-dd.active form input:-moz-placeholder { /* Firefox 18- */
font-family: var(--font-secondary);
font-size: 24px;
line-height: 1;
color: #727374;
}
header .site-search-dd.active form .search-btn {
position: absolute;
top: calc(50% - 22.5px);
font-size: 26px;
color: var(--color-yellow);
right: 95px;
width: 45px;
height: 45px;
}
.film-microsite header .site-search-dd.active form .search-btn {
position: absolute;
top: calc(50% - 22.5px);
font-size: 26px;
color: var(--color-red);
right: 95px;
width: 45px;
height: 45px;
}
header .site-search-dd.active + .form-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #000;
opacity: 0.7;
pointer-events: auto;
}
.noScroll { overflow: hidden; }
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.mobile-container .mobile input.searchInput {
margin: 0;
}
.mobile-container {
display: flex;
align-items: center;
pointer-events: none;
float: right;
}
.mobile-container.active {
pointer-events: auto;
}
.mobile-container button[name="site-search"] {
font-size: 17px;
position: relative;
z-index: 35;
color: #fff;
padding: unset;
}
.mobile-container .hamburger {
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 30;
pointer-events: auto;
padding: 7px;
cursor: pointer;
}
.mobile-container .hamburger::before {
content: "";
position: relative;
z-index: 35;
width: 1px;
height: 24px;
background-color: #fff;
display: block;
margin: 0;
}
.microsite .mobile-container .hamburger::before {
display: none;
}
.microsite .mobile-container .hamburger::after {
left: 5px;
}
.mobile-container .hamburger::after {
content: "";
position: absolute;
right: 0;
top: 0;
left: -28px;
bottom: 0;
background-color: var(--color-yellow);
z-index: 30;
}
.film-microsite .mobile-container .hamburger::after {
content: "";
position: absolute;
right: 0;
top: 0;
left: -28px;
bottom: 0;
background-color: black;
z-index: 30;
}
.mobile-container .hamburger.active .sv-navicon,
.mobile-container .hamburger .sv-times {
opacity: 0;
position: absolute;
z-index: 35;
}
.mobile-container .hamburger .sv-navicon {
top: 2.5px;
}
.mobile-container .hamburger .sv-navicon,
.mobile-container .hamburger.active .sv-times {
opacity: 1;
z-index: 35;
margin: 0 7px 0 9px;
position: relative;
height: 18px;
}
.mobile-container .hamburger span {
font-family: var(--font-secondary);
font-size: 12px;
line-height: 0;
position: relative;
top: 2px;
z-index: 35;
color: #fff;
}
.mobile-container .social-wrapper {
text-align: center;
margin: 0 0.9075rem 32px;
}
.mobile-container .social-wrapper h3 {
font-weight: 300;
font-size: 15px;
line-height: 1;
letter-spacing: 0;
display: inline-block;
padding: 0 6px 8.5px;
margin-bottom: 10.5px;
border-bottom: 1px solid;
border-color: #00bfd7;
color: #fff;
}
.mobile-container ul.social {
list-style: none;
margin-bottom: 30px;
}
.mobile-container ul.social li {
display: inline-block;
font-size: 25px;
color: #fff;
margin: 0 5px;
}
.actions-panel .weather-wrapper,
.actions-panel a.booking-link,
.actions-panel form {
position: relative;
z-index: 39;
margin-bottom: 10px;
}
.actions-panel input {
background-color: transparent;
box-shadow: none;
border: 1px solid #cfc2af;
padding: 23px 10px 19px;
margin: 0;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 15px;
line-height: 1;
color: #727374;
}
.actions-panel input[type="search"]:focus {
background-color: transparent;
}
.actions-panel input::placeholder {
font-family: var(--font-secondary);
font-weight: 400;
font-size: 15px;
line-height: 1;
color: #727374;
}
.actions-panel form button {
position: absolute;
top: 10px;
right: 17px;
color: #fff;
font-size: 14px;
}
.film-microsite .interior-header-wrapper {
position: inherit;
margin-bottom: 72px;
}
section.indy-wrapper, nav.desktop {
display: none;
}
@media only screen and (max-width: 64em) {
.header-sizer >.contentRender_name_plugins_search_headerbox {
display: none;
}
.listing-details header {
border-bottom: 3px solid #f8f6f2;
}
}
@media only screen and (min-width: 64.063em) {
header {
height: 0px;
}
.film-microsite header {
height: unset;
}
header::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -200px;
background-image: linear-gradient(rgba(0,0,0,0.8), transparent);
z-index: 30;
pointer-events: none;
}
header.transparent::before {
display: none;
}
header .header-container {
position: relative;
}
header .header-container .indy-wrapper :is(ul.indy-nav-style > li.item, .weather-wrapper a),
header .header-container nav.desktop ul.primary-nav-style > li.item {
color: #fff;
}
header .header-container.transparent {
border-bottom: 1px solid rgba(0,0,0,1);
background-color: rgba(255, 255, 255, 1);
z-index: 200;
}
header .header-container.transparent .indy-wrapper :is(ul.indy-nav-style > li.item, .weather-wrapper a),
header .header-container.transparent nav.desktop ul.primary-nav-style > li.item {
color: #000;
}
.film-microsite header::before{
content: none;
}
header .header-sizer {
align-items: flex-end;
padding: 0px;
}
.film-microsite .header-sizer {
align-items: center;
padding: 0px;
}
.microsite header .header-sizer {
align-items: flex-end;
padding-top: 15px;
}
.microsite nav.mobile .actions-panel {
display: none;
height: 0px;
}
header .header-sizer::after,
header .header-sizer::before {
display: none;
}
header .logo {
display: block;
max-width: 320px;
/* margin: 0 0.9075rem 28px 0; */
}
.film-microsite header .logo {
display: block;
max-width: 320px;
margin: 0 auto;
}
.film-microsite header .contentRender_name_plugins_common_logo{
width: 100%;
background-image: linear-gradient(to right, black, black), linear-gradient(to right, black, black);
background-repeat: no-repeat, no-repeat;
background-size: calc(45% - 10px) 2%, calc(47% - 10px) 2%;
background-position-x: left, right;
background-position-y: bottom, bottom;
}
.film-microsite header .contentRender_name_plugins_common_logo .logo::after{
content: '';
width: 100%;
background-image: url(film-stars.png);
position: absolute;
bottom: -17px;
left: 108px;
background-repeat: no-repeat;
height: 31px;
background-size: 27%;
}
header .logo img {
width: 300px;
margin: 7px 0 -7px;
}
.film-microsite header .site-search-dd,
header .site-search-dd {
display: block;
}
nav.desktop {
display: flex;
width: 100%;
position: relative;
}
.film-microsite nav.desktop {
display: block;
width: 100%;
position: relative;
}
header .nav-cont {
margin-top: 14px;
}
.film-microsite .nav-cont {
margin-top: 14px;
width: 100%;
}
section.indy-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 20px;
}
.indy-wrapper ul.indy-nav-style > li.item,
.indy-wrapper .weather-wrapper,
.indy-wrapper .booking-link {
margin: 0 10px;
color: #fff;
}
.mobile-container {
display: none;
}
header button[name="site-search-toggle"].active i.fa-search::before {
content: "\f00d";
}
}
/* FOOTER */
footer#site-footer {
position: relative;
display: block;
width: 100%;
padding: 0 0 50px;
margin: 0;
background-color: #F3E3C2;
margin: 45px 0 75px;
height: unset;
z-index: 20;
}
.film-microsite footer#site-footer {
position: relative;
display: block;
width: 100%;
padding: 0px;
/* margin: 0; */
background-color: #FFF;
background-image: url('footer-film.png');
margin: 45px 0 150px;
height: unset;
z-index: 1;
background-repeat: no-repeat;
background-size: contain;
}
footer#site-footer .footer-img {
position: absolute;
top: 112px;
left: 50%;
transform: translateX(-50%);
z-index: 0;
}
footer#site-footer section.engagment {
background-color: #fff;
}
footer#site-footer .footer-img map area:focus { outline: none; }
footer#site-footer .footer-img .mb-img {
display: flex;
justify-content: center;
}
footer#site-footer .footer-img .mb-img img {
max-width: unset;
width: 100vw;
}
.film-microsite footer#site-footer .footer-img .mb-img img {
display: none;
}
footer#site-footer .footer-img .dt-img { display: none; }
footer#site-footer .vguide-wrapper {
position: relative;
display: block;
width: calc(100% - 1.815rem);
max-width: 642px;
margin: 0 auto 180px;
}
footer#site-footer .vguide-wrapper a {
display: block;
width: 100%;
background-color: #fff;
outline: 4px solid var(--color-cream);
text-align: center;
padding: 25px 0px;
}
footer#site-footer .vguide-wrapper a h3 {
font-family: var(--font-accent);
font-style: normal;
font-weight: 400;
font-size: 34px;
line-height: 1;
letter-spacing: 0px;
color: var(--color-yellow);
text-transform: none;
margin-bottom: 20px;
}
footer#site-footer .vguide-wrapper a p {
font-family:var(--font-secondary);
font-weight: 700;
font-size: 15px;
color: var(--color-red);
text-transform: uppercase;
margin-bottom: 0px;
}
footer#site-footer .vguide-wrapper a::before {
content: url('data:image/svg+xml; utf8,');
position: absolute;
top: 5px;
right: 5px;
height: 30px;
width: 30px;
}
footer#site-footer .vguide-wrapper a::after {
content: url('data:image/svg+xml; utf8,');
position: absolute;
bottom: 5px;
left: 5px;
height: 30px;
width: 30px;
transform: rotate(180deg);
}
footer#site-footer .main {
display: block;
align-items: center;
justify-content: center;
z-index: 3;
width: 100vw;
margin: -25px auto 88px;
position: relative;
}
.film-microsite footer#site-footer .main {
display: block;
align-items: center;
justify-content: center;
z-index: 3;
width: 100vw;
margin: unset;
position: relative;
}
footer#site-footer .center-split {
padding: 0;
margin: 0 auto;
}
@media screen and (max-width: 40em) {
footer#site-footer .vguide-wrapper a h3 {
margin-bottom: 10px;
}
}
@media screen and (min-width: 40.063em) {
footer#site-footer .main {
margin: -100px auto 0;
}
footer#site-footer .vguide-wrapper {
margin: 0 auto 225px;
}
footer#site-footer .vguide-wrapper a h3 {
font-size: 48px;
line-height: 1;
margin-bottom: 20px;
}
footer#site-footer .vguide-wrapper a::before {
top: 10px;
right: 10px;
height: 48px;
width: 50px;
background: url('embellishment-large-top.png');
content:'';
background-repeat: no-repeat;
}
footer#site-footer .vguide-wrapper a::after {
bottom: 10px;
left: 10px;
height: 48px;
width: 50px;
transform: rotate(180deg);
background: url('embellishment-large-top.png');
content:'';
background-repeat: no-repeat;
}
footer#site-footer .footer-img {
position: absolute;
top: -45px;
left: 50%;
transform: translate(-50%);
z-index: 0;
}
footer#site-footer .footer-img .mb-img { display: none; }
footer#site-footer .footer-img .dt-img {
display: flex;
justify-content: center;
}
footer#site-footer .footer-img .dt-img img {
max-width: unset;
width: 100vw;
}
}
@media screen and (min-width: 64em) {
footer#site-footer .main {
display: flex;
align-items: center;
justify-content: center;
/* flex-flow: row wrap; */
width: 100vw;
/* max-width: 1064px; */
margin: -25px auto 88px;
position: relative;
}
footer#site-footer .left-split {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 100%;
padding: 0;
/* margin: 0 0.9075rem 20px; */
display: block;
max-width: 100%;
text-align: center;
}
footer#site-footer .center-split {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 100%;
padding: 0;
margin: 0 0 20px;
}
footer#site-footer .right-split {
flex-grow: 1;
flex-shrink: 1;
flex-basis: 100%;
padding: 0;
/* margin: 0 0.9075rem; */
}
}
.microsite footer#site-footer {
overflow: hidden;
}
.microsite footer#site-footer::before {
content: url(footer-landscape.png);
position: absolute;
top: -148px;
left: 50%;
transform: translateX(-50%);
z-index: 0;
margin-top: 45px;
}
.microsite footer#site-footer .main {
padding-top: 90px;
padding-bottom: 10px;
}
footer#site-footer .logo {
width: 240px;
max-width: 100%;
margin: 0 auto 20px;
position: relative;
z-index: 2;
}
footer#site-footer .logo-footer {
max-width: 100%;
margin: -15px 0;
z-index: 2;
}
.film-microsite footer#site-footer .logo-footer {
max-width: 100%;
margin: 0 auto;
z-index: 2;
}
footer#site-footer .logo-footer img{
width: 300px;
}
.film-microsite footer#site-footer .logo-footer img{
width: 150px;
}
@media only screen and (min-width: 40em){
.film-microsite footer#site-footer .logo-footer img{
width: 200px;
}
}
@media only screen and (min-width: 48em){
.film-microsite footer#site-footer .logo-footer img{
width: 230px;
}
}
.film-microsite footer#site-footer address {
margin: 0;
display: inline-block;
text-align: center;
margin-bottom: 15px;
}
.film-microsite footer#site-footer address p{
margin-bottom:unset;
font-size: 14px;
line-height: 1.1;
}
footer#site-footer address {
margin: 0;
display: inline-block;
text-align: center;
margin: 0 auto -15px;
}
footer#site-footer address ul {
list-style: none;
margin: 0 0 25px;
padding: 0;
display: block;
}
footer#site-footer address ul a {
color: #013c6d;
}
footer#site-footer address li {
font-family:var(--font-secondary);
font-weight: bold;
font-size: 12px;
color: #013c6d;
display: inline-block;
position: relative;
margin-left: 0;
}
footer#site-footer address li::after {
content: "|";
color: #ac0f1f;
margin: 0 0 0 3px;
}
footer#site-footer address li:last-child::after {
display: none;
}
footer#site-footer .enews-wrapper {
margin: 0 0 20px;
}
footer#site-footer .enews-wrapper a {
display: block;
background-color: #9C1F17;
padding: 9px 10px 6px;
text-align: center;
position: relative;
}
footer#site-footer .enews-wrapper h3 {
font-family:var(--font-secondary);
font-weight: 600;
font-size: 1rem;
line-height: 1;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.1px;
margin: 0;
}
footer#site-footer .enews-wrapper p {
font-family: var(--font-secondary);
font-weight: 400;
font-size: 13px;
line-height: 1;
color: #000;
margin: 0;
}
footer#site-footer .social-wrapper {
text-align: center;
margin: 0 0.9075rem 32px;
}
.film-microsite footer#site-footer .social-wrapper {
text-align: center;
margin: 15px 0.9075rem 15px;
}
.film-microsite footer#site-footer .footer .simple-button a{
margin: 10px 0;
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
line-height: 21px;
text-decoration: none;
color: #fff;
font-weight: 400;
font-size: 16px;
background-color: black;
color: white;
text-align: center;
border-radius: 30px;
padding: 7px 20px;
width: unset;
text-transform: uppercase;
font-family: var(--font-secondary);
}
.film-microsite footer#site-footer .afci-member{
width:140px;
margin: 0 auto;
}
.film-microsite footer#site-footer .footer .simple-button a.simple-link::before,
.film-microsite footer#site-footer .footer .simple-button a.simple-link::after{
content: none;
}
footer#site-footer ul.social {
list-style: none;
margin-bottom: 15px;
}
footer#site-footer ul.social li {
display: inline-block;
font-size: 1rem;
margin: 0 5px;
color: #013c6d;
}
.film-microsite footer#site-footer ul.social li {
display: inline-block;
font-size: 1rem;
margin: 5px 0;
color: #013c6d;
}
footer#site-footer ul.social li i {
font-family: "fontAwesome";
font-weight: 400;
color: #E4BF7B;
background: #013c6d;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
line-height: 1;
vertical-align: middle;
padding: 7px;
}
.film-microsite footer#site-footer ul.social li i {
font-family: "fontAwesome";
font-weight: 400;
color: #fff;
background: #434343;
width: 20px;
height: 20px;
border-radius: 5px;
text-align: center;
line-height: 1;
vertical-align: middle;
padding: 2px;
}
footer#site-footer .language {
margin: 0 1.815rem 30px;
position: relative;
}
footer#site-footer .language select {
font-size: 14px;
line-height: 1;
color: var(--color-black);
margin: 0;
height: 32px;
padding: 0 5px;
position: inherit;
z-index: 1;
}
footer#site-footer .language i.fa {
position: absolute;
top: 7px;
right: 8.5px;
z-index: 2;
pointer-events: none;
}
footer#site-footer .language p {
font-size: 13px;
color: var(--color-black);
text-align: right;
}
footer#site-footer nav.footer {
max-width: 320px;
position: relative;
margin: 0;
padding: 0;
margin: 0 auto;
margin-bottom: 15px;
}
footer#site-footer div.copyright {
position: relative;
/* z-index: 4; */
pointer-events: none;
}
footer#site-footer p.copyright {
display: none;
font-family: var(--font-secondary);
font-weight: 400;
font-size: 10px;
line-height: 1;
color: #fff;
z-index: 5;
position: absolute;
bottom: 7px;
left: 50%;
transform: translateX(-50%);
}
footer#site-footer .acknowledgments {
padding: 13px 0.9075rem;
text-align: center;
position: relative;
z-index: 2;
background-color: #9C1F17;
}
.film-microsite footer#site-footer .acknowledgments {
display: none;
}
footer#site-footer .sv-logo {
width: 136px;
}
@media only screen and (max-width: 40em) {
footer#site-footer .enews-wrapper a::after {
top: 25px;
transform: none;
}
.contentRender_name_plugins_addthis_addthis {
align-self: flex-end;
}
}
/* Footer Background Side Images */
footer#site-footer .p-dogs-top {
display: none;
}
footer#site-footer .p-dogs-bottom {
display: none;
}
footer#site-footer .cowgirl {
display: none;
}
footer#site-footer .bottom-content {
position: absolute;
bottom: -75px;
width: 100vw;
z-index: 0;
/* pointer-events: none; */
}
footer#site-footer .bottom-content .desktop {
display: none;
}
footer#site-footer .mobile {
display: block;
z-index: 1;
width: 100vw;
}
.film-microsite footer#site-footer .mobile {
display: none;
}
footer#site-footer div.copyright .dt-footer-img img {
width: 100vw;
}
footer#site-footer .right-split,
footer#site-footer .left-split {
display: none;
}
footer#site-footer .center-split.film-microsite{
display: none;
}
.film-microsite footer#site-footer .center-split{
display: none;
}
.film-microsite footer#site-footer .center-split.film-microsite{
display: block;
}
footer#site-footer .center-split {
display: block;
max-width: 95vw;
padding: 10px 30px;
margin: 10px 20px;
z-index: 3;
text-align: center;
background-image: linear-gradient(180deg, #D9A036, #F1E1C1);
border-radius: 25px;
box-shadow: 0 1px 12px 10px rgb(0 0 0 / 10%), 0 2px 3px 0px rgb(0 0 0 / 6%);
}
footer#site-footer .center-split {
display: block;
max-width: 95vw;
padding: 10px 30px;
margin: 10px 20px;
z-index: 3;
text-align: center;
background-image: linear-gradient(180deg, #D9A036, #F1E1C1);
border-radius: 25px;
box-shadow: 0 1px 12px 10px rgb(0 0 0 / 10%), 0 2px 3px 0px rgb(0 0 0 / 6%);
background:transparent;
box-shadow: none;
}
@media only screen and (min-width: 40.063em) {
footer#site-footer .bottom-content .desktop {
display: block;
z-index: 4;
}
footer#site-footer .bottom-content {
z-index: 4;
}
.film-microsite footer#site-footer .bottom-content {
display: none;
}
footer#site-footer .mobile {
display: none;
}
footer#site-footer p.copyright {
display: block;
}
footer#site-footer .left-split {
flex-basis: 100%;
padding: 0;
text-align: center;
}
footer#site-footer .center-split {
flex-basis: 50%;
max-width: 55%;
}
footer#site-footer .right-split {
flex-basis: 40%;
}
footer#site-footer .vguide-wrapper a h3 {
font-size: 48px;
line-height: 1;
margin-bottom: 12px;
}
footer#site-footer .vguide-wrapper a p {
font-size: 15px;
margin-bottom: 0px;
}
footer#site-footer .logo {
width: 331px;
}
footer#site-footer .footer-img {
margin-top: 45px;
}
.film-microsite footer#site-footer .footer-img {
display: none;
}
footer#site-footer .enews-wrapper p {
font-size: 15px;
}
footer#site-footer .p-dogs-top {
position: absolute;
display: block;
top: -164px;
transform: scale(.6);
left: -40px;
z-index: 1;
}
footer#site-footer .p-dogs-bottom {
position: absolute;
display: block;
top: -23px;
left: -28px;
z-index: 2;
transform: scale(1.1);
}
footer#site-footer .cowgirl {
position: absolute;
display: block;
top: -158px;
left: 0;
}
footer#site-footer .center-split {
padding: 10px 30px;
margin: 0 auto;
max-width: 53%;
z-index: 3;
text-align: center;
background-image: linear-gradient(180deg, #D9A036, #F1E1C1);
border-radius: 25px;
box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
}
.film-microsite footer#site-footer .center-split {
padding: 40px 30px;
margin: 0 auto;
max-width: 53%;
z-index: 3;
text-align: center;
background: transparent;
border-radius: 25px;
box-shadow: none;
}
}
@media only screen and (min-width: 24em) {
footer#site-footer {
margin-bottom: calc(100vw /2);
}
}
@media only screen and (min-width: 40em) {
footer#site-footer {
margin-bottom: calc(100vw /2.5);
}
}
@media only screen and (min-width: 50em) {
footer#site-footer {
margin-bottom: calc(100vw /1.75);
}
}
@media only screen and (min-width: 56em) {
footer#site-footer {
margin-bottom: calc(100vw /1.4);
}
}
@media only screen and (min-width: 64em) {
footer#site-footer {
margin-bottom: 75px;
}
}
@media only screen and (min-width: 64.063em) {
footer#site-footer .left-split {
max-width: 35vw;
position: relative;
display: block;
}
footer#site-footer .center-split {
max-width: 28vw;
padding: 10px 30px 0;
z-index: 3;
text-align: center;
background-image: linear-gradient(180deg, #D9A036, #F1E1C1);
border-top-left-radius: 25px;
border-top-right-radius: 25px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
footer#site-footer .right-split {
max-width: 37vw;
position: relative;
display: block;
}
.film-microsite footer#site-footer .right-split {
display: none;
}
footer#site-footer p.copyright {
font-size: 1rem;
}
}
@media only screen and (min-width: 64em) {
/* Footer Background Side Images */
footer#site-footer .p-dogs-top {
position: absolute;
display: block;
top: -164px;
transform: scale(.6);
left: -40px;
z-index: 1;
}
footer#site-footer .p-dogs-bottom {
position: absolute;
display: block;
top: -23px;
left: -28px;
z-index: 2;
transform: scale(1.1);
}
footer#site-footer .cowgirl {
position: absolute;
display: block;
top: -158px;
left: 0;
}
.film-microsite footer#site-footer .cowgirl {
display: none;
}
footer#site-footer .bottom-content {
position: absolute;
bottom: -75px;
width: 100vw;
pointer-events: none;
}
.film-microsite footer#site-footer .bottom-content {
display: none;
}
footer#site-footer div.copyright .dt-footer-img img {
width: 100vw;
}
.film-microsite footer#site-footer address p {
margin-bottom: unset;
font-size: 23px;
line-height: 1.1;
}
.film-microsite footer#site-footer .afci-member{
width:200px;
margin: unset;
/* align-self: center; */
}
.film-microsite footer#site-footer .center-split {
padding: 30px 30px 40px 30px;
}
.film-microsite footer#site-footer .logo-footer img {
width: 350px;
}
.film-microsite footer#site-footer .footer .simple-button{
text-align: left;
}
.film-microsite footer#site-footer nav.footer {
margin: unset;
}
.film-microsite footer#site-footer .sides-film{
display:flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding-top: 50px;
margin-top: -200px;
align-items: flex-start;
padding: 50px;
}
.film-microsite footer#site-footer .mac .sides-film{
display:flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding-top: 50px;
margin-top: -145px;
align-items: flex-start;
padding: 50px;
}
.film-microsite footer#site-footer ul.social li i {
font-family: "fontAwesome";
font-weight: 400;
font-size: 30px;
color: #fff;
background: #434343;
width: 40px;
height: 40px;
border-radius: 5px;
text-align: center;
line-height: 1;
vertical-align: middle;
padding: 5px;
}
.film-microsite footer#site-footer .footer .simple-button a{
margin: 10px 0;
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
line-height: 30px;
text-decoration: none;
color: #fff;
font-weight: 400;
font-size: 18px;
background-color: black;
color: white;
text-align: center;
border-radius: 30px;
padding: 7px 20px;
width: 220px;
margin: unset;
text-transform: uppercase;
font-family: var(--font-secondary);
}
.film-microsite footer#site-footer .center-split {
padding: 40px 30px;
margin: 0 auto;
max-width: 100%;
z-index: 3;
text-align: center;
background: transparent;
border-radius: 25px;
box-shadow: none;
}
}
@media only screen and (min-width: 75em) {
footer#site-footer .main {
margin: -35px auto 20px;
}
.film-microsite footer#site-footer .sides-film{
display:flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding-top: 50px;
/* margin-top: -145px; */
align-items: flex-start;
padding: 50px;
}
.film-microsite footer#site-footer .mac .sides-film{
display:flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
max-width: 1200px;
/* margin-top: -80px; */
align-items: flex-start;
padding: 50px;
}
}
@media only screen and (min-width: 90.1em) {
footer#site-footer .footer-img {
margin-top: 0;
}
footer#site-footer .main {
margin: -50px auto 20px;
}
/* Footer Background Side Images */
footer#site-footer .p-dogs-top {
position: absolute;
top: -221px;
transform: scale(.7);
left: -43px;
z-index: 1;
}
footer#site-footer .p-dogs-bottom {
position: absolute;
top: -74px;
left: -33px;
z-index: 2;
transform: scale(1.07);
}
footer#site-footer .cowgirl {
position: absolute;
top: -185px;
left: 0;
}
footer#site-footer .bottom-content {
position: absolute;
bottom: -75px;
}
.film-microsite footer#site-footer .mac .sides-film{
display:flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
max-width: 1200px;
/* margin-top: -35px; */
align-items: flex-start;
padding: 50px;
}
}
@media only screen and (min-width: 100em) {
footer#site-footer .footer-img {
margin-top: -65px;
}
footer#site-footer .main {
margin: -50px auto 30px;
}
/* Footer Background Side Images */
footer#site-footer .p-dogs-top {
position: absolute;
top: -155px;
transform: scale(.7);
left: -68px;
z-index: 1;
}
footer#site-footer .p-dogs-bottom {
position: absolute;
top: -74px;
left: -33px;
z-index: 2;
transform: scale(1.07);
}
footer#site-footer .cowgirl {
position: absolute;
top: -185px;
left: 0;
}
footer#site-footer .bottom-content {
position: absolute;
bottom: -75px;
}
.film-microsite footer#site-footer .mac .sides-film{
display:flex;
justify-content: space-between;
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding-top: 50px;
margin-top: 0px;
align-items: flex-start;
padding: 50px;
}
}
@media only screen and (min-width: 125em) {
.film-microsite footer#site-footer .center-split.film-microsite .center-film{
margin-top: 150px;
}
}
@media only screen and (min-width: 187.5em) {
.film-microsite footer#site-footer .center-split.film-microsite .center-film{
margin-top: 200px;
}
}
/* Simple button styling */
.simple-button {
display: block;
max-width: 1230px;
margin: 0 auto;
padding: 0 15px;
}
.simple-button.align_right {
text-align: right;
}
.simple-button.align_left {
text-align: left;
}
.simple-button.align_center {
text-align: center;
}
.simple-button a {
margin: 10px 0;
position: relative;
display: inline-block;
vertical-align: middle;
overflow: hidden;
line-height: 21px;
text-decoration: none;
color: #fff;
width: 200px;
font-weight: 700;
font-size: 16px;
background-color: var(--color-red);
padding: 13px 2px;
text-align: center;
text-transform: uppercase;
font-family: var(--font-secondary);
}
.simple-button a.simple-link::after {
content: "";
background: url('embellishment-top.png');
height: 23px;
width: 23px;
left: 5px;
bottom: 5px;
position: absolute;
transform: rotate(180deg);
}
.simple-button a.simple-link::before {
content: '';
background: url('embellishment-top.png');
height: 23px;
width: 23px;
right: 5px;
top: 5px;
position: absolute;
}
.simple-button.small-button a {
padding: 11px 22px;
font-size: 14px;
width: 150px;
}
/* END Simple button styling */
/*** BEGIN FORM STYLING ***/
/* START RESET FORM STYLING. YOU SHOULDN'T HAVE TO MODIFY ANYTHING TILL CUSTOMIZE SECTION */
/* The crm-calendar-popup class is added by JS in the header */
body.crm-calendar-popup { overflow-y: hidden !important; }
body.crm-calendar-popup::-webkit-scrollbar { display: none; }
body.crm-calendar-popup .contentRender { display: none; }
body.crm-calendar-popup .crm-calendar-parent { padding: 0; margin: 0; background: #fff; }
body.crm-calendar-popup table { width: 100%; margin-bottom: 0;}
body.crm-calendar-popup table thead tr th,
body.crm-calendar-popup table tfoot tr th,
body.crm-calendar-popup table tfoot tr td,
body.crm-calendar-popup table tbody tr th,
body.crm-calendar-popup table tbody tr td,
body.crm-calendar-popup table tr td {
padding: 2px;
font-size: 12px;
}
body.crm-calendar-popup .lookup-cal,
body.crm-calendar-popup .lookup-calNav { border: none; }
body.crm-calendar-popup .lookup-calNav {
margin-bottom: 0px;
border-bottom: 1px solid #ccc;
}
body.crm-calendar-popup .lookup-cal td,
body.crm-calendar-popup .lookup-calNav td { text-align: center; }
body.crm-calendar-popup .lookup-close {
margin-top: 15px;
text-transform: uppercase;
padding-bottom: 20px;
}
/* TARGET CALENDER TRIGGER ON FORMS*/
.contentRender form.simpleForm a img { margin-bottom: 10px; }
.contentRender form.simpleForm .row textarea,
.contentRender form.simpleForm .row input { margin-bottom: 10px; }
.contentRender form.simpleForm .button { display: inline-block; }
.contentRender form.simpleForm .captcha img,
.contentRender #sv_submit_event_form img {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.contentRender form.simpleForm .hint,
.contentRender #sv_submit_event_form .sv_api_hint {
display: block;
text-align: center;
}
.contentRender form.simpleForm .captcha #code,
.contentRender #sv_submit_event_form #code {
width: 200px;
display: block;
margin: 0 auto;
margin-top: -13px;
}
.contentRender form.simpleForm .captcha { overflow: hidden; }
.contentRender form.simpleForm .captcha #capimage { float: left; margin-top: 10px; margin-right: 8px; }
.contentRender form.simpleForm .captcha .hint { margin-top: 10px; }
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1 {
-moz-transition: opacity .6s;
-o-transition: opacity .6s;
-transition: opacity .6s;
-webkit-transition: opacity .6s;
}
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] { padding: 6px; }
.contentRender #sv_submit_event_form td:not(:first-child) {
padding-left: 0;
vertical-align: middle;
}
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form label.recur_menu,
.contentRender #sv_submit_event_form legend,
.contentRender #sv_submit_event_form div.datalabel label {
font-weight: normal;
}
.contentRender #sv_submit_event_form .progress {
background: grey;
height: 22px;
line-height: 18px;
}
.contentRender div#sv_submit_event_form.submitEventForm {
padding: 0 !important;
margin-bottom: 3rem;
}
.contentRender #sv_submit_event_form .svrecurall *,#sv_submit_event_form #recur_show_1{
-moz-transition:all .6s;
-o-transition:all .6s;
transition:all .6s;
-webkit-transition:all .6s;
}
.contentRender #sv_submit_event_form #customdate_list {padding: 0 !important; }
.contentRender #sv_submit_event_form #customdate_list table { margin-bottom: 0; border: 1px solid #ddd; }
.contentRender #sv_submit_event_form #customdate_list table td,
.contentRender #sv_submit_event_form #customdate_list table tr { border: none; }
.contentRender #sv_submit_event_form .recur_opt .detailbar { vertical-align: middle; }
.contentRender #sv_submit_event_form .recur_opt td {padding: 2px 0;}
.contentRender #sv_submit_event_form input[type=radio]:checked ~ div.recur_opt { max-height: 100%; }
.contentRender #sv_submit_event_form #recur_opts_99 { overflow: visible !important; }
.contentRender #sv_submit_event_form .inner_recur_opt,
.contentRender #sv_submit_event_form label.recur_menu { margin: 0 1.25em ;}
.contentRender #sv_submit_event_form .inner_recur_opt { padding: 0 1.25em 0 1.25em; }
.contentRender #sv_submit_event_form #recur_range {
margin: 0 1.25em;
padding: 0 1.25em 0 1.25em;
}
.contentRender #sv_submit_event_form .inner_recur_opt label {
height: 50px;
line-height: 46px;
}
.contentRender #sv_submit_event_form .inner_recur_opt select {
border: none;
border-radius: 2px;
min-width: 60px;
padding-right: 24px;
}
.contentRender #sv_submit_event_form .svrecurall input[type=text]:not(#customdate) {
border: none;
border-radius: 2px;
height: 41px;
}
.contentRender #sv_submit_event_form .svrecurall #customdate {
width: 130px;
text-align: center;
}
.contentRender form.simpleForm .formCntrls,
.contentRender form.simpleForm h3 { text-align: center; }
@media only screen and (min-width: 40.125em) {
.contentRender form.simpleForm p.hint,
.contentRender form.simpleForm h3 {
padding-left: 8px;
}
.contentRender form.simpleForm p.hint,
.contentRender form.simpleForm .captcha,
.contentRender form.simpleForm .formCntrls,
.contentRender form.simpleForm h3 {
margin-left: 25%;
text-align: left !important;
width: auto;
}
.contentRender form.simpleForm .columns p.hint {
margin: 8px 0 10px 0;
padding-left: 0px;
}
.contentRender form.simpleForm .captcha img,
.contentRender form.simpleForm .captcha #code { margin-left: 0; }
.contentRender form.simpleForm .hint { text-align: left; }
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
box-shadow: none;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
border-radius: 0px;
}
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
background-color: transparent;
}
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label {
background: none;
border: none;
}
.contentRender form.simpleForm div input,
.contentRender #sv_submit_event_form div input {
border-radius: initial;
}
/* END RESET */
/* CUSTOMIZE THE FOLLOWING */
/* RESET FONT FAMILY */
.contentRender #sv_submit_event_form legend,
.contentRender form.simpleForm label,
.contentRender form.simpleForm .formtext,
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox] ~ label.minilabel,
.contentRender #sv_submit_event_form .recur_opt input[type=radio] ~ label.minilabel,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label,
.contentRender #sv_submit_event_form label.recur_menu {
/*
Add a font family
*/
font-family: var(--font-secondary);
}
/* RESET FONT STYLE */
.contentRender form.simpleForm .columns label,
.contentRender form.simpleForm .formtext,
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form table.fileuploads thead th,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text],
.contentRender #sv_submit_event_form div.datalabel label,
.contentRender form.simpleForm::-webkit-input-placeholder,
.contentRender #sv_submit_event_form input[type=text]::-webkit-input-placeholder {
/*
Add style, weight color to match general html style. Do not set font-family here. Use the above class.
*/
color: var(--color-black);
font-style: normal;
font-size: 20px;
line-height: 32px;
}
/* OPTIONAL RESET FOR INPUT STYLE */
/* This over-writes foundation style. Double check your select boxes. You may have to adjust the line-height to vertically center text */
.contentRender form.simpleForm input,
.contentRender form.simpleForm select,
.contentRender #sv_submit_event_form select,
.contentRender #sv_submit_event_form select[size], #sv_submit_event_form select[multiple],
.contentRender #sv_submit_event_form input[type=text] {
color: #464646;
}
/* REPLACE WITH A CORE STYLE HEADING */
.contentRender form.simpleForm h3,
.contentRender #sv_submit_event_form .formhead {
/*
Add font family, style, weight color to match body.
The easiest thing here to do is find a match H style on your html-styles page.
*/
color: var(--color-black);
font-size: 40px;
line-height: 46px;
font-family: var(--font-primary);
font-style: normal;
margin-bottom: 20px;
}
/* SET KEY COLOR HERE */
.contentRender #sv_submit_event_form .recur_opt input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form .recur_opt input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=checkbox]:checked ~ label,
.contentRender #sv_submit_event_form #recur_range input[type=radio]:checked ~ label,
.contentRender #sv_submit_event_form input[type=radio]:checked ~ label.recur_menu,
.contentRender #sv_submit_event_form .progress {
/*
Set a background color or tiled image here as well as the color of text over it.
This will affect things like the loading progress bar as well as some other event
calendar related items.
*/
background-color: #0d487d;
}
/* STRONG WEIGHT FOR LABELS */
.contentRender #sv_submit_event_form #customdate_list .formhead,
.contentRender #sv_submit_event_form legend {
/*
Set your strong weight here for label items that need to be bolded
*/
}
/* STYLE SUBMIT BUTTONS */
.contentRender form.simpleForm .button,
.contentRender #sv_submit_event_form input.button,
.contentRender #sv_submit_event_form .svbtn,
.contentRender #multifileuploadcontainer label,
.contentRender_name_plugins_events_submitevent #sv_submit_event_form input.button, #multifileuploadcontainer label {
/*
This is your basic button styling. You can use your site submit button styling here.
E.G. the listings submit styles
*/
color: #fff;
font-weight: 100;
font-size: 14px;
background-color: var(--color-red) !important;
font-family: var(--font-secondary);
line-height: 29px!important;
padding: 9px!important;
}
.contentRender form.simpleForm .button:hover,
.contentRender form.simpleForm .button:active,
.contentRender #sv_submit_event_form input.button:hover,
.contentRender #sv_submit_event_form input.button:active,
.contentRender #sv_submit_event_form .svbtn:hover,
.contentRender #sv_submit_event_form .svbtn:active,
.contentRender #multifileuploadcontainer label:hover,
.contentRender #multifileuploadcontainer label:active {
/*
This is the hover style on the submit buttons
*/
opacity: 0.8;
}
/* SET LINK COLOR HERE */
body.crm-calendar-popup .contentRender a, body.crm-calendar-popup .contentRender a:hover {
/*
This is a generic link style for the calendar popup.
It's recommended you test the calendar popup but you might wanna limit your style here to color and family.
The font size should be able to work across all sites.
*/
font-size: 1.0625rem;
font-style: normal;
color: #d81111;
}
/* OPTIONAL: SET FORM HINT STYLE HERE */
.contentRender #sv_submit_event_form .hint,
.contentRender form.simpleForm p.hint:not(.formreq) {
/* Default styling here. Changing is optional */
color: #5b5b5b;
font-size: 14px;
}
/* OPTIONAL: SET FORM REQUIRED STYLE HERE */
.contentRender #sv_submit_event_form div.datalabel label.svformreq,
.contentRender form.simpleForm .formreq,
.contentRender form.simpleForm label.formreq {
color: #d81111;
}
/* SUBMIT EVENT FORM PIKA CALENDAR */
/* To test, click on the start date in a submit event form */
.pika-lendar .is-today .pika-button {
/*
Set a link color here. This can be standard site anchor color
*/
color: var(--color-red);
}
.pika-lendar .pika-button:hover,
.pika-lendar .is-selected .pika-button {
/*
Set your hover/selected background and text color here.
Note the Pika calendar uses important here so this is required to overwrite.
*/
color: #fff;
background: #a49483 !important;
border-radius: 0 !important;
box-shadow: none;
}
/*** END FORM STYLING ***/
.contentRender form.simpleForm,
.contentRender #sv_submit_event_form {
max-width: 960px;
margin: 0 auto;
}
#backToTop {
display: none;
position: fixed;
bottom: 60px;
right: 30px;
z-index: 99;
font-size: 18px;
border: solid 4px #fff;
outline: none;
background-color: var(--color-yellow);
color: white;
cursor: pointer;
padding: 20px 15px 7px 15px;
border-radius: 4px;
-webkit-box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.36);
box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.36);
}
.film-microsite #backToTop {
display: none;
position: fixed;
bottom: 60px;
right: 30px;
z-index: 99;
font-size: 18px;
border: solid 4px #fff;
outline: none;
background-color: var(--color-red);
color: white;
cursor: pointer;
padding: 20px 15px 7px 15px;
border-radius: 4px;
-webkit-box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.36);
box-shadow: 5px 5px 15px 2px rgba(0,0,0,0.36);
}
#backToTop span{
display: block;
padding: 0;
padding-top: 12px;
}
#backToTop i{
font-size: 44px;
line-height: 0px;
font-weight: 600;
position: absolute;
right: 20px;
top: 15px;
}
.contentRender_name_plugins_common_custom_textbox p {
color: var(--color-black);
font-size: 20px;
font-family: var(--font-secondary);
font-style: normal;
line-height: 32px;
text-rendering: optimizeLegibility;
margin-bottom: 1.25rem;
}
.custom-textbox {
max-width: 960px;
margin: 0 auto;
padding: 2rem;
}
.custom-textbox.alt-font h1 {
font-family: var(--font-accent);
}
.panel-two-column {
max-width: var(--width-base);
padding: 0 15px;
margin: 0 auto;
margin-bottom: var(--space-8);
}
.panel-two-column :is(.left-container, .right-container) {
padding: 0 var(--space-5);
}
:is(.panel-intro, .panel-social, .panel-three-column, .panel-two-column) .contentRender_name_plugins_core_textbox {
padding: 0;
}
@media (min-width: 64em) {
.panel-two-column {
display: flex;
max-width: 62.5rem;
margin: 0 auto;
margin-bottom: 20px;
padding: 0;
}
.panel-two-column.sidebar-left .left-container {
order: 1;
flex-basis: 25%;
}
.panel-two-column.sidebar-left .right-container {
order: 2;
flex-basis: 75%;
}
.panel-two-column.sidebar-right .left-container {
order: 1;
flex-basis: 75%;
}
.panel-two-column.sidebar-right .right-container {
order: 2;
flex-basis: 25%;
}
.panel-two-column.even :is(.left-container, .right-container) {
flex-basis: 50%;
}
}