/*
Theme Name: Sister Bay - Generatepress Child
Author: SignalFire, LLC
Template: generatepress
Version: 2.0.0
*/
@import url("../generatepress/style.css");
/* slick carousel
.member-gallery {max-width: 1100px; margin: 0 auto;}
.member-gallery li {width: 345px; margin: 1em;}
@media (max-width: 940px) {
.member-gallery li { width: 300px; }
}
*/
/* home events overflow stuff */
.gb-element-0058b6cc {overflow:hidden;}
.filter-events {width:100%;max-width:1200px;margin:0 auto;overflow:visible;}
.gb-element-0058b6cc .slick-list {overflow:visible;}
.prev-v1, .next-v1 {cursor:pointer;}
.season-slides::after { position:absolute; right:0; z-index:90; content:''; height:100%; width: 155px; background: linear-gradient(90deg, rgba(0,0,0,0.00) 0%, rgba(24,24,24,0.40) 90%);}
.season-slides::before { position:absolute; z-index:90; content:''; height:100%; width: 155px; background: linear-gradient(90deg, rgba(24, 24, 24, 0.40) 0%, rgba(0, 0, 0, 0.00) 90%); }
.season-slides .slick-prev {left:50px;z-index:100;}
.season-slides .slick-next {right:50px;z-index:100;}
.season-slides .slick-prev::before,
.season-slides .slick-next::before { content:'';}
.my-slick-gallery, .member-gallery {margin-left:0;}
.my-slick-gallery li, .member-gallery li {margin: 1em;}
.member-gallery .slick-prev, .my-slick-gallery .slick-prev {left:20px;z-index:100;}
.member-gallery .slick-next, .my-slick-gallery .slick-next {right:20px;z-index:100;}
.member-gallery .slick-prev::before,
.member-gallery .slick-next::before,
.my-slick-gallery .slick-prev::before,
.my-slick-gallery .slick-next::before{ content:'';}
@media (max-width: 720px) {
.season-slides .slick-prev {left:10px;width: 20px; height: 20px;}
.season-slides .slick-next {right:10px;width: 20px; height: 20px;}
.member-gallery .slick-prev, .my-slick-gallery .slick-prev{left:10px;}
.member-gallery .slick-next, .my-slick-gallery .slick-next{right:10px;}
.my-slick-gallery li,.member-gallery li {margin: .25em;}
}
/*
@media (max-width: 1220px) {
.my-slick-gallery .slick-prev,.member-gallery .slick-prev {left:-14px;z-index:100;}
.my-slick-gallery .slick-next,.member-gallery .slick-next {right:-14px}
}
*/
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('fonts/slick.eot');
src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 30px;
height: 30px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before
/*.slick-prev:focus:before,
.slick-next:focus:before */
{
opacity: .55;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 30px;
line-height: 1;
opacity: .25;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -35px;
}
[dir='rtl'] .slick-prev
{
right: -35px;
left: auto;
}
.slick-prev:before
{
content: 'â†';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -35px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -35px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: 'â†';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
/* filter blocks */
/* operating hours */
.oh-header h5 {margin-bottom:.25em;}
.members {}
.members a {text-decoration:none !important;}
.members .mem_name a { }
.members .mem_name a:hover, .members .mem_phone a:hover{ color:var(--blue);}
.member-container {background: rgba(82, 163, 145, 0.50); text-align:left; margin: 4px 0;}
.member-container.member_is_closed {background: rgba(240, 115, 99, 0.50);}
.lightweight-accordion {border-bottom:2px solid var(--blue);}
.lightweight-accordion .lightweight-accordion-title {background-color:#fff!important;}
.lightweight-accordion-title span {text-transform: capitalize;
font-weight: 500 !important;
color: var(--blue);
font-size: 32px !important;
}
.lightweight-accordion details > summary::marker {
display:none;
content: "";
}
.lightweight-accordion details[open] > summary::marker {
content: "";
}
.lightweight-accordion details > summary::after {
content: ' +';
float: right;
font-size: 2em;
margin-top: -.2em;
font-weight: normal;
font-size: 2em;
}
.lightweight-accordion details[open] > summary:after {
content: " -";
float: right;
font-size: 3em;
margin-top: -.5em;
font-weight: bold;
}
.gb-grid-wrapper {
display:flex;
flex-wrap:wrap;
}
.gb-grid-column {
box-sizing:border-box;
}
.gb-grid-wrapper .wp-block-image {
margin-bottom:0;
}
.gb-grid-wrapper-6bde4876 {
justify-content:center;
}
.gb-grid-wrapper-cb6dbddc {
justify-content:center;
}
.gb-container .wp-block-image img {
vertical-align:middle;
}
/*
.gb-container .gb-shape {
position:absolute;
overflow:hidden;
pointer-events:none;
line-height:0;
}
.gb-container .gb-shape svg {
fill:currentColor;
}
*/
.gb-container.gb-tabs__item:not(.gb-tabs__item-open) {
display:none;
}
.gb-grid-wrapper > .gb-grid-column-d49f7b9f {
width:25%;
}
.gb-grid-wrapper > .gb-grid-column-0701bf32 {
width:25%;
}
.gb-grid-wrapper > .gb-grid-column-b790167d {
width:25%;
}
.gb-grid-wrapper > .gb-grid-column-177de478 {
width:25%;
}
.gb-container-ee470a02 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding:.5em;
}
.gb-grid-wrapper > .gb-grid-column-ee470a02 {
width:25%;
}
.gb-container-7edc5741 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding:.5em;
}
.gb-grid-wrapper > .gb-grid-column-7edc5741 {
width:25%;
}
.gb-container-a0033e84 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding:.5em;
}
.gb-grid-wrapper > .gb-grid-column-a0033e84 {
width:25%;
}
.gb-container-203a4b89 {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding:.5em;
}
.gb-grid-wrapper > .gb-grid-column-203a4b89 {
width:25%;
}
.gb-icon svg {
height:1em;
width:1em;
fill:currentColor;
}
.gb-highlight {
background:none;
color:unset;
}
h5.gb-headline-a216ca18 {
text-align:left;
}
h5.gb-headline-3843f540 {
text-align:left;
}
h5.gb-headline-6f13d4a7 {
text-align:left;
}
h5.gb-headline-851ea9ec {
text-align:left;
}
@media (max-width: 767px) {
.oh-header {display:none!important;}
.oh-row {margin:2em 0;}
.members {border-bottom:0;}
.gb-container-7edc5741 {
border-left:0;
border-right:0;
border-top:1px solid var(--white);
border-bottom: 1px solid var(--white);}
.gb-grid-wrapper > .gb-grid-column-ee470a02 {
width:100%;
}
.gb-grid-wrapper > .gb-grid-column-7edc5741 {
width:100%;
}
.gb-grid-wrapper > .gb-grid-column-a0033e84 {
width:50%;
border-bottom: 1px solid var(--white);
}
.gb-grid-wrapper > .gb-grid-column-203a4b89 {
width:50%;
border-bottom: 1px solid var(--white);
border-left: 1px solid var(--white);
}
}
/* m nav */
.m-site-logo {display:none;}
@media (max-width: 768px) {
.header-aligned-center:not([class*="nav-float-"]) .inside-header {align-items:flex-start;}
.site-header { background-color: var(--lt-blue); }
#masthead {height:0;}
#site-navigation {z-index:80;position:relative;}
#site-navigation .menu-toggle {z-index: 100; position: absolute; right: 0px; padding: 0 40px; top: -60px; }
.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled {
background-color:transparent!important;
}
#site-navigation:before {
content:'';
background-color:var(--white);
position:absolute;
top:-82px;left:0;right:0;
height:82px;
z-index: 50;
border-bottom:2px solid #ccc;
}
.m-site-logo {display:inline-block; z-index: 110;margin:.5em 0 .5em 1em!important;position: relative; width: 140px;}
.m-site-logo a {z-index: 110;position:relative;}
.inside-navigation {background-color:transparent!important; }
.main-navigation .main-nav ul li a {color:var(--blue)!important;padding:0;}
.main-navigation .main-nav ul li {margin-bottom:0;background-color:var(--lt-blue)!important;padding-left: 20px;}
.main-navigation .main-nav ul li ul li {padding-left: 0;}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {float: none;}
.main-nav .gp-icon.icon-arrow {position:absolute; top:30%;}
.has-inline-mobile-toggle #site-navigation.toggled {margin-top:0; }
.mobile-menu-open #masthead {}
.main-navigation .main-nav {position: absolute; width: 100%; top: 0; left: 0;}
.main-navigation.toggled .main-nav ul ul {border-bottom:none;}
/* m nav sliding */
#site-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul {
display: block;
pointer-events: none;
opacity: 0;
transition: all 0.3s ease-in-out;
position: absolute;
transform: translate3d(0,-150%,0);
width:100%;
}
#site-navigation.toggled .main-nav>ul {
pointer-events: auto;
opacity: 1;
transition: all .66s ease-in-out;
}
#site-navigation.toggled .main-nav>ul>li {
transform: translate3d(0,0,0);
transition: all 0.3s ease-in-out;
}
#site-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul >li {
transform: translate3d(0,-100%,0);
transition: all 0.3s ease-in-out;
}
}
/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }
.hamburger.is-active:hover {
opacity: 0.7; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #000; }
.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 40px;
height: 4px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }
/*
* Squeeze
*/
.hamburger--squeeze .hamburger-inner {
transition-duration: 0.075s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
transform: rotate(45deg);
transition-delay: 0.12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
transform: rotate(-90deg);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
/* GP addition */
.menu-toggle .mobile-menu,
.menu-toggle .icon-menu-bars,
.menu-toggle:before {
display: none;
}
body .hamburger{
transform: scale(.5);
padding: 0;
line-height: 0;
vertical-align: middle;
}
body .hamburger.is-active .hamburger-inner::after,
body .hamburger-inner,
body .hamburger-inner::before,
body .hamburger-inner::after,
body .hamburger.is-active .hamburger-inner,
body .hamburger.is-active .hamburger-inner::before,
body .hamburger.is-active .hamburger-inner::after{
background-color: currentColor;
}
#eventFilter label, .sbFilter label {cursor:pointer;}
#eventFilter .loading, .sbFilter .loading {
background: url(https://www.xiconeditor.com/image/icons/loading.gif) no-repeat center center;
}