/*
Membership CSS
*/

/* General
========================= */
.membership .site-inner { display: flex; justify-content: center; align-items: center; min-height: 100%; }
.membership .footer-contact { display: none; }


.membership-wrapper { padding: 4em 2em; }
.membership-inner { max-width: 1480px; width: 100%; }
.membership-block { display: flex; flex-direction: column; }
.membership-title { display: flex; flex-direction: column; margin: 0 auto; padding: 0; position: relative; text-align: center; }
.membership-title span { color: #142c43; font-family: 'Playfair Display'; font-size: 3.8rem; font-weight: 600; line-height: 1.2; }
.membership-contact { display: flex; flex-direction: column; align-items: center; padding: 2em 0 0; }
.membership-contact span { color: #142c43; font-family: 'Lora'; font-size: 2.2rem; font-weight: 500; letter-spacing: .02em; line-height: 1.4; margin: 0; padding: 0; text-decoration: underline; text-underline-offset: 8px; }

/* Responsive
--------------------------------------------- */
@media only screen and (max-width: 1480px) {
.membership-title span { font-size: 3.6rem; }
.membership-contact span { font-size: 2.5rem; }
}

@media only screen and (max-width: 1280px) {
.membership-title span { font-size: 3.4rem; }
.membership-contact span { font-size: 2.4rem; }
}

@media only screen and (max-width: 1024px) {
.membership-title span { font-size: 3.2rem; }
.membership-contact { padding: 1.8em 0 0; }
.membership-contact span { font-size: 2.2rem; }
}

@media only screen and (max-width: 820px) {
.membership .footer-social { padding: 0; }
}

@media only screen and (max-width: 768px) {
.membership-wrapper { padding: 4em 1.5em; }
.membership-title span { font-size: 3rem; }
.membership-contact { padding: 1.5em 0 0; }
.membership-contact span { font-size: 2rem; }
}

@media only screen and (max-width: 640px) {
.membership-title span { font-size: 2.8rem; }
.membership-contact { padding: 1.25em 0 0; }
.membership-contact span { font-size: 1.9rem; }
.membership .site-footer .wrap { flex-direction: row; }
.membership .site-footer .widget:first-of-type { width: 25%; }
.membership .site-footer .widget:last-of-type { justify-content: center; align-items: flex-end; margin-top: 0; width: 75%; }
.membership .footer-social { width: 100%; }
}

@media only screen and (max-width: 480px) {
.membership-wrapper { padding: 3em 1.2em; }
.membership-title span { font-size: 2.6rem; }
.membership-contact { padding: 1em 0 0; }
.membership-contact span { font-size: 1.8rem; }
.membership .site-footer .wrap { flex-direction: column; }
.membership .site-footer .widget:first-of-type { width: 100%; }
.membership .site-footer .widget:last-of-type { align-items: flex-start; margin-top: .5em; width: 100%; }
}

@media only screen and (max-width: 420px) {
.membership-wrapper { padding: 2em 1.2em; }
.membership-title span { font-size: 2.4rem; }
.membership-contact span { font-size: 1.7rem; }
}