/*
Theme Name: WellDyne
Description: A custom built WordPress theme for WellDyne.
Author: Lunar Shift
Author URI: https://www.lunarshift.com/
Version: 100.00
*/

/*
	Nimbus Sans Regular
	font-family: "nimbus-sans", sans-serif;
	font-weight: 400;
	font-style: normal;

	Nimbus Sans Regular Italic
	font-family: "nimbus-sans", sans-serif;
	font-weight: 400;
	font-style: italic;

	Nimbus Sans Bold
	font-family: "nimbus-sans", sans-serif;
	font-weight: 700;
	font-style: normal;

	Nimbus Sans Black
	font-family: "nimbus-sans", sans-serif;
	font-weight: 900;
	font-style: normal;
*/

/* Global template code ends here */

#header {
	background: var(--white);
	padding: 14px 0;
}
#header .logos {
	display: flex;
	column-gap: min(25px, 3vw);
	align-items: center;
}

#header .logos img {
	/* max-height: 8vw; */
	/* flex-shrink: 1 */
}

#header .logos img.welldyne {
	width: 160px;
	flex: 0 1 30%;
}
#header .logos img.plus {
	height: 28px;
	width: 28px;
	flex: 0 1 10%;
}
#header .logos img.brown {
	width: 307px;
	flex: 0 1 60%;
}

.ping {
	position: fixed;
	top: 60%;
	right: 0;
	transform: translateY(-50%) rotate(90deg);
	transform-origin: top right;
	background: var(--brand-blue);
	color: var(--white);
	font-size: 38px;
	letter-spacing: 0.01em;
	line-height: 1em;
	padding: 14px 50px;
	font-weight: 900;
}

/*.cta::after {
	content: '';
	display: inline-block;
	width: 22px;
	height: 16px;
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28.369" height="22.24" viewBox="0 0 28.369 22.24"><path d="M16.714,0,13.6,3.01l6.187,5.983H0v4.256H19.983L13.8,19.231l3.111,3.009L28.369,11.157Z" fill="%2398cbef"/></svg>') no-repeat center center;
	background-size: contain;
}*/

#footer {
	background-color: #003B75;
	padding: 65px 20px 25px;
	color: white;
	background-image: url('images/welldyne-logo-invert.png');
	background-repeat: no-repeat;
	background-position: calc(50% - 692px) top;
	background-size: 156px auto;
}
#footer .wrap {
	
}
#footer h3 {
	color: var(--brand-mint);
	font-size: 4.6rem;
	font-weight: 900;
	letter-spacing: 0.01em;
	max-width: 320px;
	margin-bottom: 2px;
}
#footer .terms {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 20px;
}
#footer .terms ul {
	list-style: none;
	display: flex;
	gap: 8px 20px;
}
@media (min-width: 1201px) {
	#footer .terms ul li:not(:first-child) {
		position: relative;
		padding-left: 20px;
	}
	#footer .terms ul li:not(:first-child)::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 2px;
		height: 16px;
		background-color: var(--white);
	}
}
#footer .terms ul li a {
	color: white;
	font-size: 20px;
}
#footer .links {
	display: flex;
	flex-direction: column;
	text-align: right;
	gap: 10px;
}
#footer .links .email {
	color: #A3C4E6;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
}
#footer .block {
	display: flex;
	align-items: center;
	gap: 15px;
}
#footer .block .cta {
	margin-top: 0;
}
#footer .linkedin i {
	font-size: 42px;
	color: var(--white);
}
#footer .copyright {
	font-size: 18px;
	color: var(--white);
	margin-top: 30px;
}
@media (max-width: 1570px) {
	#footer {
		background-position: 30px top;
	}
	#footer .wrap {
		width: 100%;
		padding-left: 200px;
	}
}
@media (max-width: 1200px) {
	#footer {
		padding-top: 40px;
	}
	#footer .terms ul {
		flex-direction: column;
		margin-top: 20px;
	}
}
@media (max-width: 900px) {
	#footer {
		text-align: center;
	}
	#footer h3 {
		max-width: 100%;
	}
	#footer .terms {
		flex-direction: column;
		align-items: center;
	}
}
@media (max-width: 600px) {
	#footer {
		background-image: none;
		padding-top: 25px;
	}
	#footer .wrap {
		padding-left: var(--wrap-padding);
	}
	#footer .links {
		text-align: center;
	}
}

.page-template-template-training-education h1 {
	font-size: 6.0em;
}
.page-template-template-training-education .hero .wrap {
    background-image: url(images/book-vector.svg);
    background-size: auto 72%;
    background-position: calc(100% - 30px) calc(50% - 12px);
}
.page-template-template-training-education .text-wrap {
    max-width: 680px;
}
.page-template-template-training-education .video-container {
    margin-top: 6rem;
    margin-bottom: 6rem;
	text-align: center;
}
.page-template-template-training-education .video-grid {
    margin-top: 0;
}
.page-template-template-training-education .video-grid .video-object {
	aspect-ratio: 1.7;
	width: 100%;
	height: auto;
}

@media (min-width: 601px) AND (max-width: 900px) {
	.page-template-template-training-education .video-grid {
		grid-template-columns: 1fr 1fr;
	}
}


.page-template-template-blank-content .hero .wrap {
	display: flex;
	background-image: none;
	gap: 20px 50px;
    padding-bottom: 5rem;
}
.page-template-template-blank-content .hero .text-wrap {
	max-width: none;
}
.page-template-template-blank-content .hero .featured-image {
	width: 300px;
}
.page-template-template-blank-content .featured-img img {
	aspect-ratio: 1.7;
	height: auto;
	width: 270px;
	aspect-ratio: 0.75;
	position: relative;
	top: 80px;
	margin-top: -60px;
}
.page-template-template-blank-content .featured-img .no-img {
	background: #ddd;
}
.page-template-template-blank-content .wysiwyg {
	padding-top: 8rem;
	padding-bottom: 8rem;
}
@media (max-width: 900px) {
	.page-template-template-blank-content .hero .wrap {
		flex-direction: column;
	}
	.page-template-template-blank-content .featured-img img {
		top: 60px;
		margin-top: -60px;
	}
}

.wysiwyg * {
	color: var(--brand-blue);
	line-height: 1.25em;
	letter-spacing: 0;
	font-size: 22px;
	line-height: 1.4em;
}
@media (max-width: 900px) {
	.wysiwyg * {
	font-size: 20px;
	}
}
@media (max-width: 600px) {
	.wysiwyg * {
	font-size: 18px;
	}
}
.wysiwyg .wrap > * + * {
	margin-top: 20px;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 { line-height: 1.2em; }
.wysiwyg h1 { font-size: 5.5rem; font-weight: 700; }
.wysiwyg h2 { font-size: 4rem; font-weight: 700; }
.wysiwyg h3 { font-size: 3rem; font-weight: 600; }
.wysiwyg h4 { font-size: 2.2rem; font-weight: 600; }
.wysiwyg h5 { font-size: 1.8rem; font-weight: 600; }
.wysiwyg h6 { font-size: 1.4rem; font-weight: 600; }
.wysiwyg p,
.wysiwyg li {
	
}
.wysiwyg strong { font-weight: bold; }
.wysiwyg em { font-style: italic; }
.wysiwyg u { text-decoration: underline; }
.wysiwyg del { text-decoration: line-through; }
.wysiwyg mark { background: yellow; padding: 0 0.2em; }

.wysiwyg ul {
	list-style: disc outside;
}
.wysiwyg ul,
.wysiwyg ol {
	margin-left: 30px;
}
.wysiwyg blockquote {
	border-left: 4px solid #ccc;
	margin: 2rem 0;
	padding: 1rem 1.5rem;
	font-style: italic;
	background: #f9f9f9;
}
.wysiwyg blockquote cite {
	display: block;
	margin-top: 0.5rem;
	font-style: normal;
	font-size: 0.9em;
	color: #666;
}
.wysiwyg dl {
	margin-bottom: 2rem;
}
.wysiwyg dt {
	font-weight: bold;
	margin-top: 1rem;
}
.wysiwyg dd {
	margin-left: 2rem;
	margin-bottom: 1rem;
}
.wysiwyg small {
	font-size: 0.85em;
}
.wysiwyg sub,
.wysiwyg sup {
	font-size: 0.75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
.wysiwyg sup { top: -0.5em; }
.wysiwyg sub { bottom: -0.2em; }

.error404 main {
	padding-top: 8rem;
	padding-bottom: 8rem;
	text-align: center;
}
.error404 main h3 {
	margin-top: 2rem;
}

.gform_confirmation_message {
    font-size: 26px;
    font-weight: 900;
    color: var(--brand-blue);
    line-height: 1.1em;
}

.post-password-form {
	margin-top: 5rem;
	position: relative;
	display: inline-block;
}
.post-password-form input[type=submit] {
    position: absolute;
    right: 0;
    background: transparent;
    opacity: 0.5;
    height: 100%;
    border: none;
    width: 50px;
}
.post-password-form .post-password-form-invalid-password p {
    margin-top: 0;
    margin-bottom: 3rem;
}
.post-password-form > p {
	margin: 0;
	font-size: 0;
}
.post-password-form input[type=password] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 8px 16px;
    border: 3px solid #98CBEE;
    font-weight: 600;
    font-size: 16px;
	margin-top: 25px;
	padding-right: 50px;
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	background-size: 20px auto;
	background-color: transparent;
	border-color: var(--white);
	color: var(--white);
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="28.369" height="22.24" viewBox="0 0 28.369 22.24"><path d="M16.714,0,13.6,3.01l6.187,5.983H0v4.256H19.983L13.8,19.231l3.111,3.009L28.369,11.157Z" fill="%23ffffff"/></svg>');
}
.post-password-form input[type=password] {
	color: var(--white);
	margin-top: 0;
	height: 54px;
	line-height: 54px;
	font-size: 20px;
}
/*.post-password-form .cta::placeholder {
	color: rgba(255,255,255,0.9);
}*/