| /home/httpd/html/verobeach.marketing/public_html/ |
| Current File : /home/httpd/html/verobeach.marketing/public_html/custom.css |
/* Previous Theme CSS */
#element-host-name .hosted-by {
font-size: 14px;
}
#element-host-name .host-name {
font-size: 24px;
}
/* End of Previous Theme CSS */
/* Previous Event CSS */
/* End of Previous Theme CSS */
/*Remove after iframe edit fixed*/
#splash-container span.edit-embed-source.edit-link-btn.s.clean.hide {
display: inline-block;
}
#splash-container .horizontal-dropdown[block-type="nav"] .nav-item a:hover {
background: none;
}
#splash-container .splug{
display: none !important;
}
/*CSS3 Animations*/
/*Blink Opacity for error messages*/
@-webkit-keyframes blink-opacity {
0%, 100% { opacity: 1; }
50% { opacity: 0.5;}
}
@-moz-keyframes blink-opacity {
0%, 100% { opacity: 1; }
50% { opacity: 0.5;}
}
@-o-keyframes blink-opacity {
0%, 100% { opacity: 1; }
50% { opacity: 0.5;}
}
@keyframes blink-opacity {
0%, 100% { opacity: 1; }
50% { opacity: 0.5;}
}
/* Keep Scroll arrow bounce*/
@-webkit-keyframes pointer {
0% {bottom: 4%; opacity:0.9;}
50% {opacity:1; bottom: 0.5%;}
100% {bottom: 4%; opacity:0.5;}
}
@-moz-keyframes blink-opacity {
0% {bottom: 4%; opacity:0.9;}
50% {opacity:1; bottom: 0.5%;}
100% {bottom: 4%; opacity:0.5;}
}
@-o-keyframes blink-opacity {
0% {bottom: 4%; opacity:0.9;}
50% {opacity:1; bottom: 0.5%;}
100% {bottom: 4%; opacity:0.5;}
}
@keyframes pointer {
0% {bottom: 4%; opacity:0.9;}
50% {opacity:1; bottom: 0.5%;}
100% {bottom: 4%; opacity:0.5;}
}
/*End CSS3 Animations*/
body.no-scroll{
position: relative;
overflow: hidden;
max-width: 100%;
max-height: 100%;
}
body.isMobile #splash-container {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
body.isMobile #splash-container .vidBack,
body.m-no-video,
body.isMobile #splash-container .during-section .element-spacer{
display: none !important;
}
body.isMobile #splash-container .during-section .centered{
position: static !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
body.isMobile #splash-container .event-bg-url{
background-size:auto 120% !important;
}
#splash-container a {
color: #ee3a69;
border-bottom: 1px solid transparent;
}
#splash-container a:not(.button-link):hover {
color: #d83560;
border-bottom: 1px solid #d83560;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container .footer a{
color: #fff;
border-bottom: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container .footer a:hover,
#splash-container .footer a:hover:not(.splash-free-link){
color: #d83560 !important;
border-bottom: none;
cursor: pointer;
}
#splash-container .footer a:visited:not(.splash-free-link){
color: #fff;
}
#splash-container .pink-button:hover{
background-color: #d83560 !important;
border-color: #d83560 !important;
color: #fff !important;
cursor: pointer;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container .attending-event-button .custom-button {
font-family: 'GibsonSemiBold';
font-size: 12px;
}
#splash-container .attending-event-button a:hover{
border-bottom: none;
}
#element-title h1 span, #element-title h1{
font-size: 58px;
}
/*-------------Nav----------*/
/*Interferes with the RTE. Remove comments to have sticky header*/
#splash-container .fixed{
position: fixed !important;
top: 0 !important;
}
#splash-container .sticky-nav,
#splash-container .unsticky-nav{
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#splash-container .sticky-nav.fixed {
background-color: #fff;
z-index: 10;
width: 100%;
left: 0;
/*-webkit-transition: background-color 0.5s ease-in;*/
/*-moz-transition: background-color 0.5s ease-in;*/
/*-ms-transition: background-color 0.5s ease-in;*/
/*-o-transition: background-color 0.5s ease-in;*/
/*transition: background-color 0.5s ease-in; */
box-shadow: 0px 0px 7px rgba(0,0,0, 0.4);
}
#splash-container .sticky-nav:not(.fixed) .attending-event-button{
display: none !important;
}
#splash-container .attending-event-button{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.sf.nav.horizontal-hamburger-left-v2{
font-size: 1em;
}
.sticky-nav .sf.nav.horizontal-hamburger-left-v2 .nav-item a{
border-bottom: none !important;
padding: 11px;
}
.sticky-nav.fixed .sf.nav.horizontal-hamburger-left-v2 .nav-hamburger,
.sticky-nav.fixed .sf.nav.horizontal-hamburger-left-v2 .nav-item a{
color: #000 !important;
}
.sticky-nav .sf.nav.horizontal-hamburger-left-v2 .nav-item a:hover {
border: none !important;
background: none;
color: #ee3a69 !important;
}
.sticky-nav .mini-nav .list-item.nav-item:last-child {
border: 2px solid #ee3a69;
border-radius: 2px;
padding: 0;
margin-left: 15px;
color: #ee3a69;
letter-spacing: 0.5px;
transition: all 0.15s;
}
.sticky-nav .mini-nav .list-item.nav-item:last-child a{
padding: 9px 20px 7px;
border-bottom: none !important;
transition: all 0.15s;
}
/*//hide 'login' when logged in*/
body.logged-in .mini-nav .list-item:nth-last-child(2) {
display: none;
}
.sticky-nav .mini-nav .list-item.nav-item:last-child:hover {
background-color: #ee3a69 !important;
}
.sticky-nav.fixed .fullscreen-menu .sf.nav.horizontal-hamburger-left-v2 .nav-hamburger,
.sticky-nav.fixed .sf.nav.horizontal-hamburger-left-v2 .nav-item:last-child:hover a,
.sticky-nav:not(.fixed) .sf.nav.horizontal-hamburger-left-v2 .nav-item:last-child:hover a{
color: #fff !important;
border-bottom: none;
}
.sticky-nav.fixed .sf.nav.horizontal-hamburger-left-v2 .nav-item:last-child a,
.sticky-nav.fixed .mini-nav.fullscreen-menu .children.open .nav-item:last-child a,
.sticky-nav.fixed .mini-nav.fullscreen-menu .children.open .nav-item:hover a,
.sticky-nav .sf.nav.horizontal-hamburger-left-v2 .nav-hamburger:hover{
color: #ee3a69 !important;
}
body:not(.logged-in) .sf.nav.horizontal-hamburger-left-v2 .nav-hamburger{
margin-top: 12px;
margin-right:12px;
}
.sf.nav.horizontal-hamburger-left-v2 .nav-hamburger{
padding: 2px;
}
.sf.nav.horizontal-hamburger-left-v2 .nav-hamburger:before {
font-size: 32px;
}
.mini-nav.fullscreen-menu {
background-color: #000;
width: 100%;
height: 130%;
position: fixed;
top: -15%;
left: 0;
right: 0;
bottom: -15%;
margin: 0 !important;
overflow: hidden;
padding: 20px !important;
padding-top: 30% !important;
}
.mini-nav,
.mini-nav .children.open .nav-item{
transition: all 0.25s;
}
.mini-nav.fullscreen-menu .children.open .nav-item {
text-align: center;
font-size: 18px;
margin: 15px 0;
letter-spacing: 1px;
}
.sticky-nav .mini-nav.fullscreen-menu .list-item.nav-item:last-child {
margin-right: 0;
margin-left: 0;
float: none;
display: inline-block;
max-width: 300px;
}
.sticky-nav.fixed .mini-nav.fullscreen-menu .children.open .nav-item a,
.sticky-nav.fixed .mini-nav.fullscreen-menu .children.open .nav-item:last-child:hover a{
color: #fff !important;
border: none !important;
}
.mini-nav.fullscreen-menu .sf.nav.horizontal-hamburger-left-v2 .nav-hamburger {
float: right;
}
.mini-nav.fullscreen-menu .sf.nav.horizontal-hamburger-left-v2 .nav-hamburger:before {
content: "\f187";
font-family: kohtello;
padding: 0 20px 10px;
font-size: 24px;
}
/*#splash-container .attending-event-button:hover{*/
/* border-color: #ee3a69 !important;*/
/* background-color: #ee3a69 !important;*/
/*}*/
/*#splash-container .sticky-nav.fixed .attending-event-button{*/
/* border-color: #ee3a69 !important;*/
/* color: #ee3a69 !important;*/
/*}*/
/*#splash-container .sticky-nav.fixed .attending-event-button:hover{*/
/* color: #fff !important;*/
/*}*/
/*----------- Signup Form Styles ----------*/
.facebook-auth-signup-btn{
transition: all 0.2s ease-in-out;
}
.facebook-auth-signup-btn .button a {
letter-spacing: 1px;
display: inline;
margin-left: 2.5em;
position: relative !important;
}
.facebook-auth-signup-btn:hover{
opacity: 0.7;
}
.facebook-auth-signup-btn i:before{
color: inherit;
display: inline-block;
font-size: 18px;
line-height: normal;
top: 40%;
left: -28px;
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.divider .body p span{
position: relative;
display: inline-block;
padding: 0 2em;
}
.divider .body p span:before,
.divider .body p span:after{
content: "";
border-top: 1px solid rgba(255, 255, 255, 0.6);
position: absolute;
width: 300px;
top: 50%;
}
.divider .body p span:before{
left: 100%;
}
.divider .body p span:after{
right: 100%;
}
#splash-container .signup-form input {
border: 2px solid white;
background-color: rgba(255, 255, 255, 0.3);
padding: 10px 10px;
text-align: center;
font-size: 1.5em;
margin: auto;
display:block;
margin-bottom: 1em;
color: white;
letter-spacing: 1px;
width:100%;
max-width: 450px;
}
#splash-container input{
-o-text-overflow: clip;
text-overflow: clip;
overflow: hidden;
white-space: nowrap;
word-break: normal;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 300px #eee inset;
}
#splash-container input::-webkit-input-placeholder { color: white; }
#splash-container input:-moz-placeholder { color: white; } /* Firefox 18- */
#splash-container input::-moz-placeholder { color: white; } /* Firefox 19+ */
#splash-container input:-ms-input-placeholder { color: white; }
#splash-container .signup-form input[type="submit"],
#splash-container .login-form input[type="submit"]{
padding: 15px 68px;
text-transform: uppercase;
cursor: pointer;
background-color: #ee3a69;
border-color: #ee3a69;
border-radius: 2px;
margin-bottom: 0;
font-size: 1em;
color: white;
/*font-family: gibsonsemibold;*/
}
#splash-container .signup-form input[type="submit"]:hover,
#splash-container .login-form input[type="submit"]:hover,
#splash-container .signup-form input[type="submit"]:focus,
#splash-container .login-form input[type="submit"]:focus{
border-color: #d83560;
background-color: #d83560;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container .signup-form input[type="submit"]:active,
#splash-container .login-form input[type="submit"]:active{
background-color: #733DCB;
border-color: #733DCB;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#splash-container .signup-form input:focus{
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
-o-outline: none;
outline: none;
border-color: #733DCB;
color: #fff;
}
#splash-container .signup-form input:hover{
border-color: #733DCB;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container .name-error-message,
#splash-container .email-error-message,
#splash-container .password-error-message{
display: none;
}
#splash-container input.full_name.error + .name-error-message,
#splash-container input.email.error + .email-error-message,
#splash-container input.password.error + .password-error-message{
display: block;
-webkit-animation: blink-opacity 0.2s 2 alternate;
-moz-animation: blink-opacity 0.2s 2 alternate;
-o-animation: blink-opacity 0.2s 2 alternate;
animation: blink-opacity 0.2s 2 alternate;
}
#splash-container .signup-form input.error{
border-color: red;
margin-bottom: 0;
-webkit-animation: blink-opacity 0.2s 2 alternate;
-moz-animation: blink-opacity 0.2s 2 alternate;
-o-animation: blink-opacity 0.2s 2 alternate;
animation: blink-opacity 0.2s 2 alternate;
}
#splash-container .login-form #loginForm input.error{
background-color: rgba(215, 0, 0, 0.1);
border: 1px solid #ee3a69;
-webkit-animation: blink-opacity 0.2s 2 alternate;
-moz-animation: blink-opacity 0.2s 2 alternate;
-o-animation: blink-opacity 0.2s 2 alternate;
animation: blink-opacity 0.2s 2 alternate;
}
#loginForm input.error::-webkit-input-placeholder { color: #ee3a69; }
#loginForm input.error:-moz-placeholder { color: #ee3a69; } /* Firefox 18- */
#loginForm input.error::-moz-placeholder { color: #ee3a69; } /* Firefox 19+ */
#loginForm input.error:-ms-input-placeholder { color: #ee3a69; }
#splash-container p.legal-msg{
text-align: center;
font-size: 13px;
color: white;
font-weight: bold;
margin-top: 18px;
}
/* Login Form */
#splash-container .login-form{
box-shadow: rgb(128, 128, 128) 0 0 5px inset;
}
#splash-container .login-form input {
width: 98%;
margin-top: 5px;
height: 2em;
border: 1px solid #d6d6d6;
border-radius: 3px;
color: rgb(140, 140, 140);
background-color: #FAFAFA;
font-size: 15px;
padding-left: 10px;
font-weight: bold;
letter-spacing: -1px;
}
#splash-container .login-form input::-webkit-input-placeholder { color: #d6d6d6; }
#splash-container .login-form input:-moz-placeholder { color: #d6d6d6; } /* Firefox 18- */
#splash-container .login-form input::-moz-placeholder { color: #d6d6d6; } /* Firefox 19+ */
#splash-container .login-form input:-ms-input-placeholder { color: #d6d6d6; }
#splash-container .login-form input:focus, .login-form input:hover {
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
-o-outline: none;
outline: none;
border: 1px solid #733DCB;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#splash-container .login-form input[type="submit"]{
padding: 0;
}
#splash-container .login-form input[type="submit"]:focus{
border-color: #ee3a69;
}
#splash-container .sticky-nav .login-form .x-icon{
display: none !important;
}
/*#splash-container .login-button .button-link .icon-f-down-open:before{*/
/* content: '';*/
/* width: 0;*/
/*}*/
/*#splash-container .login-button .button-link .icon-f-down-open:after {*/
/* content: '';*/
/* position: absolute;*/
/* width: 4px;*/
/* height: 4px;*/
/* border-right: 2px solid #fff;*/
/* border-bottom: 2px solid #fff;*/
/* top: 45%;*/
/* margin-left: 0.3em;*/
/* -webkit-transform: rotate(45deg) translateY(-50%);*/
/* -moz-transform: rotate(45deg) translateY(-50%);*/
/* -ms-transform: rotate(45deg) translateY(-50%);*/
/* -o-transform: rotate(45deg) translateY(-50%);*/
/* transform: rotate(45deg) translateY(-50%);*/
/*}*/
/*#splash-container .login-button .icon-f-down-open:after{*/
/* -webkit-transition: all 0.2s ease;*/
/* -moz-transition: all 0.2s ease;*/
/* -ms-transition: all 0.2s ease;*/
/* -o-transition: all 0.2s ease;*/
/* transition: all 0.2s ease;*/
/*}*/
/*#splash-container .login-button .icon-f-down-open.rotate:after{*/
/* -webkit-transform: rotate(-135deg);*/
/* -moz-transform: rotate(-135deg);*/
/* -ms-transform: rotate(-135deg);*/
/* -o-transform: rotate(-135deg);*/
/* transform: rotate(-135deg);*/
/* margin-left: 0.5em;*/
/* -webkit-transform-origin: center center;*/
/* -moz-transform-origin: center center;*/
/* -ms-transform-origin: center center;*/
/* -o-transform-origin: center center;*/
/* transform-origin: center center;*/
/*}*/
#splash-container .login-button.hide-until-scroll {
display:none !important;
}
#splash-container .login-button.hide-on-scroll {
display:none !important;
}
/*----------- End Form Styles ----------*/
#splash-container .keep-scroll:after {
background: url('/209e.318a.down-arrow.png');
display: block;
width: 31px;
height: 17px;
content:".";
font-size: 0;
position: absolute;
left: 50%;
bottom: 4%;
margin-left: -15px;
-webkit-animation: pointer 2s infinite;
-moz-animation: pointer 2s infinite;
animation: pointer 2s infinite;
}
#splash-container .full-window-height{
min-height: 1px;
min-height: 100vh; /*This needs to have a backup method in js*/
text-align: center;
}
#splash-container body.isMobile .full-window-height{
min-height: 1px;
}
#splash-container .full-window-height:before{
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
#splash-container .full-window-height .centered{
vertical-align: middle;
display: inline-block;
float: none;
}
#splash-container .undefined.centered{
padding-top: 275px !important;
padding-top: 20vh !important;
}
body.isMobile #splash-container .header-blurb{
margin-bottom: 1em !important;
}
body.isMobile #splash-container .undefined.centered{
padding-top: 70px !important;
}
body.isMobile #splash-container .sticky-nav{
top:0px !important;
}
#splash-container .vidBack .media.embed{
padding: 0;
}
#splash-container .vidBack #bgvid{
min-height: 1000px;
height: 1000px;
height: 100vh;
width: auto;
}
@media screen and (min-width:2000px){
body #splash-container .vidBack #bgvid{
height: 100%;
width: 110%;
/*width: 100vw;*/
}
}
#splash-container .after-image{
vertical-align: bottom;
}
#splash-container .data-balls{
vertical-align: top;
}
/*----------------------Top Brands Section-----------------------*/
#splash-container .top-brands .brand-wrap{
float: left;
width: 31.9%;
margin: 0.5% !important;
padding: 24% 0.5em 0 !important;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
height: 0;
/*background-color: #ee3a69;*/
}
#splash-container .top-brands .brand-wrap .body a,
#splash-container .top-brands .brand-wrap .media a{
color: white;
width: 100%;
padding-top: 73%;
position:absolute;
top: 0;
left: 0;
z-index: 5;
margin-right: auto;
margin-left: auto;
display: inline-block;
background-position: center center;
background-repeat: no-repeat;
background-size: 50%;
text-indent: -1000em;
}
#splash-container .top-brands .brand-wrap.large-logo .body a,
#splash-container .top-brands .brand-wrap.large-logo .media a{
background-size: 35%;
}
#splash-container .top-brands .brand-wrap.larger-logo .body a,
#splash-container .top-brands .brand-wrap.larger-logo .media a{
background-size: 28%;
}
#splash-container .top-brands .brand-wrap.largest-logo .body a,
#splash-container .top-brands .brand-wrap.largest-logo .media a{
background-size: 16%;
}
#splash-container .top-brands .brand-wrap:hover .body a,
#splash-container .top-brands .brand-wrap:hover .media a{
border-bottom: none !important;
}
#splash-container .top-brands .brand-wrap .body .view-text,
#splash-container .top-brands .brand-wrap .media .view-text{
position: absolute;
bottom: 0;
z-index: 4;
color: white;
font-size: 15px;
text-align: center;
width: 100%;
font-weight: bold;
opacity: 0;
-moz-transition: all 0.35s;
-o-transition: all 0.35s;
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
body.isMobile #splash-container .top-brands .brand-wrap .body .view-text,
body.isMobile #splash-container .top-brands .brand-wrap .media .view-text{
opacity: 1;
bottom: 10%;
}
#splash-container .top-brands .brand-wrap:hover .body .view-text,
#splash-container .top-brands .brand-wrap:hover .media .view-text{
bottom: 10%;
opacity: 1;
}
#splash-container .top-brands .brand-wrap .body .scaling-image-bg,
#splash-container .top-brands .brand-wrap .body .color-opacity-bg,
#splash-container .top-brands .brand-wrap .media .scaling-image-bg,
#splash-container .top-brands .brand-wrap .media .color-opacity-bg{
position: absolute;
top: 0;
left: 0;
padding-bottom: 85%;
width:100%;
background-position: top center;
}
#splash-container .top-brands .brand-wrap .body .scaling-image-bg,
#splash-container .top-brands .brand-wrap .media .scaling-image-bg{
-moz-transition: transform 0.35s;
-o-transition: transform 0.35s;
-webkit-transition: transform 0.35s;
transition: transform 0.35s;
}
#splash-container .top-brands .brand-wrap:hover .body .scaling-image-bg,
#splash-container .top-brands .brand-wrap:hover .media .scaling-image-bg{
transform: scale(1.12);
}
#splash-container .top-brands .brand-wrap .body .color-opacity-bg,
#splash-container .top-brands .brand-wrap .media .color-opacity-bg{
background-color: #ee3a69;
-moz-transition: opacity 0.35s;
-o-transition: opacity 0.35s;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
#splash-container .top-brands .brand-wrap:hover .body .color-opacity-bg,
#splash-container .top-brands .brand-wrap:hover .media .color-opacity-bg{
opacity: 0;
}
/*Chive*/
#splash-container .top-brands .brand-wrap.chive:before {
content: 'http://www.cateringverobeach.com/';
display: none;
}
#splash-container .top-brands .brand-wrap.chive .scaling-image-bg {
background-image: url("/bw-chive.png");
}
#splash-container .top-brands .brand-wrap.chive .body a,
#splash-container .top-brands .brand-wrap.chive .media a {
background-image: url("/blogo-chive.png");
}
/*Jungle Club*/
#splash-container .top-brands .brand-wrap.jungleclub:before {
content: 'http://www.thejungleclub.com/';
display: none;
}
#splash-container .top-brands .brand-wrap.jungleclub .scaling-image-bg {
background-image: url("/bw-jungle-club.png");
}
#splash-container .top-brands .brand-wrap.jungleclub .body a,
#splash-container .top-brands .brand-wrap.jungleclub .media a {
background-image: url("/blogo-jungle-club.png");
}
/*The Patio*/
#splash-container .top-brands .brand-wrap.patio:before {
content: 'http://thepatioseafoodtavern.com/';
display: none;
}
#splash-container .top-brands .brand-wrap.patio .scaling-image-bg {
background-image: url("/bw-patio.png");
}
#splash-container .top-brands .brand-wrap.patio .body a,
#splash-container .top-brands .brand-wrap.patio .media a {
background-image: url("/blogo-patio.png");
}
/*BG Polo*/
#splash-container .top-brands .brand-wrap.bgpolo:before {
content: 'http://bgpolo.com/';
display: none;
}
#splash-container .top-brands .brand-wrap.bgpolo .scaling-image-bg {
background-image: url("/bw-bg-polo.png");
}
#splash-container .top-brands .brand-wrap.bgpolo .body a,
#splash-container .top-brands .brand-wrap.bgpolo .media a {
background-image: url("/blogo-bg-polo.png");
}
/*Truck Max*/
#splash-container .top-brands .brand-wrap.truckmax:before {
content: 'http://truckmax.com/';
display: none;
}
#splash-container .top-brands .brand-wrap.truckmax .scaling-image-bg {
background-image: url("/bw-truckmax.png");
}
#splash-container .top-brands .brand-wrap.truckmax .body a,
#splash-container .top-brands .brand-wrap.truckmax .media a {
background-image: url("/blogo-truckmax.png");
}
/*Truck Max*/
#splash-container .top-brands .brand-wrap.morabito:before {
content: 'http://staceymorabito.com/';
display: none;
}
#splash-container .top-brands .brand-wrap.morabito .scaling-image-bg {
background-image: url("/bw-stacey-morabito.png");
}
#splash-container .top-brands .brand-wrap.morabito .body a,
#splash-container .top-brands .brand-wrap.morabito .media a {
background-image: url("/blogo-stacey-morabito.png");
}
/*--- End Top Brands Section---*/
@media(max-width: 500px){
#splash-container .top-brands .brand-wrap{
width: 100%;
margin-bottom: 0 !important;
padding-top: 75% !important;
}
#splash-container .top-brands .top-brands-wrap{
max-width: 300px !important;
}
#splash-container .section-text p span, .section-text p {
font-size: 22px !important;
line-height: 1em;
}
}
@media(max-width: 667px){
#splash-container .top-headline .headline .title p span {
font-size: 27px !important;
}
}
@media(max-width: 768px){
#splash-container .getting-started-section .getting-started-button {
margin-top: 0 !important;
margin-bottom: 1em;
}
#splash-container .getting-started-section .getting-started-text {
max-width: 500px;
float: none;
display: inline-block;
}
#splash-container .getting-started-text .title p {
text-align: center !important;
}
/* Nav */
#splash-container .sticky-nav .button-wrap{
margin-top: 15px;
width: auto;
float: right;
}
#splash-container .sticky-nav .container-ele > .drop-area{
width:50%;
}
#splash-container .sticky-nav .login-button.pink-button{
margin: 0 !important;
/*width: 100% !important;*/
margin-bottom: 8px !important;
}
#splash-container .login-button .button-link .icon-f-down-open:after{
display: none;
}
#splash-container .sticky-nav .attending-event-button{
width: 100% !important;
}
#splash-container .sticky-nav .splash-logo .splash-logo-image{
width: 100% !important;
max-width: 200px;
margin-top: 1em !important;
}
/*Login "Modal"*/
/*#splash-container .sticky-nav .login-form{*/
/* position: fixed !important;*/
/* height: 100vh !important;*/
/* background-color: rgba(0, 0, 0, 0.85) !important;*/
/* top: 0 !important;*/
/* right: 0 !important;*/
/* width: 100% !important;*/
/* margin-right: 0 !important;*/
/*}*/
/*#splash-container .sticky-nav .login-form .login-form-wrap{*/
/* width:90% !important;*/
/* margin: 0 !important;*/
/*}*/
/*#splash-container .login-form input{*/
/* margin-top: 12px;*/
/* height: 44px;*/
/* font-size: 16px;*/
/*}*/
/*#splash-container .login-form input[type="submit"]{*/
/* font-size: 18px;*/
/*}*/
/*#splash-container .sticky-nav .login-form .x-icon{*/
/* display: inline-block !important;*/
/* padding-top: 22vh !important;*/
/* color: #fff;*/
/* cursor: pointer;*/
/*}*/
/*#splash-container .sticky-nav .login-form .icon-f-close-editor:before{*/
/* font-size: 42px;*/
/* color: #fff;*/
/*}*/
/*#splash-container .sticky-nav .login-form .x-icon:hover .icon-f-close-editor:before{*/
/* color: #733DCB;*/
/*}*/
/*Before, During, After Sections*/
#splash-container .data-balls{
width: 100%;
}
#splash-container .during-section .centered{
margin-top: 0 !important;
}
/* Getting Started Section */
#splash-container .getting-started-section .getting-started-text p{
text-align:center !important;
}
#splash-container .getting-started-section .getting-started-text{
margin-top: 25px;
}
}
@media(max-width:785px){
#splash-container .app-section .app-text{
width: 100% !important;
margin-left: 0 !important;
}
#splash-container .app-section .app-text .content .body p{
text-align: center !important;
}
#splash-container .app-section .app-buttons{
margin-right: auto !important;
margin-left: auto !important;
float: none !important;
}
#splash-container .app-section .app-buttons > .grp{
margin-right: 0 !important;
}
}
/*Footer*/
#splash-container .footer-nav .list.nav .list-item {
padding-right: 0;
padding-left: 0;
width: 100%;
font-family: GibsonRegular;
font-size: 16px;
}
/*//Hide extra dropdown arrows//*/
.footer .nav-dropdown-arrow.icon-f-wide-darr {
display: none;
}
#splash-container .footer .support-center-link{
font-size: 16px;
color: #740085;
}
#splash-container .footer .connect [class^="icon-f-"]:before,
#splash-container .footer .connect [class*=" icon-f-"]:before {
margin-right: 0.4em;
}
#splash-container .footer-nav .list.nav .list-item:first-child {
text-transform: uppercase;
font-family: GibsonSemiBold;
pointer-events: none;
}
@media(width: 767px){
#splash-container .footer .support{
padding-left: 2em;
}
}
@media (max-width: 766px){
#splash-container .footer .container-2col{
width: 100%;
padding: 0;
}
#splash-container .footer .footer-nav .nav-dropdown-selected .body,
#splash-container .footer .support-header .body{
text-align: left;
padding-left: 0.5em;
font-family: GibsonSemiBold;
font-size: 20px;
text-transform: none;
border-bottom: 3px solid #1C1C1C;
}
#splash-container .footer .support-header{
padding: 0;
}
#splash-container .footer .support-header .body {
border-bottom: none;
}
#splash-container .footer .support-text{
margin-top: -7px;
}
#splash-container .footer .support-center-link .body a{
font-size: 16px;
width:100%;
}
#splash-container .footer-nav .horizontal-dropdown[block-type="nav"] .nav-dropdown-selected:after {
border-left: 0.3em solid transparent;
border-right: 0.3em solid transparent;
border-top: 0.35em solid #fff;
position: absolute;
top: 0.25em;
right: 0.5em;
}
#splash-container .footer-nav .horizontal-dropdown[block-type="nav"] .nav-dropdown-selected.open:after {
border-top: 0.3em solid transparent;
border-bottom: 0.35em solid #fff;
top: 0;
}
#splash-container .footer-nav .list.nav .list-item:first-child{
display: none;
}
#splash-container .faux-br {
display: block;
line-height: 0;
}
#splash-container .signup-form input[type="submit"], #splash-container .login-form input[type="submit"] {
padding: 15px 25px;
}
}
#footer{
display: none;
}
/*body.isMobile #splash-container .login-form-wrap{*/
/* position: fixed !important;*/
/* top:50% !important;*/
/* -webkit-transform: translateX(-50%) translateY(-50%);*/
/* width: 100% !important;*/
/* left:50% !important;*/
/*}*/
/*#main-canvas:not(.isMobile) {*/
/* font-size: 1vw;*/
/*}*/
body.logged-in #splash-container .icon-f-down-open:after, body.logged-in .attending-event-button{
display: none !important;
}
body.logged-in .sticky-nav:not(.fixed) .login-button {
display: none !important;
}
/*not logged in, hide sign up button*/
body.logged-in .sticky-nav .login-button{
display: none !important;
}
/*logged in and scrolling, hide signup/login button*/
body.logged-in .sticky-nav.fixed .attending-event-button{
display: none !important;
}
.sticky-nav .enterprise{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
body .sticky-nav:not(.fixed) .enterprise {
background-color: #733DCB !important;
color: #fff !important;
}
body .sticky-nav:not(.fixed) .enterprise:hover{
background-color: #5A2DA5 !important;
border-color: #5A2DA5 !important;
}
body .sticky-nav.fixed .enterprise:hover{
background-color: #733DCB !important;
color: #fff !important;
}
/* for short windows */
@media all and (max-device-width:750px) and (orientation:landscape) {
#main-canvas {
font-size: 1vw;
}
#splash-container .top-headline {
font-size: 2.5em;
}
}
@media screen and (max-height:710px){
#splash-container .undefined.centered {
padding-top: 8.75em !important;
}
#splash-container .top-headline {
font-size: 2.5em !important;
}
#splash-container .title-desc {
margin-bottom: 1em !important;
}
#splash-container .signup-form input {
font-size: 1.2em !important;
}
#splash-container .form-holder-row {
margin-bottom: 1em !important;
}
#splash-container .sticky-nav > .container-2col {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#splash-container .section-header {
margin-bottom: 0 !important;
}
#splash-container .section-header .fontFamEdited {
font-size: 22px !important;
}
#splash-container .section-text {
font-size: 36px !important;
margin-bottom: 0 !important;
}
}
body.logged-in .hide-when-logged{
display: none !important;
}
/*For editing fixed nav while in finetune*/
.finetune .sticky-nav {
width: calc(100% - 92px) !important;
}
.finetune.finetuneOpen .sticky-nav{
width: calc(100% - 380px) !important;
}
.webby {
-webkit-box-shadow: 2px 2px 5px 0px rgba(26,26,26,0.20);
-moz-box-shadow: 2px 2px 5px 0px rgba(26,26,26,0.20);
box-shadow: 2px 2px 5px 0px rgba(26,26,26,0.20);
}
@media screen and (max-width:650px){
.webbys>img {
display: none !important;
}
}
#footer #bottomSplug img { display: none; }
#splash-container .register-form input {
border: 2px solid grey;
background-color: rgba(255, 255, 255, 0.3);
padding: 10px 10px;
text-align: center;
font-size: 1.5em;
margin: auto;
display:block;
margin-bottom: 1em;
color: grey;
letter-spacing: 1px;
width:100%;
max-width: 450px;
}
#splash-container input{
-o-text-overflow: clip;
text-overflow: clip;
overflow: hidden;
white-space: nowrap;
word-break: normal;
text-align: center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 300px #eee inset;
}
#splash-container input::-webkit-input-placeholder { color: white; }
#splash-container input:-moz-placeholder { color: white; } /* Firefox 18- */
#splash-container input::-moz-placeholder { color: white; } /* Firefox 19+ */
#splash-container input:-ms-input-placeholder { color: white; }
#splash-container .register-form input[type="submit"],
#splash-container .login-form input[type="submit"]{
padding: 15px 68px;
text-transform: uppercase;
cursor: pointer;
background-color: #ee3a69;
border-color: #ee3a69;
border-radius: 2px;
margin-bottom: 0;
font-size: 1em;
color: white;
/*font-family: gibsonsemibold;*/
}
#splash-container .register-form input[type="submit"]:hover,
#splash-container .login-form input[type="submit"]:hover,
#splash-container .register-form input[type="submit"]:focus,
#splash-container .login-form input[type="submit"]:focus{
border-color: #d83560;
background-color: #d83560;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container .register-form input[type="submit"]:active,
#splash-container .login-form input[type="submit"]:active{
background-color: #733DCB;
border-color: #733DCB;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#splash-container .register-form input:focus{
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
-o-outline: none;
outline: none;
border-color: #733DCB;
color: #fff;
}
#splash-container .register-form input:hover{
border-color: #733DCB;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#splash-container .register-form input[type="submit"]:active{
background-color: #733DCB;
border-color: #733DCB;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
#splash-container .register-form input:focus{
-webkit-outline: none;
-moz-outline: none;
-ms-outline: none;
-o-outline: none;
outline: none;
border-color: #733DCB;
color: grey;
}
Along State Road 60, a big sign for the Indian River Mall not only displays the usual suspects (a restaurant and movie theaters) but also a church.
Oceans Unite Christian Centre has had a spike in membership since moving into the mall last April.
For more about the church’s impact on the mall, see this week’s issue.
