/*
Theme Name: EGHS 2024
Description: 2024 Rebrand of the EGHS Website
Version: 1
Author: Launch Interactive
Author URI: http://launchinteractive.com.au

*/

#content
{
	/**
	 * Fixes odd horizontal scrollbar bug.
	 * When the page loads there is a horizontal scroll bar due to the way the alignfull styles work. It appears to be due to an offscreen element being transformed, but we have not been able to adequately prove this or even resolve it.
	 */
	contain: paint;
}

.wp-block-image.aligncenter img
{
	display:block;
	margin:0 auto;
}

.alignleft
{
	float:left;
	margin:0 20px 20px 0;
}

.alignright
{
	float:right;
	margin:0 0 20px 20px;
}

.alignwide
{
	position: relative;
	left: calc(-0.5 * var(--wp--custom--h-inset));
	width: calc(100% + var(--wp--custom--h-inset));
}

.alignfull
{
	position: relative;
	left: calc(-1 * var(--wp--custom--h-inset));
	width: calc(100% + 2 * var(--wp--custom--h-inset));
	padding-left: var(--wp--custom--h-inset);
	padding-right: var(--wp--custom--h-inset);
}

.wp-block-image.alignfull
{
	padding-left: 0;
	padding-right: 0;
}

.wp-caption
{
	text-align:center;
	font-size:.8em;
}

*
{
	box-sizing: border-box;
}

html
{
	background: #10438E;
}

body
{
	-webkit-font-smoothing: antialiased
}

#skipToMainContent
{
	position: fixed;
	top: 10px;
	left: -300px;
	z-index: 1000;

	transition: left 0.2s ease-in-out 2s;
}

#skipToMainContent:focus,
#skipToMainContent:active
{
	left: 10px;
	transition: left 0.2s ease-in-out 0s;
}

.central
{
	padding-left: 20px;
	padding-left: var(--wp--custom--h-inset);
	padding-right: 20px;
	padding-right: var(--wp--custom--h-inset);
}

img
{
	max-width: 100%;
	height: auto;
	vertical-align:top;
}

/*
::-webkit-scrollbar
::-webkit-scrollbar-button
::-webkit-scrollbar-track
::-webkit-scrollbar-track-piece
::-webkit-scrollbar-thumb
::-webkit-scrollbar-corner
::-webkit-resizer

:horizontal
:vertical
:decrement
:increment
:start
:end
:double-button
:single-button
:no-button
:corner-present
:window-inactive
*/
::-webkit-scrollbar
{
  width: 12px;
  height: 12px;
}

::-webkit-scrollbar-track
{
  background: #ddd;
}

::-webkit-scrollbar-thumb
{
  background: #AAA;
}

a[href^=tel]
{
	color:inherit;
	text-decoration: none;
}


.videoWrap
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.videoWrap iframe,
.videoWrap object,
.videoWrap embed,
.videoWrap video
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.is-layout-flow > h1 + p,
.is-layout-flow > h2 + p
{
	margin-top: 0;
}

@media (min-width: 350px)
{
	.noWidow
	{
		display: inline-block;
	}
	/*
	 * This makes sure the spans in an anchor get an underline when display: inline-block
	*/
	a .noWidow
	{
		text-decoration: inherit;
	}
}

@media (min-width: 500px)
{
	.alignwide
	{
		position: relative;
		left: -60px;
		width: calc(100% + 120px);
	}
}

@media (hover: hover)
{
	a:where(:hover)
	{
		color: var(--wp--preset--color--green);
	}
}

/*
@media all and (max-width: 960px) {

}
@media all and (max-width: 320px) {

}
*/

@media(max-width: 1170px)
{
	.opening-text
	{
		font-size: 14px;
	}
}