/** * Classes **/ .sc-flex, .sc-flex-2, .sc-flex-3, .sc-flex-4, .sc-flex-5, .sc-flex-6 {display: -webkit-flex; display: flex;} .sc-flex > * {-ms-flex: 0 1 auto;} .sc-flex-row {-webkit-flex-direction: row; flex-direction: row;} .sc-flex-col {-webkit-flex-direction: column; flex-direction: column;} .sc-flex-wrap {-webkit-flex-wrap: wrap; flex-wrap: wrap;} .sc-flex-hor-center {-webkit-justify-content: center; justify-content: center;} .sc-flex-hor-end {-webkit-justify-content: flex-end; justify-content: flex-end;} .sc-flex-hor-between {-webkit-justify-content: space-between; justify-content: space-between;} .sc-flex-hor-around {-webkit-justify-content: space-around; justify-content: space-around;} .sc-flex-vert-center {-webkit-align-items: center; align-items: center;} .sc-flex-vert-end {-webkit-align-items: flex-end; align-items: flex-end;} .sc-flex-1 > * {flex: 100% 1 0; padding: 0 20px;} .sc-flex-2 > * {flex: 50% 1 0; padding: 0 20px;} .sc-flex-3 > * {flex: 33.33% 1 0; padding: 0 20px;} .sc-flex-4 > * {flex: 25% 1 0; padding: 0 20px;} .sc-flex-5 > * {flex: 20% 1 0; padding: 0 20px;} .sc-flex-6 > * {flex: 16.66% 1 0; padding: 0 20px;} .weight-100 {font-weight: 100;} .weight-300 {font-weight: 300;} .weight-400 {font-weight: 400;} .weight-500 {font-weight: 500;} .weight-600 {font-weight: 600;} .weight-700 {font-weight: 700;} .weight-900 {font-weight: 900;} .gallery {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1.1em;} .gallery-item {float: left; margin: 0 5px 1.1em;} .gallery-item a {display: block;} .gallery-item img {display: block; max-width: 100%; height: auto; margin: 0 auto;} .gallery-columns-1 .gallery-item {width: 100%;} .gallery-columns-2 .gallery-item {width: 50%; -webkit-width: calc(100% * (1/2) - 10px); width: calc(100% * (1/2) - 10px);} .gallery-columns-3 .gallery-item {width: 33.33%; -webkit-width: calc(100% * (1/3) - 10px); width: calc(100% * (1/3) - 10px);} .gallery-columns-4 .gallery-item {width: 25%; -webkit-width: calc(100% * (1/4) - 10px); width: calc(100% * (1/4) - 10px);} .gallery-columns-5 .gallery-item {width: 20%; -webkit-width: calc(100% * (1/5) - 10px); width: calc(100% * (1/5) - 10px);} .gallery-columns-6 .gallery-item {width: 16.66%; -webkit-width: calc(100% * (1/6) - 10px); width: calc(100% * (1/6) - 10px);} .gallery-columns-7 .gallery-item {width: 14.28%; -webkit-width: calc(100% * (1/7) - 10px); width: calc(100% * (1/7) - 10px);} .gallery-columns-8 .gallery-item {width: 12.5%; -webkit-width: calc(100% * (1/8) - 10px); width: calc(100% * (1/8) - 10px);} .gallery-columns-9 .gallery-item {width: 11.11%; -webkit-width: calc(100% * (1/9) - 10px); width: calc(100% * (1/9) - 10px);} .gallery-caption {display: block;} .hidden {display: none;} .iqapp-messages {position: relative; border: 1px solid #efefef; padding: 10px 10px 10px 10px; border-radius: 5px; font-weight: 700;} .iqapp-message-item {display: block;} #message {display: none !important;} /* Gravity Forms */ .gform_required_legend {display: none;} /* Beaver Builder / UABB / Powerpack */ /* Text Module */ .fl-rich-text > p:last-child {margin-bottom: 0;} /** * Header **/ .wpbf-mobile-menu-container .sub-menu > li > a {padding-left: 35px;} body:not(.logged-in) .menu .ep-profile, body:not(.logged-in) .wpbf-menu .ep-profile {display: none !important;} /** * Profile Endpoint **/ body.ep-profile #main {max-width: 1280px; margin: 40px auto;} body.ep-profile #main .acf-form-submit {display: flex; align-items: center; justify-content: flex-end;} body.ep-profile #main .acf-form-submit .wpbf-button-secondary {margin-left: 8px;} body.ep-profile #main .pg-generate {padding: 4px 8px; background: #2fb8e6; color: #ffffff;} /** * Events Calendar **/ #em-wrapper {padding: 0 40px;} /** * WPSL **/ #wpsl-wrap {margin-bottom: 0;} #wpsl-wrap, #wpsl-wrap #wpsl-gmap {height: 80vh;} #wpsl-wrap #wpsl-stores, #wpsl-wrap #wpsl-direction-details {height: 100%;} #wpsl-wrap #wpsl-map-controls {display: none;} #wpsl-wrap .wpsl-search {margin: 0; padding: 0; background: none;} #wpsl-wrap select {width: calc( 268px + 1.5vw ); padding: 9px 44px 9px 14px; border: 1px solid rgba( 80, 80, 80, 0.5 ); color: #000; -moz-appearance: none; -webkit-appearance: none;} #wpsl-wrap select::-ms-expand {display: none;} #wpsl-wrap .filter-select {position: relative;} #wpsl-wrap .filter-select select{background-image: none;} #wpsl-wrap .filter-select:after {content: "\f107"; position: absolute; top: 2px; right: 10px; color: #2fb8e6; pointer-events: none; font-size: 130%; font-weight: 700; font-family: "Font Awesome 5 Free"; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} #wpsl-wrap #wpsl-result-list {width: 34%; height: 100%; margin-right: 0; background: #000;} #wpsl-wrap #wpsl-stores > ul {max-width: 75%; min-width: 400px; margin-left: auto; padding: 60px 40px;} #wpsl-wrap #wpsl-stores > ul li {color: #fff;} /* Single Locations (Map Sidebar) */ #wpsl-wrap #wpsl-result-list li {margin-bottom: 40px; padding: 0; border: 0;} #wpsl-wrap #wpsl-stores {scrollbar-color: #2fb8e6 #636363;} #wpsl-wrap #wpsl-stores::-webkit-scrollbar {width: calc(10px + .1vw); background-color: #636363;} #wpsl-wrap #wpsl-stores::-webkit-scrollbar-thumb {background-color: #2fb8e6; outline: green solid 1px;} #wpsl-wrap #wpsl-stores::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #636363;} #wpsl-wrap .wpsl-store-location {font-size: 14px; color: #fff;} #wpsl-wrap .wpsl-store-location h4 {font-size: 20px; font-weight: 700; color: #fff;} #wpsl-wrap .wpsl-store-location .wpsl-store-name {margin-bottom: 0;} #wpsl-wrap .wpsl-store-location .wpsl-store-location-simple {font-size: 18px;} #wpsl-wrap .wpsl-store-location .wpsl-sa-close {color: #2fb8e6; cursor: pointer;} #wpsl-wrap .wpsl-store-location .wpsl-sa-close i {pointer-events: none;} #wpsl-wrap .wpsl-store-location .wpsl-sa-name {font-size: 20px; color: #2fb8e6;} #wpsl-wrap .wpsl-store-location .wpsl-sa-rep {margin-top: 20px; margin-bottom: 0;} #wpsl-wrap .wpsl-store-location .wpsl-store-accordion-closed {padding-left: 15px;} #wpsl-wrap .wpsl-store-location .wpsl-store-accordion-opened {padding-left: 15px; border-left: 5px solid #2fb8e6;} #wpsl-wrap .wpsl-store-location .wpsl-store-accordion-opened > .sc-flex:first-child {margin-bottom: 12px; padding-bottom: 2px; border-bottom: 1px solid rgba( 255, 255, 255, .4); font-size: 16px;} #wpsl-wrap .wpsl-store-location .wpsl-sa-branches {margin-top: 20px; margin-bottom: 12px; padding-bottom: 2px; border-bottom: 1px solid rgba( 255, 255, 255, .4); font-size: 16px;} #wpsl-wrap .wpsl-store-location .wpsl-sa-branch {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba( 255, 255, 255, .4);} #wpsl-wrap .wpsl-store-location .wpsl-branch-gutter {width: 20px;} #wpsl-wrap .wpsl-store-location .wpsl-branch-gutter i {cursor: pointer; color: #2fb8e6;} #wpsl-wrap .wpsl-store-location .wpsl-branch-rep {margin-top: 20px; margin-bottom: 0;} #wpsl-wrap .wpsl-store-location .wpsl-branch-additional {display: none;} #wpsl-wrap .wpsl-store-location .wpsl-store-location-simple {margin-bottom: 40px;} #wpsl-wrap .wpsl-store-location .wpsl-store-accordion-closed {cursor: pointer;} #wpsl-wrap .wpsl-store-location .wpsl-store-accordion-opened {display: none;} /** * 1200px **/ @media ( max-width: 1200px ) { #wpsl-wrap #wpsl-stores > ul {padding: 60px 100px 60px 20px} } /** * 1024px **/ @media ( max-width: 1024px ) { #em-wrapper {padding: 0 20px;} #wpsl-wrap {height: auto;} #wpsl-wrap #wpsl-gmap {float: none; width: 100%; height: auto; padding-bottom: 56.25%;} #wpsl-wrap #wpsl-result-list {float: none; width: 100%; height: 300px;} #wpsl-wrap #wpsl-stores > ul {float: none; width: 100%; max-width: none; min-width: 300px; padding: 40px 20px;} } /** * 768px **/ @media ( max-width: 768px ) { #wpsl-search-wrap {display: block; float: none; padding: 0 20px;} #wpsl-search-btn, #wpsl-search-wrap div {float: none; width: 100%; margin: 0 0 8px;} #wpsl-wrap select {display: block; width: 100%;} } /** * 675px **/ @media ( max-width: 675px ) { #wpsl-gmap {margin: 0; padding-bottom: 75.25%;} #wpsl-result-list {margin: 0;} }