@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
padding: 0 !important;
}

main {
display: block;
}

h1 {
font-size: 2em;
margin: 0.67em 0;
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}

pre {
font-family: monospace, monospace;
font-size: 1em;
}

a {
background-color: transparent;
}

abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}

b,
strong {
font-weight: bolder;
}

code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

img {
border-style: none;
}

button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}

button,
input {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}

button::-moz-focus-inner,

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,

[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}

button:-moz-focusring,

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,

[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}

fieldset {
padding: 0.35em 0.75em 0.625em;
}

legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}

progress {
vertical-align: baseline;
}

textarea {
overflow: auto;
}

[type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
}

[type=number]::-webkit-inner-spin-button,

[type=number]::-webkit-outer-spin-button {
height: auto;
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}

details {
display: block;
}

summary {
display: list-item;
}

template {
display: none;
}

[hidden] {
display: none;
}

/***** Base *****/

* {
  box-sizing: border-box;
  }

body {
background-color: #FFFFFF;
color: #2F3941;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
font-size: 15px;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
body > main {
  min-height: 65vh;
}
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
margin-top: 0;
}

h1 {
font-size: 32px;
}

h2 {
font-size: 22px;
}

h3 {
font-size: 18px;
font-weight: 600;
}

h4 {
font-size: 16px;
}

a {
color: rgba(47, 57, 65, 1);
text-decoration: none;
}
a:visited {
color: rgba(47, 57, 65, 1);
}
a:hover, a:active, a:focus {
text-decoration: underline;
}

input,
textarea {
color: #000;
font-size: 14px;
}

input {
max-width: 100%;
box-sizing: border-box;
transition: border 0.12s ease-in-out;
}
input:not([type=checkbox]) {
outline: none;
}
input:not([type=checkbox]):focus {
border: 1px solid rgba(38, 39, 41, 1);
}

input[disabled] {
background-color: #ddd;
}

select {
-webkit-appearance: none;
-moz-appearance: none;
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
background-position: right 10px center;
border: 1px solid #87929D;
border-radius: 4px;
padding: 8px 30px 8px 10px;
outline: none;
color: #555;
width: 100%;
}
select:focus {
border: 1px solid rgba(38, 39, 41, 1);
}
select::-ms-expand {
display: none;
}

textarea {
border: 1px solid #87929D;
border-radius: 2px;
resize: vertical;
width: 100%;
outline: none;
padding: 10px;
}
textarea:focus {
border: 1px solid rgba(38, 39, 41, 1);
}

.container {
max-width: 1160px;
margin: 0 auto;
padding: 0 5%;
}
@media (min-width: 1160px) {
.container {
  padding: 0;
  width: 90%;
}
}

.container-divider {
border-top: 1px solid #ddd;
margin-bottom: 20px;
}

/**
ul {
list-style: none;
margin: 0;
padding: 0;
}
**/

.error-page {
max-width: 1160px;
margin: 0 auto;
padding: 0 5%;
}
@media (min-width: 1160px) {
.error-page {
  padding: 0;
  width: 90%;
}
}

.visibility-hidden {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
background-color: transparent;
border: 1px solid rgba(38, 39, 41, 1);
border-radius: 4px;
color: rgba(38, 39, 41, 1);
cursor: pointer;
display: inline-block;
font-size: 12px;
line-height: 2.34;
margin: 0;
padding: 0 20px;
text-align: center;
transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
user-select: none;
white-space: nowrap;
width: 100%;
-webkit-touch-callout: none;
}
@media (min-width: 768px) {
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  width: auto;
}
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
color: rgba(38, 39, 41, 1);
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
background-color: rgba(38, 39, 41, 1);
color: #FFFFFF;
text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
background-color: #000;
border-color: #000;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
cursor: default;
}

.button-large, input[type=submit] {
cursor: pointer;
background-color: rgba(38, 39, 41, 1);
border: 0;
border-radius: 4px;
color: #FFFFFF;
font-size: 14px;
line-height: 2.72;
min-width: 190px;
padding: 0 1.9286em;
width: 100%;
}
@media (min-width: 768px) {
.button-large, input[type=submit] {
  width: auto;
}
}
.button-large:visited, input[type=submit]:visited {
color: #FFFFFF;
}
.button-large:hover, .button-large:active, .button-large:focus, input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
background-color: #000;
}
.button-large[disabled], input[type=submit][disabled] {
background-color: #ddd;
}

.button-secondary {
color: #5a6d7c;
border: 1px solid #87929D;
background-color: transparent;
}
.button-secondary:visited {
color: #5a6d7c;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
color: #2F3941;
border: 1px solid #87929D;
background-color: #f7f7f7;
}

/***** Split button *****/
.split-button {
display: flex;
}

.split-button button {
background-color: rgba(38, 39, 41, 1);
border: 0;
color: #FFFFFF;
height: 32px;
line-height: 16px;
outline-color: rgba(38, 39, 41, 1);
}

[dir=rtl] .split-button button:not(:only-child):first-child {
border-left: 1px solid #FFFFFF;
border-top-left-radius: unset;
border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
border-right: 1px solid #FFFFFF;
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
display: flex;
justify-content: center;
align-items: center;
width: 26px;
min-width: 26px;
max-width: 26px;
padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
border-top-right-radius: unset;
border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
border-top-left-radius: unset;
border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
width: 100%;
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
}
@media (min-width: 768px) {
.table {
  table-layout: auto;
}
}
.table th,
.table th a {
color: #5a6d7c;
font-size: 13px;
text-align: left;
}
[dir=rtl] .table th,
[dir=rtl] .table th a {
text-align: right;
}
.table tr {
border-bottom: 1px solid #ddd;
display: block;
padding: 20px 0;
}
@media (min-width: 768px) {
.table tr {
  display: table-row;
}
}
.table td {
display: block;
}
@media (min-width: 768px) {
.table td {
  display: table-cell;
}
}
@media (min-width: 1024px) {
.table td, .table th {
  padding: 20px 30px;
}
}
@media (min-width: 768px) {
.table td, .table th {
  padding: 10px 20px;
  height: 60px;
}
}

/***** Forms *****/
.form {
max-width: 650px;
}

.form-field ~ .form-field {
margin-top: 25px;
}

.form-field label {
display: block;
font-size: 13px;
margin-bottom: 5px;
}

.form-field input {
border: 1px solid #87929D;
border-radius: 4px;
padding: 10px;
width: 100%;
}
.form-field input:focus {
border: 1px solid rgba(38, 39, 41, 1);
}

.form-field input[type=text] {
border: 1px solid #87929D;
border-radius: 4px;
}
.form-field input[type=text]:focus {
border: 1px solid rgba(38, 39, 41, 1);
}

.form-field input[type=checkbox] {
width: auto;
}

.form-field .nesty-input {
border-radius: 4px;
border: 1px solid #87929D;
height: 40px;
line-height: 40px;
outline: none;
vertical-align: middle;
}
.form-field .nesty-input:focus {
border: 1px solid rgba(38, 39, 41, 1);
text-decoration: none;
}

.form-field .hc-multiselect-toggle {
border: 1px solid #87929D;
}

.form-field .hc-multiselect-toggle:focus {
outline: none;
border: 1px solid rgba(38, 39, 41, 1);
text-decoration: none;
}

.form-field textarea {
vertical-align: middle;
}

.form-field input[type=checkbox] + label {
margin: 0 0 0 10px;
}

.form-field .optional {
color: #5a6d7c;
margin-left: 4px;
}

.form-field p {
color: #5a6d7c;
font-size: 12px;
margin: 5px 0;
}

.form footer {
margin-top: 40px;
padding-top: 30px;
}

.form footer a {
color: #5a6d7c;
cursor: pointer;
margin-right: 15px;
}

.form .suggestion-list {
font-size: 13px;
margin-top: 30px;
}
.form .suggestion-list label {
border-bottom: 1px solid #ddd;
display: block;
padding-bottom: 5px;
}
.form .suggestion-list li {
padding: 10px 0;
}
.form .suggestion-list li a:visited {
color: rgba(47, 57, 65, 1);
}

/***** Header *****/
.header {
max-width: 1160px;
margin: 0 auto;
padding: 0 5%;
position: relative;
align-items: center;
display: flex;
height: 71px;
justify-content: space-between;
}
@media (min-width: 1160px) {
.header {
  padding: 0;
  width: 90%;
}
}

.logo img {
max-height: 37px;
vertical-align: middle;
}

.logo span {
margin: 0 10px;
color: rgba(38, 39, 41, 1);
}

.logo a {
display: inline-block;
}

.logo a:hover, .logo a:focus, .logo a:active {
text-decoration: none;
}

.user-nav {
display: inline-block;
position: absolute;
white-space: nowrap;
}
@media (min-width: 768px) {
.user-nav {
  position: relative;
}
}
.user-nav[aria-expanded=true] {
background-color: #fff;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
border: solid 1px #ddd;
right: 0;
left: 0;
top: 71px;
z-index: 1;
}
.user-nav[aria-expanded=true] > a {
display: block;
margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
display: block;
margin: 20px;
}

.user-nav-list {
display: block;
list-style: none;
}
.user-nav-list > li {
display: inline-block;
}

@media (max-width: 768px) {
.nav-wrapper-desktop {
  display: none;
}
}
@media (min-width: 768px) {
.nav-wrapper-desktop {
  display: none;
}
}
@media (min-width: 1024px) {
.nav-wrapper-desktop {
  display: inline-block;
}
}
.nav-wrapper-desktop a {
border: 0;
color: rgba(47, 57, 65, 1);
display: none;
font-size: 14px;
padding: 0 20px 0 0;
width: auto;
}
@media (min-width: 768px) {
.nav-wrapper-desktop a {
  display: inline-block;
}
}
[dir=rtl] .nav-wrapper-desktop a {
padding: 0 0 0 20px;
}
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
background-color: transparent;
color: rgba(47, 57, 65, 1);
text-decoration: underline;
}

@media (min-width: 1024px) {
.nav-wrapper-mobile {
  display: none;
}
}
.nav-wrapper-mobile .menu-button-mobile {
background: none;
border: 0;
width: auto;
min-width: 71px;
cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
padding: 7px;
vertical-align: middle;
width: 30px;
height: 30px;
border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
position: absolute;
background-color: #fff;
box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
right: 0;
left: 0;
top: 71px;
z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
border-bottom: 0.1px solid #ddd;
padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
background: none;
border: none;
padding: 8px 24px;
width: 100%;
height: 100%;
color: #2F3941;
cursor: pointer;
text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
background-color: #f3f3f3;
text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
display: block;
padding: 8px 24px;
width: 100%;
height: 100%;
color: #2F3941;
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
background-color: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
display: flex;
line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
font-size: 12px;
color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
height: 20px;
width: 20px;
border-radius: 50%;
display: inline-block;
margin-right: 8px;
margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
margin-right: 0;
margin-left: 8px;
}

.skip-navigation {
align-items: center;
background-color: black;
color: white;
display: flex;
font-size: 14px;
justify-content: center;
left: -999px;
margin: 20px;
padding: 20px;
overflow: hidden;
position: absolute;
top: auto;
z-index: -999;
}
[dir=rtl] .skip-navigation {
left: initial;
right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
left: auto;
overflow: auto;
text-align: center;
text-decoration: none;
top: auto;
z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
left: initial;
right: auto;
}

#zd-modal-container ~ .skip-navigation {
display: none;
}

/***** User info in header *****/
.user-info {
display: inline-block;
}
.user-info .dropdown-toggle::after {
display: none;
}
@media (min-width: 768px) {
.user-info .dropdown-toggle::after {
  display: inline-block;
}
}
.user-info > button {
border: 0;
color: rgba(47, 57, 65, 1);
min-width: 0;
padding: 0;
white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
color: rgba(47, 57, 65, 1);
background-color: transparent;
}
.user-info > button::after {
color: rgba(47, 57, 65, 1);
padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
padding-left: 15px;
padding-right: 0;
}

#user #user-name {
display: none;
font-size: 14px;
}
@media (min-width: 768px) {
#user #user-name {
  display: inline-block;
}
}
#user #user-name:hover {
text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
height: 25px;
width: 25px;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
}

.avatar {
display: inline-block;
position: relative;
}
.avatar img {
height: 40px;
width: 40px;
}
.avatar .icon-agent {
color: rgba(38, 39, 41, 1);
border: 2px solid #fff;
border-radius: 50%;
bottom: -4px;
background-color: #FFFFFF;
font-size: 17px;
height: 17px;
line-height: 17px;
position: absolute;
right: -2px;
text-align: center;
width: 17px;
}

/***** Footer *****/
.footer {
border-top: 1px solid #ddd;
margin-top: 60px;
padding: 30px 0;
}
.footer a {
color: #5a6d7c;
}
.footer-inner {
max-width: 1160px;
margin: 0 auto;
padding: 0 5%;
display: flex;
justify-content: space-between;
}
@media (min-width: 1160px) {
.footer-inner {
  padding: 0;
  width: 90%;
}
}
.footer-language-selector button {
color: #5a6d7c;
display: inline-block;
}

.powered-by-zendesk {
  display: none;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
color: #5a6d7c;
}

/***** Breadcrumbs *****/
.breadcrumbs {
margin: 0 0 15px 0;
padding: 0;
display: flex;
}
@media (min-width: 768px) {
.breadcrumbs {
  margin: 0;
}
}
.breadcrumbs li {
color: #5a6d7c;
font-size: 13px;
max-width: 450px;
overflow: hidden;
text-overflow: ellipsis;
}
.breadcrumbs li + li::before {
content: ">";
margin: 0 4px;
}
.breadcrumbs li a:visited {
color: rgba(47, 57, 65, 1);
}

/***** Search field *****/
.search-container {
position: relative;
}

.search {
  border-color: #e0e0e0;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}

.search:focus-within {
border-color: rgba(38, 39, 41, 1);
}
.search input[type=search],
.search .clear-button {
background-color: #fff;
border-radius: 30px;
border: none;
}
.search-full input[type=search], .search-full .clear-button {
border-color: #fff;
}

.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}
/**
.search input[type=search] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 0;
    border-radius: 2px;
    color: #546e7a;
    font-size: 16px;
    font-weight: 500;
    height: 56px;
    line-height: 1;
    padding: 0 24px 0 50px;
    width: 100%;
}
**/
.search input[type=search]:focus {
color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
align-items: center;
box-sizing: border-box;
color: #777;
cursor: pointer;
display: none;
flex: none;
justify-content: center;
padding: 0 15px;
}
.search .clear-button:hover {
background-color: rgba(38, 39, 41, 1);
color: #fff;
}
.search .clear-button:focus {
outline: 0;
box-shadow: 0 0 0 3px rgba(38, 39, 41, 1);
}
.search-has-value .clear-button {
display: flex;
}

[dir=ltr] .search input[type=search] {
padding-left: 40px;
padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right-color: transparent;
}
[dir=ltr] .search-has-value input[type=search]:focus {
border-right-color: rgba(38, 39, 41, 1);
}
[dir=ltr] .search .clear-button {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-left-color: transparent;
}
[dir=ltr] .search .clear-button:focus {
border-left-color: rgba(38, 39, 41, 1);
}

[dir=rtl] .search input[type=search] {
padding-left: 20px;
padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
border-left-color: transparent;
}
[dir=rtl] .search-has-value input[type=search]:focus {
border-left-color: rgba(38, 39, 41, 1);
}
[dir=rtl] .search .clear-button {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-right-color: transparent;
}
[dir=rtl] .search .clear-button:focus {
border-right-color: rgba(38, 39, 41, 1);
}

.search-icon {
position: relative;
top: 50%;
transform: translateY(-50%);
position: absolute;
left: 15px;
z-index: 1;
width: 18px;
height: 18px;
color: #777;
pointer-events: none;
}
[dir=rtl] .search-icon {
left: auto;
right: 15px;
}

/***** Hero component *****/
.hero {
  background: #e5eaed;
  margin-bottom: 40px;
  padding: 33px 10px 28px;
}

.hero h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
    padding-left: 24px;
  	font-family: Libre Franklin, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 768px){
.hero h3 {
    font-size: 28px;
    padding-left: 0;
    text-align: center;
}
}

.hero-wrapper {
  max-width: 850px;
margin: 0 auto;
}


.hero-inner {
position: relative;
margin: 0 auto;
}

.hero-examples {
      color: #546e7a;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.14;
    padding-left: 24px;
  margin-top: 1rem;
}


.page-header {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
margin: 10px 0;
}
@media (min-width: 768px) {
.page-header {
  align-items: baseline;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  margin: 0;
}
}
.page-header .section-subscribe {
flex-shrink: 0;
margin-bottom: 10px;
}
@media (min-width: 768px) {
.page-header .section-subscribe {
  margin-bottom: 0;
}
}
.page-header h1 {
flex-grow: 1;
margin-bottom: 10px;
}
.page-header-description {
font-style: italic;
margin: 0 0 30px 0;
word-break: break-word;
}
@media (min-width: 1024px) {
.page-header-description {
  flex-basis: 100%;
}
}
.page-header .icon-lock {
height: 20px;
width: 20px;
position: relative;
left: -5px;
vertical-align: baseline;
}

.sub-nav {
align-items: baseline;
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 15px 30px;
justify-content: space-between;
margin-bottom: 55px;
}
@media (min-width: 768px) {
.sub-nav {
  flex-direction: row;
}
}
.sub-nav .breadcrumbs {
margin: 0;
}
.sub-nav .search-container {
max-width: 300px;
width: 100%;
}
@media (min-width: 768px) {
.sub-nav .search-container {
  flex: 0 1 300px;
}
}
.sub-nav input[type=search]::after {
font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
list-style: none;
padding: 0;
}
@media (min-width: 768px) {
.blocks-list {
  margin: 0 -15px;
}
}
.blocks-item {
border: 1px solid rgba(38, 39, 41, 1);
border-radius: 4px;
box-sizing: border-box;
color: #FFFFFF;
display: flex;
flex: 1 0 340px;
margin: 0 0 30px;
max-width: 100%;
text-align: center;
background-color: rgba(38, 39, 41, 1);  
}
@media (min-width: 768px) {
.blocks-item {
  margin: 0 15px 30px;
}
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
background-color: white;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
color: rgba(38, 39, 41, 1);
text-decoration: none;
}
.blocks-item-internal {
background-color: transparent;
border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
height: 15px;
width: 15px;
bottom: 5px;
position: relative;
}
.blocks-item-internal a {
color: #2F3941;
}
.blocks-item-link {
color: #fff;
padding: 20px 30px;
display: flex;
flex-direction: column;
flex: 1;
justify-content: center;
border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
color: inherit;
text-decoration: none;
}
.blocks-item-link:focus {
outline: 0;
box-shadow: 0 0 0 3px rgba(38, 39, 41, 1);
text-decoration: none;
}
.blocks-item-title {
margin-bottom: 0;
font-size: 16px;
}
.blocks-item-description {
margin: 0;
}
.blocks-item-description:not(:empty) {
margin-top: 10px;
}

/***** Homepage *****/
.section {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.section {
  margin-bottom: 40px;
}
}

.home-section h2 {
margin-bottom: 10px;
text-align: center;
}

/***** Promoted articles *****/
@media (min-width: 1024px) {

[dir=rtl] .promoted-articles-item {
  padding: 0 0 0 30px;
}
}
.promoted-articles-item:nth-child(3n) {
padding-right: 0;
}

/**
.promoted-articles-item a {
display: block;
border-bottom: 1px solid #ddd;
padding: 15px 0;
}
**/

.promoted-articles-item .icon-lock {
vertical-align: baseline;
  display: inline;
}
.promoted-articles-item:last-child a {
border: 0;
}
/**
@media (min-width: 1024px) {
.promoted-articles-item:last-child a {
  border-bottom: 1px solid #ddd;
}
}
**/

/***** Community section in homepage *****/
.community {
text-align: center;
}
.community-image {
min-height: 300px;
margin-top: 32px;
background-image: url(/hc/theming_assets/01J1D0YQY6P58ZE50Q2JACRRFZ);
background-position: center;
background-repeat: no-repeat;
max-width: 100%;
}
.community a {
color: rgba(47, 57, 65, 1);
text-decoration: underline;
}
.community a:visited {
color: rgba(47, 57, 65, 1);
}
.community a:hover, .community a:active, .community a:focus {
color: rgba(47, 57, 65, 1);
}

.community,
.activity {
border-top: 1px solid #ddd;
padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
margin-bottom: 10px;
text-align: center;
}
.recent-activity-list {
padding: 0;
}
.recent-activity-item {
border-bottom: 1px solid #ddd;
overflow: auto;
padding: 20px 0;
}
.recent-activity-item h3 {
margin: 0;
}
.recent-activity-item-parent {
font-size: 16px;
font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
margin: 6px 0;
display: inline-block;
width: 100%;
}
@media (min-width: 768px) {
.recent-activity-item-parent, .recent-activity-item-link {
  width: 70%;
  margin: 0;
}
}
.recent-activity-item-link {
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
}
.recent-activity-item-meta {
color: #2F3941;
margin: 15px 0 0 0;
float: none;
}
@media (min-width: 768px) {
.recent-activity-item-meta {
  margin: 0;
  float: right;
}
[dir=rtl] .recent-activity-item-meta {
  float: left;
}
}
.recent-activity-item-time, .recent-activity-item-comment {
display: inline-block;
font-size: 13px;
}
.recent-activity-item-comment {
padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
display: inline-block;
}
.recent-activity-controls {
padding-top: 15px;
}
.recent-activity-controls a {
color: rgba(47, 57, 65, 1);
text-decoration: underline;
}
.recent-activity-controls a:visited {
color: rgba(47, 57, 65, 1);
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
color: rgba(47, 57, 65, 1);
}
.recent-activity-accessibility-label {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.recent-activity-comment-icon svg {
vertical-align: middle;
color: rgba(38, 39, 41, 1);
width: 16px;
height: 16px;
}
.recent-activity-comment-icon:after {
content: attr(data-comment-count);
margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
margin-left: 0;
margin-right: 3px;
}

/***** Category pages *****/
.category-container {
display: flex;
justify-content: center;
}
.category-content {
flex: 1;
max-width: 100%;
}
@media (min-width: 1024px) {
.category-content {
  flex: 0 0 80%;
}
}

.section-tree {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
@media (min-width: 768px) {
.section-tree {
  flex-direction: row;
}
}
.section-tree .section {
flex: initial;
max-width: 100%;
}
@media (min-width: 768px) {
.section-tree .section {
  flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
}
}
.section-tree-title {
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
}
.section-tree-title a {
color: #2F3941;
}
.section-tree .see-all-articles {
display: block;
padding: 15px 0;
}

.article-list-item {
font-size: 16px;
padding: 15px 0;
text-overflow: ellipsis;
overflow: hidden;
display: flex;
    border-bottom: 1px solid #e0e0e0;
}

.article-list-item .icon-star {
  margin-right: 5px;
}

.article-list-item .icon-lock {
  margin-left: 5px;
}

.article-list-item a,
.article-list-item a:visited {
color: #2F3941;
}

.icon-star {
color: rgba(38, 39, 41, 1);
font-size: 18px;
}

/***** Section pages *****/
.section-container {
display: flex;
justify-content: center;
}
.section-content {
flex: 1;
max-width: 100%;
}
@media (min-width: 1024px) {
.section-content {
  flex: 0 0 80%;
}
}
.section-list {
margin: 40px 0;
}

.section-list-item {
border-bottom: 1px solid #ddd;
font-size: 16px;
padding: 15px 0;
}
.section-list-item:first-child {
border-top: 1px solid #ddd;
}
.section-list-item a {
align-items: center;
color: #2F3941;
display: flex;
justify-content: space-between;
}

.see-all-sections-trigger {
cursor: pointer;
display: block;
padding: 15px;
text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
display: none;
}

/***** Article *****/
.article {
/*

* The article grid is defined this way to optimize readability:
* Sidebar | Content | Free space
* 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
  }
  @media (min-width: 1024px) {
  .article {
  flex: auto;
  min-width: 640px;
  padding: 0 30px;
  }
  }
  .article-container {
  display: flex;
  flex-direction: column;
  }
  @media (min-width: 1024px) {
  .article-container {
  flex-direction: row;
  }
  }
  .article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
  }
  @media (min-width: 768px) {
  .article-header {
  flex-direction: row;
  margin-top: 0;
  }
  }
  .article-avatar {
  margin-right: 10px;
  }
  .article-author {
  margin-bottom: 10px;
  }
  .article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  }
  @media (min-width: 768px) {
  .article-title {
  flex-basis: 100%; /* Take entire row */
  }
  }
  .article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
  display: inline;
  }
  .article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
  }
  @media (min-width: 768px) {
  .article [role=button] {
  width: auto;
  }
  }
  .article-info {
  max-width: 100%;
  }
  .article-meta {
  display: inline-block;
  vertical-align: middle;
  }
  .article-body {
  display: flow-root;
  }
  .article-body a {
  color: rgba(47, 57, 65, 1);
  text-decoration: underline;
  }
  .article-body a:visited {
  color: rgba(47, 57, 65, 1);
  }
  .article-body a:hover, .article-body a:active, .article-body a:focus {
  color: rgba(47, 57, 65, 1);
  }
  .article-body img {
  height: auto;
  max-width: 100%;
  }
  .article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
  }
  .article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
  }
  .article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
  }
  .article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
  }
  .article-body figure.image {
  display: table;
  margin: 0 auto;
  }
  .article-body figure.image > img {
  display: block;
  width: 100%;
  }
  .article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
  }
  .article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
  }
  .article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
  }
  .article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
  }
  .article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
  }
  .article-body ul,
  .article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
  list-style: auto;
  }
  [dir=rtl] .article-body ul,
  [dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
  }
  .article-body ul > ul,
  .article-body ol > ol,
  .article-body ol > ul,
  .article-body ul > ol,
  .article-body li > ul,
  .article-body li > ol {
  margin: 0;
  }
  .article-body ul {
  list-style-type: disc;
  }
  .article-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
  }
  .article-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  }
  .article-body blockquote {
  border-left: 1px solid #ddd;
  color: #5a6d7c;
  font-style: italic;
  padding: 0 15px;
  }
  .article-body > p:last-child {
  margin-bottom: 0;
  }
  .article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
  }
  .article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  }
  .article-comment-count {
  color: #5a6d7c;
  }
  .article-comment-count:hover {
  text-decoration: none;
  }
  .article-comment-count-icon {
  vertical-align: middle;
  color: rgba(38, 39, 41, 1);
  width: 18px;
  height: 18px;
  }
  .article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
  }
  @media (min-width: 1024px) {
  .article-sidebar {
  border: 0;
  flex: 0 0 250px;
  height: auto;
  }
  }
  .article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
  }
  @media (min-width: 768px) {
  .article-relatives {
  flex-direction: row;
  }
  }
  .article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
  }
  .article-relatives > *:last-child {
  padding: 0;
  }
  @media (min-width: 768px) {
  .article-relatives > * {
  padding-right: 20px;
  }
  }
  .article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
  }
  .article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
  }
  .article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
  }
  .article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
  }
  .article-more-questions a {
  color: rgba(47, 57, 65, 1);
  text-decoration: underline;
  }
  .article-more-questions a:visited {
  color: rgba(47, 57, 65, 1);
  }
  .article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: rgba(47, 57, 65, 1);
  }
  .article-return-to-top {
  border-top: 1px solid #87929D;
  }
  @media (min-width: 1024px) {
  .article-return-to-top {
  display: none;
  }
  }
  .article-return-to-top a {
  color: #2F3941;
  display: block;
  padding: 20px 0;
  }
  .article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
  }
  .article-return-to-top-icon {
  transform: rotate(0.5turn);
    display: inline;
  }
  .article td > p:first-child,
  .article th > p:first-child {
  margin-top: 0;
  }
  .article td > p:last-child,
  .article th > p:last-child {
  margin-bottom: 0;
  }

.sidenav-title {
font-size: 15px;
position: relative;
font-weight: 600;
}
.sidenav-item {
display: block;
margin-top: 10px;
margin-bottom: 16px;
overflow: hidden;
text-overflow: ellipsis;
}

.recent-articles li,
.related-articles li {
margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
padding-left: 20px;
position: relative;
margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {
color: #2F3941;
left: 0;
position: absolute;
top: 5px;
}
[dir=rtl] .attachments .attachment-item {
padding-left: 0;
padding-right: 20px;
}
[dir=rtl] .attachments .attachment-item .attachment-icon {
left: auto;
right: 0;
}

.upload-dropzone span {
color: #5a6d7c;
}

/***** Social share links *****/
.share {
padding: 0;
white-space: nowrap;
}

.share li, .share a {
display: inline-block;
}

.share li {
height: 25px;
width: 25px;
}

.share a {
color: #5a6d7c;
}
.share a:hover {
text-decoration: none;
color: rgba(38, 39, 41, 1);
}
.share a svg {
height: 18px;
width: 18px;
display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
border-bottom: 1px solid #ddd;
padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
margin-bottom: 5px;
margin-top: 0;
font-size: 18px;
font-weight: 600;
}
.comment-overview {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 20px 0;
}
.comment-overview p {
margin-top: 0;
}
.comment-callout {
color: #5a6d7c;
display: inline-block;
font-size: 13px;
margin-bottom: 0;
}
.comment-callout a {
color: rgba(47, 57, 65, 1);
text-decoration: underline;
}
.comment-callout a:visited {
color: rgba(47, 57, 65, 1);
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
color: rgba(47, 57, 65, 1);
}
.comment-sorter {
display: inline-block;
float: right;
}
.comment-sorter .dropdown-toggle {
color: #5a6d7c;
font-size: 13px;
}
[dir=rtl] .comment-sorter {
float: left;
}
.comment-wrapper {
display: flex;
position: relative;
}
.comment-wrapper.comment-official {
border: 1px solid rgba(38, 39, 41, 1);
padding: 40px 20px 20px;
}
@media (min-width: 768px) {
.comment-wrapper.comment-official {
  padding-top: 20px;
}
}
.comment-info {
min-width: 0;
padding-right: 20px;
width: 100%;
}
[dir=rtl] .comment-info {
padding-right: 0;
padding-left: 20px;
}
.comment-author {
align-items: flex-end;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.comment-author {
  justify-content: space-between;
}
}
.comment-avatar {
margin-right: 10px;
}
[dir=rtl] .comment-avatar {
margin-left: 10px;
margin-right: 0;
}
.comment-meta {
flex: 1 1 auto;
}
.comment-labels {
flex-basis: 100%;
}
@media (min-width: 768px) {
.comment-labels {
  flex-basis: auto;
}
}
.comment .status-label:not(.status-label-official) {
margin-top: 10px;
}
@media (min-width: 768px) {
.comment .status-label:not(.status-label-official) {
  margin-top: 0;
}
}
.comment-form {
display: flex;
padding-top: 30px;
word-wrap: break-word;
}
.comment-container {
width: 100%;
}
.comment-form-controls {
display: none;
margin-top: 10px;
text-align: left;
}
@media (min-width: 768px) {
[dir=ltr] .comment-form-controls {
  text-align: right;
}
}
.comment-form-controls input[type=submit] {
margin-top: 15px;
}
@media (min-width: 1024px) {
.comment-form-controls input[type=submit] {
  margin-left: 15px;
}
[dir=rtl] .comment-form-controls input[type=submit] {
  margin-left: 0;
  margin-right: 15px;
}
}
.comment-form-controls input[type=checkbox] {
margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
margin-left: 5px;
}
.comment-ccs {
display: none;
}
.comment-ccs + textarea {
margin-top: 10px;
}
.comment-attachments {
margin-top: 10px;
}
.comment-attachments a {
color: rgba(38, 39, 41, 1);
}
.comment-body {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
word-break: break-word;
word-wrap: break-word;
display: flow-root;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
line-height: 1.6;
overflow-x: auto;
}
.comment-body a {
color: rgba(47, 57, 65, 1);
text-decoration: underline;
}
.comment-body a:visited {
color: rgba(47, 57, 65, 1);
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
color: rgba(47, 57, 65, 1);
}
.comment-body img {
height: auto;
max-width: 100%;
}
.comment-body p > img.image-style-align-left {
float: left;
margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
float: right;
margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
margin-left: auto;
margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
margin-left: 0;
margin-right: auto;
}
.comment-body figure.image {
display: table;
margin: 0 auto;
}
.comment-body figure.image > img {
display: block;
width: 100%;
}
.comment-body figure.image.image-style-align-left {
float: left;
margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
float: right;
margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
margin-left: auto;
margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
margin-left: 0;
margin-right: auto;
}
.comment-body figcaption {
padding: 10px 0;
font-size: 12px;
text-align: center;
background-color: #f2f2f2;
}
.comment-body ul,
.comment-body ol {
padding-left: 20px;
list-style-position: outside;
margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
padding-right: 20px;
padding-left: 0;
margin-left: 0;
margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
margin: 0;
}
.comment-body ul {
list-style-type: disc;
}
.comment-body :not(pre) > code {
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 3px;
padding: 0 5px;
margin: 0 2px;
}
.comment-body pre {
background: #f7f7f7;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px 15px;
overflow: auto;
white-space: pre;
}
.comment-body blockquote {
border-left: 1px solid #ddd;
color: #5a6d7c;
font-style: italic;
padding: 0 15px;
}
.comment-mark-as-solved {
display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
display: flex;
flex-direction: column;
text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
text-decoration: none;
}

.vote-sum {
color: #5a6d7c;
display: block;
margin: 3px 0;
}
[dir=rtl] .vote-sum {
direction: ltr;
unicode-bidi: bidi-override;
}

.vote-up svg {
transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
color: rgba(38, 39, 41, 1);
}

.vote-up, .vote-down {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
color: #5a6d7c;
cursor: pointer;
min-height: 35px;
min-width: 35px;
display: flex;
align-items: center;
justify-content: center;
}

.vote-voted {
color: rgba(38, 39, 41, 1);
}

.vote-voted:hover {
color: #000;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
text-align: center;
flex-shrink: 0; /*Avoid collapsing elements in Safari*/
}
.actions button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
border: none;
cursor: pointer;
min-height: 35px;
min-width: 35px;
display: flex;
align-items: center;
justify-content: center;
}

/***** Community *****/
.community-hero {
background-image: url(/hc/theming_assets/01J1D0YQHE7V02XJF2XN4VAHW2);
margin-bottom: 10px;
}
.community-footer {
padding-top: 50px;
text-align: center;
}
.community-footer-title {
font-size: 16px;
margin-bottom: 20px;
}
.community-featured-posts .title {
font-size: 18px;
font-weight: 600;
}
.community-featured-posts, .community-activity {
padding-top: 40px;
width: 100%;
}
.community-header {
margin-bottom: 30px;
}
.community-header .title {
margin-bottom: 0;
font-size: 16px;
}

.post-to-community {
margin-top: 10px;
}
@media (min-width: 768px) {
.post-to-community {
  margin: 0;
}
}

/* Community topics grid */
.topics {
max-width: none;
width: 100%;
}
.topics-item .meta-group {
justify-content: center;
margin-top: 20px;
}

/* Community topic page */
.topic-header {
border-bottom: 1px solid #ddd;
font-size: 13px;
}
@media (min-width: 768px) {
.topic-header {
  padding-bottom: 10px;
}
}
.topic-header .dropdown {
display: block;
border-top: 1px solid #ddd;
padding: 10px 0;
}
@media (min-width: 768px) {
.topic-header .dropdown {
  border-top: 0;
  display: inline-block;
  margin-right: 20px;
  padding: 0;
}
}

.no-posts-with-filter {
margin-top: 20px;
margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
margin-bottom: 10px;
width: 100%;
}
@media (min-width: 768px) {
.community-follow {
  margin-bottom: 0;
  width: auto;
}
}
.community-follow button {
line-height: 30px;
padding: 0 10px 0 15px;
position: relative;
width: 100%;
}
@media (min-width: 768px) {
.community-follow button {
  width: auto;
}
}
.community-follow button:hover {
background-color: rgba(38, 39, 41, 1);
}
.community-follow button:hover::after, .community-follow button:focus::after {
border-color: #FFFFFF;
color: #FFFFFF;
}
.community-follow button[data-selected=true] {
background-color: rgba(38, 39, 41, 1);
color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
border-left: 1px solid #FFFFFF;
color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
background-color: #000;
border-color: #000;
}
.community-follow button::after {
border-left: 1px solid rgba(38, 39, 41, 1);
content: attr(data-follower-count);
color: rgba(38, 39, 41, 1);
display: inline-block;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
margin-left: 15px;
padding-left: 10px;
position: absolute;
right: 10px;
}
@media (min-width: 768px) {
.community-follow button::after {
  position: static;
}
}
[dir=rtl] .community-follow button::after {
border-left: 0;
border-right: 1px solid rgba(38, 39, 41, 1);
margin: 0 10px 0 0;
padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
padding: 0;
}
.striped-list-item {
align-items: flex-start;
border-bottom: 1px solid #ddd;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px 0;
}
@media (min-width: 768px) {
.striped-list-item {
  align-items: center;
  flex-direction: row;
}
}
.striped-list-info {
flex: 2;
}
.striped-list-title {
color: rgba(47, 57, 65, 1);
margin-bottom: 10px;
margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
text-decoration: underline;
}
.striped-list-title:visited {
color: rgba(47, 57, 65, 1);
}
.striped-list .meta-group {
margin: 5px 0;
}
.striped-list-count {
color: #5a6d7c;
font-size: 13px;
justify-content: flex-start;
text-transform: capitalize;
}
@media (min-width: 768px) {
.striped-list-count {
  display: flex;
  flex: 1;
  justify-content: space-around;
}
}
.striped-list-count-item::after {
content: "·";
display: inline-block;
padding: 0 5px;
}
@media (min-width: 768px) {
.striped-list-count-item::after {
  display: none;
}
}
.striped-list-count-item:last-child::after {
display: none;
}
.striped-list-number {
text-align: center;
}
@media (min-width: 768px) {
.striped-list-number {
  color: #2F3941;
  display: block;
}
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
background-color: #038153;
border-radius: 4px;
color: #fff;
font-size: 12px;
font-weight: 600;
margin-right: 2px;
padding: 3px 10px;
vertical-align: middle;
white-space: nowrap;
display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
background-color: rgba(38, 39, 41, 1);
}
.status-label-official {
border-radius: 0;
margin-right: 0;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 100%;
}
@media (min-width: 768px) {
.status-label-official {
  border-radius: 0 0 4px 4px;
  right: 30px;
  width: auto;
}
}
[dir=rtl] .status-label-official {
left: 30px;
right: auto;
}
.status-label-not-planned, .status-label-closed {
background-color: #e9ebed;
color: #5a6d7c;
}
.status-label-pending, .status-label-pending-moderation {
background-color: #1f73b7;
text-align: center;
}
.status-label-open {
background-color: #c72a1c;
}
.status-label-solved {
background-color: #68737d;
}
.status-label-new {
background-color: #ffb648;
color: #703b15;
}
.status-label-hold {
background-color: #000;
}
.status-label-request {
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 768px) {
.status-label-request {
  max-width: 150px;
}
}

/***** Post *****/
/*

* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
  */
  .post {
  flex: 1;
  margin-bottom: 10px;
  }
  @media (min-width: 1024px) {
  .post {
  flex: 1 0 70%;
  max-width: 70%;
  }
  }
  .post-container {
  display: flex;
  flex-direction: column;
  }
  @media (min-width: 1024px) {
  .post-container {
  flex-direction: row;
  }
  }
  .post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
  }
  @media (min-width: 768px) {
  .post-header {
  align-items: baseline;
  flex-direction: row;
  }
  }
  .post-header .status-label {
  vertical-align: super;
  }
  .post-title {
  margin-bottom: 20px;
  width: 100%;
  }
  @media (min-width: 768px) {
  .post-title {
  margin-bottom: 0;
  padding-right: 10px;
  }
  }
  .post-title h1 {
  display: inline;
  vertical-align: middle;
  }
  @media (min-width: 768px) {
  .post-title h1 {
  margin-right: 5px;
  }
  }
  .post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  }
  .post-avatar {
  margin-bottom: 30px;
  }
  .post-content {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  line-height: 1.6;
  word-break: break-word;
  }
  .post-info-container {
  display: flex;
  margin-bottom: 40px;
  }
  .post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
  }
  [dir=rtl] .post-info {
  padding-right: 0;
  padding-left: 20px;
  }
  .post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
  }
  [dir=rtl] .post-meta {
  margin-left: 0;
  margin-right: 10px;
  }
  .post-body {
  display: flow-root;
  }
  .post-body a {
  color: rgba(47, 57, 65, 1);
  text-decoration: underline;
  }
  .post-body a:visited {
  color: rgba(47, 57, 65, 1);
  }
  .post-body a:hover, .post-body a:active, .post-body a:focus {
  color: rgba(47, 57, 65, 1);
  }
  .post-body img {
  height: auto;
  max-width: 100%;
  }
  .post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
  }
  .post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
  }
  .post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
  }
  .post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
  }
  .post-body figure.image {
  display: table;
  margin: 0 auto;
  }
  .post-body figure.image > img {
  display: block;
  width: 100%;
  }
  .post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
  }
  .post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
  }
  .post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
  }
  .post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
  }
  .post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #f2f2f2;
  }
  .post-body ul,
  .post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
  }
  [dir=rtl] .post-body ul,
  [dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
  }
  .post-body ul > ul,
  .post-body ol > ol,
  .post-body ol > ul,
  .post-body ul > ol,
  .post-body li > ul,
  .post-body li > ol {
  margin: 0;
  }
  .post-body ul {
  list-style-type: disc;
  }
  .post-body :not(pre) > code {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
  }
  .post-body pre {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  }
  .post-body blockquote {
  border-left: 1px solid #ddd;
  color: #5a6d7c;
  font-style: italic;
  padding: 0 15px;
  }
  .post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  }
  .post-comment-count {
  color: #5a6d7c;
  }
  .post-comment-count:hover {
  text-decoration: none;
  }
  .post-comment-count .icon-comments {
  color: rgba(38, 39, 41, 1);
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
  }
  .post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
  }
  @media (min-width: 1024px) {
  .post-sidebar {
  border: 0;
  flex: 1 0 30%;
  padding: 0 0 0 50px;
  text-align: initial;
  }
  [dir=rtl] .post-sidebar {
  padding: 0 50px 0 0;
  }
  }
  .post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
  }
  .post-comments {
  margin-bottom: 20px;
  }
  @media (min-width: 1024px) {
  .post-comments {
  margin-bottom: 0;
  }
  }

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
background-color: #04444d;
border-radius: 4px;
color: #fff;
font-size: 12px;
font-weight: 600;
padding: 0px 8px;
vertical-align: top;
white-space: nowrap;
display: inline-block;
line-height: 18px;
vertical-align: middle;
}

.community-badge-titles {
display: inline;
}

.community-badge-achievement {
display: block;
height: 16px;
white-space: nowrap;
width: 16px;
}
.community-badge-achievement img {
width: 100%;
height: 100%;
}

.community-badge-achievements {
display: flex;
}

.community-badge-achievements-rest {
font-size: 12px;
font-weight: 600;
line-height: 20px;
text-align: center;
vertical-align: top;
}

.community-badge {
margin: 2px;
}

.profile-info .community-badge-title {
padding: 2px 8px;
line-height: 20px;
}
.profile-info .community-badge-achievement {
height: 40px;
width: 40px;
}
.profile-info .community-badge-achievements-rest {
line-height: 40px;
font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
flex-direction: column;
font-size: 14px;
position: relative;
}
@media (min-width: 768px) {
.collapsible-nav {
  flex-direction: row;
}
}

.collapsible-nav-border {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
.collapsible-nav-border {
  border-top: 0;
}
}

.collapsible-nav-toggle {
top: 22.5px;
transform: translateY(-50%);
position: absolute;
right: 0;
padding: 0;
border: 0;
background: none;
width: 25px;
height: 25px;
border-radius: 50%;
}
@media (min-width: 768px) {
.collapsible-nav-toggle {
  display: none;
}
}
[dir=rtl] .collapsible-nav-toggle {
left: 0;
right: auto;
}
.collapsible-nav-toggle-icon {
display: none;
}
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
display: inline-block;
}
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
display: inline-block;
}
.collapsible-nav-toggle:focus {
outline: none;
border: 1px solid rgba(38, 39, 41, 1);
}

.collapsible-nav-list {
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.collapsible-nav-list {
  flex-direction: row;
}
}
.collapsible-nav-list li {
color: #2F3941;
line-height: 45px;
order: 1;
}
@media (min-width: 768px) {
.collapsible-nav-list li {
  line-height: normal;
  margin-right: 30px;
}
[dir=rtl] .collapsible-nav-list li {
  margin-left: 30px;
  margin-right: 0;
}
.collapsible-nav-list li a {
  text-decoration: none;
  padding: 15px 0;
}
}
.collapsible-nav-list li a {
color: #2F3941;
display: block;
}
@media (min-width: 768px) {
.collapsible-nav-list li:hover {
  border-bottom: 4px solid #ddd;
}
.collapsible-nav-list li:hover a:not([aria-current=page]) {
  padding: 15px 0 11px 0;
  text-decoration: none;
}
}
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
display: none;
}
@media (min-width: 768px) {
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
  display: block;
}
}
@media (min-width: 768px) {
.collapsible-nav-list li[aria-selected=true] {
  padding: 15px 0 11px 0;
}
}
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
order: 0;
position: relative;
}
@media (min-width: 768px) {
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
  border-bottom: 4px solid rgba(38, 39, 41, 1);
  order: 1;
}
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
color: #2F3941;
}

.collapsible-nav[aria-expanded=true] li:not([aria-selected=true]),
.collapsible-nav[aria-expanded=true] li:not(.current) {
display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
flex: 1;
max-height: 45px;
overflow: hidden;
padding: 10px 0;
position: relative;
}
@media (min-width: 1024px) {
.collapsible-sidebar {
  max-height: none;
  padding: 0;
  margin-right: 25px;
  margin-top: 25px;
}
}
.collapsible-sidebar-title {
margin-top: 0;
}
.collapsible-sidebar-toggle {
position: absolute;
top: 22.5px;
transform: translateY(-50%);
right: 0;
padding: 0;
border: 0;
background: none;
width: 25px;
height: 25px;
border-radius: 50%;
}
@media (min-width: 1024px) {
.collapsible-sidebar-toggle {
  display: none;
}
}
[dir=rtl] .collapsible-sidebar-toggle {
left: 0;
right: auto;
}
.collapsible-sidebar-toggle-icon {
display: none;
}
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
display: inline-block;
}
.collapsible-sidebar-toggle:focus {
outline: none;
border: 1px solid rgba(38, 39, 41, 1);
}
.collapsible-sidebar-body {
display: none;
}
@media (min-width: 1024px) {
.collapsible-sidebar-body {
  display: block;
}
}
.collapsible-sidebar[aria-expanded=true] {
max-height: none;
}
.collapsible-sidebar[aria-expanded=true] .collapsible-sidebar-body {
display: block;
}

/***** My activities *****/
.my-activities-nav {
background-color: #f2f2f2;
margin-bottom: 20px;
}
.my-activities-sub-nav {
margin-bottom: 30px;
}
.my-activities-table .striped-list-title { /* My activities tables */
display: block;
margin-bottom: 10px;
max-width: 350px;
white-space: normal;
}
@media (min-width: 1024px) {
.my-activities-table .striped-list-title {
  margin-bottom: 0;
  max-width: 500px;
  min-width: 350px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
}
.my-activities-table thead {
display: none;
}
@media (min-width: 768px) {
.my-activities-table thead {
  display: table-header-group;
}
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
padding-left: 0;
}
@media (min-width: 1024px) {
.my-activities-table th:first-child,
.my-activities-table td:first-child {
  width: 500px;
}
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
padding-right: 0;
}
.my-activities-table td:not(:first-child) {
display: none;
}
@media (min-width: 768px) {
.my-activities-table td:not(:first-child) {
  display: table-cell;
}
}

/* Requests table */
.requests-search {
width: 100%;
}
.requests-table-toolbar {
align-items: flex-end;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.requests-table-toolbar {
  flex-direction: row;
}
}
.requests-table-toolbar .search {
flex: 1;
width: 100%;
}
.requests-table-toolbar .request-table-filter {
width: 100%;
}
@media (min-width: 768px) {
.requests-table-toolbar .request-table-filter {
  width: auto;
}
}
.requests-table-toolbar .request-filter {
display: block;
}
@media (min-width: 768px) {
.requests-table-toolbar .request-filter {
  margin: 0 0 0 30px;
}
[dir=rtl] .requests-table-toolbar .request-filter {
  margin: 0 30px 0 0;
}
}
.requests-table-toolbar .request-filter-label {
font-size: 13px;
margin-top: 30px;
}
@media (min-width: 768px) {
.requests-table-toolbar .request-filter-label {
  margin-top: 0;
}
}
.requests-table-toolbar select {
max-height: 40px;
margin-bottom: 30px;
width: 100%;
}
@media (min-width: 768px) {
.requests-table-toolbar select {
  margin-bottom: 0;
  max-width: 300px;
  width: auto;
}
}
@media (min-width: 768px) {
.requests-table-toolbar .organization-subscribe {
  margin-left: 10px;
}
[dir=rtl] .requests-table-toolbar .organization-subscribe {
  margin: 0 10px 0 0;
}
}
.requests-table-toolbar .organization-subscribe button {
line-height: 40px;
max-height: 40px;
padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
content: "";
margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
margin-top: 20px;
}
.requests-table-toolbar + .requests {
margin-top: 40px;
}
.requests .requests-table-meta {
display: block;
}
@media (min-width: 768px) {
.requests .requests-table-meta {
  display: none;
}
}
.requests .requests-table thead {
display: none;
}
@media (min-width: 768px) {
.requests .requests-table thead {
  display: table-header-group;
}
}
.requests .requests-table-info {
display: block;
}
@media (min-width: 768px) {
.requests .requests-table-info {
  display: table-cell;
  vertical-align: middle;
  width: auto;
}
}
.requests .requests-table .requests-link {
position: relative;
}
.requests .requests-table .requests-sort-symbol {
position: absolute;
left: calc(100% + 3px);
bottom: 0;
font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
.subscriptions-subscribe button {
  width: auto;
}
}
.subscriptions-table td:last-child {
display: block;
}
@media (min-width: 768px) {
.subscriptions-table td:last-child {
  display: table-cell;
}
}
.subscriptions-table td:first-child {
display: flex;
align-items: center;
}
.subscriptions-table .user-avatar {
margin-right: 10px;
}
.subscriptions .striped-list-title {
display: inline-block;
vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
color: #5a6d7c;
font-size: 13px;
}
@media (min-width: 768px) {
.contributions-table td:last-child {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
}

.no-activities {
color: #5a6d7c;
}

/***** Request *****/
.request-container {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
@media (min-width: 1024px) {
.request-container {
  align-items: flex-start;
  flex-direction: row;
}
}
.request-container .comment-container {
min-width: 0;
}
.request-breadcrumbs {
margin-bottom: 40px;
}
@media (min-width: 1024px) {
.request-breadcrumbs {
  margin-bottom: 60px;
}
}
.request-main {
flex: 1 0 auto;
order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
display: none;
}
.request-main .comment-fields.shown {
display: block;
}
.request-main .request-submit-comment.shown {
display: inline;
}
@media (min-width: 1024px) {
.request-main {
  flex: 0 0 66%;
  order: 0;
  min-width: 0;
}
}
.request-main .comment-form-controls {
display: block;
}
.request-main .comment-ccs {
display: block;
}
.request-main .comment-show-container {
border-radius: 2px;
border: 1px solid #ddd;
color: #5a6d7c;
text-align: inherit;
padding: 8px 25px;
width: 100%;
}
.request-main .comment-show-container.hidden {
display: none;
}
.request-main .form-field.comment-ccs > ul {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
border: 1px solid rgba(38, 39, 41, 1);
}
.request-main .form-field.comment-ccs > input[type=text] {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 0;
}
.request-main .comment-ccs + textarea {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: 0;
}
.request-main .comment-ccs + textarea:focus {
border-top: 1px solid rgba(38, 39, 41, 1);
}
.request-main input#mark_as_solved {
display: none;
}
.request-title {
width: 100%;
}
@media (min-width: 1024px) {
.request-title {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0;
  max-width: 66%;
  padding-bottom: 20px;
}
}
.request-sidebar {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
flex: 1 0 auto;
order: 0;
}
@media (min-width: 1024px) {
.request-sidebar {
  background-color: #f7f7f7;
  border: 0;
  font-size: 13px;
  flex: 0 0 auto;
  padding: 0 20px;
  width: 30%;
}
}
.request-sidebar h2 {
font-size: 15px;
font-weight: 600;
position: relative;
}
@media (min-width: 1024px) {
.request-sidebar h2 {
  display: none;
}
}
.request-details {
border-bottom: 1px solid #ddd;
font-size: 0;
margin: 0;
padding-bottom: 20px;
}
.request-details:last-child {
border: 0;
}
.request-details dt, .request-details dd {
display: inline-block;
vertical-align: top;
font-size: 13px;
margin: 20px 0 0 0;
}
.request-details dd {
padding: 0 10px;
width: 60%;
}
.request-details dd::after {
content: "\a";
white-space: pre;
}
.request-details dt {
color: #5a6d7c;
width: 40%;
}
.request-details .request-collaborators {
display: inline-block;
}
.request-attachments dt, .request-attachments dd {
width: 100%;
}
.request-attachments dd {
margin: 10px 0 0 0;
}
.request-form textarea {
min-height: 120px;
}
.request-follow-up {
padding-top: 20px;
}

/***** Pagination *****/
.pagination {
margin: 20px 0;
text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
display: inline-block;
}
.pagination-first-link, .pagination-last-link {
padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
border: 0;
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.pagination-next-link {
padding-right: 10px;
}
.pagination-next-text {
margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
margin-left: 10px;
}
.pagination-prev-link {
padding-left: 10px;
}
.pagination-prev-text {
margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
display: block;
}

.meta-group-opposite {
float: right;
}

[dir=rtl] .meta-group-opposite {
float: left;
}

.meta-group * {
display: inline;
}

.meta-data {
color: #5a6d7c;
font-size: 13px;
}
.meta-data:not(:last-child)::after {
content: "·";
margin: 0 5px;
}

/* User Profiles */
.profile-header {
padding: 30px 0;
background-color: #f7f7f7;
}

.profile-header .container {
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.profile-header .container {
  flex-wrap: nowrap;
}
}

.profile-header .profile-info {
flex-basis: 100%;
display: flex;
flex-wrap: wrap;
min-width: 0;
}

.profile-avatar {
position: relative;
line-height: 0;
align-self: center;
margin-right: 10px;
}
[dir=rtl] .profile-avatar {
margin-left: 10px;
margin-right: 0;
}

.profile-avatar .user-avatar {
width: 80px;
height: 80px;
}

.profile-avatar .icon-agent {
bottom: 0;
right: 0;
}

.profile-header .basic-info {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
word-break: break-word;
word-wrap: break-word;
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
flex-basis: 0;
min-width: 0;
}
.profile-header .basic-info .name {
margin: 0;
line-height: 25px;
vertical-align: middle;
display: inline;
}

.profile-header .options {
display: flex;
flex-basis: 100%;
margin-top: 12px;
align-items: flex-start;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.profile-header .options {
  flex-wrap: nowrap;
  flex-basis: auto;
  margin-top: 0;
  margin-left: 10px;
}
[dir=rtl] .profile-header .options {
  margin-left: 0;
  margin-right: 10px;
}
.profile-header .options > :not(:last-child) {
  margin-bottom: 0;
  margin-right: 10px;
}
[dir=rtl] .profile-header .options > :not(:last-child) {
  margin-left: 10px;
  margin-right: 0;
}
}

.user-profile-actions {
width: 100%;
margin-bottom: 15px;
}

.profile-header .description {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
word-break: break-word;
word-wrap: break-word;
margin: 15px 0;
flex-basis: 100%;
}

.profile-stats {
font-size: 13px;
display: flex;
flex-direction: column;
flex-basis: 100%;
}

.profile-stats .stat {
display: flex;
margin-bottom: 10px;
}

.profile-stats .stat-label {
color: #5a6d7c;
flex: 0 0 100px;
margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
margin-left: 10px;
margin-right: 0;
}

.profile-stats-activity {
border-top: solid 1px #ddd;
margin-top: 15px;
}
@media (min-width: 768px) {
.profile-stats-activity {
  border-top: 0;
  flex-direction: row;
}
}

@media (min-width: 768px) {
.profile-stats-activity .stat {
  flex-direction: column;
}
}

.profile-stats-activity .stat:first-child {
margin-top: 10px;
}
@media (min-width: 768px) {
.profile-stats-activity .stat:first-child {
  margin-top: 0;
}
}

@media (min-width: 768px) {
.profile-stats-activity .stat:not(:last-child) {
  margin-right: 40px;
}
[dir=rtl] .profile-stats-activity .stat:not(:last-child) {
  margin-left: 40px;
  margin-right: 0;
}
}

@media (min-width: 768px) {
.profile-stats-activity .stat-label {
  flex: 0 1 auto;
}
}

.profile-stats-counters {
border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
.profile-stats-counters {
  flex: 0 0 200px;
  border-bottom: 0;
  margin-left: 40px;
}
[dir=rtl] .profile-stats-counters {
  margin-left: 0;
  margin-right: 40px;
}
}
@media (min-width: 1024px) {
.profile-stats-counters {
  flex: 0 0 270px;
  margin-left: 60px;
}
[dir=rtl] .profile-stats-counters {
  margin-right: 60px;
  margin-left: 0;
}
}

@media (min-width: 768px) {
.profile-stats-counters .stat {
  flex-direction: column;
}
}
@media (min-width: 1024px) {
.profile-stats-counters .stat {
  flex-direction: row;
}
}

@media (min-width: 768px) {
.profile-stats-counters .stat:not(:last-child) {
  margin-bottom: 15px;
}
}

@media (min-width: 768px) {
.profile-stats-counters .stat-label {
  flex: 0 1 auto;
}
}
@media (min-width: 1024px) {
.profile-stats-counters .stat-label {
  flex: 0 0 100px;
}
}

.profile-private-badge {
flex-basis: 100%;
border: solid 1px rgba(38, 39, 41, 1);
border-radius: 4px;
color: rgba(38, 39, 41, 1);
padding: 5px 20px;
font-size: 12px;
text-align: center;
}
.profile-private-badge .profile-private-icon {
margin-left: 5px;
line-height: 15px;
}
@media (min-width: 768px) {
.profile-private-badge {
  flex-basis: auto;
}
}

.profile-nav {
background-color: #f2f2f2;
margin-bottom: 37px;
}

.profile-section {
width: 100%;
}
@media (min-width: 1024px) {
.profile-section {
  width: calc(100% - 330px);
}
}

.profile-section-header {
display: flex;
flex-wrap: wrap;
}

.profile-section-title {
flex-basis: 100%;
margin-bottom: 0;
}

.profile-section-description {
flex-basis: 100%;
padding: 10px 0;
color: #5a6d7c;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (min-width: 768px) {
.profile-section-description {
  flex: 1 0 50%;
  padding-bottom: 0;
}
}

.profile-section-sorter {
flex-basis: 100%;
border-top: solid 1px #eee;
font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
padding: 10px 0;
width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
position: absolute;
right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
left: 0;
right: initial;
}
@media (min-width: 768px) {
.profile-section-sorter .dropdown-toggle::after {
  position: relative;
}
}
@media (min-width: 768px) {
.profile-section-sorter {
  flex: 0 1 auto;
  padding-top: 0;
  border-top: 0;
  margin-left: 20px;
}
[dir=rtl] .profile-section-sorter {
  margin-left: 0;
  margin-right: 20px;
}
}

.profile-badges-items {
margin-top: 25px;
}
.profile-badges-item {
border-top: 1px solid #ddd;
display: flex;
flex: 1;
flex-direction: row;
justify-content: flex-start;
padding: 27px 12px;
}
.profile-badges-item > div {
padding-right: 12px;
padding-left: 12px;
}
.profile-badges-item-image {
height: 40px;
width: 40px;
margin-right: 12px;
}
.profile-badges-item-image img {
max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
margin-left: 12px;
margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
font-size: 15px;
margin-bottom: 10px;
}
.profile-badges-item-title {
font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
color: #5a6d7c;
font-size: 13px;
margin: 0;
}
.profile-badges-item-metadata {
margin-left: auto;
text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
margin-left: 0;
margin-right: auto;
text-align: left;
}

.profile-contribution {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
word-break: break-word;
word-wrap: break-word;
padding: 20px 0;
position: relative;
}

.profile-contribution-header {
margin-bottom: 5px;
}

.profile-contribution-title {
margin: 0 0 5px 0;
display: inline;
line-height: 21px;
font-size: 15px;
vertical-align: middle;
}

.profile-contribution-body {
margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
border-top: 1px solid #eee;
}
@media (min-width: 768px) {
.profile-contribution-list > .profile-contribution {
  padding-left: 30px;
}
[dir=rtl] .profile-contribution-list > .profile-contribution {
  padding-right: 30px;
  padding-left: 0;
}
}

.profile-contribution-list > .profile-contribution:last-child {
border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
left: 0;
position: absolute;
color: #ccc;
line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
right: 0;
}
.profile-contribution-icon svg {
vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
margin-left: 30px;
}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
padding-right: 30px;
padding-left: 0;
}
@media (min-width: 768px) {
.profile-contribution-list .profile-contribution-header {
  margin-left: 0;
}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
  padding-right: 0;
}
}

.profile-comments .profile-contribution-breadcrumbs {
margin-left: 30px;
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
padding-right: 30px;
padding-left: 0;
}
@media (min-width: 768px) {
.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 0;
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 0;
}
}

.profile-section .no-activity,
.profile-section .private-activity {
display: block;
margin-top: 40px;
color: #999;
}

.private-activity-icon {
margin-right: 10px;
}
[dir=rtl] .private-activity-icon {
margin-right: 0;
margin-left: 10px;
}

.profile-activity-list {
margin-top: 25px;
}

.profile-activity {
position: relative;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.profile-activity {
  padding-left: 20px;
}
[dir=rtl] .profile-activity {
  padding-right: 20px;
  padding-left: 0;
}
}

@media (min-width: 768px) {
.profile-activity:not(:last-child) {
  border-left: 1px solid #ddd;
}
[dir=rtl] .profile-activity:not(:last-child) {
  border-left: 0;
  border-right: 1px solid #ddd;
}
}

.profile-activity-header {
display: flex;
align-items: center;
margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
margin-left: 0;
margin-right: 35px;
}
@media (min-width: 768px) {
.profile-activity-header {
  margin-left: 0;
}
[dir=rtl] .profile-activity-header {
  margin-right: 0;
}
}

.profile-activity-header .user-avatar {
width: 40px;
height: 40px;
margin-right: 10px;
min-width: 40px;
align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
margin-left: 10px;
margin-right: 0;
}

.profile-activity-description {
-moz-hyphens: auto;
-ms-hyphens: auto;
-webkit-hyphens: auto;
word-break: break-word;
word-wrap: break-word;
margin: 0;
min-width: 0;
width: 100%;
}

.profile-activity-description span:first-child {
font-weight: 600;
display: inline;
}

.profile-activity-contribution {
padding: 20px;
margin-top: 10px;
border-radius: 8px;
background-color: #f7f7f7;
}
@media (min-width: 768px) {
.profile-activity-contribution {
  margin-top: 0;
  margin-left: 50px;
}
[dir=rtl] .profile-activity-contribution {
  margin-left: 0;
  margin-right: 50px;
}
}

.profile-activity-icon {
position: absolute;
left: 0;
width: 28px;
height: 28px;
border-radius: 50%;
background-size: 14px 14px;
background-repeat: no-repeat;
background-color: #FFFFFF;
background-position: 50% 50%;
text-align: center;
color: #ccc;
}
[dir=rtl] .profile-activity-icon {
right: 0;
}
@media (min-width: 768px) {
.profile-activity-icon {
  left: -14px;
}
[dir=rtl] .profile-activity-icon {
  right: -14px;
}
}

.profile-activity-icon svg {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 1em;
height: 1em;
margin: auto;
}

/***** Search results *****/
.search-results {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: space-between;
}
@media (min-width: 1024px) {
.search-results {
  flex-direction: row;
}
}
.search-results-column {
flex: 1;
}
@media (min-width: 1024px) {
.search-results-column {
  flex: 0 0 75%;
}
}
.search-results-sidebar {
border-top: 1px solid #ddd;
flex: 1 0 auto;
margin-bottom: 20px;
padding: 0;
}
@media (min-width: 1024px) {
.search-results-sidebar {
  border: 0;
  flex: 0 0 20%;
  height: auto;
}
}
.search-results-sidebar .sidenav-item {
border-radius: 4px;
padding: 10px 36px;
margin-bottom: 4px;
color: #2F3941;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
background-color: #e9ebed;
text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
display: flex;
flex-direction: row;
align-items: flex-start;
flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
background: #E9EBED;
border-radius: 4px;
padding: 4px 12px;
text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 24px;
text-align: center;
letter-spacing: -0.000427656px;
color: #49545C;
flex-grow: 0;
vertical-align: middle;
display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
color: #555555;
vertical-align: middle;
display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
display: none;
}
@media (min-width: 1024px) {
.search-results-sidebar .collapsible-sidebar[aria-expanded=false] .multibrand-filter-list {
  display: block;
}
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6) {
display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
color: #666;
}
.search-results-sidebar .see-all-filters {
background: none;
border: none;
cursor: pointer;
display: block;
padding: 10px;
color: rgba(47, 57, 65, 1);
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
display: none;
}
.search-results-sidebar .see-all-filters:hover {
text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
content: " ⌄";
font-weight: bold;
}
.search-results-subheading {
font-size: 18px;
font-weight: 600;
}
.search-results-list {
margin-bottom: 25px;
}
.search-results-list > li {
padding: 20px 0;
}
.search-results-list > li:first-child {
border-top: 1px solid #ddd;
}
.search-results .no-results {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 4rem;
}
.search-results .no-results .headline {
color: #2F3941;
font-weight: 400;
font-size: 18px;
line-height: 24px;
letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
color: #68737D;
font-weight: 400;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
color: rgba(47, 57, 65, 1);
}
.search-results .no-results .action-prompt a:visited {
color: rgba(47, 57, 65, 1);
}

.search-result-title-container {
display: flex;
justify-content: space-between;
align-items: center;
}
.search-result-title {
font-size: 16px;
margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {
color: #5a6d7c;
font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
color: rgba(38, 39, 41, 1);
vertical-align: middle;
width: 13px;
height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
margin-right: 20px;
}
.search-result-meta-container {
color: #666;
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
.search-result-meta-container {
  flex-direction: row;
  align-items: center;
}
}
@media (min-width: 1024px) {
.search-result-meta-container nav {
  flex: 1;
}
}
@media (min-width: 1024px) {
[dir=ltr] .search-result-meta-container .meta-data {
  margin-left: 20px;
}
}
@media (min-width: 1024px) {
[dir=rtl] .search-result-meta-container .meta-data {
  margin-right: 20px;
}
}
.search-result-meta-container .meta-data::after {
content: none;
}
.search-result-breadcrumbs {
margin: 0;
}
.search-result-description {
margin-top: 10px;
margin-bottom: 0;
word-break: break-word;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
font-style: normal;
font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
font-style: normal;
background: yellow;
}

/***** Notifications *****/
.notification {
border: 1px solid;
display: table;
font-family: sans-serif;
font-size: 12px;
padding: 13px 15px;
transition: height 0.2s;
width: 100%;
color: #555;
}

.notification a {
color: #158ec2;
}

.notification-inner {
margin: 0 auto;
padding: 0 20px;
max-width: 980px;
}

.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss {
display: table-cell;
vertical-align: middle;
}

.notification-text {
padding: 0 15px;
width: 100%;
}

.notification + .notification {
margin-bottom: -1px;
position: relative;
top: -1px;
}

/* Error */
.notification-error {
background: #ffeded;
border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
background: #dbf3ff;
border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
color: #ad5e18;
background: #fff8ed;
border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
background-size: cover;
content: "";
display: inline-block;
height: 14px;
width: 14px;
vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
color: #555;
cursor: pointer;
opacity: 0.6;
transition: opacity 100ms ease;
text-decoration: none !important;
}

.notification-dismiss:hover {
opacity: 1;
}

/* Inline notifications */
.notification-inline {
border-radius: 4px;
line-height: 14px;
margin-top: 5px;
padding: 5px;
position: relative;
text-align: left;
vertical-align: middle;
}
[dir=rtl] .notification-inline {
text-align: right;
}
.notification-inline[aria-hidden=true] {
display: none;
}
.notification-inline.notification-error::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
margin: 0 0 0 5px;
}
.notification-inline.notification-error {
background-color: #fff0f1;
border: 1px solid #e35b66;
color: #cc3340;
}
.notification-inline.notification-large {
padding: 13px 15px;
margin-bottom: 25px;
}

.notification-left-aligned {
text-align: left;
padding-left: 0;
}

html[dir=rtl] .notification-left-aligned {
text-align: right;
padding-left: auto;
padding-right: 0;
}

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-toggle {
cursor: pointer;
background: none;
border: 0;
display: inline-block;
padding: 0;
text-align: initial;
vertical-align: middle;
}
.dropdown-toggle:hover {
text-decoration: none;
}
.dropdown-toggle > * {
display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
display: block;
}

.dropdown-menu {
background: #fff;
border: 1px solid #d8dcde;
border-radius: 3px;
box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
display: none;
font-size: 14px;
font-style: normal;
font-weight: normal;
left: 0;
margin-top: 1px;
min-width: 170px;
padding: 10px 0;
position: absolute;
text-align: left;
z-index: 1000;
}
[dir=rtl] .dropdown-menu {
text-align: right;
}
.dropdown-menu [role=separator] {
border-bottom: 1px solid #e9ebed;
margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
color: #2f3941;
cursor: pointer;
display: block;
padding: 7px 40px 7px 20px;
white-space: nowrap;
background-color: transparent;
border: 0;
-webkit-appearance: none;
text-align: start;
line-height: inherit;
width: 100%;
}
[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
background: rgba(31, 115, 183, 0.08);
text-decoration: none;
color: #2f3941;
}
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
content: "";
background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
display: inline-block;
height: 12px;
margin-left: 10px;
width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
margin-left: 0;
margin-right: 10px;
float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
display: none !important;
}

.dropdown-menu-end {
left: auto;
right: 0;
}

.dropdown-menu-top {
bottom: 100%;
margin-bottom: 1px;
}

[dir=rtl] .dropdown-menu {
left: auto;
right: 0;
text-align: right;
}
[dir=rtl] .dropdown-menu-end {
left: 0;
right: auto;
}

.dropdown-chevron-icon {
vertical-align: middle;
}

.content-tags > p {
color: #68737D;
margin-top: 32px;
margin-bottom: 4px;
}
.content-tags-add-hint {
color: #68737D;
font-size: 14px;
}

.content-tag-list {
display: flex;
flex-wrap: wrap;
word-break: break-word;
}
.content-tag-list li {
border-right: 1px solid #C2C8CC;
margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
padding-right: 8px;
margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
padding-left: 8px;
margin-left: 8px;
}
.content-tag-list li:last-child {
border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
border: 1px solid #87929D;
}

/***** Upload Dropzone *****/
.upload-dropzone {
border: 1px solid #87929D;
}

/***** Summary component *****/
zd-summary-block {
background: #f3f6f6;
}
[dir=ltr] zd-summary-block {
border-left-color: #859fa1;
}
[dir=rtl] zd-summary-block {
border-right-color: #859fa1;
}

.knowledge-base .articles,
.category-content,
.section-content,
.article {
  box-shadow: 0 10px 20px rgba(0,0,0,.04), 0 2px 6px rgba(0,0,0,.04), 0 0 1px rgba(0,0,0,.04);
  margin-bottom: 40px;
  padding: 26px;
  background: white;
} 

.ap-LayoutHeader {
  position: sticky;
  top: 0;
  z-index: 10;
}

.knowledge-base h2,
.article-body a,
.current-article {
   color: #EA1D2C !important;
}

main {
  min-height: calc(100vh - 170px) !important;
}

@media screen and (max-width: 768px){
  main {
  	min-height: calc(100vh - 300px) !important;
  }
}



/** Style website **/

/*! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
html {
   -webkit-text-size-adjust: 100%;
   line-height: 1.15;
   -moz-tab-size: 4;
   -o-tab-size: 4;
   tab-size: 4
}

body {
   font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
   margin: 0
}

hr {
   color: inherit;
   height: 0
}

abbr[title] {
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted
}

b,
strong {
   font-weight: bolder
}

code,
kbd,
pre,
samp {
   font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
   font-size: 1em
}

small {
   font-size: 80%
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline
}

sub {
   bottom: -.25em
}

sup {
   top: -.5em
}

table {
   border-color: inherit;
   text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
   font-family: inherit;
   font-size: 100%;
   line-height: 1.15;
   margin: 0
}

button,
select {
   text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
   -webkit-appearance: button
}

::-moz-focus-inner {
   border-style: none;
   padding: 0
}

legend {
   padding: 0
}

progress {
   vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
   height: auto
}

[type=search] {
   -webkit-appearance: textfield;
   outline-offset: -2px
}

::-webkit-search-decoration {
   -webkit-appearance: none
}

::-webkit-file-upload-button {
   -webkit-appearance: button;
   font: inherit
}

summary {
   display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
   margin: 0
}

button {
   background-color: transparent;
   background-image: none
}

fieldset,
ol,
ul {
   margin: 0;
   padding: 0
}

ol,
ul {
   list-style: none
}

html {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
   line-height: 1.5
}

body {
   font-family: inherit;
   line-height: inherit
}

*,
:after,
:before {
   border: 0 solid;
   box-sizing: border-box
}

hr {
   border-top-width: 1px
}

img {
   border-style: solid
}

textarea {
   resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
   color: #a1a1aa;
   opacity: 1
}

input::placeholder,
textarea::placeholder {
   color: #a1a1aa;
   opacity: 1
}

[role=button],
button {
   cursor: pointer
}

table {
   border-collapse: collapse
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-size: inherit;
   font-weight: inherit
}

a {
   color: inherit;
   text-decoration: inherit
}

button,
input,
optgroup,
select,
textarea {
   color: inherit;
   line-height: inherit;
   padding: 0
}

code,
kbd,
pre,
samp {
   font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
   display: block;
   vertical-align: middle
}

img,
video {
   height: auto;
   max-width: 100%
}

[hidden] {
   display: none
}

*,
:after,
:before {
   --tw-border-opacity: 1;
   border-color: rgba(228, 228, 231, var(--tw-border-opacity))
}

.aspect-w-100,
.aspect-w-16 {
   padding-bottom: calc(var(--tw-aspect-h)/var(--tw-aspect-w)*100%);
   position: relative
}

.aspect-w-100>*,
.aspect-w-16>* {
   bottom: 0;
   height: 100%;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%
}

.aspect-w-16 {
   --tw-aspect-w: 16
}

.aspect-w-100 {
   --tw-aspect-w: 100
}

.aspect-h-9 {
   --tw-aspect-h: 9
}

.aspect-h-76 {
   --tw-aspect-h: 76
}

.aspect-h-81 {
   --tw-aspect-h: 81
}

.aspect-h-100 {
   --tw-aspect-h: 100
}

.container {
   max-width: 100%
}

@media (min-width:768px) {
   .container {
      max-width: var(--container-maxsm)
   }
}

@media (min-width:992px) {
   .container {
      max-width: var(--container-maxmd)
   }
}

@media (min-width:1024px) {
   .container {
      max-width: var(--container-maxlg)
   }
}

@media (min-width:1200px) {
   .container {
      max-width: var(--container-maxlg)
   }
}

.sr-only {
   clip: rect(0, 0, 0, 0);
   border-width: 0;
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   white-space: nowrap;
   width: 1px
}

.visible {
   visibility: visible
}

.invisible {
   visibility: hidden
}

.static {
   position: static
}

.fixed {
   position: fixed
}

.absolute {
   position: absolute
}

.relative {
   position: relative
}

.sticky {
   position: sticky
}

.inset-0 {
   bottom: 0;
   left: 0;
   right: 0;
   top: 0
}

.top-12 {
   top: 3rem
}

.z-0 {
   z-index: 0
}

.z-10 {
   z-index: 10
}

.z-20 {
   z-index: 20
}

.z-30 {
   z-index: 30
}

.z-50 {
   z-index: 50
}

.order-1 {
   order: 1
}

.order-2 {
   order: 2
}

.order-3 {
   order: 3
}

.order-4 {
   order: 4
}

.col-span-1 {
   grid-column: span 1/span 1
}

.col-span-2 {
   grid-column: span 2/span 2
}

.col-span-12 {
   grid-column: span 12/span 12
}

.row-span-1 {
   grid-row: span 1/span 1
}

.m-0 {
   margin: 0
}

.m-1 {
   margin: .25rem
}

.m-auto {
   margin: auto
}

.mx-0 {
   margin-left: 0;
   margin-right: 0
}

.mx-2 {
   margin-left: .5rem;
   margin-right: .5rem
}

.mx-3 {
   margin-left: .75rem;
   margin-right: .75rem
}

.mx-auto {
   margin-left: auto;
   margin-right: auto
}

.-mx-3 {
   margin-left: -.75rem;
   margin-right: -.75rem
}

.my-2 {
   margin-bottom: .5rem;
   margin-top: .5rem
}

.my-4 {
   margin-bottom: 1rem;
   margin-top: 1rem
}

.my-6 {
   margin-bottom: 1.5rem;
   margin-top: 1.5rem
}

.my-8 {
   margin-bottom: 2rem;
   margin-top: 2rem
}

.my-16 {
   margin-bottom: 4rem;
   margin-top: 4rem
}

.my-auto {
   margin-bottom: auto;
   margin-top: auto
}

.mt-1 {
   margin-top: .25rem
}

.mt-2 {
   margin-top: .5rem
}

.mt-4 {
   margin-top: 1rem
}

.mt-5 {
   margin-top: 1.25rem
}

.mt-6 {
   margin-top: 1.5rem
}

.mt-8 {
   margin-top: 2rem
}

.mt-auto {
   margin-top: auto
}

.-mt-2 {
   margin-top: -.5rem
}

.-mt-4 {
   margin-top: -1rem
}

.-mt-6 {
   margin-top: -1.5rem
}

.mr-0 {
   margin-right: 0
}

.mr-1 {
   margin-right: .25rem
}

.mr-2 {
   margin-right: .5rem
}

.mr-3 {
   margin-right: .75rem
}

.mr-4 {
   margin-right: 1rem
}

.mr-7 {
   margin-right: 1.75rem
}

.mr-px {
   margin-right: 1px
}

.mr-0\.5 {
   margin-right: .125rem
}

.mb-0 {
   margin-bottom: 0
}

.mb-1 {
   margin-bottom: .25rem
}

.mb-2 {
   margin-bottom: .5rem
}

.mb-3 {
   margin-bottom: .75rem
}

.mb-4 {
   margin-bottom: 1rem
}

.mb-5 {
   margin-bottom: 1.25rem
}

.mb-6 {
   margin-bottom: 1.5rem
}

.mb-8 {
   margin-bottom: 2rem
}

.mb-10 {
   margin-bottom: 2.5rem
}

.mb-12 {
   margin-bottom: 3rem
}

.ml-1 {
   margin-left: .25rem
}

.ml-2 {
   margin-left: .5rem
}

.ml-3 {
   margin-left: .75rem
}

.ml-4 {
   margin-left: 1rem
}

.ml-5 {
   margin-left: 1.25rem
}

.ml-auto {
   margin-left: auto
}

.block {
   display: block
}

.inline-block {
   display: inline-block
}

.inline {
   display: inline
}

.flex {
   display: flex
}

.table {
   display: table
}

.grid {
   display: grid
}

.hidden {
   display: none
}

.h-3 {
   height: .75rem
}

.h-4 {
   height: 1rem
}

.h-5 {
   height: 1.25rem
}

.h-1\/4 {
   height: 25%
}

.h-full {
   height: 100%
}

.max-h-72 {
   max-height: 18rem
}

.min-h-screen {
   min-height: 100vh
}

.w-5 {
   width: 1.25rem
}

.w-8 {
   width: 2rem
}

.w-10 {
   width: 2.5rem
}

.w-20 {
   width: 5rem
}

.w-28 {
   width: 7rem
}

.w-32 {
   width: 8rem
}

.w-40 {
   width: 10rem
}

.w-1\/2 {
   width: 50%
}

.w-1\/3 {
   width: 33.333333%
}

.w-1\/4 {
   width: 25%
}

.w-4\/6 {
   width: 66.666667%
}

.w-5\/6 {
   width: 83.333333%
}

.w-11\/12 {
   width: 91.666667%
}

.w-full {
   width: 100%
}

.min-w-full {
   min-width: 100%
}

.flex-1 {
   flex: 1 1 0%
}

.flex-none {
   flex: none
}

.flex-grow-0 {
   flex-grow: 0
}

.flex-grow {
   flex-grow: 1
}

.transform {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-rotate-180 {
   --tw-rotate: -180deg
}

@keyframes spin {
   to {
      transform: rotate(1turn)
   }
}

@keyframes ping {

   75%,
   to {
      opacity: 0;
      transform: scale(2)
   }
}

@keyframes pulse {
   50% {
      opacity: .5
   }
}

@keyframes bounce {

   0%,
   to {
      animation-timing-function: cubic-bezier(.8, 0, 1, 1);
      transform: translateY(-25%)
   }

   50% {
      animation-timing-function: cubic-bezier(0, 0, .2, 1);
      transform: none
   }
}

.animate-pulse {
   animation: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite
}

.cursor-pointer {
   cursor: pointer
}

.resize {
   resize: both
}

.list-inside {
   list-style-position: inside
}

.list-disc {
   list-style-type: disc
}

.list-decimal {
   list-style-type: decimal
}

.grid-cols-1 {
   grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
   grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
   grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
   grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-12 {
   grid-template-columns: repeat(12, minmax(0, 1fr))
}

.flex-row-reverse {
   flex-direction: row-reverse
}

.flex-col {
   flex-direction: column
}

.flex-wrap {
   flex-wrap: wrap
}

.flex-nowrap {
   flex-wrap: nowrap
}

.items-start {
   align-items: flex-start
}

.items-end {
   align-items: flex-end
}

.items-center {
   align-items: center
}

.items-baseline {
   align-items: baseline
}

.justify-start {
   justify-content: flex-start
}

.justify-end {
   justify-content: flex-end
}

.justify-center {
   justify-content: center
}

.justify-between {
   justify-content: space-between
}

.justify-around {
   justify-content: space-around
}

.justify-evenly {
   justify-content: space-evenly
}

.gap-1 {
   gap: .25rem
}

.gap-2 {
   gap: .5rem
}

.gap-4 {
   gap: 1rem
}

.gap-6 {
   gap: 1.5rem
}

.self-start {
   align-self: flex-start
}

.overflow-auto {
   overflow: auto
}

.overflow-hidden {
   overflow: hidden
}

.overflow-x-hidden {
   overflow-x: hidden
}

.truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap
}

.rounded {
   border-radius: .25rem
}

.rounded-md {
   border-radius: .375rem
}

.border {
   border-width: 1px
}

.border-b {
   border-bottom-width: 1px
}

.border-green-600 {
   --tw-border-opacity: 1;
   border-color: rgba(22, 163, 74, var(--tw-border-opacity))
}

.border-orange-600 {
   --tw-border-opacity: 1;
   border-color: rgba(234, 88, 12, var(--tw-border-opacity))
}

.border-red-600 {
   --tw-border-opacity: 1;
   border-color: rgba(220, 38, 38, var(--tw-border-opacity))
}

.bg-white {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.bg-green-300 {
   --tw-bg-opacity: 1;
   background-color: rgba(134, 239, 172, var(--tw-bg-opacity))
}

.bg-green-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(34, 197, 94, var(--tw-bg-opacity))
}

.bg-orange-300 {
   --tw-bg-opacity: 1;
   background-color: rgba(253, 186, 116, var(--tw-bg-opacity))
}

.bg-orange-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(249, 115, 22, var(--tw-bg-opacity))
}

.bg-red-300 {
   --tw-bg-opacity: 1;
   background-color: rgba(252, 165, 165, var(--tw-bg-opacity))
}

.bg-red-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(239, 68, 68, var(--tw-bg-opacity))
}

.bg-tertiary {
   background-color: var(--color-tertiary)
}

.bg-tertiary-light {
   background-color: var(--color-tertiary-light)
}

.bg-tertiary-lighter {
   background-color: var(--color-tertiary-lighter)
}

.hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(244, 244, 245, var(--tw-bg-opacity))
}

.object-contain {
   -o-object-fit: contain;
   object-fit: contain
}

.p-2 {
   padding: .5rem
}

.px-2 {
   padding-left: .5rem;
   padding-right: .5rem
}

.px-3 {
   padding-left: .75rem;
   padding-right: .75rem
}

.px-4 {
   padding-left: 1rem;
   padding-right: 1rem
}

.py-1 {
   padding-bottom: .25rem;
   padding-top: .25rem
}

.py-2 {
   padding-bottom: .5rem;
   padding-top: .5rem
}

.py-4 {
   padding-bottom: 1rem;
   padding-top: 1rem
}

.py-6 {
   padding-bottom: 1.5rem;
   padding-top: 1.5rem
}

.py-2\.5 {
   padding-bottom: .625rem;
   padding-top: .625rem
}

.pt-1 {
   padding-top: .25rem
}

.pt-2 {
   padding-top: .5rem
}

.pt-3 {
   padding-top: .75rem
}

.pt-4 {
   padding-top: 1rem
}

.pt-6 {
   padding-top: 1.5rem
}

.pt-7 {
   padding-top: 1.75rem
}

.pr-2 {
   padding-right: .5rem
}

.pb-1 {
   padding-bottom: .25rem
}

.pb-4 {
   padding-bottom: 1rem
}

.pb-8 {
   padding-bottom: 2rem
}

.pb-12 {
   padding-bottom: 3rem
}

.pl-4 {
   padding-left: 1rem
}

.pl-8 {
   padding-left: 2rem
}

.text-left {
   text-align: left
}

.text-center {
   text-align: center
}

.text-right {
   text-align: right
}

.align-middle {
   vertical-align: middle
}

.font-stacktitle {
   font-family: var(--font-stack-title)
}

.text-xs {
   font-size: .75rem;
   line-height: 1rem
}

.text-sm {
   font-size: .875rem;
   line-height: 1.25rem
}

.text-base {
   font-size: 1rem;
   line-height: 1.5rem
}

.text-lg {
   font-size: 1.125rem
}

.text-lg,
.text-xl {
   line-height: 1.75rem
}

.text-xl {
   font-size: 1.25rem
}

.text-md {
   font-size: 1rem
}

.font-medium {
   font-weight: 500
}

.font-bold {
   font-weight: 700
}

.uppercase {
   text-transform: uppercase
}

.capitalize {
   text-transform: capitalize
}

.italic {
   font-style: italic
}

.leading-none {
   line-height: 1
}

.text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.text-green-500 {
   --tw-text-opacity: 1;
   color: rgba(34, 197, 94, var(--tw-text-opacity))
}

.text-red-500 {
   --tw-text-opacity: 1;
   color: rgba(239, 68, 68, var(--tw-text-opacity))
}

.underline {
   text-decoration: underline
}

.hover\:no-underline:hover {
   text-decoration: none
}

.opacity-50 {
   opacity: .5
}

*,
:after,
:before {
   --tw-shadow: 0 0 #0000
}

.shadow-md {
   --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

*,
:after,
:before {
   --tw-ring-inset: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
   --tw-ring-color: rgba(59, 130, 246, .5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000
}

.filter {
   --tw-blur: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-brightness: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-contrast: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-grayscale: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-hue-rotate: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-invert: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-saturate: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-sepia: var(--tw-empty,
         /*!*/
         /*!*/
      );
   --tw-drop-shadow: var(--tw-empty,
         /*!*/
         /*!*/
      );
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition-all {
   transition-duration: .15s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.transition-transform {
   transition-property: transform;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-150,
.transition-transform {
   transition-duration: .15s
}

.duration-300 {
   transition-duration: .3s
}

.ease-in-out {
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.gap-x-2 {
   grid-column-gap: .5rem;
   -moz-column-gap: .5rem;
   column-gap: .5rem
}

.gap-x-3 {
   grid-column-gap: .75rem;
   -moz-column-gap: .75rem;
   column-gap: .75rem
}

.gap-x-4 {
   grid-column-gap: 1rem;
   -moz-column-gap: 1rem;
   column-gap: 1rem
}

.gap-x-6 {
   grid-column-gap: 1.5rem;
   -moz-column-gap: 1.5rem;
   column-gap: 1.5rem
}

.gap-y-2 {
   grid-row-gap: .5rem;
   row-gap: .5rem
}

.gap-y-4 {
   grid-row-gap: 1rem;
   row-gap: 1rem
}

:root {
   --container-maxsm: 100%;
   --container-maxmd: 992px;
   --container-maxlg: 1120px;
   --color-primary: #686868;
   --color-primary-dark: #262729;
   --color-primary-light: #f4f4f4;
   --color-secondary: #d7262c;
   --color-secondary-dark: #ac1e23;
   --color-secondary-darker: #80171a;
   --color-secondary-darkest: #550f11;
   --color-secondary-light: #e05055;
   --color-tertiary: #e3e3e3;
   --color-tertiary-dark: #999;
   --color-tertiary-light: #c6c6c6;
   --color-tertiary-lighter: #f2f2f2;
   --color-pay: #f2c93d;
   --color-pay-darker: #5d3c10;
   --color-pay-dark: #f7b500;
   --color-pay-light: #ffe559;
   --color-grey: #525252;
   --color-grey-dark: #262729;
   --color-grey-light: #bdbdbd;
   --box-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .5);
   --box-shadow-outline: 0 0 0 3px rgba(172, 17, 93, .5);
   --box-shadow-soft: 0 3px 10px 0 rgba(3, 11, 25, .2);
   --font-stack-base: Roboto, Helvetica, Arial, sans-serif;
   --font-stack-title: Open Sans Condensed, Arial narrow, sans-serif
}

.ap-Button.is-disabled,
.ap-SelectDay-buttonArrow.is-disable {
   background-color: #e1e4e8;
   border: 1px solid #c9ced6;
   box-shadow: none;
   color: #a6aebc;
   cursor: not-allowed
}

.ap-Button.is-disabled .svg-inline--fa,
.ap-SelectDay-buttonArrow.is-disable .svg-inline--fa {
   color: #a6aebc
}

.ap-DropdownMenu--child,
.ap-ModalVideo-container,
.ap-NavigationBox,
.ap-SecondaryMenu-list--scroll,
.ux-overflowScrollH {
   -ms-overflow-style: none;
   scrollbar-width: none
}

.ap-DropdownMenu--child::-webkit-scrollbar,
.ap-ModalVideo-container::-webkit-scrollbar,
.ap-NavigationBox::-webkit-scrollbar,
.ap-SecondaryMenu-list--scroll::-webkit-scrollbar,
.ux-overflowScrollH::-webkit-scrollbar {
   display: none
}

@media (max-width:767px) {

   .is-carouselMode .ap-Box,
   .is-carouselMode.ap-Chain-content .ap-Box,
   .is-carouselMode.ap-StoryListLayout-content>* {
      min-width: 55%
   }
}

@media (max-width:991px) {

   .is-carouselMode .ap-Box,
   .is-carouselMode.ap-Chain-content .ap-Box,
   .is-carouselMode.ap-StoryListLayout-content>* {
      margin-right: 1rem;
      margin-top: 0;
      min-width: 35%;
      width: 100%
   }

   .is-carouselMode .ap-Box:first-child,
   .is-carouselMode.ap-StoryListLayout-content>:first-child {
      margin-left: 0
   }

   .is-carouselMode .ap-Box:last-child,
   .is-carouselMode.ap-StoryListLayout-content>:last-child {
      margin-left: 0;
      margin-right: 8px
   }
}

@media (orientation:landscape) and (max-width:479px) {

   .is-carouselMode .ap-Box,
   .is-carouselMode.ap-Chain-content .ap-Box,
   .is-carouselMode.ap-StoryListLayout-content>* {
      min-width: 20vw
   }
}

@media (orientation:portrait) and (max-width:479px) {

   .is-carouselMode .ap-Box,
   .is-carouselMode.ap-Chain-content .ap-Box,
   .is-carouselMode.ap-StoryListLayout-content>* {
      min-width: 75vw
   }
}

@media (max-width:991px) {

   .is-carouselMode.ap-Chain-content,
   .is-carouselMode.ap-StoryListLayout-content {
      -ms-overflow-style: none;
      display: flex;
      margin-left: 0;
      margin-right: 0;
      overflow-x: scroll;
      scrollbar-width: none
   }
}

.is-carouselMode.ap-Chain-content::-webkit-scrollbar,
.is-carouselMode.ap-StoryListLayout-content::-webkit-scrollbar {
   display: none
}

.ap-SidebarMenu-group--separator,
.ap-SidebarMenuItem--separator {
   margin-top: 2rem;
   position: relative
}

.ap-SidebarMenu-group--separator:before,
.ap-SidebarMenuItem--separator:before {
   background-color: #686868;
   content: "";
   display: block;
   height: 1px;
   position: absolute;
   top: -1rem;
   width: 100%
}

.ap-LayoutVideoInfo-img,
.ap-PromoImageVideo {
   border-radius: .65rem;
   overflow: hidden
}

.ux-imgOpacityOnHover,
.ux-imgOpacityOnHover--target {
   position: relative
}

.ux-imgOpacityOnHover--target:after {
   background: #fff;
   bottom: 0;
   content: "";
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   top: 0;
   transition: opacity .2s linear
}

@media(hover) {
   .ux-imgOpacityOnHover:hover .ux-imgOpacityOnHover--target:after {
      opacity: .2
   }
}

.ux-boxRounded {
   border-radius: .25rem;
   overflow: hidden
}

.ux-placeholderBg {
   background-color: #eee
}

.ux-overflowScrollH {
   -webkit-overflow-scrolling: touch;
   align-items: center;
   cursor: grabbing;
   display: flex;
   flex-wrap: nowrap;
   overflow-x: scroll;
   white-space: nowrap
}

.ux-pipeItem:before {
   border-left: 1px solid;
   color: #ccc;
   content: "";
   display: inline-block;
   height: 1.9em;
   margin-left: .8em;
   padding-right: .8em;
   vertical-align: -.5em
}

.ux-widgetParentSpacing,
.ux-widgetSpacing {
   margin-bottom: 1.25rem
}

@media (min-width:768px) {

   .ux-widgetParentSpacing,
   .ux-widgetSpacing {
      margin-bottom: 1.5rem
   }
}

.ux-clearfixAfter:after {
   clear: both;
   content: "";
   display: table
}

@media(max-width:375px) {
   body .ux-hideSmallMobile {
      display: none
   }
}

@media (max-width:767px) {
   body .ux-hideMobile {
      display: none
   }
}

@media (min-width:768px) and (max-width:991px) {
   body .ux-hideTablet {
      display: none
   }
}

@media(orientation:landscape)and (max-width:991px) {
   body .ux-hideMobileLandscape {
      display: none
   }
}

@media (min-width:992px) {
   body .ux-hideDesktop {
      display: none
   }
}

@media (max-width:767px) {
   .ux-tableResponsive {
      border: 0;
      border-collapse: collapse;
      margin: 0;
      padding: 0;
      table-layout: fixed;
      width: 100%
   }

   .ux-tableResponsive-item {
      display: block;
      margin-top: 1rem
   }

   .ux-tableResponsive-item--hidden {
      display: none
   }

   .ux-tableResponsive-item--borderTop {
      border-top: 1px solid #bdbdbd
   }

   .ux-tableResponsive-item--borderBottom {
      border-bottom: 1px solid #bdbdbd
   }

   .ux-tableResponsive thead {
      clip: rect(0 0 0 0);
      border: none;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px
   }

   .ux-tableResponsive td {
      display: flex;
      justify-content: space-between
   }

   .ux-tableResponsive td:before {
      content: attr(th-label);
      font-weight: 700
   }

   .ux-tableResponsive td:nth-child(2n) {
      background-color: #f9f9f9
   }

   .ux-tableResponsive td:nth-child(odd) {
      background-color: #f2f2f2
   }

   .ux-tableResponsive td:first-child {
      background-color: #fff;
      font-size: 1.125rem;
      font-weight: 600
   }

   .ux-tableResponsive td:last-child {
      border-bottom: 0
   }
}

.ux-customScroll {
   overflow: auto;
   scrollbar-color: #d7262c rgba(0, 0, 0, .15);
   scrollbar-width: auto
}

.ux-customScroll::-webkit-scrollbar {
   height: 6px;
   width: 6px
}

.ux-customScroll::-webkit-scrollbar-track {
   background: #000
}

@media (min-width:1200px) {
   .ux-customScroll::-webkit-scrollbar-track {
      background-color: rgba(0, 0, 0, .15)
   }
}

.ux-customScroll::-webkit-scrollbar-thumb {
   background: #d7262c;
   border-radius: 10px
}

.ux-customScroll::-webkit-scrollbar-thumb:hover {
   background: #e05055
}

.alert {
   --tw-text-opacity: 1;
   align-items: center;
   border-radius: .25rem;
   color: rgba(63, 63, 70, var(--tw-text-opacity));
   display: flex;
   flex-direction: column;
   justify-content: center;
   position: relative;
   text-align: center
}

.alert p:last-of-type {
   margin-bottom: 0
}

.alert .svg-inline--fa {
   font-size: 1.25em;
   margin-bottom: 1rem;
   margin-top: -.05em
}

.alert--background {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
   border-color: rgba(63, 63, 70, var(--tw-border-opacity));
   border-width: 1px
}

.alert--iconLeft {
   flex-direction: row;
   text-align: left
}

.alert--iconLeft .svg-inline--fa {
   margin-bottom: 0
}

.alert--background {
   padding: 1.5rem
}

.alert.recaptchaStatusSpinner {
   margin: 1rem 0;
   padding: .5rem 0
}

.alert-clear {
   display: block;
   padding: .5rem 0;
   text-align: center
}

.alert-clear:after {
   clear: both;
   content: "";
   display: table
}

.alert-link {
   font-weight: 600
}

.alert-info {
   --tw-text-opacity: 1;
   color: rgba(29, 78, 216, var(--tw-text-opacity))
}

.alert-info.alert--background {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
   border-color: rgba(29, 78, 216, var(--tw-border-opacity));
   border-width: 1px
}

.alert-warning {
   --tw-text-opacity: 1;
   color: rgba(194, 65, 12, var(--tw-text-opacity))
}

.alert-warning.alert--background {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   background-color: rgba(254, 215, 170, var(--tw-bg-opacity));
   border-color: rgba(194, 65, 12, var(--tw-border-opacity));
   border-width: 1px
}

.alert-danger {
   --tw-text-opacity: 1;
   color: rgba(185, 28, 28, var(--tw-text-opacity))
}

.alert-danger.alert--background {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   background-color: rgba(254, 202, 202, var(--tw-bg-opacity));
   border-color: rgba(185, 28, 28, var(--tw-border-opacity));
   border-width: 1px
}

.alert-success {
   --tw-text-opacity: 1;
   color: rgba(21, 128, 61, var(--tw-text-opacity))
}

.alert-success.alert--background {
   --tw-border-opacity: 1;
   --tw-bg-opacity: 1;
   background-color: rgba(187, 247, 208, var(--tw-bg-opacity));
   border-color: rgba(21, 128, 61, var(--tw-border-opacity));
   border-width: 1px
}

.circle-loader {
   --tw-border-opacity: 1;
   animation: loader-spin 1.2s linear infinite;
   border-color: rgba(161, 161, 170, var(--tw-border-opacity));
   border-left-color: #3f3f46;
   border-radius: 9999px;
   border-width: 1px;
   display: inline-block;
   height: 2rem;
   margin: .5rem;
   position: relative;
   vertical-align: top;
   width: 2rem
}

.alert-info .circle-loader {
   --tw-border-opacity: 1;
   border-color: rgba(96, 165, 250, var(--tw-border-opacity));
   border-left-color: #1d4ed8
}

.alert-warning .circle-loader {
   --tw-border-opacity: 1;
   border-color: rgba(253, 186, 116, var(--tw-border-opacity));
   border-left-color: #7c2d12
}

.alert-danger .circle-loader {
   --tw-border-opacity: 1;
   border-color: rgba(252, 165, 165, var(--tw-border-opacity));
   border-left-color: #7f1d1d
}

.alert-success .circle-loader {
   --tw-border-opacity: 1;
   border-color: rgba(134, 239, 172, var(--tw-border-opacity));
   border-left-color: #14532d
}

.load-complete {
   animation: none;
   transition: border .5s ease-out
}

.alert-info .load-complete {
   --tw-border-opacity: 1;
   border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.alert-warning .load-complete {
   --tw-border-opacity: 1;
   border-color: rgba(194, 65, 12, var(--tw-border-opacity))
}

.alert-danger .load-complete {
   --tw-border-opacity: 1;
   border-color: rgba(185, 28, 28, var(--tw-border-opacity))
}

.alert-success .load-complete {
   --tw-border-opacity: 1;
   border-color: rgba(21, 128, 61, var(--tw-border-opacity))
}

.checkmark {
   height: 2rem;
   position: relative;
   width: 2rem
}

.checkmark.draw:after {
   animation-duration: .8s;
   animation-name: loader-checkmark;
   animation-timing-function: ease;
   transform: scaleX(-1) rotate(135deg)
}

.checkmark:after {
   border-right-color: #3f3f46;
   border-right-width: 2px;
   border-top-color: #3f3f46;
   border-top-width: 2px;
   content: "";
   display: block;
   height: 1rem;
   left: 7px;
   margin-bottom: .25rem;
   opacity: 1;
   position: absolute;
   top: 50%;
   transform-origin: top left;
   width: .5rem
}

.alert-info .checkmark:after {
   --tw-border-opacity: 1;
   border-color: rgba(29, 78, 216, var(--tw-border-opacity))
}

.alert-warning .checkmark:after {
   --tw-border-opacity: 1;
   border-color: rgba(194, 65, 12, var(--tw-border-opacity))
}

.alert-danger .checkmark:after {
   --tw-border-opacity: 1;
   border-color: rgba(185, 28, 28, var(--tw-border-opacity))
}

.alert-success .checkmark:after {
   --tw-border-opacity: 1;
   border-color: rgba(21, 128, 61, var(--tw-border-opacity))
}

.close {
   color: inherit;
   cursor: pointer;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: inherit;
   opacity: .5;
   padding: .25rem .5rem;
   position: absolute;
   right: 0;
   top: 0
}

.close:focus,
.close:hover {
   opacity: .75
}

@keyframes loader-checkmark {
   0% {
      height: 0;
      opacity: 1;
      width: 0
   }

   20% {
      height: 0;
      opacity: 1;
      width: 2
   }

   40% {
      height: 2;
      opacity: 1;
      width: 2
   }

   to {
      height: 2;
      opacity: 1;
      width: 2
   }
}

@keyframes loader-spin {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

.animated {
   animation-duration: 1s;
   animation-fill-mode: both
}

.animated.faster {
   animation-duration: .5s
}

.fadeIn {
   animation-name: fade-in
}

.fadeOut {
   animation-name: fade-out
}

.moveTop {
   animation-name: move-top
}

@keyframes fade-in {
   0% {
      opacity: 0
   }

   to {
      opacity: 1
   }
}

@keyframes move-top {
   0% {
      margin-top: 20%
   }

   to {
      margin-top: 0
   }
}

.ux-offlineBanner {
   background: rgba(0, 0, 0, .9);
   bottom: 0;
   color: #fff;
   display: none;
   font-weight: 700;
   left: 0;
   padding: .8rem;
   position: fixed;
   right: 0;
   text-align: center;
   z-index: 10000
}

.ux-offlineBanner-text {
   align-items: center;
   display: flex;
   justify-content: center
}

.ux-offlineBanner-text:before {
   background: red;
   border-radius: 100%;
   content: "";
   display: block;
   height: 10px;
   margin-right: 10px;
   width: 10px
}

.ux-onlineBanner {
   --tw-bg-opacity: 1;
   background-color: rgba(34, 197, 94, var(--tw-bg-opacity));
   bottom: 0;
   color: #fff;
   cursor: pointer;
   display: none;
   font-weight: 700;
   left: 0;
   padding: .8rem;
   position: fixed;
   right: 0;
   text-align: center;
   z-index: 10000
}

.ux-onlineBanner-text {
   align-items: center;
   display: flex;
   justify-content: center
}

.ux-onlineBanner-text button {
   font-weight: inherit;
   margin-left: 5px;
   text-decoration: underline
}

.ux-PaywallPianoFallback {
   background-color: #f2f2f2;
   border-radius: .25rem;
   display: none;
   font-size: 1.125rem;
   font-weight: 700;
   margin-bottom: 1.25rem;
   margin-left: auto;
   margin-right: auto;
   max-width: 680px;
   overflow: hidden;
   padding: 1.5rem;
   position: relative;
   text-align: center
}

.ap-noScript {
   align-items: center;
   background: var(#f2c93d);
   bottom: 0;
   display: flex;
   height: 50px;
   justify-content: center;
   left: 0;
   padding: 2rem 1rem;
   position: fixed;
   right: 0;
   width: 100%;
   z-index: 10000
}

.ap-LoadingSpinner {
   color: transparent;
   height: 2rem;
   margin-bottom: 1.25rem;
   margin-top: 1.25rem;
   pointer-events: none;
   position: relative
}

.ap-LoadingSpinner:after {
   animation: spin-around .5s linear infinite;
   border-color: transparent transparent #d7262c #d7262c;
   border-radius: 9999px;
   border-width: 2px;
   content: "";
   display: block;
   height: 2rem;
   left: calc(50% - .5em);
   position: absolute;
   top: calc(50% - .5em);
   width: 2rem
}

@keyframes spin-around {
   0% {
      transform: rotate(0deg)
   }

   to {
      transform: rotate(1turn)
   }
}

:active,
:focus {
   outline: 0 none transparent
}

::-moz-selection {
   background-color: #ac1e23;
   color: #fff
}

::selection {
   background-color: #ac1e23;
   color: #fff
}

html {
   font-size: 16px;
   line-height: 21px;
   overflow-x: hidden
}

html.no-scroll {
   overflow: hidden
}

body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: #f4f4f4;
   color: #525252;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-weight: 400;
   overflow-wrap: break-word;
   padding-top: 51px
}

@media (min-width:992px) {
   body {
      padding-top: 108px
   }
}

h1 {
   font-size: 1.5rem
}

h1,
h2 {
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-weight: 700;
   line-height: 2rem
}

h2 {
   font-size: 1.375rem
}

h3 {
   font-size: 1.25rem;
   line-height: 1.625rem
}

h3,
h4 {
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-weight: 700
}

h4 {
   font-size: 1.125rem;
   line-height: 1.4375rem
}

h5 {
   font-size: 1rem;
   line-height: 1.3125rem
}

h5,
h6 {
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-weight: 700
}

h6 {
   font-size: .8125rem;
   line-height: 1.125rem
}

p {
   margin-bottom: 1rem
}

/**
.ap-ModalBookmark-link,
a {
   color: #d7262c;
   text-decoration: none;
   word-break: break-word
}

.ap-ModalBookmark-link:visited,
a:visited {
   color: #e05055
}

.ap-ModalBookmark-link:focus,
a:focus {
   color: #686868
}

.ap-ModalBookmark-link:hover,
a:hover {
   color: #686868
}

.ap-ModalBookmark-link:hover,
a:hover {
   text-decoration: underline
}

.ap-ModalBookmark-link:focus,
a:focus,
button:focus {
   outline: 1px dotted currentcolor;
   outline-color: #d7262c
}

**/

code {
   font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
   font-size: 1rem;
   line-height: 1.3125rem
}

pre {
   background-color: #f2f2f2;
   border: 1px solid #bdbdbd;
   border-radius: 0;
   margin-bottom: .5rem;
   overflow: hidden;
   overflow-x: auto;
   padding: 1rem
}

audio,
video {
   cursor: pointer
}

img {
   color: transparent
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select:focus,
textarea {
   font-size: 16px
}

@media print {
   @page {
      margin: 1.5cm
   }

   .STORY-Page iframe,
   .addthis_sharing_toolbox,
   .ap-Backdrop,
   .ap-Box,
   .ap-Chain,
   .ap-FollowList,
   .ap-Footer-section--primary,
   .ap-PrimaryMenu-item--left,
   .ap-PrimaryMenu-item--right,
   .ap-SearchMenu,
   .ap-SecondaryMenu,
   .ap-SidebarMenu,
   .ap-StoryFooter,
   .ap-StoryHeader-topbar,
   .ap-TapbarMenu,
   .topNavigationSite {
      display: none !important
   }

   .ap-GalleryFooter {
      background-color: transparent !important
   }

   *,
   :after,
   :before {
      box-shadow: none;
      text-shadow: none
   }

   * {
      -webkit-print-color-adjust: exact !important;
      print-color-adjust: exact !important
   }

   html {
      font-size: 1rem;
      line-height: 1.3125rem
   }

   body {
      padding-top: 0
   }

   @media (max-width:991px) {
      body {
         padding-top: 0 !important
      }
   }

   body .ap-ModalBookmark-link,
   body a,
   body blockquote,
   body dl,
   body ol,
   body pre,
   body table,
   body ul {
      page-break-inside: avoid
   }

   body h1,
   body h2,
   body h3,
   body h4,
   body h5,
   body h6 {
      page-break-after: avoid;
      page-break-inside: avoid
   }

   body #fusion-app,
   body #mainMenu.topSpacer {
      margin-top: 0 !important;
      top: 0 !important
   }

   body .ap-LayoutBody {
      margin-top: 2rem !important
   }

   body.STORY-Page .ap-Story-content iframe {
      display: block !important;
      width: 100%
   }

   body .ap-Menu,
   body .ap-PartnersMenu {
      border-bottom-color: #d9d9d9;
      display: block;
      position: relative
   }

   body .ap-PrimaryMenu {
      background-color: #f2f2f2;
      border: none;
      justify-content: center
   }

   body .ap-LogoMenu img {
      display: block
   }

   body .ap-Footer-section,
   body .ap-LayoutProfileFooter-sectionSecondary {
      background-color: #f2f2f2
   }

   body .ap-Footer-copyrightItem,
   body .ap-LayoutProfileFooter-copyrightItem {
      color: #000
   }

   body .ap-StoryHeader .ap-Player,
   body .ap-StoryHeader .ap-StoryAuthor {
      page-break-after: auto;
      page-break-before: auto;
      page-break-inside: avoid
   }

   body .ap-StoryHeader .ap-StoryRaw .aspect-w-16.aspect-h-9 {
      background-color: #eee
   }

   body .ap-Story-content .ap-ModalBookmark-link,
   body .ap-Story-content a,
   body .ap-Story-content a:link,
   body .ap-Story-content a:visited {
      background: transparent;
      color: #d7262c
   }

   body .ap-Story-content [href^=http].ap-ModalBookmark-link:after,
   body .ap-Story-content a[href^=http]:after {
      color: #686868;
      content: " < " attr(href) " > ";
      font-style: italic;
      text-decoration: underline
   }

   body .ap-Story-content .ap-ModalBookmark-link:after>img,
   body .ap-Story-content a:after>img {
      content: ""
   }

   body .ap-Story-content article [href^="#"].ap-ModalBookmark-link:after,
   body .ap-Story-content article a[href^="#"]:after {
      content: ""
   }

   body .ap-Story-content .ap-LayoutFooter,
   body .ap-Story-content .ap-Player,
   body .ap-Story-content .ap-StoryElement,
   body .ap-Story-content .ap-StoryIllu {
      page-break-after: auto;
      page-break-before: auto;
      page-break-inside: avoid
   }

   body .ap-Story-content .ap-StoryIllu-imagePrint {
      max-height: 95vh;
      width: 100%
   }

   body .ap-Story-content .ap-StoryInterstitialLink {
      display: block
   }

   body .ap-Story-content .ap-StoryQuote--pullquote:before {
      top: -70px
   }

   body .ap-Story-content .ap-StoryRaw .aspect-w-16.aspect-h-9 {
      background-color: #eee
   }

   .ap-Print-bgImage {
      background-image: var(--print-bg-image);
      background-position: 50%;
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      height: var(--print-height-image);
      margin: auto;
      width: var(--print-width-image)
   }

   .ap-Print-bgImage img {
      display: none
   }
}

.ap-LayoutHeader,
.ap-LayoutHeader-item {
   display: block
}

.ap-LayoutBody {
   background-color: #f4f4f4;
   margin: 1rem auto;
   padding-left: 8px;
   padding-right: 8px
}

@media (min-width:992px) {
   .ap-LayoutBody {
      margin-top: 2rem;
      padding-left: 32px;
      padding-right: 32px
   }
}

.ap-LayoutFooter {
   background-color: #262729
}

.ap-LayoutProfileCenter-nav {
   background: linear-gradient(195deg, #1a2c37 45%, #000 90%);
   display: flex;
   height: 100%;
   justify-content: center;
   left: 0;
   min-width: 17rem;
   position: fixed;
   top: 0
}

@media(max-width:895px) {
   .ap-LayoutProfileCenter-nav {
      z-index: 1
   }
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-nav {
      display: none
   }
}

.ap-LayoutProfileCenter-navContainer {
   margin-left: auto;
   margin-right: auto;
   width: 16rem
}

@media (min-width:768px) {
   .ap-LayoutProfileCenter-navContainer {
      margin-top: 10.125rem
   }
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-navContainer {
      margin-top: 0;
      padding: 0
   }
}

.ap-LayoutProfileCenter-nav--containerMobile {
   margin: 35px auto 0
}

.ap-LayoutProfileCenter-navItem {
   cursor: pointer;
   height: 40px;
   margin-bottom: .25rem;
   padding: 8px 7px;
   position: relative
}

.ap-LayoutProfileCenter-mainContent {
   min-height: 100vh;
   position: relative;
   z-index: 1
}

.ap-LayoutProfileCenter-logoutContainer {
   align-items: center;
   border: 1px solid transparent;
   border-radius: 6px;
   bottom: 10px;
   color: #fff;
   display: flex;
   height: 50px;
   position: absolute;
   width: 90%
}

.ap-LayoutProfileCenter-logoutContainer:focus,
.ap-LayoutProfileCenter-logoutContainer:hover {
   background: #d7262c;
   color: #fff
}

.ap-LayoutProfileCenter-logoutContainer:focus .ap-LayoutProfileCenter-logoutContainer-logoutBtn,
.ap-LayoutProfileCenter-logoutContainer:hover .ap-LayoutProfileCenter-logoutContainer-logoutBtn {
   color: #fff;
   text-decoration: none
}

.ap-LayoutProfileCenter-logoutBtn {
   height: 50px;
   width: 100%
}

.ap-LayoutProfileCenter-nav--mobile>.ap-LayoutProfileCenter-logoutContainer {
   bottom: 0;
   height: 40px;
   margin-left: 1rem;
   margin-right: 1rem;
   position: relative
}

.ap-LayoutProfileCenter-nav--mobile>.ap-LayoutProfileCenter-logoutContainer:focus,
.ap-LayoutProfileCenter-nav--mobile>.ap-LayoutProfileCenter-logoutContainer:hover {
   background: hsla(0, 0%, 100%, .3);
   border-color: #fff
}

.ap-LayoutProfileCenter-nav--mobile .ap-LayoutProfileCenter-logoutBtn {
   color: #fff;
   height: auto;
   padding-left: 10px;
   text-align: left;
   text-decoration: none
}

.ap-LayoutProfileCenter-nav--mobile .ap-LayoutProfileCenter-logoutBtn svg {
   margin-right: 7px !important
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-nav--mobile {
      border-radius: 0 0 20px 20px;
      display: block;
      height: auto;
      padding: 2.5rem 1rem;
      position: absolute;
      top: 136px;
      width: 100%;
      z-index: 11
   }
}

.ap-LayoutProfileCenter-nav--mobile.is-app {
   top: 50px
}

.ap-LayoutProfileCenter-nav--mobile .ap-LayoutProfileCenter-navContainer {
   padding-left: 1rem;
   padding-right: 1rem;
   width: 100%
}

.ap-LayoutProfileCenter-linkNav {
   align-items: center;
   border-radius: 6px;
   display: flex;
   height: 100%;
   left: 0;
   padding-left: 10px;
   position: absolute;
   top: 0;
   transition: all .5s;
   width: 100%
}

.ap-LayoutProfileCenter-linkNav,
.ap-LayoutProfileCenter-linkNav:visited {
   color: #fff
}

.ap-LayoutProfileCenter-linkNav:focus,
.ap-LayoutProfileCenter-linkNav:hover {
   background-color: hsla(0, 0%, 100%, .3);
   color: #fff;
   outline: 1px solid #fff;
   padding-left: 20px;
   text-decoration: none;
   transition: padding-left .3s ease
}

.ap-LayoutProfileCenter-linkNav--isActive {
   background-color: #d7262c;
   z-index: 2
}

.ap-LayoutProfileCenter-linkNav--isActive,
.ap-LayoutProfileCenter-linkNav--isActive:visited {
   color: #fff
}

.ap-LayoutProfileCenter-linkNav--isActive:focus,
.ap-LayoutProfileCenter-linkNav--isActive:hover {
   background-color: #fff;
   color: #d7262c;
   text-decoration: none
}

.ap-LayoutProfileCenter-buttonIconNav,
.ap-LayoutProfileCenter-linkNav .ap-LayoutProfileCenter-buttonIconNav {
   color: #fff;
   margin-right: 7px
}

.ap-LayoutProfileCenter-buttonIconNav.fa-bookmark {
   min-width: 1.25rem
}

.ap-LayoutProfileCenter-linkNav--isActive .ap-LayoutProfileCenter-buttonIconNav {
   color: #fff
}

.ap-LayoutProfileCenter-linkNav--isActive:focus .ap-LayoutProfileCenter-buttonIconNav,
.ap-LayoutProfileCenter-linkNav--isActive:hover .ap-LayoutProfileCenter-buttonIconNav {
   color: #d7262c
}

.ap-LayoutProfileCenter-titleNav {
   color: inherit
}

.ap-LayoutProfileCenter-main {
   background-color: #fff;
   left: 17rem;
   min-height: 100%;
   min-width: 280px;
   position: absolute;
   top: 0;
   width: calc(100% - 17rem)
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-main {
      left: 0;
      width: 100%
   }
}

.ap-LayoutProfileCenter-userName {
   color: #d7262c;
   font-weight: 700
}

@media (min-width:768px) {
   .ap-LayoutProfileCenter-userName {
      padding-left: .25rem
   }
}

.ap-LayoutProfileCenter-pageTitle {
   display: none
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-pageTitle {
      align-items: center;
      background: #1a2c37;
      color: #fff;
      cursor: pointer;
      display: flex;
      font-weight: 700;
      height: 50px;
      justify-content: space-between;
      padding: 0 25px
   }
}

.ap-LayoutProfileCenter-header {
   border-bottom: 1px solid #f1f0f0;
   display: flex;
   flex-direction: column;
   justify-content: space-between
}

.ap-LayoutProfileCenter-headerContainer {
   align-items: center;
   background-color: #fff;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between
}

@media(max-width:895px) {
   .ap-LayoutProfileCenter-header {
      margin-left: -220px;
      position: relative
   }
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-header {
      margin-left: 0;
      width: 100%
   }
}

.ap-LayoutProfileCenter-buttonIcon {
   margin-right: 10px
}

.ap-LayoutProfileCenter-backButton {
   align-items: center;
   display: flex;
   height: 100%;
   outline: none;
   position: relative;
   text-decoration: none
}

.ap-LayoutProfileCenter-backButtonLogoContainer {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: -2rem
}

@media (max-width:767px) {
   .ap-LayoutProfileCenter-backButtonLogoContainer {
      margin-left: -3.25rem
   }
}

.ap-LayoutProfileCenter-backButtonLogoText {
   color: #757575;
   font-size: .8125rem;
   line-height: 1.5em
}

.ap-LayoutProfileCenter-backButtonIcon {
   color: #fff;
   margin-left: -20px
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-backButtonIcon {
      margin-left: 0;
      margin-top: -4px
   }
}

.ap-LayoutProfileCenter-backButtonIcon img {
   background-color: transparent;
   transform: rotate(-2deg);
   width: 70%
}

@media (max-width:991px) {
   .ap-LayoutProfileCenter-backButtonIcon img {
      background-color: #262729;
      transform: rotate(0);
      width: 50%
   }
}

.ap-LayoutProfileCenter-right {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   position: relative
}

@media (max-width:479px) {
   .ap-LayoutProfileCenter-right {
      align-self: center;
      margin-bottom: 5px
   }
}

.ap-LayoutProfileCenter-avatarContainer {
   border: 1.5px solid #c6c6c6;
   border-radius: 9999px;
   height: 2.188rem;
   margin-right: .25rem;
   overflow: hidden;
   width: 2.188rem
}

.ap-LayoutProfileCenter-avatarImg {
   border-radius: 9999px
}

@media (max-width:767px) {
   .ap-LayoutProfileCenter-avatarContainer {
      border-radius: 9999px;
      height: 100%;
      margin-right: 0;
      width: 100%
   }
}

.ap-LayoutProfileCenter-dropdown {
   background-color: #fff;
   border: 1px solid #bdbdbd;
   border-radius: 9999px;
   margin-right: 20px
}

.ap-LayoutProfileCenter-dropdown.is-open {
   border-radius: 20px 20px 0 0;
   position: relative;
   z-index: 2
}

.ap-LayoutProfileCenter-dropdownHeader {
   align-items: center;
   display: flex;
   justify-content: flex-start;
   outline: none;
   padding: .75rem 1.5rem;
   width: 100%
}

.ap-LayoutProfileCenter-dropdownHeader--hasAvatar {
   padding: 5px
}

.ap-LayoutProfileCenter-dropdownHeader:focus {
   outline: none
}

.ap-LayoutProfileCenter-dropdownContent {
   background-color: #fff;
   border: 1px solid #bdbdbd;
   border-radius: 0 0 20px 20px;
   border-top: none;
   display: flex;
   flex-direction: column;
   left: -1px;
   overflow: hidden;
   position: absolute;
   width: calc(100% + 2px);
   z-index: 1
}

@media (max-width:767px) {
   .ap-LayoutProfileCenter-dropdown {
      margin-right: 10px
   }

   .ap-LayoutProfileCenter-dropdownContent {
      font-size: .8125rem;
      padding-top: .25rem
   }

   .ap-LayoutProfileCenter-dropdownHeader {
      height: 3.125rem;
      justify-content: center;
      padding: 0;
      width: 3.125rem
   }

   .ap-LayoutProfileCenter-dropdown.is-open .ap-LayoutProfileCenter-dropdownHeader {
      height: auto;
      justify-content: space-between;
      padding: .75rem;
      width: 100%
   }

   .ap-LayoutProfileCenter-dropdown.is-open {
      min-width: 8.75rem;
      position: absolute;
      right: 0;
      top: 0;
      transform: translateY(-35%)
   }

   .ap-LayoutProfileCenter-dropdown.is-open .ap-LayoutProfileCenter-dropdownHeader {
      padding: .75rem 1.5rem
   }
}

.ap-LayoutProfileCenter-dropdownHeadIcon {
   font-size: 1.125rem;
   margin-left: .25rem
}

.ap-LayoutProfileCenter-linkLogin {
   border: 1px solid #ddd;
   border-radius: 19px;
   line-height: 1.3;
   margin-right: 10px;
   padding: 9px 22px
}

.ap-LayoutProfileCenter-linkLogin:hover {
   text-decoration: none
}

.ap-LayoutProfileCenter-link {
   align-items: center;
   display: flex;
   height: 100%;
   padding: 0 .5rem;
   position: absolute;
   width: 100%
}

.ap-LayoutProfileCenter-link,
.ap-LayoutProfileCenter-link:visited {
   color: #000
}

.ap-LayoutProfileCenter-link:focus,
.ap-LayoutProfileCenter-link:hover {
   background-color: #d7262c;
   color: #fff;
   text-decoration: none
}

.ap-LayoutProfileCenter-listItem:last-child {
   border-radius: 0 0 20px 20px
}

.ap-LayoutProfileCenter-linkDropDownText {
   color: #000
}

.ap-LayoutProfileCenter-listItem {
   background-color: #fff;
   height: 40px;
   position: relative
}

.ap-LayoutProfileCenter-listItem svg {
   color: inherit;
   margin-left: 1rem;
   margin-right: .5rem !important
}

@media (max-width:767px) {
   .ap-LayoutProfileCenter-listItem svg {
      margin-left: .5rem
   }
}

.ap-LayoutProfileCenter-listItem--firstItem {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   font-size: 1rem;
   height: 45px;
   padding: 0 .5rem
}

@media (min-width:768px) {
   .ap-LayoutProfileCenter-listItem--firstItem {
      display: none
   }
}

.ap-LayoutProfileCenter-buttonIcon--dropdown {
   margin-left: 18px;
   margin-right: 7px
}

.ap-LayoutProfileCenter-linkDropdownText {
   color: inherit
}

.ap-LayoutProfileCenter-defaultContent {
   margin-left: auto;
   margin-right: auto;
   margin-top: 3rem;
   text-align: center;
   width: 90%
}

@media (min-width:768px) {
   .ap-LayoutProfileCenter-defaultContent {
      margin-top: 1.5rem;
      width: 75%
   }
}

@media (min-width:992px) {
   .ap-LayoutProfileCenter-defaultContent {
      margin-top: 5rem;
      width: 50%
   }
}

.ap-LayoutProfileCenter-alert {
   background-color: #f2dede;
   margin-bottom: 1rem;
   padding-bottom: .625rem
}

@media (min-width:768px) {
   .ap-LayoutProfileCenter-alert {
      align-items: flex-start;
      flex-direction: row
   }
}

.ap-LayoutProfileCenter-text {
   color: #999
}

.ap-LayoutProfileCenter-textButton {
   text-transform: uppercase
}

.ap-LayoutProfileCenter-textInfo {
   color: #525252;
   font-size: .75rem;
   margin-top: 1rem
}

@media (min-width:768px) {
   .ap-LayoutProfileCenter-textInfo {
      margin-top: 2rem
   }
}

.ap-LayoutProfileCenter .ap-LayoutProfileCenter-formTitle {
   box-shadow: 0 10px 20px 0 rgba(30, 30, 30, .05);
   font-size: 1.875rem;
   line-height: 2.25rem;
   margin-bottom: 1.25rem;
   padding-bottom: 0;
   padding-top: 0
}

.ap-LayoutProfileCenter .ap-LayoutProfileCenter-formTitle span {
   padding-left: 1rem;
   padding-right: 1rem
}

.ap-LayoutProfileCenter-content--backgroundColor {
   background-color: #f0f2f6
}

.ap-LayoutProfileCenter-content {
   min-height: 100%
}

.ap-LayoutProfileCenter-content #piano-template iframe {
   width: 100% !important
}

.ap-LayoutProfileCenter .ap-LogoMenu svg {
   width: 85px
}

@media (max-width:479px) {
   .ap-LayoutProfileCenter .ap-LogoMenu svg {
      width: 70px
   }
}

.ap-LayoutProfileFooter {
   background-color: #e3e3e3
}

.ap-LayoutProfileFooter-body {
   display: block;
   padding: .25rem 0;
   text-align: center
}

.ap-LayoutProfileFooter-list {
   display: flex;
   flex-wrap: wrap;
   gap: .25rem;
   justify-content: space-evenly;
   margin: 1rem auto;
   width: 100%
}

@media (min-width:768px) {
   .ap-LayoutProfileFooter-list {
      margin-left: 1rem;
      width: 75%
   }
}

@media (min-width:992px) {
   .ap-LayoutProfileFooter-list {
      margin-left: auto;
      margin-right: auto;
      width: 70%
   }
}

.ap-LayoutProfileFooter-link,
.ap-LayoutProfileFooter-link:visited {
   color: #686868;
   display: inline-block;
   font-size: .875rem;
   line-height: 1.3125rem;
   padding: .25rem;
   text-decoration: underline
}

.ap-LayoutProfileFooter-link:focus,
.ap-LayoutProfileFooter-link:hover {
   text-decoration: none
}

.ap-LayoutProfileFooter-container {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: .5rem .75rem
}

@media (min-width:768px) {
   .ap-LayoutProfileFooter-container {
      flex-direction: row
   }
}

@media (min-width:992px) {
   .ap-LayoutProfileFooter-container {
      align-items: center
   }
}


.ap-Button {
   background-color: #fff;
   border-color: var(--color-grey-light);
   border-radius: .25rem;
   border-width: 1px;
   cursor: pointer;
   display: inline-block;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: .8125rem;
   font-weight: 500;
   line-height: 1;
   padding: .5rem .75rem;
   text-decoration: none;
   transition-duration: .15s;
   transition-duration: .3s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-Button:hover {
   text-decoration: none
}

.ap-Button,
.ap-Button:visited {
   color: var(--color-grey-dark)
}

.ap-Button.is-active,
.ap-Button:focus,
.ap-Button:hover {
   --tw-text-opacity: 1;
   background-color: var(--color-grey-dark);
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Button--xs {
   font-size: .8125rem;
   line-height: 1;
   padding: .25rem .5rem
}

.ap-Button--sm {
   font-size: .875rem;
   line-height: 1.25rem;
   line-height: 1;
   padding: .5rem 1rem
}

.ap-Button--md {
   font-size: 1rem;
   line-height: 1;
   padding: .5rem 1.25rem
}

.ap-Button--lg {
   font-size: 1.125rem;
   padding: .75rem 1.25rem
}

.ap-Button--lg,
.ap-Button--xl {
   line-height: 1.75rem;
   line-height: 1
}

.ap-Button--xl {
   font-size: 1.25rem;
   padding: .75rem 1.5rem
}

.ap-Button--primary {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22), 0 3px 4px 0 hsla(0, 0%, 40%, .21)
}

.ap-Button--primary,
.ap-Button--primary:visited {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Button--primary.is-active,
.ap-Button--primary:focus,
.ap-Button--primary:hover {
   --tw-text-opacity: 1;
   background-color: var(--color-primary-dark);
   border-color: var(--color-primary-dark);
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Button--primary.is-active,
.ap-Button--primary:focus,
.ap-Button--primary:hover {
   box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .5)
}

.ap-Button--secondary,
.ap-Player-buttonPlay {
   background-color: var(--color-secondary);
   border-color: var(--color-secondary);
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22), 0 3px 4px 0 hsla(0, 0%, 40%, .21)
}

.ap-Button--secondary,
.ap-Button--secondary:visited,
.ap-Player-buttonPlay {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Button--secondary.is-active,
.ap-Button--secondary:focus,
.ap-Button--secondary:hover,
.ap-Player-buttonPlay:focus,
.ap-Player-buttonPlay:hover,
.is-active.ap-Player-buttonPlay {
   --tw-text-opacity: 1;
   background-color: var(--color-secondary-dark);
   border-color: var(--color-secondary-dark);
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Button--secondary.is-active,
.ap-Button--secondary:focus,
.ap-Button--secondary:hover,
.ap-Player-buttonPlay:focus,
.ap-Player-buttonPlay:hover,
.is-active.ap-Player-buttonPlay {
   box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .5)
}

.ap-Button--tertiary {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   border-color: var(--color-tertiary-light);
   border-width: 1px;
   box-shadow: none
}

.ap-Button--tertiary,
.ap-Button--tertiary:visited {
   color: var(--color-grey-dark)
}

.ap-Button--tertiary.is-active,
.ap-Button--tertiary:focus,
.ap-Button--tertiary:hover {
   --tw-text-opacity: 1;
   background-color: var(--color-secondary);
   border-color: var(--color-secondary);
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Button--tertiary.is-active,
.ap-Button--tertiary:focus,
.ap-Button--tertiary:hover {
   box-shadow: none
}

.ap-Button--lighter,
.ap-Player-buttonPlaybackRate,
.ap-Player-buttonVolume {
   background-color: #fff;
   border: 1px solid #bdbdbd;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22), 0 3px 4px 0 hsla(0, 0%, 40%, .21)
}

.ap-Button--lighter,
.ap-Button--lighter:visited,
.ap-Player-buttonPlaybackRate,
.ap-Player-buttonVolume {
   color: #686868
}

.ap-Button--lighter.is-active,
.ap-Button--lighter:focus,
.ap-Button--lighter:hover,
.ap-Player-buttonPlaybackRate:focus,
.ap-Player-buttonPlaybackRate:hover,
.ap-Player-buttonVolume:focus,
.ap-Player-buttonVolume:hover,
.is-active.ap-Player-buttonPlaybackRate,
.is-active.ap-Player-buttonVolume {
   background-color: #686868;
   border-color: #686868;
   box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, .25);
   color: #fff
}

.ap-Button--pay {
   background-color: var(--color-pay);
   border-width: 0;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .22), 0 3px 4px 0 hsla(0, 0%, 40%, .21);
   color: var(--color-pay-darker)
}

.ap-Button--pay:visited {
   color: var(--color-pay-darker)
}

.ap-Button--pay.is-active,
.ap-Button--pay:focus,
.ap-Button--pay:hover {
   background-color: var(--color-pay-dark);
   border-width: 0;
   color: var(--color-pay-darker)
}

.ap-Button--pay.is-active,
.ap-Button--pay:focus,
.ap-Button--pay:hover {
   box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .5)
}

.ap-StoryList-li .ap-BookmarkButton,
.is-small .ap-BookmarkButton {
   min-height: 2rem;
   min-width: 2rem
}

.ap-StoryList-li .ap-BookmarkButton-icon,
.is-small .ap-BookmarkButton-icon {
   font-size: 1rem
}

@media (max-width:991px) {
   .is-mobileSmall .ap-BookmarkButton {
      min-height: 2rem;
      min-width: 2rem
   }

   .is-mobileSmall .ap-BookmarkButton-icon {
      font-size: 1rem
   }
}

@media (min-width:992px) {
   .is-desktopSmall .ap-BookmarkButton {
      min-height: 2rem;
      min-width: 2rem
   }

   .is-desktopSmall .ap-BookmarkButton-icon {
      font-size: 1rem
   }
}

.ap-Box-content--border .ap-StoryList-li .ap-BookmarkButton,
.ap-Box-content--border .is-small .ap-BookmarkButton {
   margin-right: 0
}

@media (max-width:991px) {
   .ap-Box-content--border .is-mobileSmall .ap-BookmarkButton {
      margin-right: 0
   }
}

@media (min-width:992px) {
   .ap-Box-content--border .is-desktopSmall .ap-BookmarkButton {
      margin-right: 0
   }
}

.ap-Box-title {
   color: #d7262c;
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.625rem;
   padding-bottom: .5rem;
   padding-left: .5rem;
   padding-right: .5rem
}

@media (min-width:768px) {
   .ap-Box-title {
      padding-bottom: .75rem
   }
}

.ap-Box-title--border {
   background-color: #fff;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid #e3e3e3;
   border-top: 1px solid #e3e3e3;
   padding-left: .5rem;
   padding-right: .5rem;
   padding-top: .5rem
}

@media (min-width:768px) {
   .ap-Box-title--border {
      padding-left: .75rem;
      padding-right: .75rem;
      padding-top: .75rem
   }
}

.ap-Box-content--border {
   background-color: #fff;
   border-left: 1px solid #e3e3e3;
   border-right: 1px solid #e3e3e3;
   padding-bottom: 1.25rem;
   padding-left: .75rem;
   padding-right: .75rem;
   position: relative
}

.ap-Box-content--border:after {
   background-color: #d7262c;
   bottom: 0;
   content: "";
   height: 5px;
   left: -1px;
   position: absolute;
   width: calc(100% + 2px)
}

.ap-Box-content--pt {
   padding-top: .5rem
}

p.ap-Box-title--border {
   margin-bottom: 0
}

@media(min-width:680px) {
   .is-fullBleed .slick-slide {
      border-radius: 0;
      overflow: hidden
   }
}

@media (min-width:992px) {
   .is-fullWidth.is-fullBleed .slick-slide {
      border-radius: 0;
      overflow: hidden
   }
}

.ap-Chain-title,
.ap-FeatureGroupVideo-title {
   color: #d7262c;
   display: block;
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.625rem;
   margin-top: 0;
   text-align: center
}

@media (min-width:768px) {

   .ap-Chain-title,
   .ap-FeatureGroupVideo-title {
      font-size: 2.1875rem;
      line-height: 2.5rem
   }
}

.ap-Chain-title--mb,
.ap-FeatureGroupVideo-title {
   margin-bottom: 1rem
}

@media (min-width:992px) {
   .ap-Chain-title--left {
      text-align: left
   }
}

.ap-Chain-title--center {
   text-align: center
}

.ap-Chain-titleLogo {
   display: inline-block;
   max-width: 130px
}

.ap-Chain-titleLogo svg {
   min-height: 40px;
   width: 100%
}

@media (min-width:768px) {
   .ap-Chain-body {
      padding-top: 1.5rem
   }
}

.ap-Chain-footer {
   display: flex;
   padding-bottom: 1.5rem
}

.ap-Chain--deco .ap-Chain-title,
.ap-Chain--deco .ap-FeatureGroupVideo-title {
   background-color: #f4f4f4;
   display: inline-block;
   margin-bottom: 0;
   padding-bottom: 1rem;
   padding-right: 1rem;
   padding-top: 1rem;
   position: relative;
   text-align: left;
   z-index: 2
}

@media (max-width:991px) {
   .ap-Chain--deco .ap-Chain-body {
      display: grid
   }
}

.ap-Chain--deco.is-titleChain .ap-Chain-body {
   padding-top: 0
}

@media (min-width:992px) {
   .ap-Chain--deco.is-titleChain .ap-Chain-body {
      padding-top: 0
   }
}

.ap-Chain--deco.is-titleChain .ap-Chain-header {
   position: relative
}

.ap-Chain--deco.is-titleChain .ap-Chain-header:after {
   background: #2f2f2f;
   content: "";
   display: block;
   height: 1px;
   left: 0;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   z-index: 1
}

.ap-Chain--deco .ap-Chain-footer {
   margin-top: -.5rem
}

@media (max-width:991px) {
   .ap-LayoutBody-main>.ap-Chain--deco:first-child {
      margin-top: -1rem
   }

   .ap-LayoutBody-main>.ap-Chain--deco:first-child .ap-Chain-body {
      padding-left: 0;
      padding-right: 0;
      padding-top: 0
   }
}

@media (min-width:992px) {
   .ap-LayoutBody-main>.ap-Chain--deco:first-child {
      margin-top: -2rem
   }
}

.ap-ChainNav {
   display: none
}

@media (min-width:992px) {
   .ap-ChainNav.is-menu {
      display: block;
      margin-bottom: .5rem;
      text-align: right
   }

   .ap-ChainNav.is-menu .ap-ChainNav-item {
      display: inline-block
   }

   .ap-ChainNav.is-menu .ap-ChainNav-link {
      color: #686868;
      display: block;
      font-weight: 400;
      padding: .5rem;
      text-decoration: none
   }

   .ap-ChainNav.is-menu .ap-ChainNav-link:hover {
      text-decoration: none
   }

   .ap-ChainNav.is-menu .ap-ChainNav-link:visited {
      color: #686868
   }

   .ap-ChainNav.is-menu .ap-ChainNav-link:focus {
      color: #d7262c
   }

   .ap-ChainNav.is-menu .ap-ChainNav-link:hover {
      color: #d7262c
   }
}

.ap-FileNameList-item {
   background-color: #e3e3e3;
   border-radius: .25rem;
   display: flex;
   font-size: .8125rem;
   line-height: 1.125rem;
   margin-bottom: .25rem;
   transition-duration: .15s;
   transition-duration: .3s;
   transition-property: background-color, border-color, color, fill, stroke;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-FileNameList-item:after {
   clear: both;
   content: "";
   display: table
}

.ap-FileNameList-item:focus,
.ap-FileNameList-item:hover {
   background-color: #f0f0f0
}

.ap-FileNameList-button,
.ap-FileNameList-text {
   padding: .5rem .75rem
}

.ap-FileNameList-button {
   color: #262729;
   margin-left: auto;
   position: relative
}

.ap-FileNameList-button:visited {
   color: #262729
}

.ap-FileNameList-button:focus {
   color: #d7262c
}

.ap-FileNameList-button:hover {
   color: #d7262c
}

.ap-FileNameList-button:before {
   background-color: #bdbdbd;
   content: "";
   height: 80%;
   left: 0;
   margin: 10% 0;
   position: absolute;
   top: 0;
   width: 1px
}

.ap-FollowList-item {
   border-radius: 2px;
   display: inline-block;
   margin-right: .25rem
}

.ap-FollowList-item .svg-inline--fa {
   font-size: 1.125rem
}

.ap-FollowList-item.is-email {
   background: #d7262c
}

.ap-FollowList-item.is-email:focus,
.ap-FollowList-item.is-email:hover {
   background: #ac1e23
}

.ap-FollowList-item.is-facebook {
   background: #4267b2
}

.ap-FollowList-item.is-facebook:focus,
.ap-FollowList-item.is-facebook:hover {
   background: #34518d
}

.ap-FollowList-item.is-twitter {
   background: #000
}

.ap-FollowList-item.is-twitter:focus,
.ap-FollowList-item.is-twitter:hover {
   background: #000
}

.ap-FollowList-item.is-instagram {
   background: linear-gradient(45deg, #fdf497, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.ap-FollowList-item.is-instagram:focus,
.ap-FollowList-item.is-instagram:hover {
   background: linear-gradient(45deg, #fdf497, #fdf497 15%, #fd5949 55%, #d6249f 70%, #285aeb)
}

.ap-FollowList-item.is-linkedin {
   background: #0077b5
}

.ap-FollowList-item.is-linkedin:focus,
.ap-FollowList-item.is-linkedin:hover {
   background: #005582
}

.ap-FollowList-link {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
   display: block;
   height: 1.625rem;
   line-height: 1.82rem;
   text-align: center;
   width: 1.625rem
}

.ap-FollowList-link:focus,
.ap-FollowList-link:hover,
.ap-FollowList-link:visited {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Footer-section--primary {
   padding-bottom: 1.5rem
}

.ap-Footer-section--primary .ap-Footer-container {
   padding-bottom: 1.5rem;
   padding-top: 1.5rem
}

@media (max-width:1023px) {
   .ap-Footer-section--primary .ap-Footer-container {
      padding: 1.25rem .75rem
   }
}

@media (max-width:1199px) {
   .ap-Footer-section--primary .ap-Footer-container {
      padding-left: 1.5rem;
      padding-right: 1.5rem
   }
}

.ap-Footer-section--secondary,
.ap-LayoutProfileFooter-sectionSecondary {
   --tw-bg-opacity: 1;
   background-color: rgba(0, 0, 0, var(--tw-bg-opacity))
}

.ap-Footer-section--secondary .ap-Footer-container,
.ap-LayoutProfileFooter-sectionSecondary .ap-Footer-container {
   align-items: flex-start;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-bottom: 1rem;
   padding-left: .75rem;
   padding-right: .75rem;
   padding-top: 1rem
}

@media (min-width:768px) {

   .ap-Footer-section--secondary .ap-Footer-container,
   .ap-LayoutProfileFooter-sectionSecondary .ap-Footer-container {
      flex-direction: row
   }
}

@media (min-width:992px) {

   .ap-Footer-section--secondary .ap-Footer-container,
   .ap-LayoutProfileFooter-sectionSecondary .ap-Footer-container {
      align-items: center
   }
}

@media (max-width:767px) {
   .ap-Footer .ap-Footer-section--primary {
      padding-bottom: 0
   }
}

.ap-Footer-copyright,
.ap-LayoutProfileFooter-copyright {
   margin-bottom: .5rem
}

@media (min-width:768px) {

   .ap-Footer-copyright,
   .ap-LayoutProfileFooter-copyright {
      margin-bottom: 0
   }
}

.ap-Footer-copyrightItem,
.ap-LayoutProfileFooter-copyrightItem {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
   display: inline;
   font-size: .8125rem;
   line-height: 1.125rem
}

.ap-Footer-cimLink {
   max-width: 91px
}

.ap-Footer-cimLink:focus {
   outline: 1px dotted currentcolor;
   outline-color: #fff
}

@media (min-width:768px) {
   .ap-Footer-cimLink {
      margin-left: .5rem
   }
}

.ap-FooterSlogan {
   align-items: center;
   color: #fff;
   display: flex;
   flex-wrap: wrap;
   font-size: 1rem;
   line-height: 1.4375rem;
   margin-bottom: 1.5rem
}

.ap-FooterSlogan-logo {
   display: inline-block;
   margin-bottom: 0;
   margin-left: .5rem;
   margin-right: .5rem;
   max-width: 122px;
   vertical-align: bottom;
   width: 100%
}

.ap-FooterSlogan-logo--small {
   max-width: 60px
}

.ap-FooterSlogan-logo--center {
   margin: 0 auto
}

@media (min-width:1024px) {
   .ap-FooterNav {
      margin-left: -1.5rem;
      margin-right: -1.5rem;
      padding-left: .75rem;
      padding-right: .75rem
   }
}

@media (max-width:767px) {
   .ap-FooterNav {
      margin-bottom: .5rem
   }
}

.ap-FooterNav-title {
   color: #fff;
   font-size: 1.25rem;
   font-weight: 400;
   margin-bottom: 1rem
}

.ap-FooterNavList-item {
   width: 50%
}

@media (max-width:767px) {
   .ap-FooterNavList-item {
      margin-bottom: 1rem
   }
}

@media (min-width:768px) {
   .ap-FooterNavList-item {
      padding: .5rem .75rem;
      width: 33.333333%
   }
}

@media (min-width:992px) {
   .ap-FooterNavList-item {
      width: 20%
   }

   .ap-FooterNavList-item.is-col4 {
      width: 50%
   }

   .ap-FooterNavList-item.is-col4 .ap-FooterNavList-item--subNav {
      -moz-column-count: 4;
      column-count: 4;
      display: block
   }

   .ap-FooterNavList-item.is-col2 {
      width: 33.333333%
   }

   .ap-FooterNavList-item.is-col2 .ap-FooterNavList-item--subNav {
      -moz-column-count: 2;
      column-count: 2;
      display: block
   }

   .ap-FooterNavList-item.is-col1 {
      width: 16.666667%
   }
}

.ap-FooterNavList-item--group {
   padding-left: 0;
   padding-right: 0;
   width: 50%
}

.ap-FooterNavList-item--group-item {
   width: 100%
}

@media (min-width:768px) {
   .ap-FooterNavList-item--group-item {
      padding-left: 0;
      padding-right: 0;
      width: 50%
   }
}

@media (min-width:1024px) {
   .ap-FooterNavList-item--group-item {
      width: 100%
   }
}

@media (max-width:767px) {
   .ap-FooterNavList-item--group ul {
      flex-direction: column
   }

   .ap-FooterNavList-item--group .is-col1 {
      width: 100%
   }
}

@media (min-width:1024px) {
   .ap-FooterNavList-item--group .is-col1 {
      width: 33.333333%
   }
}

@media (max-width:767px) {
   .ap-FooterNavList-item--group .is-col2 {
      width: 100%
   }
}

@media (min-width:1024px) {
   .ap-FooterNavList-item--group .is-col2 {
      width: 66.666667%
   }

   .ap-FooterNavList-item--borderLeft {
      border-left: 1px solid #525252;
      padding-left: 2rem
   }
}

.ap-SubFooterNav-item {
   margin-bottom: .25rem
}

.ap-SubFooterNav-link {
   color: #fff;
   display: inline-block;
   font-size: .8125rem;
   font-weight: 500;
   line-height: 1.125rem;
   text-decoration: none
}

.ap-SubFooterNav-link:hover {
   text-decoration: underline
}

.ap-SubFooterNav-link:visited {
   color: #fff
}

.ap-SubFooterNav-link:focus {
   color: #e05055
}

.ap-SubFooterNav-link:hover {
   color: #e05055
}

.ap-SubFooterNav-link:focus {
   outline: 1px dotted currentcolor;
   outline-color: #fff
}

.ap-Input {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: inherit;
   border-color: #d1d8dd;
   border-radius: .25rem;
   border-width: 1px;
   color: #686868;
   font-size: 1.25rem;
   line-height: 1.625rem;
   padding: .5rem;
   width: 100%;
   z-index: 0
}

.ap-Input::-moz-placeholder {
   color: #c6c6c6
}

.ap-Input::placeholder {
   color: #c6c6c6
}

@media (min-width:992px) {
   .ap-Input {
      padding: .75rem
   }
}

.ap-Input.is-hidden {
   clip: rect(0, 0, 0, 0);
   border-width: 0;
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   white-space: nowrap;
   width: 1px
}

.ap-Input-select {
   align-items: center;
   background-color: #fff;
   background-image: linear-gradient(0deg, #f9f9f9, #fff 33%);
   border: 1px solid #d1d8dd;
   border-radius: .25rem;
   color: #686868;
   cursor: pointer;
   display: flex;
   font-size: 1.125rem;
   line-height: 1.5;
   position: relative;
   width: 100%
}

.ap-Input-select:after {
   border: solid #d7262c;
   border-width: 0 0 3px 3px;
   content: "";
   height: .65em;
   margin-top: -2px;
   pointer-events: none;
   position: absolute;
   right: 1.5rem;
   top: 50%;
   transform: translateY(-50%) rotate(315deg);
   transition: transform .15s ease;
   width: .65em
}

.ap-Input-select.is-active:after {
   margin-top: 2px;
   transform: translateY(-50%) rotate(135deg)
}

.ap-Input-select select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background-color: transparent;
   border: none;
   cursor: inherit;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   margin: 0;
   outline: none;
   padding: .75rem 2.5rem .75rem 1.25rem;
   width: 100%
}

.ap-Input-select select::-ms-expand {
   display: none
}

.ap-Input-select select:focus {
   border-radius: inherit;
   box-shadow: 0 0 0 2px #d7262c
}

.ap-Input-label {
   background-color: inherit;
   display: block;
   position: relative
}

.ap-Input-label.is-overlay {
   padding-top: .75rem
}

.ap-Input-labelText {
   font-size: 1.125rem;
   line-height: 1.4375rem;
   padding-left: .5rem;
   padding-right: .5rem
}

.ap-Input-label.is-overlay .ap-Input-labelText {
   background-color: inherit;
   left: 0;
   margin-left: 1rem;
   position: absolute;
   top: 0;
   z-index: 20
}

.ap-Input-label--after {
   align-items: center;
   cursor: pointer;
   display: flex
}

.ap-Input--checkbox,
.ap-Input--radio {
   display: none
}

.ap-Input--checkbox+.ap-Input-icon,
.ap-Input--radio+.ap-Input-icon {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   border-width: 1px;
   color: var(--color-grey-dark)
}

.ap-Input--checkbox+.ap-Input-icon,
.ap-Input--radio+.ap-Input-icon {
   text-align: center
}

.ap-Input--checkbox+.ap-Input-icon,
.ap-Input--radio+.ap-Input-icon {
   border-color: #bdbdbd;
   font-size: .75rem;
   height: 1.25rem;
   line-height: 1.5em;
   min-width: 1.25rem
}

.ap-Input--checkbox+.ap-Input-icon .svg-inline--fa,
.ap-Input--radio+.ap-Input-icon .svg-inline--fa {
   opacity: .25
}

.ap-Input--checkbox+.ap-Input-icon--md,
.ap-Input--radio+.ap-Input-icon--md {
   font-size: .9375rem;
   height: 1.5rem;
   min-width: 1.5rem
}

.ap-Input--checkbox+.ap-Input-icon--lg,
.ap-Input--radio+.ap-Input-icon--lg {
   font-size: 1.25rem;
   height: 2rem;
   line-height: 1.625em;
   min-width: 2rem
}

.ap-Input--checkbox:checked+.ap-Input-icon,
.ap-Input--radio:checked+.ap-Input-icon {
   --tw-text-opacity: 1;
   background-color: var(--color-secondary);
   border-color: var(--color-secondary-dark);
   border-width: 1px;
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Input--checkbox:checked+.ap-Input-icon .svg-inline--fa,
.ap-Input--radio:checked+.ap-Input-icon .svg-inline--fa {
   opacity: 1
}

.ap-Input--checkbox+.ap-Input-icon {
   border-radius: .25rem
}

.ap-Input--radio+.ap-Input-icon {
   border-radius: 9999px
}

.ap-Input-labelText--after {
   text-align: left
}

.ap-Input-label--password {
   align-items: stretch;
   display: flex;
   flex-wrap: wrap;
   width: 100%
}

.ap-Input-label--password .ap-Input-icon--button {
   align-items: center;
   border-color: #d1d8dd;
   border-radius: .25rem;
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
   border-width: 1px;
   display: flex;
   line-height: 1.5;
   margin-left: -1px;
   margin-right: 0;
   padding: .375rem .75rem
}

.ap-Input-label--password .ap-Input-icon--button:focus,
.ap-Input-label--password .ap-Input-icon--button:hover {
   --tw-text-opacity: 1;
   background-color: var(--color-secondary);
   color: rgba(255, 255, 255, var(--tw-text-opacity))
}

.ap-Input--password {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   flex-grow: 1;
   width: auto
}

.ap-Input-label--password.is-error .ap-Input-icon--button,
.ap-Input-label.is-error input,
.ap-Input-label.is-error textarea {
   border-color: #f03d3d
}

.ap-Input-errorText {
   color: #f03d3d;
   display: block;
   font-size: .8125rem;
   font-weight: 600;
   margin-top: .25rem;
   text-align: left;
   width: 100%
}

.ap-Input-label.is-success input,
.ap-Input-label.is-success textarea {
   border-color: #0bb07b;
   padding-right: 2.25rem
}

.ap-Input-icon--success {
   color: #0bb07b;
   font-size: 1.125rem;
   line-height: 1.5rem;
   margin: 0;
   padding: .5rem;
   position: absolute;
   right: 0;
   top: 0
}

@media (min-width:992px) {
   .ap-Input-icon--success {
      padding: .75rem
   }
}

.ap-Input-icon--success .svg-inline--fa {
   vertical-align: middle
}

.ap-Input-label.is-overlay .ap-Input-icon--success {
   margin-top: .75rem
}

.ap-Input-label--password.is-success .ap-Input-icon--button {
   border-color: #0bb07b
}

.ap-Input-label--password.is-success .ap-Input-icon--success {
   right: 3rem
}

.ap-Menu,
.ap-PartnersMenu {
   background: #fff;
   border-bottom-style: 1px solid #262729;
   border-top-style: 2px solid #d7262c;
   box-shadow: none;
   left: 0;
   position: fixed;
   top: 0;
   transition-duration: .15s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   width: 100%;
   z-index: 999
}

@media (min-width:992px) {

   .ap-Menu,
   .ap-PartnersMenu {
      background: #fff;
      border-bottom-color: #d1d8dd;
      box-shadow: none
   }
}

@media (max-width:991px) {

   .ap-Menu.is-scrollUp,
   .is-scrollUp.ap-PartnersMenu {
      top: -51px
   }
}

.ap-ListIconMenu {
   display: flex;
   flex-wrap: nowrap
}
ap-ListIconMenu-item {
   display: flex
}

.ap-ListIconMenu-item--secondary {
   background-color: #50aa50;
   padding-left: .5rem;
   padding-right: .5rem
}

.ap-ListIconMenu-item--user {
   margin-left: 0;
   position: relative
}

.ap-ListIconMenu-item--user .ap-ListIconMenu-text {
   max-width: 100px
}

.ap-ListIconMenu-button,
.ap-ListIconMenu-link {
   align-items: center;
   border-radius: 9999px;
   color: inherit;
   display: block;
   font-size: inherit;
   font-weight: 400;
   line-height: 1;
   margin-left: 0;
   margin-right: 0;
   padding: .25rem .305rem;
   text-align: center
}

.ap-ListIconMenu-button:focus,
.ap-ListIconMenu-link:focus {
   color: #fff
}

.ap-ListIconMenu-button:hover,
.ap-ListIconMenu-link:hover {
   color: #fff
}

.ap-ListIconMenu-button:focus,
.ap-ListIconMenu-link:focus {
   outline: 0 none transparent
}

.ap-ListIconMenu-button:focus,
.ap-ListIconMenu-button:hover,
.ap-ListIconMenu-link:focus,
.ap-ListIconMenu-link:hover {
   background-color: #EA1D2C;
   text-decoration: none
}

@media (min-width:1200px) {

   .ap-ListIconMenu-button,
   .ap-ListIconMenu-link {
      margin-left: .25rem
   }
}

.ap-ListIconMenu-button,
.ap-ListIconMenu-link--text {
   border-radius: .3125rem
}

.ap-ListIconMenu-icon {
   align-items: center;
   display: flex;
   margin-right: 0;
   min-height: 1.75rem
}

.ap-ListIconMenu-icon .svg-inline--fa {
   font-size: 1.3125rem;
   margin-left: auto;
   margin-right: auto
}

.ap-ListIconMenu-text {
   display: block;
   font-size: .6875rem;
   line-height: 1rem;
   margin: 0 auto;
   word-break: normal
}

.ap-ListIconMenu-button.is-dropdown.is-open {
   background-color: #EA1D2C;
   color: #fff
}

.ap-ListIconMenu--primaryMenu {
   flex-shrink: 1
}

@media (max-width:991px) {
   .ap-ListIconMenu--primaryMenu {
      margin-right: .75rem
   }
}

.ap-ListIconMenu--primaryMenu .ap-ListIconMenu-item {
   align-items: center
}

.ap-ListIconMenu--tapbar {
   flex-grow: 1;
   justify-content: space-around;
   padding-bottom: .5rem;
   padding-top: .5rem
}

.ap-ListIconMenu--tapbar .ap-ListIconMenu-item {
   align-items: center;
   justify-content: center
}

.ap-ListIconMenu--tapbar .ap-ListIconMenu-link {
   color: #a1a1a1;
   padding-bottom: 0;
   padding-top: 0
}

.ap-ListIconMenu--tapbar .ap-ListIconMenu-link .svg-inline--fa {
   font-size: 1.3125rem
}

.ap-ListIconMenu--tapbar .ap-ListIconMenu-icon {
   min-height: inherit;
   padding-bottom: .3rem
}

@media (min-width:992px) {
   .ap-ListIconMenu.is-mobile {
      display: none
   }
}

@media (max-width:767px) {
   .ap-ListIconMenu-item.is-desktop {
      display: none
   }
}

.ap-LogoMenu {
   margin-left: .5rem
}

@media(min-width:330px) {
   .ap-LogoMenu {
      margin-left: .5rem
   }
}

@media (min-width:992px) {
   .ap-LogoMenu {
      margin-left: .75rem;
      margin-right: .75rem
   }
}

.ap-LogoMenu svg {
   width: 63px
}

@media (max-width:479px) {
   .ap-LogoMenu svg {
      width: 63px
   }
}

@media (min-width:992px) {
   .ap-LogoMenu {
      text-align: center
   }

   .ap-LogoMenu svg {
      width: 75px
   }
}

.ap-LogoMenu--leftMenu {
   align-items: center;
   display: flex
}

.ap-LogoMenu--sidebar {
   align-self: center;
   margin-bottom: 1rem
}

@media (min-width:992px) {
   .ap-LogoMenu--overlay {
      left: 50%;
      position: absolute;
      top: 10px;
      transform: translateX(-50%)
   }
}

.ap-PrimaryMenu {
   align-items: stretch;
   background-color: #fff;
   border-bottom: 0 solid transparent;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   min-height: 48px;
   position: relative;
   z-index: 999
}

@media (min-width:992px) {
   .ap-PrimaryMenu {
      min-height: 60px
   }
}

.ap-PrimaryMenu-item {
   align-items: center;
   display: flex;
   flex-shrink: 1
}

@media(min-width:1200px) {
   .ap-PrimaryMenu-item--left {
      flex-basis: 0;
      flex-grow: 1
   }
}

.ap-PrimaryMenu-item--center {
   margin-left: auto;
   margin-right: auto
}

.ap-PrimaryMenu-item--right {
   flex-grow: 1;
   justify-content: flex-end
}

@media(min-width:1200px) {
   .ap-PrimaryMenu-item--right {
      flex-basis: 0;
      flex-grow: 1
   }
}

@media (max-width:991px) {
   .ap-PrimaryMenu-item--right .ap-PrimaryMenu-button {
      margin-right: .75rem
   }
}

@media (min-width:992px) {
   .ap-PrimaryMenu-item--right .ap-PrimaryMenu-button {
      margin-left: .75rem
   }
}

.ap-PrimaryMenu-title {
   color: #d7262c;
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 2rem
}

.ap-PrimaryMenu-button {
   align-items: center;
   border-radius: .25rem;
   cursor: pointer;
   display: flex;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: .8125rem;
   font-weight: 500;
   line-height: 1.125rem;
   padding: .5rem;
   text-decoration: none;
   transition-duration: .15s;
   transition-duration: .3s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-PrimaryMenu-button:hover {
   text-decoration: none
}

@media (max-width:479px) {
   .ap-PrimaryMenu-button {
      font-size: .8125rem;
      line-height: 1.125rem
   }
}

@media (min-width:992px) {
   .ap-PrimaryMenu-button {
      font-size: 1rem;
      padding: .5rem 1rem
   }
}

.ap-PrimaryMenu-button .svg-inline--fa {
   font-size: 1.25rem;
   width: 1.25rem
}

.ap-PrimaryMenu-button--back {
   padding-left: .75rem;
   padding-right: .75rem
}

.ap-PrimaryMenu-button--back .svg-inline--fa {
   color: #686868;
   font-size: 1.375rem
}

.ap-SearchMenu {
   display: block
}

.ap-SearchMenu-container {
   align-items: center;
   display: flex;
   padding: 0 1rem;
   position: relative
}

.ap-SearchMenu-input {
   border-color: #bdbdbd;
   border-width: 1px;
   color: #d7262c;
   font-size: 1rem;
   line-height: 1.3125rem;
   padding: .75rem 2rem .75rem .75rem;
   width: 100%
}

@media (min-width:768px) {
   .ap-SearchMenu-input {
      font-size: 1.125rem;
      line-height: 1.4375rem
   }
}

.ap-SearchMenu-input:focus {
   border-color: #d7262c;
   outline: 2px solid transparent;
   outline-offset: 2px
}

.ap-SearchMenu-button {
   color: #686868;
   font-size: 1.25rem;
   line-height: 1.625rem;
   margin-left: -2rem
}

@media (min-width:768px) {
   .ap-SearchMenu-button {
      font-size: 1.375rem;
      line-height: 2rem
   }
}

.ap-SearchMenu-button:focus,
.ap-SearchMenu-button:hover {
   color: #d7262c
}

.ap-SearchMenu--primaryMenu {
   --tw-translate-y: 100%;
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-scale-x: 0;
   --tw-scale-y: 0;
   background-color: #fff;
   display: flex;
   left: 0;
   opacity: 0;
   position: absolute;
   top: auto;
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform-origin: top right;
   transition-duration: .15s;
   transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
   transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   visibility: hidden;
   width: 0;
   z-index: 998
}

.ap-SearchMenu--primaryMenu.is-open {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   opacity: 1;
   visibility: visible;
   width: 100%
}

.ap-SearchMenu--primaryMenu .ap-SearchMenu-container {
   margin-left: auto;
   margin-right: auto;
   max-width: 48rem;
   padding: 2rem 1rem;
   width: 100%
}

.ap-SearchMenu--primaryMenu .ap-SearchMenu-input {
   background-color: transparent;
   border-left-width: 0;
   border-right-width: 0;
   border-top-width: 0;
   font-size: 1.375rem;
   font-weight: 400;
   line-height: 2rem;
   padding: .25rem 2.5rem .25rem .5rem
}

@media (min-width:768px) {
   .ap-SearchMenu--primaryMenu .ap-SearchMenu-input {
      font-size: 1.5rem;
      line-height: 2rem
   }
}

.ap-SearchMenu--primaryMenu .ap-SearchMenu-button {
   font-size: 1.375rem;
   line-height: 2rem
}

@media (min-width:768px) {
   .ap-SearchMenu--primaryMenu .ap-SearchMenu-button {
      font-size: 1.375rem;
      line-height: 2rem
   }
}

.ap-SearchMenu--sidebar .ap-SearchMenu-input {
   border-radius: 9999px
}

.ap-SearchButton {
   align-items: center;
   border-radius: 0;
   border-bottom-right-radius: 0;
   cursor: pointer;
   display: flex;
   margin: 0 .5rem;
   padding: .5rem;
   transition-duration: .15s;
   transition-property: none;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-SearchButton:focus {
   outline: 0 none transparent
}

.ap-SearchButton.is-active,
.ap-SearchButton:focus,
.ap-SearchButton:hover {
   background-color: transparent;
   text-decoration: none
}

@media (min-width:992px) {
   .ap-SearchButton {
      margin: 0 .5rem;
      padding: .5rem
   }
}

.ap-SearchButton-icon {
   align-items: center;
   display: flex;
   height: 2rem;
   position: relative;
   width: 2rem
}

.ap-SearchButton-icon:before {
   background-color: #fff;
   border-radius: .075rem;
   content: "";
   height: .235rem;
   margin-top: -2px;
   position: absolute;
   right: 5px;
   top: 6px;
   transform: rotate(-45deg);
   transform-origin: top right;
   transition-duration: .15s;
   transition-property: width;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   width: 0
}

.ap-SearchButton-icon:after {
   background-color: #fff;
   border-radius: .075rem;
   bottom: 3px;
   content: "";
   height: .235rem;
   margin-top: -2px;
   position: absolute;
   right: 5px;
   transform: rotate(45deg);
   transform-origin: bottom right;
   transition-duration: .15s;
   transition-property: width;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   width: .85rem;
   z-index: 1
}

.ap-SearchButton:hover .ap-SearchButton-icon:after,
.ap-SearchButton:hover .ap-SearchButton-icon:before {
   background-color: #d7262c
}

.ap-SearchButton-iconCircle {
   border: 3px solid #fff;
   border-radius: 9999px;
   height: 1.25rem;
   left: 4px;
   position: absolute;
   top: 3px;
   transition-duration: .15s;
   transition-property: width, height, border-color;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   width: 1.25rem;
   z-index: 2
}

.ap-SearchButton:hover .ap-SearchButton-iconCircle {
   border: 3px solid #d7262c
}

.ap-SearchButton.is-active .ap-SearchButton-icon:after,
.ap-SearchButton.is-active .ap-SearchButton-icon:before {
   width: 100%
}

.ap-SearchButton.is-active .ap-SearchButton-iconCircle {
   border-color: transparent;
   height: 0;
   width: 0
}

.ap-SecondaryMenu-container {
   margin-left: auto;
   margin-right: auto
}

.ap-SecondaryMenu-iconHome {
   min-width: 20px;
   padding: 9px 10px
}

.ap-SecondaryMenu-iconHome:focus {
   outline: 1px dotted currentcolor;
   outline-color: #d7262c;
   outline-offset: -4px
}

.ap-SecondaryMenu-iconHome,
.ap-SecondaryMenu-iconHome:visited {
   color: #d7262c
}

@media (min-width:768px) {
   .ap-SecondaryMenu-iconHome {
      min-width: 60px;
      padding: 9px 20px
   }
}

.ap-SecondaryMenu-sectionTitle {
   color: #d7262c;
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-size: 1.875rem;
   font-weight: 700;
   line-height: 2.25rem;
   margin-bottom: 1rem;
   padding-right: 20px
}

@media (max-width:767px) {
   .ap-SecondaryMenu-sectionTitle {
      margin-bottom: 0;
      padding-left: .25rem
   }
}

@media (min-width:768px) {
   .ap-SecondaryMenu-sectionTitle {
      font-size: 2rem;
      line-height: 2.25rem;
      margin-bottom: 1.25rem;
      text-align: left
   }
}

@media (min-width:992px) {
   .ap-SecondaryMenu-sectionTitle {
      font-size: 2.5rem;
      line-height: 2.8125rem;
      max-width: 300px
   }
}

.ap-SecondaryMenu-tagLine {
   color: #262729;
   font-size: 1.5rem;
   font-weight: 300;
   line-height: 2rem;
   padding: .5rem .75rem
}

.ap-SecondaryMenu-sectionTitle--small {
   font-size: 1.125rem;
   line-height: 1.4375rem
}

@media (max-width:767px) {
   .ap-SecondaryMenu-sectionTitle--small {
      align-items: center;
      display: flex;
      flex-direction: column
   }
}

.ap-SecondaryMenu-static {
   align-items: center;
   display: flex;
   position: relative;
   text-align: center
}

@media (min-width:768px) {
   .ap-SecondaryMenu-static {
      float: left;
      min-height: 45px
   }
}

.ap-SecondaryMenu-dynamic {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   position: relative;
   z-index: 2
}

@media (max-width:767px) {
   .ap-SecondaryMenu-dynamic {
      margin-left: -8px;
      margin-right: -8px
   }
}

.ap-SecondaryMenu-dynamic:before {
   background-color: #d1d8dd;
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   right: 0;
   top: 45px;
   width: 100%
}

.ap-SecondaryMenu-list {
   align-items: stretch;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-start;
   min-height: 45px;
   width: 100%
}

@media (min-width:768px) {
   .ap-SecondaryMenu-list {
      min-height: 45px
   }
}

.ap-SecondaryMenu-list--scroll {
   -webkit-overflow-scrolling: touch;
   overflow: hidden auto;
   padding-left: 0;
   padding-right: 8px
}

@media (min-width:768px) {
   .ap-SecondaryMenu-list--scroll {
      padding-right: .5rem
   }
}

.ap-SecondaryMenu-list--borderAfter:after {
   background-color: #d1d8dd;
   content: "";
   height: 45px;
   position: absolute;
   right: 80px;
   top: 0;
   width: 1px
}

.ap-SecondaryMenu-list--paddingRight {
   margin-right: 80px
}

.ap-SecondaryMenu-listItem {
   align-items: stretch;
   display: flex;
   justify-content: center;
   padding-left: .25rem;
   padding-right: .25rem;
   position: relative
}

.ap-SecondaryMenu-listLink {
   align-items: center;
   display: flex;
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-size: 1.25rem;
   font-weight: 300;
   justify-content: center;
   line-height: 1.625rem;
   min-width: 0;
   padding: .25rem .5rem;
   text-decoration: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   white-space: nowrap
}

.ap-SecondaryMenu-listLink:hover {
   text-decoration: none
}

.ap-SecondaryMenu-listLink:focus {
   outline: 0 none transparent
}

@media (min-width:992px) {
   .ap-SecondaryMenu-listLink {
      padding: .5rem .75rem
   }
}

.ap-SecondaryMenu-btnArrow {
   display: flex;
   min-height: 45px;
   position: absolute;
   right: 0;
   z-index: 2
}

@media (min-width:768px) {
   .ap-SecondaryMenu-btnArrow {
      min-height: 45px
   }
}

.ap-SecondaryMenu-btnArrowItem {
   color: #686868;
   font-size: 1.25rem;
   height: 100%;
   width: 40px
}

.ap-SecondaryMenu-btnArrowItem:focus {
   outline: 0 none transparent
}

.ap-SecondaryMenu-btnArrowItem:focus,
.ap-SecondaryMenu-btnArrowItem:hover {
   background-color: #f2f2f2;
   color: #686868
}

.ap-SecondaryMenu-btnArrowItem.is-disabled {
   cursor: not-allowed
}

.ap-SecondaryMenu-btnArrowItem.is-disabled:focus,
.ap-SecondaryMenu-btnArrowItem.is-disabled:hover {
   color: #686868
}

.ap-SecondaryMenu-btnArrowItem.is-disabled .svg-inline--fa {
   opacity: .5
}

.ap-SecondaryMenu-listLink.is-dropdown .svg-inline--fa {
   font-size: 1rem
}

.ap-SecondaryMenu-listLink.is-dropdown.is-active .svg-inline--fa,
.ap-SecondaryMenu-listLink.is-dropdown:focus .svg-inline--fa,
.ap-SecondaryMenu-listLink.is-dropdown:hover .svg-inline--fa {
   color: #d7262c
}

.ap-SecondaryMenu.is-header {
   margin-top: 0
}

@media (min-width:992px) {
   .ap-SecondaryMenu.is-header {
      border-color: transparent
   }
}

.ap-SecondaryMenu.is-header .ap-SecondaryMenu-static {
   float: left
}

@media (max-width:991px) {
   .ap-SecondaryMenu.is-header .ap-SecondaryMenu-dynamic {
      margin-left: 0;
      margin-right: 0
   }
}

.ap-SecondaryMenu.is-header .ap-SecondaryMenu-dynamic:before {
   display: none
}

.ap-SecondaryMenu.is-header .ap-SecondaryMenu-list--scroll {
   justify-content: flex-start;
   overflow: hidden auto
}

@media (min-width:768px) {
   .ap-SecondaryMenu.is-header .ap-SecondaryMenu-list--scroll {
      padding-left: .5rem
   }
}

@media (min-width:992px) {
   .ap-SecondaryMenu.is-header .ap-SecondaryMenu-list--scroll {
      justify-content: flex-start
   }
}

.ap-SecondaryMenu.is-header .ap-SecondaryMenu-listLink {
   border: 0 solid transparent;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.3125rem;
   min-width: 0
}

@media (min-width:992px) {
   .ap-SecondaryMenu.is-header .ap-SecondaryMenu-listLink {
      padding-bottom: .25rem;
      padding-top: .25rem
   }
}

.ap-SecondaryMenu.is-header .ap-SecondaryMenu-btnArrowItem {
   color: #686868
}

.ap-SecondaryMenu.is-subMenu .ap-SecondaryMenu-list {
   min-height: auto
}

@media (max-width:991px) {
   .is-scrollUp .ap-SecondaryMenu.is-header {
      margin-top: 0
   }
}

.ap-SecondaryMenu-listLink,
.ap-SecondaryMenu-listLink:visited {
   color: #262729
}

.ap-SecondaryMenu-iconHome.is-current,
.ap-SecondaryMenu-iconHome:focus,
.ap-SecondaryMenu-iconHome:hover,
.ap-SecondaryMenu-listLink.is-current,
.ap-SecondaryMenu-listLink:focus,
.ap-SecondaryMenu-listLink:hover {
   color: #d7262c
}

.ap-SecondaryMenu-iconHome.is-current:before,
.ap-SecondaryMenu-iconHome:focus:before,
.ap-SecondaryMenu-iconHome:hover:before,
.ap-SecondaryMenu-listLink.is-current:before,
.ap-SecondaryMenu-listLink:focus:before,
.ap-SecondaryMenu-listLink:hover:before {
   background-color: #d7262c;
   bottom: 0;
   content: "";
   height: 3px;
   left: 0;
   margin: 0 auto;
   position: absolute;
   right: 0;
   width: calc(100% - 1rem)
}

@media (min-width:992px) {

   .ap-SecondaryMenu-iconHome.is-current:before,
   .ap-SecondaryMenu-iconHome:focus:before,
   .ap-SecondaryMenu-iconHome:hover:before,
   .ap-SecondaryMenu-listLink.is-current:before,
   .ap-SecondaryMenu-listLink:focus:before,
   .ap-SecondaryMenu-listLink:hover:before {
      width: calc(100% - 1.5rem)
   }
}

.ap-SidebarMenu {
   -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
   background-color: rgba(0, 0, 0, .85);
   display: block;
   height: calc(100% - 51px);
   left: -100vw;
   overflow-x: hidden;
   overflow-y: auto;
   position: fixed;
   top: 51px;
   transition-duration: .15s;
   transition-duration: .3s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
   width: 100vw;
   z-index: 998
}

@media (min-width:768px) {
   .ap-SidebarMenu {
      left: -400px;
      width: 400px
   }
}

@media (max-width:991px) {
   .ap-SidebarMenu {
      max-width: 100%
   }
}

@media (min-width:992px) {
   .ap-SidebarMenu {
      height: calc(100% - 62px);
      top: 62px
   }
}

.ap-SidebarMenu.is-open {
   left: 0
}

@media (min-width:992px) {
   .ap-SidebarMenu.is-open {
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
   }
}

.ap-SidebarMenu--right {
   left: auto;
   right: -100vw
}

@media (min-width:768px) {
   .ap-SidebarMenu--right {
      right: -400px
   }
}

.ap-SidebarMenu--right.is-open {
   left: auto;
   right: 0
}

.ap-SidebarMenu-content {
   padding-bottom: 2rem;
   padding-top: 1rem
}

.ap-SidebarMenu-group {
   display: flex;
   flex-direction: column;
   margin-top: 1rem
}

.ap-SidebarMenu-button {
   border-bottom-width: 1px;
   border-color: #686868;
   border-radius: 0;
   border-top-width: 1px;
   display: block;
   font-size: 1.25rem;
   line-height: 1.625rem;
   padding: 1.5rem 1rem;
   text-align: center;
   transition-duration: .15s;
   transition-duration: .3s;
   transition-property: background-color, border-color, color, fill, stroke;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-SidebarMenu-button,
.ap-SidebarMenu-button:visited {
   background-color: transparent;
   color: #fff
}

.ap-SidebarMenu-button:focus,
.ap-SidebarMenu-button:hover {
   background-color: #d7262c;
   color: #fff
}

.ap-SidebarMenu-button .svg-inline--fa {
   font-size: 1.375rem;
   margin-right: .5rem
}

.ap-SidebarMenuIcon {
   border-color: #d1d8dd;
   border-radius: .25rem;
   border-width: 1px;
   box-shadow: none;
   display: flex;
   flex-direction: column;
   margin-bottom: 0;
   margin-left: 1.25rem;
   margin-right: 1.25rem;
   overflow: hidden
}

.ap-SidebarMenuIcon-item {
   align-items: center;
   display: flex
}

.ap-SidebarMenuIcon-item:not(:last-child) .ap-SidebarMenuIcon-link {
   border-bottom-width: 1px;
   border-color: #d1d8dd
}

.ap-SidebarMenuIcon-link {
   align-items: center;
   background-color: #fff;
   color: #262729;
   display: flex;
   flex-grow: 1;
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: 1.125rem;
   font-weight: 400;
   line-height: 1.4375rem;
   overflow: hidden;
   padding: .75rem .75rem .75rem 2.5rem;
   position: relative;
   text-decoration: none
}

.ap-SidebarMenuIcon-link:hover {
   text-decoration: none
}

.ap-SidebarMenuIcon-link:visited {
   color: #262729
}

.ap-SidebarMenuIcon-link:focus {
   color: #fff
}

.ap-SidebarMenuIcon-link:hover {
   color: #fff
}

.ap-SidebarMenuIcon-link:focus {
   outline: 0 none transparent
}

.ap-SidebarMenuIcon-link:focus,
.ap-SidebarMenuIcon-link:hover {
   background-color: #d7262c
}

.ap-SidebarMenuIcon-link .svg-inline--fa {
   font-size: 1.5rem;
   margin-right: 2.5rem
}

.ap-SidebarMenuItem {
   display: flex;
   flex-direction: column;
   font-size: 1.125rem;
   font-weight: 700;
   line-height: 1.4375rem;
   transition-duration: .15s;
   transition-duration: .3s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-SidebarMenuItem-group {
   align-items: stretch;
   display: flex;
   flex-wrap: nowrap
}

.ap-SidebarMenuItem-link {
   align-items: center;
   display: flex;
   flex-grow: 1;
   padding: .75rem .75rem .75rem 3rem;
   text-decoration: none;
   transition-duration: .15s;
   transition-duration: .3s;
   transition-property: all;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-SidebarMenuItem-link:hover {
   text-decoration: none
}

.ap-SidebarMenuItem-link:focus {
   outline: 0 none transparent
}

.ap-SidebarMenuItem-link:focus,
.ap-SidebarMenuItem-link:hover {
   background-color: transparent
}

.ap-SidebarMenuItem-link.is-current {
   background-color: transparent;
   font-weight: 700
}

.ap-SubMenuSidebarItem>.ap-SidebarMenuItem .ap-SidebarMenuItem-link {
   padding-left: 3.9rem
}

.ap-SubMenuSidebarItem>.ap-SidebarMenuItem>.ap-SubMenuSidebarItem>.ap-SidebarMenuItem .ap-SidebarMenuItem-link {
   padding-left: 4.8rem
}

.ap-SubMenuSidebarItem>.ap-SidebarMenuItem>.ap-SubMenuSidebarItem>.ap-SidebarMenuItem>.ap-SubMenuSidebarItem>.ap-SidebarMenuItem .ap-SidebarMenuItem-link {
   padding-left: 5.7rem
}

.ap-SidebarMenuItem-link:not(.ap-SidebarMenuItem-link--child) {
   font-size: inherit
}

.ap-SidebarMenuItem-buttonToggle {
   align-items: center;
   color: #fff;
   display: flex;
   padding: 1rem 2rem;
   position: relative
}

.ap-SidebarMenuItem-buttonToggle:focus {
   outline: 0 none transparent
}

.ap-SidebarMenuItem-buttonToggle:focus,
.ap-SidebarMenuItem-buttonToggle:hover {
   background-color: transparent
}

.ap-SidebarMenuItem-buttonToggle:before {
   background: #686868;
   content: "";
   display: block;
   height: 34px;
   left: 0;
   position: absolute;
   width: 1px
}

.ap-SidebarMenuItem.is-open .ap-SidebarMenuItem--child.is-open .ap-SidebarMenuItem-buttonToggle,
.ap-SidebarMenuItem.is-open .ap-SidebarMenuItem--child.is-open .ap-SubMenuSidebarItem.is-open .ap-SidebarMenuItem--child.is-open .ap-SidebarMenuItem-buttonToggle,
.ap-SidebarMenuItem.is-open .ap-SidebarMenuItem--child.is-open .ap-SubMenuSidebarItem.is-open .ap-SidebarMenuItem-buttonToggle,
.ap-SidebarMenuItem.is-open .ap-SidebarMenuItem-buttonToggle {
   background-color: transparent
}

.ap-SidebarMenuItem .ap-SidebarMenuItem--child .ap-SidebarMenuItem-buttonToggle:focus,
.ap-SidebarMenuItem .ap-SidebarMenuItem--child .ap-SidebarMenuItem-buttonToggle:hover {
   background-color: transparent
}

.ap-SidebarMenuItem--subMenu .ap-SidebarMenuItem-link:focus,
.ap-SidebarMenuItem--subMenu .ap-SidebarMenuItem-link:hover {
   background-color: transparent
}

.ap-SidebarMenuItem.is-large {
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 2rem;
   margin: .75rem 0
}

.ap-SidebarMenuItem.is-large:not(.ap-SidebarMenuItem--child) {
   border-bottom: 1px solid #686868;
   border-top: 1px solid #686868
}

.ap-SidebarMenuItem.is-large .ap-SidebarMenuItem-link {
   background: #f2c93d;
   border-radius: .25rem;
   color: #5d3c10;
   margin: 1.25rem 2.75rem;
   padding: 1rem;
   text-align: center
}

.ap-SidebarMenuItem.is-large .ap-SidebarMenuItem-link.is-active,
.ap-SidebarMenuItem.is-large .ap-SidebarMenuItem-link:focus,
.ap-SidebarMenuItem.is-large .ap-SidebarMenuItem-link:hover {
   background: #f7b500;
   box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .5);
   color: #5d3c10
}

.ap-SubMenuSidebarItem {
   background-color: transparent;
   border-bottom: 1px solid #686868;
   border-top: 1px solid #686868;
   display: none
}

.ap-SubMenuSidebarItem.is-open {
   display: block
}

.ap-SubMenuSidebarItem.is-open .ap-SubMenuSidebarItem.is-open,
.ap-SubMenuSidebarItem.is-open .ap-SubMenuSidebarItem.is-open .ap-SubMenuSidebarItem.is-open {
   background-color: transparent
}

.ap-SidebarButton {
   border-radius: 0;
   border-bottom-left-radius: 0;
   cursor: pointer;
   margin-left: .5rem;
   padding: 0
}

.ap-SidebarButton:focus {
   outline: 0 none transparent
}

.ap-SidebarButton.is-active,
.ap-SidebarButton:focus,
.ap-SidebarButton:hover {
   background-color: transparent;
   text-decoration: none
}

@media (min-width:992px) {
   .ap-SidebarButton {
      align-items: center;
      display: flex;
      flex-direction: column;
      margin-left: 1.25rem;
      padding: .5rem;
      position: relative
   }
}

.ap-SidebarButton--right {
   margin-right: .75rem
}

@media (min-width:992px) {
   .ap-SidebarButton--right {
      margin-right: 1.25rem
   }
}

.ap-SidebarButton-icon {
   align-items: center;
   display: flex;
   height: 2rem;
   margin-left: auto;
   margin-right: auto;
   position: relative;
   width: 2rem
}

.ap-SidebarButton-icon:before {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-translate-y: -0.75rem;
   content: "";
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform-origin: top;
   width: 1.75rem
}

.ap-SidebarButton-icon:after {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-translate-y: 0.5rem;
   content: "";
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform-origin: bottom;
   width: 1.75rem
}

.ap-SidebarButton-iconLine {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-translate-y: -50%;
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   width: 1.75rem
}

.ap-SidebarButton-icon:after,
.ap-SidebarButton-icon:before,
.ap-SidebarButton-iconLine {
   border-radius: .25rem;
   display: block;
   height: .25rem;
   position: absolute
}

.ap-SidebarButton-icon:after,
.ap-SidebarButton-icon:before,
.ap-SidebarButton-iconLine {
   bottom: 50%;
   margin-left: auto;
   margin-right: auto;
   top: 50%
}

.ap-SidebarButton-icon:after,
.ap-SidebarButton-icon:before,
.ap-SidebarButton-iconLine {
   background-color: #fff;
   border-radius: .075rem;
   left: 0;
   right: 0;
   transition-duration: .2s;
   transition-property: transform, width;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-SidebarButton:hover .ap-SidebarButton-icon:after,
.ap-SidebarButton:hover .ap-SidebarButton-icon:before,
.ap-SidebarButton:hover .ap-SidebarButton-iconLine {
   background-color: #d7262c;
   width: 1.75rem
}

.ap-SidebarButton-text {
   color: #fff;
   display: block;
   font-size: .6875rem;
   font-weight: 400;
   line-height: 1.125rem
}

.ap-SidebarButton.is-active .ap-SidebarButton-icon:after,
.ap-SidebarButton.is-active .ap-SidebarButton-icon:before,
.ap-SidebarButton.is-active .ap-SidebarButton-iconLine {
   left: 0;
   right: 0
}

.ap-SidebarButton.is-active .ap-SidebarButton-iconLine {
   background-color: transparent;
   height: 0;
   width: 0
}

.ap-SidebarButton.is-active .ap-SidebarButton-icon:before {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-translate-y: -50%;
   --tw-rotate: 45deg;
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform-origin: center;
   width: 100%
}

.ap-SidebarButton.is-active .ap-SidebarButton-icon:after {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
   --tw-rotate: 0;
   --tw-skew-x: 0;
   --tw-skew-y: 0;
   --tw-scale-x: 1;
   --tw-scale-y: 1;
   --tw-translate-y: -50%;
   --tw-rotate: -45deg;
   transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform-origin: center;
   width: 100%
}

.ap-SidebarButton--tapbar .ap-SidebarButton-icon {
   height: 1.313rem;
   width: 1.65rem
}

.ap-SidebarButton--tapbar .ap-SidebarButton-icon:after,
.ap-SidebarButton--tapbar .ap-SidebarButton-icon:before,
.ap-SidebarButton--tapbar .ap-SidebarButton-iconLine {
   background-color: #999
}

.ap-SidebarButton--tapbar .ap-SidebarButton-icon:before {
   transform: translateY(-.65rem)
}

.ap-SidebarButton--tapbar .ap-SidebarButton-icon:after {
   transform: translateY(.4rem)
}

.ap-SidebarButton--tapbar .ap-SidebarButton-text {
   color: #999
}

.ap-SidebarButton--tapbar:hover .ap-SidebarButton-icon:after,
.ap-SidebarButton--tapbar:hover .ap-SidebarButton-icon:before,
.ap-SidebarButton--tapbar:hover .ap-SidebarButton-iconLine {
   background-color: #d7262c
}

.ap-SidebarMenuItem-link,
.ap-SidebarMenuItem-link:visited {
   color: #fff
}

.ap-SidebarMenuItem-link.is-current,
.ap-SidebarMenuItem-link:focus,
.ap-SidebarMenuItem-link:hover {
   color: #d7262c
}

.ap-TapbarMenu {
   background-color: #fff;
   border-bottom-width: 1px;
   border-color: #bdbdbd;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-top-width: 1px;
   bottom: 0;
   left: 0;
   position: sticky;
   width: 100%;
   z-index: 999
}

@media (min-width:992px) {
   .ap-TapbarMenu {
      display: none
   }
}

.ap-TapbarMenu-container {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   min-height: 42px
}

.ap-TertiaryMenu {
   border-top: 3px solid #d7262c;
   margin-top: -51px;
   min-width: 220px;
   position: absolute;
   z-index: 30
}

.ap-TertiaryMenu-list {
   background-color: #fff;
   border: 1px solid #d1d8dd;
   border-bottom-left-radius: .25rem;
   border-bottom-right-radius: .25rem;
   box-shadow: none
}

.ap-TertiaryMenu-item:not(:last-of-type) {
   border-bottom: 1px solid #d1d8dd
}

.ap-TertiaryMenu-button,
.ap-TertiaryMenu-link,
.ap-TertiaryMenu-listLink {
   font-size: 1.25rem;
   text-decoration: none
}

.ap-TertiaryMenu-button:focus,
.ap-TertiaryMenu-link:focus,
.ap-TertiaryMenu-listLink:focus {
   outline: 0 none transparent
}

.ap-TertiaryMenu-button:hover,
.ap-TertiaryMenu-link:hover,
.ap-TertiaryMenu-listLink:hover {
   text-decoration: none
}

.ap-TertiaryMenu-button,
.ap-TertiaryMenu-button:visited,
.ap-TertiaryMenu-link,
.ap-TertiaryMenu-link:visited,
.ap-TertiaryMenu-listLink,
.ap-TertiaryMenu-listLink:visited {
   color: #262729
}

.ap-TertiaryMenu-button,
.ap-TertiaryMenu-link {
   display: block
}

.ap-TertiaryMenu-button.is-current,
.ap-TertiaryMenu-button:focus,
.ap-TertiaryMenu-button:hover,
.ap-TertiaryMenu-link.is-current,
.ap-TertiaryMenu-link:focus,
.ap-TertiaryMenu-link:hover {
   background-color: transparent;
   color: #d7262c
}

.ap-TertiaryMenu-link.is-current,
.ap-TertiaryMenu-listLink.is-current {
   background-color: #f4f4f4;
   color: #d7262c
}

.ap-TertiaryMenu-link.is-inactive {
   color: #525252;
   cursor: pointer;
   margin-bottom: 0;
   opacity: .5
}

.ap-TertiaryMenu-link.is-inactive:focus,
.ap-TertiaryMenu-link.is-inactive:hover {
   background-color: #fff
}

.ap-TertiaryMenu-listLink {
   align-items: center;
   display: flex;
   justify-content: space-between;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   white-space: nowrap;
   width: 100%
}

.ap-TertiaryMenu-listLink:focus,
.ap-TertiaryMenu-listLink:hover {
   background-color: #d7262c;
   color: #fff
}

.ap-TertiaryMenu-listLink .ap-TertiaryMenu-icon {
   padding: .75rem 1rem
}

.ap-TertiaryMenu-text {
   color: inherit;
   display: block;
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-weight: 300;
   line-height: 1.625rem;
   padding: .75rem 1rem
}

.ap-TertiaryMenu-icon {
   color: inherit
}

.ap-TertiaryMenu--user {
   margin-top: -2px;
   min-width: 240px;
   right: -60px;
   top: 100%
}

.ap-TertiaryMenu--user .ap-TertiaryMenu-list {
   position: relative
}

.ap-TertiaryMenu--user .ap-TertiaryMenu-list:before {
   border-color: transparent transparent #fff;
   border-style: solid;
   border-width: 0 14px 8px;
   bottom: 100%;
   content: "";
   filter: drop-shadow(0 -2px 5px rgba(0, 0, 0, .15));
   height: 0;
   position: absolute;
   right: 62px;
   width: 0
}

@media (min-width:992px) {
   .ap-TertiaryMenu--user {
      margin-top: 3px
   }
}

.ap-TertiaryMenu--user .ap-TertiaryMenu-button,
.ap-TertiaryMenu--user .ap-TertiaryMenu-link {
   align-items: center;
   display: flex;
   font-size: 1rem;
   padding-left: .75rem
}

.ap-TertiaryMenu--user .ap-TertiaryMenu-text {
   font-family: Roboto, Helvetica, Arial, sans-serif;
   font-size: .8125rem;
   font-weight: 500
}

.ap-TertiaryMenu--user .ap-TertiaryMenu-button {
   text-align: left;
   width: 100%
}

.ap-TertiaryMenu--user .ap-TertiaryMenu-text {
   padding-left: .25rem
}

.ap-TertiaryMenu-listLink.is-dropdown .svg-inline--fa {
   font-size: 1rem
}

.ap-TertiaryMenu-listLink.is-dropdown.is-active {
   background-color: #d7262c;
   color: #fff
}

.ap-TertiaryMenu-subList {
   background-color: transparent;
   display: block;
   max-width: 218px
}

.ap-TertiaryMenu-subList .ap-TertiaryMenu-text {
   padding-left: 1.5rem
}

.ap-TertiaryMenu-subList>.ap-TertiaryMenu-link:focus,
.ap-TertiaryMenu-subList>.ap-TertiaryMenu-link:hover {
   background-color: transparent;
   color: #d7262c
}

.ap-PageTitle {
   background: #f4f4f4;
   color: #d7262c;
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-size: 1.875rem;
   font-weight: 700;
   line-height: 2.25rem;
   margin-bottom: 1rem;
   margin-top: -1rem;
   position: relative
}

@media (min-width:768px) {
   .ap-PageTitle {
      font-size: 2.5rem;
      line-height: 2.8125rem;
      margin-bottom: 1.25rem
   }
}

.ap-PageTitle:after {
   background: #2f2f2f;
   content: "";
   display: block;
   height: 1px;
   left: 0;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 100%;
   z-index: 1
}

.ap-PageTitle span {
   background: inherit;
   display: inline-block;
   padding-bottom: 1rem;
   padding-right: 1rem;
   padding-top: 1rem;
   position: relative;
   z-index: 2
}

input[type=range] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: transparent;
   height: 4px;
   outline: none;
   width: 100%
}

input[type=range]:active,
input[type=range]:focus {
   outline: 2px solid transparent;
   outline-offset: 2px
}

input[type=range]:focus {
   --tw-shadow: var(--box-shadow-outline);
   border-radius: .25rem;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

input[type=range]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none
}

input[type=range]::-ms-track {
   background: transparent;
   border-color: transparent;
   color: transparent;
   cursor: pointer;
   width: 100%
}

input[type=range]::-webkit-slider-thumb {
   background: #fff;
   border: 1px solid #bdbdbd;
   border-radius: 50px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15), 0 2px 3px 0 hsla(0, 0%, 40%, .12);
   cursor: ew-resize;
   height: 18px;
   width: 18px
}

input[type=range]::-moz-range-thumb {
   background: #fff;
   border: 1px solid #bdbdbd;
   border-radius: 50px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15), 0 2px 3px 0 hsla(0, 0%, 40%, .12);
   cursor: ew-resize;
   height: 18px;
   width: 18px
}

input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
   background: #fff;
   border: 1px solid #bdbdbd;
   border-radius: 50px;
   box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .15), 0 2px 3px 0 hsla(0, 0%, 40%, .12);
   cursor: ew-resize;
   height: 18px;
   width: 18px
}

.ap-PlusLink {
   align-items: center;
   background-color: #d7262c;
   border-radius: .25rem;
   display: flex;
   flex-wrap: wrap;
   font-size: 1.125rem;
   font-weight: 400;
   line-height: inherit;
   padding: .5rem .75rem;
   text-decoration: none;
   transition-duration: .15s;
   transition-property: background-color, border-color, color, fill, stroke;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.ap-PlusLink:hover {
   text-decoration: none
}

.ap-PlusLink,
.ap-PlusLink:visited {
   background-color: #d7262c;
   color: #fff
}

.ap-PlusLink:focus,
.ap-PlusLink:hover {
   background-color: #ac1e23;
   color: #fff
}

.ap-PlusLink .svg-inline--fa,
.ap-PlusLink-logo {
   margin-left: .5rem
}

.ap-PlusLink-logo svg {
   max-height: 30px;
   width: 100%
}

.ap-PlusLink-text {
   margin-bottom: 0
}

@keyframes move {
   0% {
      max-width: 0
   }

   to {
      max-width: 100%
   }
}

.ap-ProfilePage {
   padding-bottom: 2rem
}

.ap-ProfilePage-container {
   width: 100%
}

.ap-ProfilePage-container--hasBackground {
   background-color: #f5f5f5
}

.ap-ProfilePage-content {
   margin: .5rem auto;
   padding: .5rem;
   width: 85%
}

@media (min-width:768px) {
   .ap-ProfilePage-content {
      width: 38.375rem
   }
}

.ap-ProfilePage-userInfo {
   display: flex;
   flex-flow: column wrap;
   margin: .75rem 0;
   width: 48%
}

@media (max-width:479px) {
   .ap-ProfilePage-userInfo {
      width: 100%
   }
}

.ap-ProfilePage-userInfo--name {
   color: #262729;
   flex-direction: row;
   font-size: 1.5rem;
   justify-content: center;
   line-height: 1.875rem;
   margin: auto auto 1rem;
   text-align: center;
   width: -moz-fit-content;
   width: fit-content;
   word-break: break-word
}

.ap-ProfilePage-avatarContainer {
   border: 3px solid #c6c6c6;
   border-radius: 9999px;
   height: 6.875rem;
   margin: 1.5rem auto;
   overflow: hidden;
   width: 6.875rem
}

.ap-ProfilePage-avatarImg {
   border-radius: 9999px
}

.ap-ProfilePage-label {
   color: #262729
}

.ap-ProfilePage-info {
   color: #525252
}

.ap-ProfilePage-ctaContainer {
   align-items: center;
   display: flex;
   flex-wrap: wrap;
   gap: .25rem;
   justify-content: space-between;
   margin: .75rem 0
}

.ap-ProfilePage-button {
   background-color: #051f3a;
   border-color: #051f3a;
   border-radius: 8px;
   display: inline-block;
   font-size: .9375rem;
   padding: .85rem 0;
   text-align: center;
   width: 100%
}

@media (min-width:768px) {
   .ap-ProfilePage-button {
      min-width: 16rem;
      width: 48%
   }
}

.ap-ProfilePage.ap-piano-container {
   margin: 0;
   min-height: auto;
   width: auto
}

.ap-Title--3xl {
   font-size: 1.875rem;
   line-height: 2.25rem
}

.ap-Title--2xl {
   font-size: 1.5rem;
   line-height: 2rem
}

.ap-Title--xl {
   font-size: 1.375rem;
   line-height: 2rem
}

.ap-Title--lg {
   font-size: 1.25rem;
   line-height: 1.625rem
}

.ap-Title--md {
   font-size: 1.125rem;
   line-height: 1.4375rem
}

.ap-Title--sm {
   font-size: 1rem;
   line-height: 1.3125rem
}

.ap-Title--2xl,
.ap-Title--3xl,
.ap-Title--lg,
.ap-Title--md,
.ap-Title--sm,
.ap-Title--xl {
   font-family: Open Sans Condensed, Arial narrow, sans-serif;
   font-weight: 700
}

.ap-Title--md,
.ap-Title--sm {
   margin-bottom: .75rem
}

.ap-Title--2xl,
.ap-Title--3xl,
.ap-Title--lg,
.ap-Title--xl {
   margin-bottom: 1.25rem
}

@media (min-width:768px) {

   .ap-Title--2xl,
   .ap-Title--3xl {
      margin-bottom: 2rem
   }

   .ap-Title--lg,
   .ap-Title--xl {
      margin-bottom: 1.5rem
   }
}

.ap-Title-link {
   color: inherit;
   text-decoration: none
}

.ap-Title-link:visited {
   color: inherit
}

.ap-Title-link:focus {
   color: inherit
}

.ap-Title-link:hover {
   color: inherit
}

.ap-Title-link:hover {
   text-decoration: none
}

.svg-inline--fa {
   display: inline-block;
   height: 1em;
   overflow: visible;
   vertical-align: -.125em
}

@media (min-width:480px) {
   .xs\:float-right {
      float: right
   }

   .xs\:float-left {
      float: left
   }

   .xs\:mr-4 {
      margin-right: 1rem
   }

   .xs\:ml-4 {
      margin-left: 1rem
   }

   .xs\:w-1\/2 {
      width: 50%
   }

   .xs\:w-1\/3 {
      width: 33.333333%
   }

   .xs\:w-1\/4 {
      width: 25%
   }

   .xs\:w-4\/5 {
      width: 80%
   }

   .xs\:w-2\/6 {
      width: 33.333333%
   }

   .xs\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .xs\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .xs\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .xs\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .xs\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .xs\:justify-center {
      justify-content: center
   }

   .xs\:justify-between {
      justify-content: space-between
   }

   .xs\:text-left {
      text-align: left
   }

   .xs\:text-center {
      text-align: center
   }

   .xs\:text-right {
      text-align: right
   }
}

@media (min-width:768px) {
   .sm\:col-span-2 {
      grid-column: span 2/span 2
   }

   .sm\:col-span-3 {
      grid-column: span 3/span 3
   }

   .sm\:col-span-4 {
      grid-column: span 4/span 4
   }

   .sm\:col-span-8 {
      grid-column: span 8/span 8
   }

   .sm\:col-span-12 {
      grid-column: span 12/span 12
   }

   .sm\:mt-2 {
      margin-top: .5rem
   }

   .sm\:-mt-1 {
      margin-top: -.25rem
   }

   .sm\:mr-3 {
      margin-right: .75rem
   }

   .sm\:mr-auto {
      margin-right: auto
   }

   .sm\:mb-0 {
      margin-bottom: 0
   }

   .sm\:mb-8 {
      margin-bottom: 2rem
   }

   .sm\:block {
      display: block
   }

   .sm\:inline-block {
      display: inline-block
   }

   .sm\:grid {
      display: grid
   }

   .sm\:hidden {
      display: none
   }

   .sm\:w-32 {
      width: 8rem
   }

   .sm\:w-48 {
      width: 12rem
   }

   .sm\:w-80 {
      width: 20rem
   }

   .sm\:w-auto {
      width: auto
   }

   .sm\:w-1\/2 {
      width: 50%
   }

   .sm\:w-1\/3 {
      width: 33.333333%
   }

   .sm\:w-1\/4 {
      width: 25%
   }

   .sm\:w-3\/4 {
      width: 75%
   }

   .sm\:w-7\/12 {
      width: 58.333333%
   }

   .sm\:flex-grow-0 {
      flex-grow: 0
   }

   .sm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .sm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .sm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .sm\:grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr))
   }

   .sm\:flex-row {
      flex-direction: row
   }

   .sm\:flex-wrap {
      flex-wrap: wrap
   }

   .sm\:flex-nowrap {
      flex-wrap: nowrap
   }

   .sm\:justify-start {
      justify-content: flex-start
   }

   .sm\:justify-end {
      justify-content: flex-end
   }

   .sm\:justify-center {
      justify-content: center
   }

   .sm\:justify-between {
      justify-content: space-between
   }

   .sm\:p-3 {
      padding: .75rem
   }

   .sm\:p-4 {
      padding: 1rem
   }

   .sm\:px-0 {
      padding-left: 0;
      padding-right: 0
   }

   .sm\:px-4 {
      padding-left: 1rem;
      padding-right: 1rem
   }

   .sm\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem
   }

   .sm\:py-4 {
      padding-bottom: 1rem;
      padding-top: 1rem
   }

   .sm\:pr-14 {
      padding-right: 3.5rem
   }

   .sm\:pl-11 {
      padding-left: 2.75rem
   }

   .sm\:text-left {
      text-align: left
   }

   .sm\:text-center {
      text-align: center
   }

   .sm\:text-right {
      text-align: right
   }

   .sm\:gap-x-8 {
      grid-column-gap: 2rem;
      -moz-column-gap: 2rem;
      column-gap: 2rem
   }
}

@media (min-width:992px) {
   .md\:top-auto {
      top: auto
   }

   .md\:col-span-3 {
      grid-column: span 3/span 3
   }

   .md\:col-span-4 {
      grid-column: span 4/span 4
   }

   .md\:col-span-8 {
      grid-column: span 8/span 8
   }

   .md\:-mt-4 {
      margin-top: -1rem
   }

   .md\:mb-2 {
      margin-bottom: .5rem
   }

   .md\:mb-6 {
      margin-bottom: 1.5rem
   }

   .md\:ml-4 {
      margin-left: 1rem
   }

   .md\:flex {
      display: flex
   }

   .md\:grid {
      display: grid
   }

   .md\:hidden {
      display: none
   }

   .md\:h-3\/4 {
      height: 75%
   }

   .md\:w-auto {
      width: auto
   }

   .md\:w-1\/2 {
      width: 50%
   }

   .md\:w-1\/3 {
      width: 33.333333%
   }

   .md\:w-2\/3 {
      width: 66.666667%
   }

   .md\:w-1\/4 {
      width: 25%
   }

   .md\:max-w-lg {
      max-width: 32rem
   }

   .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .md\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .md\:flex-row {
      flex-direction: row
   }

   .md\:flex-col {
      flex-direction: column
   }

   .md\:justify-center {
      justify-content: center
   }

   .md\:justify-between {
      justify-content: space-between
   }

   .md\:rounded-tl {
      border-top-left-radius: .25rem
   }

   .md\:rounded-tr {
      border-top-right-radius: .25rem
   }

   .md\:p-4 {
      padding: 1rem
   }

   .md\:px-3 {
      padding-left: .75rem;
      padding-right: .75rem
   }

   .md\:text-left {
      text-align: left
   }

   .md\:text-center {
      text-align: center
   }

   .md\:text-right {
      text-align: right
   }

   .md\:gap-x-3 {
      grid-column-gap: .75rem;
      -moz-column-gap: .75rem;
      column-gap: .75rem
   }

   .md\:gap-x-6 {
      grid-column-gap: 1.5rem;
      -moz-column-gap: 1.5rem;
      column-gap: 1.5rem
   }

   .md\:gap-y-1 {
      grid-row-gap: .25rem;
      row-gap: .25rem
   }
}

@media (min-width:1024px) {
   .lg\:w-1\/2 {
      width: 50%
   }

   .lg\:w-1\/3 {
      width: 33.333333%
   }

   .lg\:w-1\/4 {
      width: 25%
   }

   .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .lg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .lg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .lg\:justify-center {
      justify-content: center
   }

   .lg\:justify-between {
      justify-content: space-between
   }

   .lg\:p-4 {
      padding: 1rem
   }

   .lg\:text-left {
      text-align: left
   }

   .lg\:text-center {
      text-align: center
   }

   .lg\:text-right {
      text-align: right
   }
}

@media (min-width:1200px) {
   .xl\:w-1\/2 {
      width: 50%
   }

   .xl\:w-1\/3 {
      width: 33.333333%
   }

   .xl\:w-1\/4 {
      width: 25%
   }

   .xl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .xl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .xl\:justify-center {
      justify-content: center
   }

   .xl\:justify-between {
      justify-content: space-between
   }

   .xl\:text-left {
      text-align: left
   }

   .xl\:text-center {
      text-align: center
   }

   .xl\:text-right {
      text-align: right
   }
}

@media (max-width:479px) {
   .maxxs\:mx-2 {
      margin-left: .5rem;
      margin-right: .5rem
   }

   .maxxs\:mt-8 {
      margin-top: 2rem
   }

   .maxxs\:hidden {
      display: none
   }

   .maxxs\:w-1\/2 {
      width: 50%
   }

   .maxxs\:w-1\/3 {
      width: 33.333333%
   }

   .maxxs\:w-1\/4 {
      width: 25%
   }

   .maxxs\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .maxxs\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .maxxs\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .maxxs\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .maxxs\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .maxxs\:justify-center {
      justify-content: center
   }

   .maxxs\:justify-between {
      justify-content: space-between
   }

   .maxxs\:pr-1 {
      padding-right: .25rem
   }

   .maxxs\:pl-2 {
      padding-left: .5rem
   }

   .maxxs\:text-left {
      text-align: left
   }

   .maxxs\:text-center {
      text-align: center
   }

   .maxxs\:text-right {
      text-align: right
   }
}

@media (max-width:767px) {
   .maxsm\:sr-only {
      clip: rect(0, 0, 0, 0);
      border-width: 0;
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px
   }

   .maxsm\:mb-6 {
      margin-bottom: 1.5rem
   }

   .maxsm\:hidden {
      display: none
   }

   .maxsm\:w-1\/2 {
      width: 50%
   }

   .maxsm\:w-1\/3 {
      width: 33.333333%
   }

   .maxsm\:w-1\/4 {
      width: 25%
   }

   .maxsm\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .maxsm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .maxsm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .maxsm\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .maxsm\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .maxsm\:justify-center {
      justify-content: center
   }

   .maxsm\:justify-between {
      justify-content: space-between
   }

   .maxsm\:text-left {
      text-align: left
   }

   .maxsm\:text-center {
      text-align: center
   }

   .maxsm\:text-right {
      text-align: right
   }
}

@media (max-width:991px) {
   .maxmd\:mb-2 {
      margin-bottom: .5rem
   }

   .maxmd\:flex {
      display: flex
   }

   .maxmd\:w-1\/2 {
      width: 50%
   }

   .maxmd\:w-1\/3 {
      width: 33.333333%
   }

   .maxmd\:w-1\/4 {
      width: 25%
   }

   .maxmd\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .maxmd\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .maxmd\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .maxmd\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .maxmd\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .maxmd\:flex-col {
      flex-direction: column
   }

   .maxmd\:justify-center {
      justify-content: center
   }

   .maxmd\:justify-between {
      justify-content: space-between
   }

   .maxmd\:text-left {
      text-align: left
   }

   .maxmd\:text-center {
      text-align: center
   }

   .maxmd\:text-right {
      text-align: right
   }
}

@media (max-width:1023px) {
   .maxlg\:w-1\/2 {
      width: 50%
   }

   .maxlg\:w-1\/3 {
      width: 33.333333%
   }

   .maxlg\:w-1\/4 {
      width: 25%
   }

   .maxlg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .maxlg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .maxlg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .maxlg\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .maxlg\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .maxlg\:justify-center {
      justify-content: center
   }

   .maxlg\:justify-between {
      justify-content: space-between
   }

   .maxlg\:text-left {
      text-align: left
   }

   .maxlg\:text-center {
      text-align: center
   }

   .maxlg\:text-right {
      text-align: right
   }
}

@media (max-width:1199px) {
   .maxxl\:w-1\/2 {
      width: 50%
   }

   .maxxl\:w-1\/3 {
      width: 33.333333%
   }

   .maxxl\:w-1\/4 {
      width: 25%
   }

   .maxxl\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .maxxl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .maxxl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .maxxl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .maxxl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .maxxl\:justify-center {
      justify-content: center
   }

   .maxxl\:justify-between {
      justify-content: space-between
   }

   .maxxl\:text-left {
      text-align: left
   }

   .maxxl\:text-center {
      text-align: center
   }

   .maxxl\:text-right {
      text-align: right
   }
}

@media (min-width:768px) and (max-width:991px) {
   .tablet\:w-1\/2 {
      width: 50%
   }

   .tablet\:w-1\/3 {
      width: 33.333333%
   }

   .tablet\:w-1\/4 {
      width: 25%
   }

   .tablet\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .tablet\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .tablet\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .tablet\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .tablet\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .tablet\:justify-center {
      justify-content: center
   }

   .tablet\:justify-between {
      justify-content: space-between
   }

   .tablet\:text-left {
      text-align: left
   }

   .tablet\:text-center {
      text-align: center
   }

   .tablet\:text-right {
      text-align: right
   }
}

@media (orientation:landscape) and (max-width:479px) {
   .mobileH\:w-1\/2 {
      width: 50%
   }

   .mobileH\:w-1\/3 {
      width: 33.333333%
   }

   .mobileH\:w-1\/4 {
      width: 25%
   }

   .mobileH\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .mobileH\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .mobileH\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .mobileH\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .mobileH\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .mobileH\:justify-center {
      justify-content: center
   }

   .mobileH\:justify-between {
      justify-content: space-between
   }

   .mobileH\:text-left {
      text-align: left
   }

   .mobileH\:text-center {
      text-align: center
   }

   .mobileH\:text-right {
      text-align: right
   }
}

@media (orientation:portrait) and (max-width:479px) {
   .mobileV\:w-1\/2 {
      width: 50%
   }

   .mobileV\:w-1\/3 {
      width: 33.333333%
   }

   .mobileV\:w-1\/4 {
      width: 25%
   }

   .mobileV\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .mobileV\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .mobileV\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .mobileV\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .mobileV\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .mobileV\:justify-center {
      justify-content: center
   }

   .mobileV\:justify-between {
      justify-content: space-between
   }

   .mobileV\:text-left {
      text-align: left
   }

   .mobileV\:text-center {
      text-align: center
   }

   .mobileV\:text-right {
      text-align: right
   }
}

@media (orientation:landscape) and (max-width:991px) {
   .tabletH\:w-1\/2 {
      width: 50%
   }

   .tabletH\:w-1\/3 {
      width: 33.333333%
   }

   .tabletH\:w-1\/4 {
      width: 25%
   }

   .tabletH\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .tabletH\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .tabletH\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .tabletH\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .tabletH\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .tabletH\:justify-center {
      justify-content: center
   }

   .tabletH\:justify-between {
      justify-content: space-between
   }

   .tabletH\:text-left {
      text-align: left
   }

   .tabletH\:text-center {
      text-align: center
   }

   .tabletH\:text-right {
      text-align: right
   }
}

@media (orientation:portrait) and (max-width:991px) {
   .tabletV\:w-1\/2 {
      width: 50%
   }

   .tabletV\:w-1\/3 {
      width: 33.333333%
   }

   .tabletV\:w-1\/4 {
      width: 25%
   }

   .tabletV\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
   }

   .tabletV\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
   }

   .tabletV\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
   }

   .tabletV\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr))
   }

   .tabletV\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr))
   }

   .tabletV\:justify-center {
      justify-content: center
   }

   .tabletV\:justify-between {
      justify-content: space-between
   }

   .tabletV\:text-left {
      text-align: left
   }

   .tabletV\:text-center {
      text-align: center
   }

   .tabletV\:text-right {
      text-align: right
   }
}

/*# sourceMappingURL=styles.css.map*/