Custom CSS for Booststash

/* =============================================
Logo Max Width — controlled via:
Customizer > Site Identity > Logo Max Width
=============================================
Desktop: uses theme mod booststash_logo_width_desktop
Tablet: uses theme mod booststash_logo_width_tablet
Current saved values: Desktop=500px, Tablet=500px
To update: change the values in Customizer and
also update the px values below to match.
============================================= */

/* Desktop logo width */
.site-header .custom-logo,
.site-header .custom-logo-link img,
header .custom-logo,
header .custom-logo-link img,
.header-logo img,
.site-branding img,
a.custom-logo-link img {
max-width: 500px !important;
width: 100% !important;
height: auto !important;
}

/* Tablet logo width (screen width <= 1024px) */ @media (max-width: 1024px) { .site-header .custom-logo, .site-header .custom-logo-link img, header .custom-logo, header .custom-logo-link img, .header-logo img, .site-branding img, a.custom-logo-link img { max-width: 500px !important; } }