/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

/* Resized block images (e.g. Home Tour photos) carry inline width/height,
   so when they shrink to fit the screen the height stays fixed and the
   photo gets squashed. Keep a 16:9 frame and crop instead of distorting. */
.entry figure.is-resized img {
	max-width: 100%;
	height: auto !important;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}


/* MOBILE STYLES
----------------
Styles applied only to phone-sized screens */
@media only screen and (max-width: 767px) {
	/* Stop text wrapping around floated images; stack and center them instead */
	.entry img.alignleft,
	.entry img.alignright,
	.entry figure.alignleft,
	.entry figure.alignright {
		float: none;
		display: block;
		margin: 0 auto 1em;
	}

	.entry .wp-caption {
		max-width: 100%;
	}
}




/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

	
}