/* Helper classes */
.top-30{
    top: 30px;
}

/* TEXT */
/*h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-weight: bold;
    color: var(--hcc-red);
}*/

/* Register labels */
label:not(.small){
    font-weight: 700;
}

label.form-check-label {
    font-weight: 500;
}

.bg-light h1, .bg-light .h1,
.bg-light h2, .bg-light .h2,
.bg-light h3, .bg-light .h3,
.bg-light h4, .bg-light .h4,
.bg-light h5, .bg-light .h5,
.bg-light h6, .bg-light .h6 {
    color: var(--hcc-black);
}

.bg-dark h1, .bg-dark .h1,
.bg-dark h2, .bg-dark .h2,
.bg-dark h3, .bg-dark .h3,
.bg-dark h4, .bg-dark .h4,
.bg-dark h5, .bg-dark .h5,
.bg-dark h6, .bg-dark .h6 {
    color: white;
}

.line-heading {
    position: relative;
    overflow: hidden;
}

.line-heading:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
    margin-left: 30px;
    margin-right: -100%;
    border-top: 1px solid #E0E0E0;
}

[class^='ellipsis'], [class*='ellipsis'] {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-1 {
    -webkit-line-clamp: 1;
}

.ellipsis-2 {
    -webkit-line-clamp: 2;
}

.ellipsis-3 {
    -webkit-line-clamp: 3;
}

.ellipsis-4 {
    -webkit-line-clamp: 4;
}

.ellipsis-5 {
    -webkit-line-clamp: 5;
}

/* NAVBAR */
.navigation .nav-item {
    display: flex;
    align-items: center;
}

.nav-item .nav-link {
    font-weight: bold;
    color: var(--hcc-black);
}

.logo img {
    height: 91px!important;
}

.dropdown-toggle::after {
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.23633L7.5 8.23633L13.5 2.23633' stroke='%23E11B22' stroke-width='2'/%3E%3C/svg%3E");
    width: 15px;
    height: 12px;
    vertical-align: initial;
}

.dropdown-toggle ul li:not(.nav-item)::before {
    content: unset;
}

.nav-item .collapse,
.nav-item .collapsing {
    position: absolute;
    left: 0;
    top: 147px;
    background-color: white;
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.25);
    z-index: 1030;
}

.collapsing .nav,
.collapse .nav {
    flex-direction: column;
}

.collapsing .nav a.nav-link,
.collapse .nav a.nav-link {
    padding: 0;
    font-weight: 400;
    font-size: 1.05rem;
    color: var(--hcc-black);
}

.border-bottom {
    border-color: var(--hcc-red) !important;
}

.skip-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.skip-nav:focus {
    overflow: visible;
    background: black;
    padding: 5px;
    color: white;
    display: block;
    position: static;
    width: 100%;
    height: 30px;
}

.member-bar {
    color: white;
    font-weight: bold;
}

.member-bar-light,
.member-bar-dark {
    display: flex;
    height: 35px;
    align-items: center;
    border-radius: 0 0 10px 10px;
}

.member-bar > div p {
    margin: 0 10px;
}

.member-bar .member-bar-light {
    background-color: var(--hcc-light);
}

.member-bar .member-bar-dark {
    background-color: var(--hcc-black);
}

.mobile-navbar .navbar-brand {
    max-width: 80%;
}

.mobile-navbar .navbar-brand svg {
    max-width: 100%;
}

.mobile-navigation {
    background-color: var(--hcc-red);
    width: 100vw!important;
}

.mobile-navigation .dropdown-toggle::after {
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='11' viewBox='0 0 15 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.23633L7.5 8.23633L13.5 2.23633' stroke='%23FFF' stroke-width='2'/%3E%3C/svg%3E");
}

.mobile-navigation .offcanvas-header .btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    opacity: 1;
}

.mobile-navigation .nav {
    display: flex;
    flex-direction: column;
}

.mobile-navigation .nav-item .nav-link {
    color: white;
    padding-left: 0;
    font-size: 1.3rem;
}

.mobile-navigation .dropdown-menu {
    background: none;
    border: none;

    /* To overwrite the JS that interferes with the dropdown menu */
    position: static!important;
    transform:none!important;
}

.mobile-navigation .dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 700;
    color: white;
    text-align: inherit;
    text-decoration: none;
    white-space: normal;
    background-color: transparent;
    border: 0;
    font-size: 1.2rem;
}

.mobile-navigation .dropdown-menu li::before {
    display: none;
}

/* FOOTER */
footer,
footer .nav-item .nav-link {
    color: white;
    font-weight: 500;
}

footer h5 {
    margin-bottom: 25px;
}

.copyright-bar {
    background-color: var(--hcc-red);
    color: white;
}

.copyright-bar a {
    color: white;
    text-decoration: none;
}

/* MISC. COMPONENTS */
hr.divider {
    opacity: 1;
    border-top: 1px solid #E0E0E0;
}

/* ARTICLES */
.article {
    position: relative;
    margin-bottom: 15px;
}

.article .border-bottom {
    border-color: var(--hcc-light) !important;
}

.article .article-title {
    font-size: var(--hcc-heading-size);
    line-height: var(--hcc-heading-line-height);
    margin-bottom: 0;
}

.article .article-title a{
    color: var(--hcc-black);
    font-weight: bold;
    text-decoration: none;
}

.article p {
    color: #9C9C9C;
    margin-bottom: .35rem;
}

.article p:not(.text-primary):not(.article-title) {
    font-size: var(--hcc-text-size);
}

.article figure.article-photo {
    background-color: #F5F5F7;
    height: 160px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.article figure.article-photo-large {
    height: 100%;
}

.article figure.article-photo img {
    transition: .5s;
    transform: scale(1);
}

.article h1 {
    font-size: 2rem;
}

@media (min-width: 768px) {
    .article:hover figure.article-photo:not(.article-photo-large) img {
        transform: scale(1.05);
    }
}

/* AGENDA */
.agenda .agenda-item {
    background-color: #F4F2F0;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    position: relative;
}

@media (min-width: 768px) {
    .agenda .agenda-item {
        margin-left: 0;
        background-color: #F4F2F0;
        border-radius: 10px;
        flex-direction: row;
        width: 47%;
        display: inline-flex;
        margin-right: 0;
        position: relative;
        padding: 10px;
    }
}
@media (min-width: 992px) {
    .agenda .agenda-item {
        background-color: #F4F2F0;
        border-radius: 10px;
        padding: 10px;
        width: unset;
        display: flex;
        flex-direction: row;
        position: relative;
    }
}
.agenda-item .agenda-calendar-date{
    transition: all 0.5s 0s;
}
.agenda-item:hover .agenda-calendar-date{
    transform: scale(1.2);
}
.agenda .agenda-item + .agenda-item {
    margin-top: 20px;
}

.agenda .agenda-item .agenda-content {
    margin-left: 15px;
    line-height: 1.1;
    display: flex;
    align-items: center;
    width: calc(100% - 60px);
}

.agenda .agenda-item .agenda-content p {
    margin-bottom: 0;
    color: #ABABAB;
}

.agenda .agenda-item .agenda-content p.agenda-title {
    font-weight: bold;
    color: var(--hcc-black);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.agenda .agenda-item .agenda-calendar {
    background-color: white;
    border-radius: 10px;
    width: 60px;
    height: 70px;
}

.agenda .agenda-item .agenda-calendar .agenda-calendar-heading {
    background-color: var(--hcc-red);
    text-transform: uppercase;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 10px 0 0;
    height: 25px
}

.agenda .agenda-item .agenda-calendar .agenda-calendar-date {
    font-weight: bold;
    font-size: 1.5rem;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SLIDERS */
.article-slider-on-small-devices {
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.article-slider-on-small-devices .col {
    /*width: 100%;*/
    margin-left: 15px;
    margin-right: 15px;
}

@media (min-width: 768px) {
    .article-slider-on-small-devices.row-cols-md-2 .col {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .article-slider-on-small-devices {
        padding-left: 0;
        padding-right: 0;
    }

    .article-slider-on-small-devices.row-cols-lg-5 .col {
        width: 20%;
        margin: 0;
    }

    .article-slider-on-small-devices.row-cols-lg-6 .col {
        width: 16.66%;
        margin: 0;
    }
}

/* CALL TO ACTION */
.call-to-action {
    border-radius: 15px;
    text-align: center;
    padding: 50px;
}

/* PROGRESS BAR */
#progressBar {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    z-index: 1050;
}

#progress {
    background-color: var(--hcc-red);
    display: block;
    height: inherit;
    transition: width .4s ease-out;
}

/* TAGS */
.tag-container {
    font-size: 0.875em;
    line-height: 2;
    color: rgb(163,163,163);
}

span.tag {
    background-color: #F4F2F0;
    display: inline-block;
    color: black;
    border-radius: 15px;
    padding: 0 20px;
    margin: 5px;
}

.article-overview article.article .tag-container {
    display: none;
}

@media (min-width: 992px) {
    .article-overview article.article .tag-container {
        display: block;
    }
}

/* AOS */
@media screen and (max-width: 768px) {
    /* Disable AOS-delay on smaller devices */
    [data-aos-delay] {
        transition-delay: 0s !important;
    }
}

/* INFINITE SCROLLING STATUS */
.page-load-status p {
    font-weight: bold;
    font-size: 21px;
    color: var(--hcc-red);
}

/* LAZY LOADING */
.blur-up {
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
    -webkit-filter: blur(0);
    filter: blur(0);
}
/* recent page visited */
.recent-visits .btn{
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 0;
}
.container-fluid.collapsing .container .col-12.col-lg-4,
.container-fluid.collapse .container .col-12.col-lg-4{
    position: relative;
}
.container-fluid.collapsing .container .col-12.col-lg-4::after,
.container-fluid.collapse .container .col-12.col-lg-4::after{
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: var(--hcc-red);
    top: 0;
    right: 0px;
    margin-right: -8.33333333%;
}
.recent-visits a{
    position: relative;
    z-index: 1;
}

/* MODALS */
.modal h1, .modal .h1,
.modal h2, .modal .h2,
.modal h3, .modal .h3,
.modal h4, .modal .h4,
.modal h5, .modal .h5,
.modal h6, .modal .h6,
.modal p {
    color: var(--hcc-black);
}

/* TOGGLE PASSWORD */
::-ms-reveal {
    display: none;
}

.toggle-password-btn {
    position: absolute;
    top: 3px;
    right: 4px;
    z-index: 9;
    width: 28px;
    height: 30px;
    background: 0;
    border: 0;
}

.toggle-password-btn:active,
.toggle-password-btn:focus,
.toggle-password-btn:hover {
    cursor: pointer;
}

.toggle-password-btn:focus {
    outline: none !important;
}

.input-password {
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-password[type=text]:valid {
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
}

.input-password[type=password]:valid {
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
}

/* FORMS */
.form-control:focus {
    box-shadow: 0 0 0 1px var(--hcc-link-color);
    border-color: transparent;
}

/* FAQ */
.accordion {
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23E11B22'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
}

.accordion-button:not(.collapsed) {
    color: var(--hcc-black);
}

.accordion-button:not(.collapsed),
.accordion-button:focus {
    background-color: #ffe7e7;
    border-color: red;
    box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 #ffe7e7;
}

/* PAGINATION */
.pagination__wrapper {
    display: flex;
    justify-content: center;
}

.com-content-category-blog__navigation ul li:not(.nav-item)::before {
    content: none;
}

.com-content-category-blog__navigation .page-item:not(.active) a {
    color: var(--hcc-red);
}

.com-content-category-blog__navigation .page-item:not(.active) a:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 27, 34, 0.25);
}

.com-content-category-blog__navigation .page-link.active, .active > .page-link {
    background-color: var(--hcc-red);
    border-color: var(--hcc-red);
}

.com-content-category-blog__navigation .page-item .page-link.page-link-icon {
    font-weight: 900;
    font-size: 26px;
    line-height: 1;
}

/* PLUS SIGN */
.exclamation-mark-right-top {
    position: relative;
}

.exclamation-mark-right-top:after {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_104_33)'%3E%3Cpath d='M28.2657 14.9297C28.2657 22.2771 22.3346 28.2378 15.0235 28.2378C7.71242 28.2378 1.78125 22.2771 1.78125 14.9297C1.78125 7.58226 7.71242 1.62158 15.0235 1.62158C22.3346 1.62158 28.2657 7.58226 28.2657 14.9297Z' fill='%23E11B22'/%3E%3Cpath d='M13.5952 23.9557H16.4519V20.9146H13.5952V23.9557ZM13.5952 19.2845H16.4519V6.4873H13.5952V19.2845Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_104_33'%3E%3Crect width='28' height='27' fill='white' transform='translate(1 1.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
}