.club_form form {
display: flex;
gap: 20px;
align-items: center;
background: var(--white-smoke);
padding: 20px;
}
.club_form form .input-group {
display: flex;
align-items: center;
width: 100%;
gap: 20px;
}
#product_category_select {
flex-shrink: 1;
max-width: 350px;
width: 20%;
}
.club_form form select,
.club_form form input {
padding-left: 10px;
box-sizing: border-box;
height: 50px;
flex-grow: 1;
border: none;
}
.club_form form p {
font-weight: 600;
color: #000;
margin: 0;
}
.club_form form select {
appearance: none;
background: #fff calc(100% - 20px) center no-repeat url("data:image/svg+xml,%3Csvg width='15' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0 0 .8l7.5 6.7L15 .8 14 0 7.6 5.8.9 0Z' fill='%23939393'/%3E%3C/svg%3E");
padding-right: 70px;
}
.club_form form .button {
text-align: center;
padding: 15px;
flex-grow: 1;
}
.club_form .not_found p:first-child {
padding-top: 40px;
}
.club_form .not_found p:last-child {
padding-bottom: 40px;
}
.club_form .not_found { text-align: center;
box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.05);
max-height: 400px;
overflow: hidden;
transition: 0.3s;
}
.club_form .not_found {
max-height: 0;
} #location_boxes_container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
.single_club {
background: var(--white-smoke);
padding: 40px;
display: flex;
flex-direction: column;
justify-content: flex-start;
position: relative; border-radius: 5px;
border: 2px solid transparent;
transition: .3s;
cursor: pointer;
}
.single_club > * {
word-break: break-word;
}
.single_club > *:not(.phone) {
padding-bottom: 20px;
}
.single_club:hover {
border-color: var(--secondary);
}
.single_club__name {
margin: 0;
text-transform: uppercase;
}
.single_club__address {
margin: 0;
}
.single_club a.phone{
--link-color: var(--tertiary);
}
.single_club a.phone:hover{
color: var(--secondary);
}
.single_club .contact {
display: flex;
flex-direction: column;
}
.single_club .contact a:not(.phone):hover {
color: var(--secondary);
}
.single_club .phone {
font-weight: 900;
}
.single_club__email{
color: var(--black);
text-decoration: underline;
}
.single_club__email:hover{
color: var(--secondary);
text-decoration: underline;
}
.single_club > * {
margin: 0;
}
.single_club .single_club__region {
position: absolute;
top: -21px;
margin: 0;
padding: 10px;
background: var(--tertiary);
color: var(--white);
border-radius: 9px 3px;
transition: .3s;
}
.single_club:hover .single_club__region {
background: var(--secondary);
}
.single_club p.title-medium {
color: var(--secondary);
}
.single_club .highlight_map {
background: var(--white);
width: fit-content;
padding: var(--gap-s);
padding-left: 40px;
background: 10px / 20px 20px no-repeat var(--white) var(--loc-tertiary);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: var(--tertiary);
margin-top: auto;
}
.single_club:hover .highlight_map {
background: var(--white);
width: fit-content;
padding: var(--gap-s);
padding-left: 40px;
background: 10px / 20px 20px no-repeat var(--white) var(--loc-secondary);
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: var(--secondary);
}
.single_club {
color: initial;
}
.cant_find_container.hide {
display: none;
} @media (max-width: 1300px) {
.where_to_buy_form {
flex-wrap: wrap;
}
#product_category_select {
width: calc(100% - 235px);
}
}
@media (max-width: 1024px) {
#location_boxes_container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.club_form form {
flex-wrap: wrap;
}
.club_form form input.button {
width: 100%;
}
}
@media (max-width: 640px) {
#location_boxes_container {
grid-template-columns: 1fr;
}
.club_form form {
flex-direction: column;
}
} #map {
max-height: 908px;
height: 85vw;
min-height: 400px;
}
.custom-map-control-button {
background-color: #fff;
border: 0;
border-radius: 2px;
box-shadow: 0 1px 4px -1px rgb(0 0 0 / 30%);
margin: 10px;
padding: 0 0.5em;
font: 400 18px Roboto, Arial, sans-serif;
height: 40px;
cursor: pointer;
}
.custom-map-control-button:hover {
background: #ebebeb;
}
#map #content {
padding: 0 0 20px 20px;
display: flex;
flex-direction: column;
gap: 6px;
}
#map .gm-ui-hover-effect {
display: none !important;
}
#map .maps_info_box {
display: flex;
flex-direction: column;
gap: var(--gap-s);
}
#map .maps_info_box a {
color: var(--tertiary);
transition: .3s;
}
#map .maps_info_box .title-xs {
font-weight: 700;
text-transform: uppercase;
}
#map .maps_info_box .infobox__email {
font-weight: 700;
text-decoration: underline;
}
#map .maps_info_box .infobox__phone {
padding-left: 28px;
background: left / 18px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3e%3ccircle cx='9' cy='9' r='9' fill='%23F93A3C'/%3e%3cpath fill='white' d='M8.4 9.6C7.2 8.5 6.9 8 6.9 8l.6-1v-.6L6.1 4c0-.1-.4-.2-.7 0C5.1 4.3 4 5.3 4 5.7c0 .4 0 2 3.2 5.1 3 3.1 4.7 3.2 5.1 3.2.4 0 1.4-1.1 1.6-1.4.2-.3.1-.6 0-.7l-2.2-1.4h-.5l-1.1.6s-.6-.3-1.7-1.5Z'/%3e%3c/svg%3e");;
}
#map .maps_info_box a:hover {
color: var(--secondary);
}
#map .maps_info_box > * {
margin: 0;
line-height: 1.5em;
}
.club_form input {
margin: 0;
line-height: 1em;
}
.club_form input.button:hover {
color: white;
}.fc_contact_cta {
position: relative;
isolation: isolate;
overflow: hidden;
}
.fc_contact_cta .background_container {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
width: 60%;
height: 100%;
top: 0;
z-index: -1;
}
.fc_contact_cta.text_right .background_container {
left: 0;
}
.fc_contact_cta.text_left .background_container {
right: 0;
}
.fc_contact_cta:after {
content: '';
position: absolute;
bottom: -10vw;
right: 5%;
background: center / cover no-repeat var(--logomark);
width: clamp(200px, 25vw, 480px);
aspect-ratio: 1;
z-index: 1;
}
.fc_contact_cta.text_right:after {
right: initial;
left: 5%
}
.fc_contact_cta.text_right:before {
content: '';
background: linear-gradient(270deg, #001137 44.27%, rgba(21, 44, 106, 0.50) 57.92%, rgba(2, 15, 65, 0.00) 100%);
inset: 0;
position: absolute;
z-index: 1;
}
.fc_contact_cta.text_left:before {
content: '';
background: linear-gradient(90deg, #001137 44.27%, rgba(21, 44, 106, 0.50) 57.92%, rgba(2, 15, 65, 0.00) 100%);
inset: 0;
position: absolute;
z-index: 1;
}
.fc_contact_cta .wp_content {
position: relative;
z-index: 2;
}
.fc_contact_cta.text_right .wp_content {
float: right;
}
.fc_contact_cta.text_right .wp_content > * {
text-align: right;
}
@media (min-width: 800px) {
.fc_contact_cta .wp_content {
max-width: 65%;
}
}
@media (max-width: 600px) {
.fc_contact_cta:after {
content: none;
}
}