@media only screen and (max-width: 640px) {
	body .mk-header-toolbar {
		display: block;
	}
	body .mk-header-toolbar .mk-header-social {
		display: none !important;
	}
}
@media handheld, only screen and (max-width: 780px) {
	body .mk-header-toolbar .mk-header-login .mk-login-register {
		left: auto;
		right: 0;
	}
}

body .grad-header-login .mk-login-register {
    padding: 4px;
    width: 180px;
    box-shadow: 2px 2px 3px #d9d9d9;
}
.grad-header-login .mk-login-register a {
	display: block;
	font-size: 0.9em;
	color: #747474;
	line-height: 24px;
	padding: 2px 5px;
	margin-bottom: 3px;
}
.grad-header-login .mk-login-register a:hover {
	color: #00ccff;
	text-decoration: underline;
}

body #fancybox-overlay {
	position: fixed;
}
body #fancybox-loading {
	background: none;
}
body #fancybox-loading div {
    background-position: unset;
}

body .hoffman-grad-login #fancybox-outer, body .hoffman-grad-login #fancybox-content {
	background: transparent;
	box-shadow: none;
}
body #fancybox-wrap.hoffman-grad-login {
	top: 50% !important;
	position: fixed;
	transform: translateY(-50%);
}

.grad-hidden {
	overflow: hidden;
	position: relative;
	font-size: 1.8rem;
	border-radius: 1px;
}
.grad-hidden:before {
    content: "grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only grads only";
    position: absolute;
    color: #e6e4e4;
    transform: rotate(-4deg);
    top: -1.2em;
    line-height: 0.9;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 3px;
    word-break: break-all;
    text-align: justify;
    width: 110%;
}
.grad-hidden .grad-login {
	color: #fff;
	display: block;
	position: relative;
	text-align: center;
	cursor: pointer;
	padding: 1em 2em;
	background: #ccc;
	transition: all 0.8s ease-out;
	opacity: 0.75;
}
.grad-hidden .grad-login:hover {
	opacity: 1;
	color: #fff;
}
.grad-hidden .grad-login svg {
	height: 1em;
	vertical-align: bottom;
}


.grad-login-button, .ggButton {
    display: inline-block;
	padding: 0.1em 0.8em;
	background: #008ec5;
	color: #fff;
	margin: 5px 0;
	cursor: pointer;
	font-size: 0.8em;
	outline: 0 none;
	padding: 20px 28px;
	font-size: 14px;
	line-height: 100%;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
}

.page-id-349 p {
	margin-bottom: 0;
}
.page-id-349 .grad-login-button,
.page-id-349 .ggButton {
	margin-bottom: 20px;
}

/* SSO Login Button */
.hoffman-sso-login, .hoffman-sso-login:hover,
body .woocommerce a.hoffman-sso-login, body .woocommerce a.hoffman-sso-login:hover,
body .woocommerce .login__cont a.hoffman-sso-login, body .woocommerce .login__cont a.hoffman-sso-login:hover
{
	background-image: url('data:image/png;base64,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');
	background-size: 34px;
	background-repeat: no-repeat;
	background-position: 17px 14px;
	margin-bottom: 3rem;
	background-color: #008ec5 !important;
	color: #fff !important;
	padding: 23px 20px 23px 61px;
	font-size: 16px !important;
	line-height: 1;
}
.hoffman-sso-login:hover,
body .woocommerce a.hoffman-sso-login:hover,
body .woocommerce .login__cont a.hoffman-sso-login:hover,
{
	background-color: #2aa3d2 !important;
}
body .hoffman-sso-login-after {
	margin-bottom: 4rem !important;
}

/* Woo My Account */
.woocommerce-MyAccount-navigation-link--hoffman-custserv a i,
.woocommerce-MyAccount-navigation-link--hoffman-gateway a i {
	background-image: url('https://www.hoffmaninstitute.org/wp-content/uploads/2022/08/favicon.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 1em;
	height: 1em;
	display: inline-block;
}