/* NORMALIZE */

/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
    line-height: 1.15; /* Correct the line height in all browsers. */
    -webkit-text-size-adjust: 100%; /* Prevent adjustments of font size after orientation changes in iOS. */
}
body {
    margin: 0; /* Remove the margin in all browsers. */
}
main {
    display: block; /* Render the `main` element consistently in IE. */
}
h1 {
    font-size: 2em;
    margin: 0.67em 0; /* Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
}
hr {
    box-sizing: content-box; /* Add the correct box sizing in Firefox. */
    height: 0; /* Add the correct box sizing in Firefox. */
    overflow: visible; /* Show the overflow in Edge and IE. */
}
pre {
    font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */
    font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}
a {
    background-color: transparent; /* Remove the gray background on active links in IE 10. */
}
abbr[title] {
    border-bottom: none; /* Remove the bottom border in Chrome 57-. */
    text-decoration: underline; /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
    text-decoration: underline dotted; /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
}
b,
strong {
    font-weight: bolder; /* Add the correct font weight in Chrome, Edge, and Safari. */
}
code,
kbd,
samp {
    font-family: monospace, monospace; /* Correct the inheritance and scaling of font size in all browsers. */
    font-size: 1em; /* Correct the odd `em` font sizing in all browsers. */
}
small {
    font-size: 80%; /* Add the correct font size in all browsers. */
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none; /* Remove the border on images inside links in IE 10. */
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* Change the font styles in all browsers. */
    font-size: 100%; /* Change the font styles in all browsers. */
    line-height: 1.15; /* Change the font styles in all browsers. */
    margin: 0; /* Remove the margin in Firefox and Safari. */
}
button,
input {
    overflow: visible; /* Show the overflow in IE and Edge. */
}
button,
select {
    text-transform: none; /* Remove the inheritance of text transform in Edge, Firefox, and IE. */
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; /* Remove the inner border and padding in Firefox. */
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; /* Restore the focus styles unset by the previous rule. */
}
fieldset {
    padding: 0.35em 0.75em 0.625em; /* Correct the padding in Firefox. */
}
legend {
    box-sizing: border-box; /* Correct the text wrapping in Edge and IE. */
    color: inherit; /* Correct the color inheritance from `fieldset` elements in IE. */
    display: table; /* Correct the text wrapping in Edge and IE. */
    max-width: 100%; /* Correct the text wrapping in Edge and IE. */
    padding: 0; /* Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
    white-space: normal; /* Correct the text wrapping in Edge and IE. */
}
progress {
    vertical-align: baseline; /* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
}
textarea {
    overflow: auto; /* Remove the default vertical scrollbar in IE 10+. */
}
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* Add the correct box sizing in IE 10. */
    padding: 0; /* Remove the padding in IE 10. */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome. */
}
[type="search"] {
    -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari. */
    outline-offset: -2px; /* Correct the outline style in Safari. */
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS. */
}
::-webkit-file-upload-button {
    -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari. */
    font: inherit; /* Change font properties to `inherit` in Safari. */
}
details {
    display: block; /* Add the correct display in Edge, IE 10+, and Firefox. */
}
summary {
    display: list-item; /* Add the correct display in all browsers. */
}
template {
    display: none; /* Add the correct display in IE 10+. */
}
[hidden] {
    display: none; /* Add the correct display in IE 10. */
}

/* ALSO */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img {
    display: block;
}

/* FIREFOX FIX */

@-moz-document url-prefix() { select { text-indent: -2px ; padding-right: 2em !important; } }

/* CHROME FIX */

@supports (-webkit-appearance:none) { select { text-indent: 4px ; background: #fff; } } /* Chrome hack fixing input field text padding */

/* MS FIX */

select::-ms-expand { display: none; } /* IE hack removing select element arrow */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { select { padding-left: 4px; } } /* IE hack fixing input field text padding */


:root {

    /* COLORS */
/*
    --hg__white: #ffffff;
    --hg__light-grey: #fffbfa;
    --hg__menu-hover: #fae9e1;
    --hg__hygiea-grey: #b1b3b6;
    --hg__medium-grey: #636569;
    --hg__dark-grey: #3b3c40;
    --hg__prime-pink: #f59082;
    --hg__hover-pink: #eb6760;
    --hg__dark-pink-half: rgba(245, 144, 130, 0.5);
 */

    --hg__white: #ffffff;
    --hg__prime-pink: #a72834;
    --hg__hover-pink: #de0027;
    --hg__hover-pink-half: rgba(162, 0, 29, 0.75);
    --hg__light-grey: #f7f8f8;
    --hg__medium-grey: #3a5860;
    --hg__dark-grey: #2c3639;
}

/* GLOBAL */

body {
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.5;
    color: var(--hg__dark-grey);
    min-height: 0vw;
    min-width: 20rem;
}
@media screen and (max-width: 1440px) {
    body {
        font-size: calc(16px + (20 - 16) * ((100vw - 720px) / (1440 - 720)));
    }
}
@media screen and (max-width: 720px) {
    body {
        font-size: calc(16px + (20 - 16) * ((100vw - 480px) / (720 - 480)));
    }
}
@media screen and (max-width: 480px) {
    body {
        font-size: 1rem;
    }
}

/* GLOBAL - ACTION BUTTON */

.action-button a {
	position: relative;
    display: block;
    width: 100%;
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    margin-top: 1.5em;
    background-color: var(--hg__prime-pink);
    color: var(--hg__white);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	text-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,.3);
	transition: background-color 150ms linear;
    border-radius: 0.25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.3)
}
.action-button a:active {
	top: 2px;
	transition: none;
	box-shadow: none;
}
.action-button a:hover {
	background-color: var(--hg__hover-pink);
}
.action-button-gradient {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
	border-radius: 4px;
}
@media screen and (min-width: 520px) and (max-width: 720px) {
    .action-button a,
    .action-button-gradient {
        max-width: 16rem;
    }
}

/* GLOBAL - ACTION LINK */

.action-link-group {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.action-link-group a {
    display: inline-block;
    padding-right: 0.5rem;
    color: var(--hg__prime-pink);
    text-decoration: none;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1rem;
    position: relative;
    transition: color 150ms linear;
}
.action-link-group a::after {
    display: block;
    content: '';
    width: 1rem;
    height: 1rem;
    background-color: var(--hg__prime-pink);
    position: absolute;
    right: -1rem;
    top: 0;
    -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNiAzNiI+PHBhdGggZD0iTTExLjU4Niw1LjI3MmgwYTIsMiwwLDAsMCwwLDIuODI4bDkuOSw5LjktOS45LDkuOWEyLDIsMCwwLDAsMCwyLjgyOGgwYTIsMiwwLDAsMCwyLjgyOCwwTDI1LjcyOCwxOS40MTRhMiwyLDAsMCwwLDAtMi44MjhMMTQuNDE0LDUuMjcyQTIsMiwwLDAsMCwxMS41ODYsNS4yNzJaIi8+PC9zdmc+");
    transition: background-color 150ms linear;
}
.action-link-group a:hover {
    color: var(--hg__hover-pink);
}
.action-link-group a:hover::after {
    background-color: var(--hg__hover-pink);
}

/* PAGE HEADER - CONTACT PANEL */
.page-header {
    background-color: var(--hg__light-grey);
}
.page-header ul.contact-panel-container {
    margin: 0;
    display: flex;
    justify-content: center;
    list-style: none;
    padding-left: 0;
    padding-top: 0.75rem;
    padding-bottom: 1.25rem;
}
.contact-panel-item a {
    display: block;
    text-decoration: none;
    font-size: 0.8em;
    color: var(--hg__medium-grey);
    position: relative;
    padding-left: 1em;
    padding-right: 1em;
    border-right: 0.0625rem solid #d7d7d9;
    transition: color 120ms linear;
}
.contact-panel-item:hover a {
    color: var(--hg__dark-grey);
    text-decoration: underline;
}
.contact-panel-item:last-child a {
    border-right: none;
}
.contact-panel-item a::before {
    display: block;
    width: 1.5em;
    height: 1.5em;
    content: '';
    background-color: var(--hg__medium-grey);
    position: absolute;
    left: 0.5em;
    transition: background-color 120ms linear;
}
.contact-panel-item:hover a::before {
    background-color: var(--hg__dark-grey);
}
.contact-panel-item:nth-child(1) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-appointment.svg);
    mask-image: url(/assets/images/icon-appointment.svg);
}
.contact-panel-item:nth-child(2) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-call.svg);
    mask-image: url(/assets/images/icon-call.svg);
}
.contact-panel-item:nth-child(3) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-location.svg);
    mask-image: url(/assets/images/icon-location.svg);
}
@media screen and (max-width: 720px) {
    .contact-panel-item .trim-it {
        display: none;
    }
}

/* PAGE HEADER - LOGO */

.logo {
    margin-top: 0;
    margin-bottom: 0;
}
.logo-container {
    display: block;
    width: 24rem;
    height: 8rem;
    margin: 0 auto 1.5rem;
    background-image: url(/assets/images/content/logo-color-hygiea-medical-clinic-dr-moodliar-dr-oriee.svg);
    background-position: center center;
    background-repeat: no-repeat;
}
.logo span {
    display: none;
}
@media screen and (max-width: 1440px) {
    .logo-container {
        width: calc(100vw / 3.75);
        height: calc(100vw / 11.25);
        margin-bottom: calc(100vw / 60);
    }
}
@media screen and (max-width: 720px) {
    .logo-container {
        width: 12rem;
        height: 4rem;
        margin-bottom: 0.75rem;
    }
}

/* PAGE HEADER - MENU */

.menu {
    border-top: 0.0625rem solid #d7d7d9;
}
.menu-container {
    max-width: 81rem;
    list-style: none;
    padding-left: 0;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    border-left: 0.0625rem solid #d7d7d9;
}
.menu-container.visible {
    height: auto;
    opacity: 1;
    visibility: visible;
}
@media screen and (max-width: 1440px) {
    .menu-container {
        width: 90%;
    }
}
@media screen and (max-width: 720px) {
    .menu-container {
        height: 0;
        width: 100%;
        visibility: hidden;
        opacity: 0;
        flex-flow: column nowrap;
        justify-content: center;
        border-left: none;
    }
}

/* PAGE HEADER - MENU ITEMS */

.menu-item {
    flex: 1;
    display: flex;
    justify-content: center;
    border-right: 0.0625rem solid #d7d7d9;
    background-color: transparent;
    transition: background-color 120ms linear;
    position: relative;
}
.menu-item a {
    display: block;
    width: 100%;
    padding-top: 0.75rem;
    padding-bottom: 0.5rem;
    font-family: acumin-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: .75rem;
    line-height: .75rem;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: var(--hg__medium-grey);
    transition: color 120ms linear;
}
.menu-item a::before {
    display: block;
    width: 2rem;
    height: 2rem;
    background-color: var(--hg__medium-grey);
    content: '';
    margin: 0 auto 0.5rem;
    transition: background-color 120ms linear;
}
.menu-item:hover {
    background-color: var(--hg__white);
}
.menu-item:hover a {
    color: var(--hg__hover-pink);
}
.menu-item:hover a::before {
    background-color: var(--hg__hover-pink);
}
.menu-item.active a {
    color: var(--hg__prime-pink);
    background-color: var(--hg__white);
    box-shadow: 0 1px 0 0 var(--hg__white);
}
.menu-item.active a::before {
    background-color: var(--hg__prime-pink);
}
.menu-item:nth-child(1) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-home.svg);
    mask-image: url(/assets/images/ui/icon-home.svg);
}
.menu-item:nth-child(2) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-doctors.svg);
    mask-image: url(/assets/images/ui/icon-doctors.svg);
}
.menu-item:nth-child(3) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-practice.svg);
    mask-image: url(/assets/images/ui/icon-practice.svg);
}
.menu-item:nth-child(4) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-office.svg);
    mask-image: url(/assets/images/ui/icon-office.svg);
}
.menu-item:nth-child(5) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-appointment.svg);
    mask-image: url(/assets/images/ui/icon-appointment.svg);
}
.menu-item:nth-child(6) a::before {
    -webkit-mask-image: url(/assets/images/ui/icon-contact.svg);
    mask-image: url(/assets/images/ui/icon-contact.svg);
}
@media screen and (max-width: 960px) {
    .menu-item a {
        font-size: 0.625rem;
        line-height: 0.625rem;
    }
}
@media screen and (max-width: 720px) {
    .menu-item {
        width: 100%;
        border-right: none;
        border-bottom: 0.0625rem solid #d7d7d9;
        position: relative;
    }
    .menu-item:first-child {
        border-top: 0.0625rem solid #d7d7d9;
    }
    .menu-item:last-child {
        border-bottom: none;
    }
    .menu-item a {
        font-size: 0.875rem;
        line-height: 1rem;
        padding-top: 0.875rem;
        padding-bottom: 1rem;
        text-align: left;
        padding-left: calc(5% + 3rem);
    }
    .menu-item a::before {
        position: absolute;
        left: 5%;
        top: 50%;
        margin-top: -1rem;
    }
    .menu-item.active a {
        box-shadow: none;
    }
}
@media screen and (max-width: 480px) {
    .menu-item a {
        padding-left: 4.5rem;
    }
    .menu-item a::before {
        left: 1.5rem;
    }
}

/* PAGE HEADER - MENU TOGGLE */

.menu-toggle {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    display: none;
}
.menu-toggle .menu-toggle-label {
    display: block;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1rem;
    padding-top: 0.875rem;
    padding-bottom: 1rem;
    padding-left: 5%;
    text-transform: uppercase;
    cursor: pointer;
    color: var(--hg__medium-grey);
    transition: background-color 120ms linear, color 120ms linear;
}
.menu-toggle:hover .menu-toggle-label {
    background-color: #fae9e1;
    color: var(--hg__dark-grey);
}
.menu-toggle .menu-toggle-icon {
	position: absolute;
  	width: 1.5rem;
  	height: 0.75rem;
	color: var(--hg__medium-grey);
	right: 5%;
	top: 50%;
	margin-top: -0.4375rem;
	cursor: pointer;
}
.menu-toggle .menu-toggle-icon > div {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.menu-toggle .menu-toggle-icon > div span {
	display: block;
	position: absolute;
	height: 0.125rem;
	width: 100%;
	background-color: var(--hg__medium-grey);
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.menu-toggle.active .menu-toggle-icon > div span {
	background-color: var(--hg__dark-grey);
}
.menu-toggle .menu-toggle-icon > div span:nth-child(1) {
	top: 0;
}
.menu-toggle .menu-toggle-icon > div span:nth-child(2),
.menu-toggle .menu-toggle-icon > div span:nth-child(3) {
	top: 0.3125rem;
}
.menu-toggle .menu-toggle-icon > div span:nth-child(4) {
	top: 0.625rem;
}
.menu-toggle.active .menu-toggle-icon > div span:nth-child(1),
.menu-toggle.active .menu-toggle-icon > div span:nth-child(4) {
	top: 0.3125rem;
	width: 0%;
	left: 50%
}
.menu-toggle.active .menu-toggle-icon > div span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.menu-toggle.active .menu-toggle-icon > div span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
@media screen and (max-width: 720px) {
    .menu-toggle {
        display: block;
    }
}

/* PAGE MAIN */

.page-main {
    background-color: var(--hg__white);
    border-top: 0.0625rem solid #d7d7d9;
    border-bottom: 0.0625rem solid #d7d7d9;
}
.page-main-header {
    max-width: 81rem;
    margin: 0 auto;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 2em;
    line-height: 1.2em;
    font-weight: 600;
    font-style: normal;
    letter-spacing: -0.03em;
    color: var(--hg__prime-pink);
}
.page-main-body {
    display: flex;
    justify-content: center;
}
@media screen and (max-width: 1440px) {
    .page-main-header {
        max-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media screen and (max-width: 720px) {
    .page-main-body {
        display: block;
    }
}
@media screen and (max-width: 480px) {
    .page-main-header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* PAGE MAIN - IMAGES */

.content-flex-image {
    flex: 0 13.5rem;
    border-radius: 0.25rem;
    overflow: hidden;
}
.content-block-image {
    display: block;
    margin-bottom: 2em;
}
.content-block-image img,
.content-flex-image img {
    width: 100%;
    height: auto;
}
@media screen and (max-width: 480px) {
    .content-flex-image {
        margin-bottom: 2em;
    }
}

/* PAGE MAIN - FORMS */

.form {
    margin-bottom: 2.5em;
}
.form-field {
    display: flex;
    margin-bottom: 1.25em;
}
.form-field-label {
    flex: 0 13.5rem;
    padding-top: 0.4em;
    padding-right: 0.5rem;
    display: block;
}
.form-field-element {
    flex: 1 1 auto;
}
.form-field-element.half-width {
    flex: 0 13.5rem;
}
.form-field-input {
    padding: 0.35em 0.5rem 0.4em;
}
.form-field-input,
.form-field-textarea {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.0625rem solid #d7d7d9;
    border-radius: 0.25rem;
    line-height: 1;
    width: 100%;
    background-color: #f8f8f8;
}
.form-field-textarea {
    min-height: 12em;
	resize: vertical;
	padding: 0.625em 0.5em 0.4em;
}
.form-field-input:focus,
.form-field-textarea:focus {
    background-color: var(--hg__var(--hg__white));
    border-color: var(--hg__prime-pink);
}
.form-field-input::placeholder {
    padding-top: 0.25em;
    color: #d7d7d9;
}
.form-field-textarea::placeholder {
    padding-top: 0;
    color: #d7d7d9;
}
.form-field-select {
    margin: 0 .625em 0 0;
    color: var(--hg__medium-grey);
    width: 100%;
    height: 2.5em;
    vertical-align: top;
    border: 0.0625rem solid #d7d7d9;
    cursor: pointer;
    -moz-outline: none !important;
}
.form-field-file {
    display: block;
    margin-top: 0.45em;
    color: #d7d7d9;
}
.form-button-container {
    width: 100%;
    padding-left: 13.5rem;
}
.form-button-container .action-button {
    width: 13.5rem;
}
.form-button-container .action-button a {
    margin-top: 0.5em;
}
.form-submit-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-radius: 0.25rem;
    display: block;
    width: 13.5rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    padding-top: 2.5em;
    padding-bottom: 2.5em;
    color: var(--hg__white);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	text-shadow: 0 0.0625rem 0.125rem rgba(0,0,0,.3);
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.3);
    background: rgb(220,129,117);
    background: -moz-linear-gradient(0deg, rgba(220,129,117,1) 0%, rgba(245,144,130,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(220,129,117,1) 0%, rgba(245,144,130,1) 100%);
    background: linear-gradient(0deg, rgba(220,129,117,1) 0%, rgba(245,144,130,1) 100%);
}
.form-submit-button:hover {
    background: rgb(211,92,86);
    background: -moz-linear-gradient(0deg, rgba(211,92,86,1) 0%, rgba(235,103,96,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(211,92,86,1) 0%, rgba(235,103,96,1) 100%);
    background: linear-gradient(0deg, rgba(211,92,86,1) 0%, rgba(235,103,96,1) 100%);
}
.form-submit-button:active {
	box-shadow: none;
}
@media screen and (max-width: 1440px) {
    .form-field-label {
        flex: 0 calc(100vw * 0.15);
    }
    .form-button-container {
        padding-left: calc(100vw * 0.15);
    }
    .form-button-container .action-button,
    .form-submit-button {
        width: calc(100vw * 0.15);
    }
    .form-field-element.half-width {
        flex: 0 calc(100vw * 0.15);
    }
}
@media screen and (max-width: 1008px) {
    .form-field {
        display: block;
        margin-bottom: 0.5em;
    }
    .form-field-label {
        padding-top: 0;
        margin-bottom: 0.25em;
    }
    .form-button-container {
        padding-top: 1em;
        padding-left: 0;
    }
    .form-button-container .action-button,
    .form-submit-button {
        width: 12rem;
    }
}
@media screen and (max-width: 480px) {
    .form-button-container .action-button,
    .form-submit-button {
        width: 100%;
    }
}

/* PAGE MAIN - CONTENT */

.content {
    flex: 0 65%;
    max-width: 58.5rem;
    padding-left: 4.5rem;
    padding-right: 6.75rem;
    margin-bottom: 1.5rem;
}
.content-block,
.content-flex {
    margin-bottom: 2.5em;
}
.content-flex {
    display: flex;
}
.content-flex-story {
    flex: 1 1 auto;
    max-width: calc(100% / 3 * 2);
    padding-left: 2rem;
}
.content-head {
    min-width: 100%;
    font-weight: 300;
    font-style: normal;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--hg__medium-grey);
}
.content-list {
    list-style: none;
    padding-left: 1.2em;
}
.content-list li {
    position: relative;
}
.content-list li::before {
    border-radius: 0.125rem;
    position: absolute;
    margin-top: 0.55em;
    left: -1.2em;
    display: block;
    width: 0.5em;
    height: 0.5em;
    content: '';
    background-color: var(--hg__prime-pink);
}
.text-link {
    display: block;
    max-width: 24rem;
    border-radius: 0.1875rem;
    text-align: center;
    margin: auto;
    background-color: var(--hg__hover-pink-half);
    text-decoration: none;
    padding: 0.3125em 1rem 0.5em;
    color: var(--hg__white);
    transition: background-color 150ms linear;
    position: relative;
}
.text-link:hover {
    background-color: var(--hg__hover-pink);
}
@media screen and (max-width: 1440px) {
    .content {
        padding-left: 5%;
        padding-right: 7.5%;
    }
}
@media screen and (max-width: 720px) {
    .content {
        max-width: 100%;
        border-bottom: 0.0625rem solid #d7d7d9;
    }
}
@media screen and (max-width: 480px) {
    .content {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .content-flex {
        display: block;
    }
    .content-flex-story {
        max-width: 100%;
        padding-left: 0;
    }
}

/* PAGE MAIN - ANNOUNCEMENT */

.page-main-announcement {
    max-width: 81rem;
    margin: 2rem auto;
}
.announcement {
    padding: 2rem 4rem;
    background-color: #fffbfa;
    border: 0.0625rem solid var(--hg__prime-pink);
    border-radius: 0.25rem
}
.announcement .slider-title {
    padding-top: 0;
}
@media screen and (max-width: 1440px) {
    .page-main-announcement {
        width: 90%;
    }
    .announcement {
        padding: 2rem calc(100vw / 22.5);
    }
}

/* PAGE MAIN - SIDEBAR */

.sidebar {
    flex: 0 35%;
    max-width: 31.5rem;
    padding-right: 4.5rem;
    color: var(--hg__medium-grey);
}
.sidebar-block {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-bottom: 0.0625rem solid #d7d7d9;
}
.sidebar-block:last-of-type {
    border-bottom: none;
}
.sidebar-head {
    font-weight: 300;
    font-style: normal;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--hg__prime-pink);
}
.sidebar-text {
    font-size: 0.8em;
}
@media screen and (max-width: 1440px) {
    .sidebar {
        padding-right: 5%;
    }
}
@media screen and (max-width: 720px) {
    .sidebar {
        max-width: 100%;
        padding-left: 5%;
    }
}
@media screen and (max-width: 480px) {
    .sidebar {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* PAGE FOOTER */

.page-footer-divider {
    max-height: 0.0625rem;
    height: 0.0625rem;
    max-width: 81rem;
    margin: 0 auto 1.5rem;
    background-color: #d7d7d9;
}
@media screen and (max-width: 1440px) {
    .page-footer-divider {
        width: 90%;
    }
}
@media screen and (max-width: 720px) {
    .page-footer-divider {
        width: 100%;
    }
}

/* PAGE FOOTER - COLOPHON */

.colophon {
    display: flex;
    justify-content: center;
    margin-bottom: 1.5rem;
}
.colophon a {
    text-decoration: none;
    color: var(--hg__medium-grey);
    transition: color 150ms linear;
    position: relative;
}
.colophon a:hover {
    color: var(--hg__dark-grey);
    text-decoration: underline;
}
.colophon-address,
.colophon-action,
.colophon-credit {
    flex: 0 35%;
    max-width: 31.5rem;
}
.colophon-contact {
    flex: 0 30%;
    max-width: 27rem;
}
.colophon-copyright {
    flex: 0 65%;
    max-width: 936px;
}
.colophon-address,
.colophon-copyright {
    padding-left: 4.5rem;
}
.colophon-address,
.colophon-action,
.colophon-contact,
.colophon-credit,
.colophon-copyright {
    padding-right: 4.5rem;
}
.colophon-credit {
    text-align: right;
}
.colophon-copyright,
.colophon-credit {
    font-size: 0.8em;
}
.colophon-head {
    font-size: 1.2em;
    font-weight: 300;
    font-style: normal;
    color: var(--hg__prime-pink);
    margin-top: calc(1em / 3 * 2);
    margin-bottom: calc(1em / 3 * 2);
}
.colophon-address-item {
    margin-top: 0;
    margin-bottom: 0;
}
.colophon-address-item,
.colophon-contact-item,
.colophon-action-item {
    font-size: 0.8em;
}
.colophon-contact-item {
    margin: 0;
}
.colophon-contact-item {
    display: flex;
    justify-content: flex-start;
}
.colophon-contact-item-term {
    flex: 0 4em;
}
.colophon-contact-item-definition {
    margin-left: 0;
    flex: 1;
}
.colophon-action-group {
    list-style: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
    .colophon-address,
    .colophon-copyright {
        padding-left: 5%;
    }
    .colophon-address,
    .colophon-action,
    .colophon-contact,
    .colophon-credit,
    .colophon-copyright {
        padding-right: 5%;
    }
}
@media screen and (max-width: 720px) {
    .colophon {
        display: block;
    }
    .colophon-address,
    .colophon-action,
    .colophon-contact,
    .colophon-credit,
    .colophon-copyright {
        min-width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .colophon-credit {
        text-align: left;
    }
}
@media screen and (max-width: 480px) {
    .colophon-address,
    .colophon-action,
    .colophon-contact,
    .colophon-credit,
    .colophon-copyright {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}