/*!
Theme Name: alliedhealth
Theme URI: http://underscores.me/
Author: Campaign Edge
Author URI: https://campaignedge.com.au
Description: Description
Version: 1.0.5
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: alliedhealth
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
>>> alliedhealth:
---------------------------------------------------------------- */


/* General
--------------------------------------------- */
body .dashicons {
	width: 1em;
	height: 1em;
	font-size: inherit;
}

.first-no-margin> :first-child, .fcnm > :first-child {
	margin-top: 0px;
}

.lcnm > :last-child {
	margin-bottom: 0px;
}

.mt0 {
	margin-top: 0;
}

.mb0 {
	margin-bottom: 0;
}

.pt0 {
	padding-top: 0;
}

.pb0 {
	padding-bottom: 0;
}


/* Colours
--------------------------------------------- */
.pc-color {
	color: var(--wp--preset--color--primary);
}

.sc-color {
	color: var(--wp--preset--color--secondary);
}

.tc-color {
	color: var(--wp--preset--color--tertiary);
}

.white-color {
	color: var(--wp--preset--color--white);
}

.black-color {
	color: var(--wp--preset--color--black);
}

.pc-bg {
	background-color: var(--wp--preset--color--primary);
}

.sc-bg {
	background-color: var(--wp--preset--color--secondary);
}

.tc-bg {
	background-color: var(--wp--preset--color--tertiary);
}

.white-bg {
	background-color: var(--wp--preset--color--white);
}

.black-bg {
	background-color: var(--wp--preset--color--black);
}

.pc-fill {
	fill: var(--wp--preset--color--primary);
}

.sc-fill {
	fill: var(--wp--preset--color--secondary);
}

.tc-fill {
	fill: var(--wp--preset--color--tertiary);
}

.white-fill {
	fill: var(--wp--preset--color--white);
}

.black-fill {
	fill: var(--wp--preset--color--black);
}

.pc-border {
	border-color: var(--wp--preset--color--primary);
}

.sc-border {
	border-color: var(--wp--preset--color--secondary);
}

.tc-border {
	border-color: var(--wp--preset--color--tertiary);
}

.white-border {
	border-color: var(--wp--preset--color--white);
}
.black-border {
	border-color: var(--wp--preset--color--black);
}

/* Full BG's
- To give an element a full sized background in code give it the class .full-bg along with the 
class wp color class eg .has-primary-background-color
--------------------------------------------- */
.full-bg, .wp-block-group.has-background {
	position: relative;
	overflow: visible;
}

.full-bg, .wp-block-group.has-background > * {
	position: relative;
	z-index: 2;
}

.full-bg:before, .wp-block-group.has-background:before {
	content: "";
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: calc(100% / 2);
	transform: translateX(-50%);
	z-index: 0;
	background: inherit;
	background-position: 50% 50%;
	background-size: cover;	
}

/* Disable full BG's on nested groups */
.wp-block-group .wp-block-group.has-background:before, .wp-block-group .wp-block-group.has-background:after, 
.wp-block-group .wp-block-group.has-background[style*=".webp')"]:before, .wp-block-group .wp-block-group.has-background[style*=".webp')"]:after,
.wp-block-group .wp-block-group.has-background[style*=".png')"]:before, .wp-block-group .wp-block-group.has-background[style*=".png')"]:after,
.wp-block-group .wp-block-group.has-background[style*=".jpg')"]:before, .wp-block-group .wp-block-group.has-background[style*=".jpg')"]:after {
	width: 100%;
    transform: none;
    left: 0;
}

/* If the group has both a colour and image selected then the colour is moved to the :after placed ontop of the image*/
.wp-block-group.has-background[style*=".webp')"]:before, .wp-block-group.has-background[style*=".jpg')"]:before, .wp-block-group.has-background[style*=".png')"]:before {
	background-color: unset;
}

.wp-block-group.has-background[style*=".webp')"]:after, .wp-block-group.has-background[style*=".jpg')"]:after, .wp-block-group.has-background[style*=".png')"]:after {
	content: "";
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: calc(100% / 2);
	transform: translateX(-50%);
	z-index: 1;
	background-position: 50% 50%;
	background-size: cover;
	background-color: inherit;
}





/* Content Areas
--------------------------------------------- */
.main-content {
	max-width: var(--wp--style--global--wide-size);
	width: 100%;
	margin: 0 auto;
}

.main-content .main-content-inner {
	padding: 0 4%;
}


/* Header
--------------------------------------------- */
.site-header {
	position: relative;
	width: 100%;
	z-index: 3;
	background-color: var(--wp--preset--color--quaternary);
}

.site-header .main-content .main-content-inner {
	position: relative;
}

.header-underline {
	height: 0.5em;
	line-height: 0;
}

/* Header - Logo and Menu container
--------------------------------------------- */

.site-header .main-content-inner .header-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1em 0;
	transition: padding 0.25s ease;
	column-gap: 2em;
}

.site-header-scrolled.site-header .main-content-inner .header-main {
	padding: 1em 0 1em 0;
}

.site-header .main-content-inner .header-logo {
	transition: flex 0.25s ease;
	flex: 0 1 150px;
	position: relative;
}

.site-header .main-content-inner .header-logo a {
	display: flex;
	width: 100%;
	line-height: 0;
    padding-bottom: 40%;
}

.site-header .main-content-inner .header-logo a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
	object-position: left center;
}


.site-header .main-content-inner .menu-pullout-inner {
	display: flex;
	justify-content: space-between;

	.menu-cta {
		align-self: center;
		margin-left: 2em;

		a {
			background-color: var(--wp--preset--color--secondary);
			color: white;
			padding: 0.25em 0.8em;
			border-radius: 3em;
			text-decoration: none;
			font-weight: 800;
			font-size: 1.2em;
			margin-bottom: 0;
			display: inline-block;
		}
	}
}


/* Header - Menu
--------------------------------------------- */
.menu-container {
	flex: 1 1 auto;
}

.menu-container .menu {
	margin: 0px;
	list-style: none;
	padding: 0px;
	display: flex;
	justify-content: right;
}

.menu-container .menu .menu-item {
	margin-left: 1.25em;
	padding: 0.2em;
}

.menu-container .menu .menu-item a {
	color: var(--wp--preset--color--black);
	font-weight: 500;
	text-decoration: none;
	transition: color 0.2s ease, background 0.2s ease, border-color ease 0.2s ;
	font-size: 18px;
	padding: 0.25em 0.5em;
	display: block;
	border-bottom: 1px solid transparent;
}

.menu-container .menu .menu-item:hover > a {
	border-bottom: 1px solid white;
}

.menu-container .menu .menu-item.menu-item-has-children:hover::before {
	color: var(--wp--preset--color--primary);
}

.menu-container .menu .menu-item.current-menu-item > a,
.menu-container .menu .menu-item.menu-item-has-children.current-menu-item::before {
	font-weight: 500;
}


.menu-container .menu .menu-item:last-child a {
	padding-right: 0px;
}


/* Header - Sub Menu
--------------------------------------------- */
.menu-container .menu .menu-item.menu-item-has-children {
	position: relative;
}

.menu-container .menu .menu-item.menu-item-has-children>a {
	padding-right: 1.25em;
}

.menu-container .menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children > a {
	padding-right: 0.75em;
}

.menu-container .menu .menu-item.menu-item-has-children::before {
	width: 0.5em;
    height: 0.5em;
    background-color: white;
    clip-path: polygon(50% 100%, 0% 0%, 100% 0%);
    position: absolute;
    top: calc(50% - 0.25em);
    right: 0em;
    content: "";
    transition: 0.2s ease;
	transform: rotate(-90deg);
}

.menu-container .menu .menu-item .sub-menu .menu-item.menu-item-has-children::before {

}

.menu-container .menu .menu-item.menu-item-has-children:hover::before {
	transform: rotate(0deg);
} 

.menu-container .menu .menu-item .sub-menu {
	opacity: 0;
	transition: opacity 0.2s ease;
	pointer-events: none;
	padding: 0px 0.5em;
	margin: 0px;
	position: absolute;
	top: 100%;
	left: 0px;
	z-index: 2;
	list-style: none;
	width: max-content;
	max-width: 200px;
	background: var(--wp--preset--color--primary);
	display: block;
}

.site-header-scrolled .menu-container .menu .menu-item .sub-menu,
.site-header-bg .menu-container .menu .menu-item .sub-menu {
	background-color: var(--wp--preset--color--tertiary);
}

.menu-container .menu .menu-item .sub-menu .menu-item {
	margin-left: 0px;
	padding-left: 0px;
}

.menu-container .menu .menu-item .sub-menu .menu-item a {
	font-weight: 400;
	line-height: 1.2em;
}

.menu-container .menu .menu-item.menu-item-has-children:hover>.sub-menu {
	opacity: 1;
	pointer-events: all;
}

.menu-container .menu .menu-item .sub-menu .menu-item .sub-menu {
	left: 100%;
	top: 0%;
	width: max-content;
}


/* Header - Menu Hamburger
--------------------------------------------- */
.menu-center {
	display: none;
}

.show-on-mobile-menu {
	display: none;
}



/* Header - Banner
--------------------------------------------- */

.header-banner {
	position: relative;

	.header-banner-image-left, .header-banner-image-right {
		position: absolute;	
		top: 0;
		left: 0;
		width: calc((100vw - 400px) / 2);
		height: 100%;
		object-fit: cover;
		object-position: center center;
		object-position: top center;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center center;
			object-position: top center;
		}
	}

	.header-banner-image-right {
		right: 0;
		left: unset;
	}

	.header-banner-inner {
		position: relative;
		z-index: 2;

		.header-banner-content {
			position: relative;
			padding: 1em 4%;
			width: 100%;
            max-width: 400px;
			font-size: 1.2em;
			z-index: 3;
			background: white;
            margin: 0 auto;

			text-align: center;

			img {
				display: block;
                width: 100%;
			}

			.header-banner-cta {
				margin: 0 auto;
                margin-top: 1em;
                color: black;
                font-weight: 500;
                font-size: 1em;
                text-decoration: none;
                padding: 0.25em 0.8em;
                border: 2px solid black;
                border-radius: 2em;
                display: inline-block;
				transition: all 0.2s ease;
				&:hover {
					background-color: var(--wp--preset--color--secondary);
					color: white;
					border-color: var(--wp--preset--color--secondary);
				}
			}
		}
	}


	

}



/* Footer
--------------------------------------------- */

.site-footer {
	padding:0;
	background-color: var(--wp--preset--color--quaternary);
	color: var(--wp--preset--color--primary);
	overflow: hidden;
}

.site-footer .footer-info {
	position: relative;
    display: block;
    width: 100%;
	padding: 1em 0;
}


.footer-menu {
    display: flex;
	align-items: center;
    justify-content: center;
	margin-top: 0em;

	.menu-container {
		flex: unset;
		margin-right: 2em;
ul {
	margin: 0px;
    list-style: none;
    padding: 0px;
    display: flex;
    justify-content: right;

	li {
		margin-left: 1.25em;
		padding: 0.2em;
		a {
			color: var(--wp--preset--color--primary);
			font-weight: 400;
			text-decoration: none;
			transition: color 0.2s ease, background 0.2s ease, border-color ease 0.2s;
			font-size: 17px;
			padding: 0.25em 0.5em;
			display: block;
			border-bottom: 1px solid transparent;
			&.current-menu-item {
				font-weight: 600;
			}
		}
	}
}
	}

	.btn {
		text-decoration: none;
		background-color: var(--wp--preset--color--secondary);
		&:hover {
			color:white;
		}
	}

}


.site-footer .footer-info .footer-socials .footer-social {
	text-decoration: none;
}

.site-footer .footer-info .footer-socials .footer-social .dashicons {
	width: 1.5em;
	height: 1.5em;
	font-size: 1.5em;
}

.site-footer .footer-social-links .footer-link {
	text-decoration: none;
}

.footer-bottom {
	background-color: white;
	padding: 0 4%;
	padding-bottom: 0.5em;


	.footer-image {
		width: 100%;
		text-align: center;
		padding: 1em 0;

			img {
				display: block;
				max-width: 200px;
				width: 100%;
				margin: 0 auto;
			}
	}

	.footer-logo {
		width: 100%;
		text-align: center;

		 a {
			display: block;
			line-height: 1em;

			img {
				display: block;
				max-width: 100px;
				width: 100%;
				margin: 0 auto;
			}
		}
	}
	
	
	p {
	margin: 1.5em 0 0 0;
	font-size: 14px;
	text-align: center;
	font-weight: 500;
	color: var(--wp--preset--color--black);
	padding: 0 4%;
	}
}


/* WP Blocks
--------------------------------------------- */

.column-align-bottom {
	display: flex;
	align-items: flex-end;
}

.wp-block-cover a {
	text-decoration: none;
	transition: all 0.3s ease;
}

.wp-block-column {
	position: relative;
}

:root :where(.is-layout-constrained) > * {
    margin-block-start: 1.1em;
}

/* Youtube */
.is-provider-youtube .wp-block-embed__wrapper {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
}

.is-provider-youtube .wp-block-embed__wrapper iframe {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
}

/* Buttons */
.wp-block-buttons .wp-block-button .wp-element-button, .btn {
	background-color: var(--wp--preset--color--primary);
	color: white;
	border-radius: 3em;
	padding: 0.25em 0.8em;
	font-weight: 800;
	width: auto;
	transition: all 0.2s ease;
	&:hover {
		background-color: var(--wp--preset--color--secondary);
		color: white;
	}
}


/* Forms
--------------------------------------------- */

.gform_wrapper .gform-body .gform_fields {
	row-gap: 1em;
}

.gform-body .gform_fields .gfield input, .gform-body .gform_fields .gfield textarea {
	background-color: var(--wp--preset--color--quinary);
	border: 2px solid var(--wp--preset--color--primary);
	padding: 1.25em 0.75em;
	font-weight: 400;
	color: var(--wp--preset--color--quaternary);
}

.gform-body .gform_fields .gfield input:placeholder-shown, .gform-body .gform_fields .gfield textarea:placeholder-shown { 
	color: #2e478d9c;
}

.gform-body .gform_fields .gfield input:focus, .gform-body .gform_fields .gfield textarea:focus {
	outline: 2px solid var(--wp--preset--color--primary);
}

.has-background {

	.gform-body .gform_fields .gfield input:placeholder-shown, .gform-body .gform_fields .gfield textarea:placeholder-shown {
		color: var(--wp--preset--color--quaternary);
	}

	.gform-body .gform_fields .gfield input, .gform-body .gform_fields .gfield textarea {
		border-color: var(--wp--preset--color--quinary);
	}

}

.gform-body .gform_fields .gfield input::placeholder {
	
}

.gform-body .gform_fields .gfield .gfield-choice-input {
	padding: 0.5em;
}

#field_1_11 {
	margin-bottom: 1em;
}

#gform_wrapper_1 form .gform-footer .gform_button {
	border-radius: 2em;
	font-weight: 600;
	font-size: 1.2em;
	text-decoration: none;
    padding: 0.5em 1.5em;
    border: 2px solid var(--wp--preset--color--black);
	margin-left: auto;
}
.has-background {
	#gform_wrapper_1 form .gform-footer .gform_button {
		border: 0px;
		background-color: var(--wp--preset--color--quaternary);
		color: var(--wp--preset--color--black);
	}
}


.gform_required_legend {
	display: none;
}


/* Addtoany
--------------------------------------------- */

.addtoany_shortcode {
	text-align: center;
}

.addtoany_list a:not(.addtoany_special_service)>span {
    border-radius: 100% !important;
}



/* Archive and single news post
--------------------------------------------- */

.news-posts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;

	.news-post {

		position: relative;
		.news-post-thumbnail {
			aspect-ratio: 16/9;
			background-color: var(--wp--preset--color--quinary);

			.news-post-thumbnail-inner {
				position: relative;
				height: 100%;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center center;
				}
			}
		}

		.multicolour-underline {
			height: 8px;
		}

		.news-post-excerpt {
			color: var(--wp--preset--color--primary);

			h6 {
				margin-top: 0.5em;
				margin-bottom: 0.15em;
			}

			p {
				font-weight: 600;
			}
		}

		a {
			text-decoration: none;
		}
	}
}

.news-footer-image {
	padding: 4em 0;
	margin-top: 3em;
}


.single .news-post-single {
	max-width: 900px;

	.main-content-inner {
		margin-top: 3em;
	}
}

.news-post-single {

	color: #2E478D;

	.back-to-news {
		display:block;
		margin-bottom: 1em;
		color: var(--wp--preset--color--primary);
		font-weight: 600;
		text-align: right;
	}

	.news-post-header {
		display: flex;
		align-items: center;
		gap: 1em;
		
		img {
			width: 100%;
			max-width: 100px;
		}

		h1 {
			color: var(--wp--preset--color--primary);
			font-size: 2.25em;
			margin-top: 0;
			margin-bottom: 0.2em;
		}

		.news-role {
			color: var(--wp--preset--color--primary);
			font-size: 1.4em;
			font-weight: 600;
		}

		
		
	}

	.news-post-thumbnail {
		margin-top: 1em;
		aspect-ratio: 16/9;
		background-color: var(--wp--preset--color--quinary);
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
		overflow: hidden;

		.news-post-thumbnail-inner {
			position: relative;
			height: 100%;

			img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
			}
		}
	}

	.multicolour-underline {
		height: 12px;
	}

	.news-post-content {
		margin-top: 2em;
		font-size: 1.1em;
	}
}


.single-pagination {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 2em;
	gap: 1em;
	padding: 1.5em 0;

	p {
		margin: 0 1em;
	}

	a {
		background-color: var(--wp--preset--color--primary);
            color: white;
            padding: 0.4em 0.7em;
            border-radius: 0.25em;
            text-decoration: none;
            font-weight: 800;
            font-size: 1.1em;
            text-transform: uppercase;
            margin-bottom: 0;
            display: inline-block;
			background-color: #A8228A;
			z-index: 1;
			position: relative;
	}

	.prev-post a {
		background-color: #34AFC8;
	}

	.next-post a {
		background-color: var(--wp--preset--color--primary);
	}
}



/* Pagination
--------------------------------------------- */

.news-pagination {
	text-align: center;
	font-weight: 700;
	margin: 1em 0;
}

.page-numbers {
	padding: 0;
	text-align: right;
	list-style: none;
	margin: 0px;
	display: inline-block;
}
.page-numbers li {
	display: inline-block;
	width: 1.2em;
	height: 1.25em;
	line-height: 1.25em;
	font-weight: 600;
	margin:0;
	text-align: center;
}

.page-numbers.current {
	text-decoration: underline;
	color: var(--wp--preset--color--primary);
}

.page-numbers a {
	color: var(--wp--preset--color--text);
}

.page-numbers li span, .page-numbers li a {
	text-decoration: none;
}
.page-numbers li .next, .page-numbers li .prev  {
	display: block;
	position: relative;
	color: transparent;
	margin: 0px;
}

.page-numbers li .next:after, .page-numbers li .prev:after {
	content: "";
	border-right: 0.2em solid black;
	border-bottom: 0.2em solid black;
	display: block;
	line-height: 1;
	font-weight: 400;
	font-style: normal;
	speak: never;
	text-decoration: inherit;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 0.6em;
	height: 0.6em;
	font-size: 0.9em;
	vertical-align: top;
	text-align: center;
	transition: color .1s ease-in;
	position: absolute;
	top: 50%;
	left: 40%;
	transform: translate(-50%, -50%) rotate(-45deg);
	z-index:2;
	pointer-events: none;
	cursor: pointer;
}

.page-numbers li .prev:after {
	transform: translate(-50%, -50%) rotate(135deg);
	left: 60%;
}



/* Custom
--------------------------------------------- */

/* Colour Underline */
.multicolour-underline {
	background: #E01383;
	background: linear-gradient(90deg, rgba(224, 19, 131, 1) 0%, rgba(224, 19, 131, 1) 10%, rgba(201, 24, 126, 1) 10%, rgba(201, 24, 126, 1) 20%, rgba(168, 34, 138, 1) 20%, rgba(168, 34, 138, 1) 30%, rgba(111, 48, 118, 1) 30%, rgba(111, 48, 118, 1) 40%, rgba(48, 46, 125, 1) 40%, rgba(48, 46, 125, 1) 50%, rgba(46, 71, 141, 1) 50%, rgba(46, 71, 141, 1) 60%, rgba(37, 105, 173, 1) 60%, rgba(37, 105, 173, 1) 70%, rgba(4, 126, 188, 1) 70%, rgba(4, 126, 188, 1) 80%, rgba(0, 144, 195, 1) 80%, rgba(0, 144, 195, 1) 90%, rgba(0, 155, 191, 1) 90%, rgba(0, 155, 191, 1) 100%);
}

.center-underline-text {
	text-align: center;
	display: block;

	& > * {
		display: inline-block;
		width: auto;
		position: relative;
		margin: 0 auto;

		&:after {
			content: "";
			margin-top: 0.2em;
			display: block;
			width: 100%;
			height: 6px;
			background: #E01383;
			background: linear-gradient(90deg, rgba(224, 19, 131, 1) 0%, rgba(224, 19, 131, 1) 10%, rgba(201, 24, 126, 1) 10%, rgba(201, 24, 126, 1) 20%, rgba(168, 34, 138, 1) 20%, rgba(168, 34, 138, 1) 30%, rgba(111, 48, 118, 1) 30%, rgba(111, 48, 118, 1) 40%, rgba(48, 46, 125, 1) 40%, rgba(48, 46, 125, 1) 50%, rgba(46, 71, 141, 1) 50%, rgba(46, 71, 141, 1) 60%, rgba(37, 105, 173, 1) 60%, rgba(37, 105, 173, 1) 70%, rgba(4, 126, 188, 1) 70%, rgba(4, 126, 188, 1) 80%, rgba(0, 144, 195, 1) 80%, rgba(0, 144, 195, 1) 90%, rgba(0, 155, 191, 1) 90%, rgba(0, 155, 191, 1) 100%);

		}
	}

}

/* Colour bg splits */

.colour-bg-split {
	position: relative;
	overflow: visible;
	&:before {
		content: "";
        position: absolute;
        top: 0;
        right: 100%;
        width: calc(((100vw - 1196px)) / 2);
        height: 100%;
	}

	&:after {
		content: "";
        position: absolute;
        top: 0;
        left: 100%;
        width: calc(((100vw - 1196px)) / 2);
        height: 100%;
	}

	&.colour-bg-split-primary{
		&:before {
			background-color: #047EBC;
		}
	
		&:after {
			background-color: #009BBF;
		}
	}

	&.colour-bg-split-tertiary{
		&:before {
			background-color: #6F3076;
		}
	
		&:after {
			background-color: #E01383;
		}
	}

	&.colour-bg-split-primarydark{
		&:before {
			background-color: #302E7D;
		}
	
		&:after {
			background-color: #047EBC;
		}
	}

	&.colour-bg-split-tertiarydark{
		&:before {
			background-color: #6F3076;
		}
	
		&:after {
			background-color: #E01383;
		}
	}
}



.nurses-walk-ratio {
	padding-bottom: 10%;
}


.spacer-ratio-1 {
	padding-bottom: 1%;
}

.spacer-ratio-2 {
	padding-bottom: 2%;
}

.spacer-ratio-3 {
	padding-bottom: 3%;
}

.spacer-ratio-4 {
	padding-bottom: 4%;
}

.spacer-ratio-5 {
	padding-bottom: 5%;
}	

.spacer-ratio-6 {
	padding-bottom: 6%;
}	

.spacer-ratio-7 {
	padding-bottom: 7%;
}

.spacer-ratio-8 {
	padding-bottom: 8%;
}		

.spacer-ratio-9 {
	padding-bottom: 9%;
}

.spacer-ratio-10 {
	padding-bottom: 10%;
}

.spacer-ratio-11 {
	padding-bottom: 11%;
}	

.spacer-ratio-12 {
	padding-bottom: 12%;
}

.spacer-ratio-13 {
	padding-bottom: 13%;
}	

.spacer-ratio-14 {
	padding-bottom: 14%;
}

.spacer-ratio-15 {
	padding-bottom: 15%;
}

.spacer-ratio-16 {
	padding-bottom: 16%;
}

.spacer-ratio-17 {
	padding-bottom: 17%;
}	

.spacer-ratio-18 {	
	padding-bottom: 18%;
}	

.spacer-ratio-19 {	
	padding-bottom: 19%;
}	

.spacer-ratio-20 {
	padding-bottom: 20%;
}	

.spacer-ratio-21 {
	padding-bottom: 21%;
}	

.spacer-ratio-22 {
	padding-bottom: 22%;
}	

.spacer-ratio-23 {
	padding-bottom: 23%;
}	

.spacer-ratio-24 {
	padding-bottom: 24%;
}	

.spacer-ratio-25 {
	padding-bottom: 25%;
}


/* Email Campaign
--------------------------------------------- */


.ui-widget.ui-widget-content {
    border: 1px solid var(--wp--preset--color--primary);
    z-index: 2;
}

.ui-menu.ui-widget {
    border-top: 0;
    padding: 0 .6em;
    color: var(--wp--preset--color--primary);
    font-weight: 400;
    background: white;
    list-style: none;
    margin: 0;
    width: 100%;
    max-width: 292px;
}

.ui-menu.ui-widget .ui-menu-item {
    color: #00689e;
    font-weight: 400;
    border-bottom: 1px solid #00689e1a;
    margin: 0;
    padding: .4em 0;
    padding-left: .4em;
    cursor: pointer;
    transition: border ease .2s;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

.ui-helper-hidden-accessible {
    display: none;
}


.ecampaign-email-message {
	background: #F1F2F2;
	padding: 1em;
	border-radius: 0.25em;
	margin-bottom: 0.25em;
	font-size: var(--wp--preset--font-size--s);
	font-weight: 400;
	color: #2E478D;
}



/* Tables
--------------------------------------------- */

.wp-block-table {

	font-weight: 600;
	color: #2E478D;


	tr {
		background-color: #F5F5F5;
		border:0px;

		&:first-child {
			position: relative;
			&:after {
				content: "";
				position: absolute;
				width: 100%;
				height: 5px;
				bottom: 0;
				left: 0;
				background: #E01383;
				background: linear-gradient(90deg, rgba(224, 19, 131, 1) 0%, rgba(224, 19, 131, 1) 10%, rgba(201, 24, 126, 1) 10%, rgba(201, 24, 126, 1) 20%, rgba(168, 34, 138, 1) 20%, rgba(168, 34, 138, 1) 30%, rgba(111, 48, 118, 1) 30%, rgba(111, 48, 118, 1) 40%, rgba(48, 46, 125, 1) 40%, rgba(48, 46, 125, 1) 50%, rgba(46, 71, 141, 1) 50%, rgba(46, 71, 141, 1) 60%, rgba(37, 105, 173, 1) 60%, rgba(37, 105, 173, 1) 70%, rgba(4, 126, 188, 1) 70%, rgba(4, 126, 188, 1) 80%, rgba(0, 144, 195, 1) 80%, rgba(0, 144, 195, 1) 90%, rgba(0, 155, 191, 1) 90%, rgba(0, 155, 191, 1) 100%);
			}

			td {
				font-size: 1.5em;
				font-weight: 900;

			}
		}

		&:nth-child(odd) {
			background-color: #E6E7E8;
		}

		td {
			border:0px;
			padding: 1rem 1.5rem;
			font-size: 1.3em;
			font-weight: 600;
			color: #2E478D;
			text-align: left;
			vertical-align: middle;
			width: 100%;
		}
	}
}




/* MOBILE
--------------------------------------------- */

@media only screen and (max-width: 1300px) {

	.site-header .main-content-inner .header-logo {
		flex: 0 1 150px;
	}


}

/* MENU MOBILE TRIGGER - Move last submenus to the left */

@media only screen and (max-width: 1675px) {
	.menu-container .menu .menu-item:last-child > .sub-menu {
		left: unset;
		right: 0;
	}
}

@media only screen and (max-width: 1380px) {

	.menu-container .menu .menu-item:last-child > .sub-menu .menu-item {
		position: relative;
	}

	.menu-container .menu .menu-item:last-child > .sub-menu .menu-item > .sub-menu {
		top: 0;
		left: 0;
		transform: translateX(-100%);
	}
}


/* MENU MOBILE TRIGGER */
@media only screen and (max-width: 1100px) {


	/* Menu - pullout */

	.menu-pullout-mask {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background: var(--wp--preset--color--quaternary);
		z-index: 10;
		display: block;
	}

	.menu-pullout {
		display: block;
		position: fixed;
		width: 100%;
		left: 0;
		top: 0;
		transform: translateX(-101%);
		transition: transform .5s ease;
		z-index: 11;
		padding: 3em;
		box-shadow: 1px 1px 7px 0 #00000045;
		background: var(--wp--preset--color--primary);
		height: 100vh;
	}

	.menu-pullout-active {
		transform: translateX(0%);
		overflow-y: scroll;
	}

	.menu-pullout .menu-container .menu .menu-item a {
		padding: 0.25em 0em;
	}


	/* Hamburger */
	.menu-center {
		position: relative;
		width: 2.3em;
		text-align: center;
		margin: 0 auto;
		display: inline-block;
		vertical-align: middle;
		border: 2px solid var(--wp--preset--color--primary);
		border-radius: 100%;
		height: 2.3em;
		padding: 0.5em;
	}

	.menu-center:before,
	.menu-center:after,
	.menu-center div {
		background: var(--wp--preset--color--primary);
		content: "";
		display: block;
		height: 2px;
		border-radius: 0px;
		margin: 3px 0;
		margin-top: 2px;
		transition: 0.5s;
	}

	.menu-center.menu-center-active:before {
		transform: translateY(5px) rotate(135deg);
	}

	.menu-center.menu-center-active:after {
		transform: translateY(-5px) rotate(-135deg);
	}

	.menu-center.menu-center-active div {
		transform: scale(0);
	}

	.menu-center:hover {
		background: var(--wp--preset--color--tertiary);
	}

	.menu-center:hover::before,
	.menu-center:hover::after,
	.menu-center:hover div {
		background: white;
	}

	.menu-pullout-inner .menu-center:before,
	.menu-pullout-inner .menu-center:after,
	.menu-pullout-inner .menu-center div {
		background: white;
	}

	.menu-pullout-inner .menu-center {
		border-color: white;
	}

	.site-header-scrolled .menu-center:before,
	.site-header-scrolled .menu-center:after,
	.site-header-scrolled .menu-center div,
	.site-header-bg .menu-center:before,
	.site-header-bg .menu-center:after,
	.site-header-bg .menu-center div {
		background: var(--wp--preset--color--tertiary);
	}

	.site-header-scrolled .menu-center,
	.site-header-bg .menu-center {
		border-color: var(--wp--preset--color--tertiary);
	}


	.menu-pullout .menu-center {
		margin: 0 auto;
		display: block;
		margin-top: 3em;
		order: 3;
	}


	.single-campaign .menu-center {
		z-index: 5;
		margin: 0 auto;
		display: block;
	}


	/* menu */

	.site-header .main-content-inner .menu-pullout-inner {
		flex-wrap: wrap;

		.menu-container {
			flex: 1 1 100%;
		}

		.menu-cta {

			flex: 1 1 100%;
			text-align: center;
			margin: 0;
			margin-top: 1em;
			
			a {
				background: white;
				color: var(--wp--preset--color--primary);
			}
		}
	}

	.site-header .main-content .main-content-inner .header-main .header-logo {
		flex: 0 1 200px;
	}

	.menu-container .menu {
		flex-wrap: wrap;
		font-size: 16px;
	}

	.site-header .menu-container .menu .menu-item {
		flex: 1 1 100%;
		padding-right: 0px;
		padding-left: 0px;
		margin-bottom: 0.75em;
		margin-left: 0;
	}

	.site-header .menu-container .menu .menu-item a {
		display: inline-block;
		color: white;
	}

	.menu-container .menu .menu-item .sub-menu {
		position: relative;
		top: unset;
		left: unset;
		display: none;
		width: 100%;
		max-width: unset;
	}


	.menu-container .menu .menu-item .sub-menu li {
		margin-bottom: 0px;
	}

	.menu-container .menu .menu-item.menu-item-has-children:hover>.sub-menu {
		display: block;
		border: 0px;
		padding-left: 1em;
		border-left: 1px solid white;
	}

	.menu-container .menu .menu-item .sub-menu .menu-item .sub-menu {
		left: unset;
		top: unset;
		width: 100%;
	}

	.menu-container .menu .menu-item.menu-item-has-children::before,
	.menu-container .menu .menu-item.menu-item-has-children:hover::before {
		top: 0.831em;
	}

	.site-header .main-content .main-content-inner .header-main .menu-container .menu .menu-item a {
		border-right: none;
	}

	


}

@media only screen and (max-width: 1024px) {

	.header-banner {
		& .header-banner-inner {
			& .main-content-inner {
				.header-banner-white-gradient {
					width: 80%;
				}
			}
		}
	}

}


@media only screen and (max-width: 768px) {

	/* Flex Styling
	--------------------------------------------- */
	body .is-layout-grid.wp-block-group-is-layout-grid {
		display: flex;
		flex-direction: column;
	}


	/* Header
	--------------------------------------------- */
	.header-banner {
		& .header-banner-inner {
			.header-banner-content {
				max-width: 350px;
			}
		}
	}

	.header-banner {
		.header-banner-image-left, .header-banner-image-right {
			img {
				width: calc((100vw - 400px) / 2);
				object-position: left center;
			}
		}
	}


	/* Footer
	--------------------------------------------- */
	.footer-menu {
		flex-wrap: wrap;

		.menu-container 
		
		ul{
			justify-content: center;

			.menu .menu-item {
				margin: 0.5em;
			}
		}

		.menu-cta {
			flex: 1 1 100%;
			margin-top: 1em;
			text-align: center;
		}
	}

	/* News Posts
	--------------------------------------------- */
	.news-posts {
		grid-template-columns: repeat(2, 1fr);
	}


}

/* Gravity forms
--------------------------------------------- */

@media only screen and (max-width: 640px) {

	.gform_wrapper form .gform-body .gfield.gfield--type-submit .gform-button, #gform_wrapper_1 form .gform-body .gform-page-footer .button {
		margin-top: 1em;
		margin-bottom: 1em;
	}

	.ecampaign-email-message {
		margin-bottom: 0;
	}

}


@media only screen and (max-width: 500px) {

	/* Menu Logo
	--------------------------------------------- */
	.site-header .main-content .main-content-inner .header-main .header-logo {
        flex: 0 1 100px;

		a {
			padding-bottom: 55%;
		}
    }


	/* Menu
	--------------------------------------------- */
	.menu-pullout {
		padding-left: 5%;
		padding-right: 5%;
	}

	.menu-container .menu .menu-item:hover > a {
		border-bottom: unset;
	}

	.menu-container .menu .menu-item .sub-menu {
		padding-top: 0.5em;
        margin-bottom: 1em;
	}



		/* Header
	--------------------------------------------- */


	.header-banner {
        & .header-banner-inner {
            & .main-content-inner {
                .header-banner-white-gradient {
                    width: 100%;
					background: linear-gradient(to right, #ffffffd9 40%, transparent 100%);
                }
            }
        }
    }

	.header-banner {
		& .header-banner-inner {
			.header-banner-content {
				max-width: 60%;
                padding: 1em 0;
			}
		}

		.header-banner-image-left, .header-banner-image-right {
			width: 20%;
			img {
				width: 100%;
			}
		}
	}

	

	/* Footer
	--------------------------------------------- */

	.footer-menu .menu-container .menu .menu-item {
		margin-left: 0;

		a {
			font-size: 16px;
		}
	}


		/* Tables
	--------------------------------------------- */
	.wp-block-table {
		& tr {
			td {

				font-size: 1.1em;
			}
		}
	}



		/* News Posts
	--------------------------------------------- */
	.news-posts {
		grid-template-columns: repeat(1, 1fr);
		gap: 1em;
	}


}