/* Modern CSS reset | https://hankchizljaw.com/wrote/a-modern-css-reset/
---------------------------------------------------------------------------- */

/* https://allthingssmitty.com/2020/05/11/css-fix-for-100vh-in-mobile-webkit/ via https://css-tricks.com/css-fix-for-100vh-in-mobile-webkit/ */
body {
	min-height: 100vh;
	/* mobile viewport bug fix */
	min-height: -webkit-fill-available;
	
	/* https://gist.github.com/jackdomleo7/55659bafe581d19cc341ef775d6a9e6b */
	/* Better text rendering - font-smoothing has not been officially declared, but can still be useful */
	text-rendering: geometricPrecision | optimizeLegibility | optimizeSpeed;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Remove default padding, default margin and list styles on ul, ol elements with a class attribute */
/* ul[class]:not(.block-editor-rich-text__editable),
ol[class]:not(.block-editor-rich-text__editable) {
	padding: 0;
	margin: 0;
	list-style: none;
} */

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
	font: inherit;
}

/* https://gist.github.com/jackdomleo7/55659bafe581d19cc341ef775d6a9e6b */

a, button {
	touch-action: manipulation; /* Element doesn't want double-tap on mobile to zoom */
}

svg {
	/* Optional - make the SVG's fill be the same as the inherited color */
	fill: currentColor;
}

/* Compiled by Sridhar Katakam | https://wpdevdesign.com
---------------------------------------------------------------------------- */

/* Make all images responsive */
img {
	vertical-align: top;
	height: auto;
	max-width: 100%;
}
.oxy-gallery-item img { /* https://www.facebook.com/groups/1626639680763454/permalink/3671010376326364/?comment_id=3671655102928558 */
	vertical-align: baseline;
}

/* WP Image alignment classes */
img.alignright { float: right; margin: 0 0 2em 2em; }
img.alignleft { float: left; margin: 0 2em 2em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 480px) {
	img.alignleft {
		float: none;
		margin-right: 0;
		display: block;
	}

	img.alignright {
		float: none;
		margin-left: 0;
		display: block;
	}
}

/* Make the admin bar menu items visible on top to accomodate the sticky header */
@media (min-width: 993px) {
	#wpadminbar {
		z-index: 2147483640;
	}
}

/* Seriously, Oxygen? Why would you set this to none? */
body label {
	display: inline;
}


/* Screen Readers (taken from Genesis Sample 3.1.0) */
.screen-reader-text {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	color: #333;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Search Form */
.oxy-header .oxy-search-form {
	width: auto;
}

.search-form {
	display: flex;
}

/* Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc) */
/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */

.dont-break-out {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}