/*
Theme Name: Love Is In The Hair
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Based on the Wordpress theme Twenty Twenty-Four, Love Is In The Hair is doing it's best to adapt it's needs and limit some functionality to keep it simple.
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/


/* Jumplink adjustments */
#blowouts {
  scroll-margin-top: 100px;
}
#color {
  scroll-margin-top: 100px;
}
#haircuts {
  scroll-margin-top: 100px;
}

/* Add a light drop-shadow to cards */
.dropshadow{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

/* Remove footer block gap from footer top as this was set by wordpress */
footer{
	margin-block-start:0px !important;
}

/* Ensure icons don't reduce down on mobile */
.icon img{
	min-width: 32px;
}

/* Add rounded top and bottom to cards */
.is-top-rounded{
	border-top-right-radius:var(--wp--preset--spacing--10) !important;
	border-top-left-radius:var(--wp--preset--spacing--10) !important;
}
.is-bottom-rounded{
	border-bottom-right-radius:var(--wp--preset--spacing--10) !important;
	border-bottom-left-radius:var(--wp--preset--spacing--10) !important;
}

/* Set the max width of main containers */
.max-width{
	max-width: 1600px;
	margin:0 auto;
}

.wp-block-spacer{
	margin-block-start:0px !important;
}

/* Mobile overrides */
@media only screen and (max-width: 781px) {
	.mobile-image img{
		aspect-ratio:3/2 !important;
	}
	.mobile-hide {
		display: none !important;
	}
	.mobile-image{
		max-width: 240px;
		margin: 0 auto;
		display: flex;
	}
	.mobile-padding-top {
		padding-top:var(--wp--preset--spacing--40) !important;
	}
	.mobile-padding-sides {
		padding-left:var(--wp--preset--spacing--40) !important;
		padding-right:var(--wp--preset--spacing--40) !important;
	}
	.mobile-padding-bottom {
		padding-bottom:var(--wp--preset--spacing--40) !important;
	}
	.mobile-width{
		width:100% !important;
	}
	.mobile-text-center{
		text-align: center !important;
	}
}



/* Navigation overrides */

.is-position-sticky{
	position: fixed;
	width: 100vw;
	z-index: 99998;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.02) 0px 2px 4px -1px;
}

@media only screen and (max-width: 660px) {
	header .wp-block-button__link{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}

@media only screen and (max-width: 600px) {
	.wp-block-navigation__responsive-dialog{
		position: relative;
	}
	.wp-block-navigation__responsive-container-content{
		height: 60vh;
	}
	.wp-block-navigation__responsive-container-content .wp-block-buttons{
		top:25%;
		position: relative;
	}
	.wp-block-navigation__responsive-container-content .wp-block-buttons .wp-block-button .wp-block-button__link{
		font-family: var(--wp--preset--font-family--body);
    	font-size: var(--wp--preset--font-size--large);
    	font-style: normal;
	}
	.wp-block-navigation__container{
		top:25%;
	}
	header ul li{
		margin-bottom: 1rem;
	}
	header .wp-block-button__link{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	header .wp-block-navigation-item__label{
		font-family: var(--wp--preset--font-family--body);
    	font-size: var(--wp--preset--font-size--large);
    	font-style: normal;
	}
}