/*
Theme Name:     southbayclub
Theme URI:      https://thesouthbayclub.com
Description:    South Bay Club WP-Theme
Version:        1.0
Author:         CHRS Interactive
Author URI:	    https://www.chrsinteractive.com/
*/

/* ---------------------------- */

/* -- @MASTERHEAD/NAVIGATION -- */
body.overflow-hidden {overflow: hidden;}

.site-header {width:100%;position:sticky;top:0;left:0;z-index:99;background:#fff;}
.site-header.sticky {box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);}

.header-notice {display:none;padding:10px 0;position:relative;}
.header-notice span {display:block;padding:0 100px 0 20px;font-size:1.2rem;line-height:1.2;font-weight:700;}

.header-social {position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.header-social li {display:inline-block;width:40px;}

.header-main {padding:10px 0;display:flex;justify-content:space-between;align-items:center;}

.logo-wrap {width:120px;}
.logo {display:block;}
.logo img {display:block;}

.mobile-search-trigger {position:absolute;top:50%;transform:translateY(-50%);right:100px;width:25px;height:25px;border-radius:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.mobile-search-trigger svg {width:18px;}

.header-search {width:calc(100% - 200px)}
.header-search .promagnifier {background: linear-gradient(to right,  rgba(251,176,59,1) 0%,rgba(217,80,149,1) 100%) !important;border-radius:100% !important;}
#ajaxsearchpro1_1 .probox .promagnifier .innericon svg,
#ajaxsearchpro1_2 .probox .promagnifier .innericon svg,
div.asp_m.asp_m_1 .probox .promagnifier .innericon svg {width:18px;}
.header-search .probox .proinput input,
.header-search .probox .proinput input::placeholder{font-size:1.7rem !important;font-weight:700 !important;}

/* Main Menu */
.mainNav-wrap {}
.mainNav li {display:inline-block;margin:0 20px;font-size:1.8rem;font-weight:700;}
.mainNav li a {color:#000;}
.mainNav li a:hover,
.mainNav li.current-menu-item a {color:var(--color-pink);}

/* Level 2 */
.mainNav li ul {display:none;}
.mainNav li:hover > ul {display: block;}
.mainNav li ul {position: absolute; top: 100%;padding:10px 0;width:100%;max-width:270px;text-align:left;z-index:99;background:#fff;}
.mainNav li ul li {display:block;position:relative;}
.mainNav li ul li a {color:#444;}
.mainNav li ul li a:hover {color:#000;}

/* Responsive Menu */
.mainNav-wrap {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0;transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0;transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#000;}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 130px; height:calc(100% - 130px);width:100%;background:#000; z-index:98;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}
.mobile-nav-inner {padding-top:80px;}

.mobileNav li {display:block;font-size:3.0rem;margin-bottom:20px;text-align:center;font-weight:700;}
.mobileNav li a {color:#fff;}
.mobileNav li a:hover {color:#000;}

.post-edit-link {display:block;position:fixed;top:50%;right:0;padding:10px;z-index:99999999;background:rgba(139,16,6,0.8);color:#fff;font:16px/1 Helvetica, Arial, serif;text-transform:uppercase;font-weight:600;}
.post-edit-link:hover {background:rgba(139,16,6,1);color:#fff;}

/* -- @CONTENT ---------------- */
.button {display:inline-block;height:55px;line-height:53px;padding:0 35px;border:none;background:#000;color:#fff;text-transform:uppercase;text-align:center;box-sizing:border-box;font-size:1.6rem;border-radius:30px;font-weight:700;}
.button:hover {color:var(--color-pink)}
.button-border {border: 2px solid transparent;background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgba(251,176,59,1) 0%, rgba(217,80,149,1) 100%) border-box;color:#000;}
.button-border:hover {background:#000;color:#fff;}

.button-sml {font-size:1.2rem;height:35px;line-height:33px;padding:0 25px;}
.button-lrg {height:80px;line-height:78px;font-size:2.0rem;border-radius:40px;}

.ad-banner {max-width:1200px;margin:0 auto;}

.home-feat-item {padding:80px 30px;margin-bottom:10px;}

.home-slider-wrap {display:none;}
.home-slider {position:relative;}
.home-slide-item {width:100%;height:350px;position:relative;background:rgba(0,0,0,0.4);}
.home-slide-inner {position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;}
.home-slide-inner a,
.home-feat-item a {display:block;font-size:3rem;color:#fff;margin-bottom:80px;font-weight:700;}
.home-slide-inner a:hover,
.home-feat-item a:hover {color:rgba(255,255,255,0.65); }

.slick-prev,
.slick-next {position:absolute;bottom:30px;width:30px;height:30px;background: linear-gradient(to right,  rgba(251,176,59,1) 0%,rgba(217,80,149,1) 100%);border-radius:100%;font-size:0;border:none;z-index:10;}
.slick-prev:after,
.slick-next:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.slick-prev:after {background-image:url(images/icon-arrow-left.svg);}
.slick-next:after {background-image:url(images/icon-arrow-right.svg);}
.slick-prev:hover,
.slick-next:hover {background:var(--color-pink);}

.home-slider .slick-prev {right:70px;}
.home-slider .slick-next {right:30px;}

.news-slider {position:relative;padding:0 20px;}

.news-slider .news-slide-item {display:block;padding:0 20px 0 0;position:relative;}
.news-slider .news-slide-item:before {content:"";position:absolute;bottom:0;left:0;width:calc(100% - 20px);height:50%;background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 80%,rgba(0,0,0,0.9) 100%);z-index:1;}
.news-slider .news-slide-item:hover:before {background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 80%,rgba(0,0,0,1) 100%);}
.news-slider .news-slide-item h3 {margin:0;position:absolute;bottom:0;left:0;width:calc(100% - 20px);padding:20px;box-sizing:border-box;color:#fff;z-index:3;}

.news-slide-item .post-thumb {position: relative; width: 100%; padding-bottom: 133.33%; overflow: hidden;}
.news-slide-item .post-thumb img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.news-slider .slick-prev {right:70px;bottom: -60px;}
.news-slider .slick-next {right:20px; bottom: -60px;}

.category-link {display:inline-block;padding:5px 15px;min-width:90px;box-sizing:border-box;color:#000;border: 1px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(to right, rgba(251,176,59,1) 0%, rgba(217,80,149,1) 100%) border-box;border-radius:25px;text-align:center;font-size:1.2rem;font-weight:700;text-transform:uppercase;}
.category-link:hover {background:#000;color:#fff;}

.frame-ad-container {margin-bottom:20px;}
.frame-ad-container iframe {max-width:100%;height:auto;}

.home-stories-nav {margin-bottom:30px;font-weight:700;}
.home-stories-nav li {display:inline-block;margin:0 10px 10px 0;}
.home-stories-nav li a,
.home-stories-nav li span {font-size:1.6rem;}
.home-stories-nav li span {display:inline-block;padding:7px 0;}

.archive-post-block {margin-bottom:60px;}
.post-meta {padding:10px 0;}
.post-meta .category-link {margin-left:15px;}
.post-meta time {font-size:1.2rem;text-transform: uppercase;}

.post-block-feat-image {overflow:hidden;}
.post-block-feat-image img {width:100%;transition:2.5s;transform:scale(1)}
.archive-post-block:hover .post-block-feat-image img {transform:scale(1.1);}

blockquote {margin:30px auto;padding:30px 0;max-width:600px;text-align:center;position:relative;}
blockquote:before,
blockquote:after {content:"";position:absolute;left:50%;transform:translateX(-50%);width:100px;max-width:90%;border-top:1px solid var(--color-yellow);}
blockquote:before {top:0;}
blockquote:after {bottom:0;}
blockquote p {font-size:2.4rem;font-weight:700;margin:0}

figure {max-width:100% !important;margin:30px 0;}
figcaption {font-size:1.2rem;display:block;margin-top:5px;}

.cta-banner {padding:20px;}
.cta-banner-content p {font-size:2.0rem;margin-bottom:10px;}

.home-event-row {padding-bottom:30px;margin-bottom:40px;border-bottom:1px solid #000;}
.home-event-row h3,
.home-event-row p,
.home-events-feat p,
.home-events-feat h2 {margin-bottom:10px;}

.home-events-latest {padding-bottom:60px;}

.post-entry-title {max-width:850px;margin:0 auto 30px;}
.single-post-thumb {width:80%;max-width:950px;margin:30px auto;}

.post-tags a {display:inline-block;margin:0 5px 15px;text-decoration:underline;font-size:1.2rem;}
.post-tags a:hover {color:var(--color-pink);}

.single-post-entry,
.single-page-entry {max-width:850px;margin:0 auto;}

.business-info {padding:30px;background:var(--color-grey);}
.business-info p {margin:0;}
.business-info p a {text-decoration:underline;}


.about-feat-item {margin-top:30px;}
.about-feat-item img {display:block;width:100%;padding:10px;margin-bottom:5px;background:#fff;border:1px solid #e5e4e9;}
.about-feat-item span {display:block;font-weight:700;margin-top:10px;}

.newsletter-wrap {background:var(--color-grey);}
.newsletter-wrap p {font-size:2.4rem;line-height:33px;}
.newsletter-wrap .gform_wrapper.gravity-theme .gform_fields {display:flex !important;grid-column-gap:1% !important;align-items:center;max-width:800px;margin:0 auto;}
.newsletter-wrap input[type=text],
.newsletter-wrap input[type=email] {height:55px;line-height:55px;}
.newsletter-wrap #field_2_1,
.newsletter-wrap #field_2_3 {width:calc(50% - 50px);box-sizing:border-box;}


@media (max-width:750px) {
  .newsletter-wrap .gform_wrapper.gravity-theme .gform_fields {display:block !important;}
  .newsletter-wrap #field_2_1,
  .newsletter-wrap #field_2_3 {width:100%;}
  .newsletter-wrap #field_submit {margin-top:20px;}
}

.ad-footer {max-width:1000px;margin:0 auto;}

.wp-block-media-text__media {margin-bottom:30px !important;}

.supporter-logo-grid {display: flex; flex-wrap: wrap; justify-content: center; gap:3rem;}
.supporter-logo-grid > div {width: 150px;}

/* -- @FOOTER ----------------- */
.site-footer {overflow:hidden;width:100%;}

.footer-col-sml,
.footer-col-lrg {padding:40px 0;position:relative;}
.footer-col-sml:before {content:"";position:absolute;top:0;left:-150%;width:300%;height:100%;background:#000;z-index:-1;}
.footer-col-lrg:before {content:"";position:absolute;top:0;left:-25%;width:200%;height:100%;background: linear-gradient(to right,  rgba(251,176,59,1) 0%,rgba(217,80,149,1) 100%);z-index:-1;}

.footer-col-sml h3,
.footer-col-sml p{color:#fff;}
.footer-col-sml .button {background: linear-gradient(#000000, #000000) padding-box, linear-gradient(to right, rgba(251,176,59,1) 0%, rgba(217,80,149,1) 100%) border-box;color:#fff;}

.footer-nav {margin-bottom:20px;}
.footer-nav li {margin-bottom:5px;line-height:1.4;font-weight:700;}
.footer-nav li ul {margin-top:5px;}
.footer-nav li ul li  {font-weight:400;}
.footer-nav li a:hover {text-decoration:underline;}

.footer-social p {font-weight:700;}

.footer-social ul li {display:inline-block;margin-right:5px;}
.footer-social ul li a {display:block;width:40px;height:40px;background:#000;border-radius:100%;}

.footer-copy {margin-top:30px;font-size:1.2rem;}

.chrs-popup-overlay {display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:99999;align-items:center;justify-content:center;}
.chrs-popup-overlay.active {display:flex;}
.chrs-popup {padding:40px;position:relative;max-width:400px;width:90%;}
.chrs-popup-close {position:absolute;top:15px;right:15px;font-size:1.5rem;cursor:pointer;line-height:1;}

.chrs-popup p:first-of-type {color:#fff;font-size:3.4rem;font-weight:700;}
.chrs-popup p:last-of-type {font-size:2.2rem;font-weight:500;}

/* #Clearer
================================================== */
.container:after,
.row:after,
.entry:after {content: ""; display: table; clear: both;}