/* Responsive All media Style Here */
:root {
    --mhh-primary-color: #3C4B71;
    --mhh-secondary-color: #FCC13B;
    --mhh-white-color: #fff;    
    --mhh-black-color: #000;
    --mhh-grey-color: #F6F6F6;
    --mhh-primary-color-32: #3C4B7152;
    --mhh-bg-light-yellow: #FFFCF4;
    --mhh-bg-faq: linear-gradient(90deg, #F0F4FF 0.53%, rgba(255, 255, 255, 0) 100.97%);
    --mmh-font-family: 'Lato', sans-serif;
}
/* <= 1820px */
@media screen and (min-width: 2000px) {
    .hero-home-block .hero-home--image img {
        max-width: 1127px;
    }
}
@media screen and (max-width: 1820px) {
    .dashcard--item.add-button {
        right: -160px;
        width: 150px;
        height: 150px;
        font-size: 16px;
    }
    .dashcard--item.add-button .material-symbols-outlined {font-size: 40px;}
}
@media screen and (max-width: 1700px) {
    .dashcard--item.add-button {
        right: 0;
        width: 150px;
        height: 150px;
        font-size: 16px;
        top: -160px;
    }
}
/* <= 1500px */
@media screen and (max-width: 1500px) {
    .h1, h1 {font-size: 72px;}
    .h2, h2 {font-size: 52px;}
    .hero-home-block .mhh-container { min-height: 850px; }
    .hero-home-block .hero-home--image img {bottom: 100px;max-width: 62%;}
    .translatable-title {top: -10%;}
    .publications-block .mhh-container {padding-left: 50px;padding-right: 50px;}
}

/* <= 1366px */
@media screen and (max-width: 1366px) {
    .h1, h1 {font-size: 64px;}
    .h2, h2 {font-size: 48px;}
    .h3, h3 {font-size: 32px;}
    .h4, h4 {font-size: 26px;}
    .nav-title, .sub-nav-title {padding: 22px;}
    .nav-title.current:before {width: calc(100% - 44px);}
    .dash-nav-card.dash-nav-card-child .dash-nav-card {padding-right: 15px;}
    .register-signin--item {padding: 50px;}
    .video-block {padding: 100px 0;}
    .translatable-title {top: -8%;}
    .faq-block {
        margin-top: 100px;
        padding: 0 0 100px 0;
    }
    .publications-block {
        margin: 150px 21px 100px 21px;
        border-radius: 40px 40px 80px 80px;
        -webkit-border-radius: 40px 40px 80px 80px;
        -moz-border-radius: 40px 40px 80px 80px;
        -ms-border-radius: 40px 40px 80px 80px;
        -o-border-radius: 40px 40px 80px 80px;
}
    .publications-block:before {
        height: 160px;
        bottom: 90%;
        transform: skewY(3deg);
    }
    .video-block--wrap--right {padding-left: 70px;}
    .hero-home-block .mhh-container { min-height: 700px; }
    .hero-home-block .hero-home--image img {max-width: 55%;}
    .organizations-block, 
    .dashcard {gap: 30px;}
    .organizations-block article, 
    .dashcard .dashcard--item:not(.dashcard--item.add-button) {width: calc(33.33% - 20px);}
    .organizations-block article h3.entry-title {font-size: 26px;line-height: 1.2;}
    .list_organizations {padding-bottom: 100px;}
    .organization-type-check .radio-grid {margin-left: 25px;}
    .page-template-hub .tooltip { right: 15px !important; }
}

/* <= 1200px */
@media screen and (max-width: 1200px) {
    .h1, h1 {font-size: 54px;}
    .h2, h2 {font-size: 44px;}
    .h3, h3 {font-size: 28px;}
    .register-signin--item {gap: 30px;padding: 40px;}
    .register-signin--block {margin-top: -180px;}
    .hero-home-block .hero-home--content {max-width: 400px;}
    .video-block--wrap--right {padding-left: 40px;}
    .publications-wrapper {gap: 20px;}
    .publications-block .mhh-container { padding-left: 22px; padding-right: 22px; }
    .publications-card-inner {padding: 30px;min-height: auto;}
    .publications-title, .faq-title {margin-bottom: 30px;}
    .register-signin--item .register-signin--icon {min-width: 70px; width: 70px; height: 70px;}
    .register-signin--item .register-signin--icon img {width: 50px;}
    .register-signin--item .register-signin--icon.signin--icon img {width: 41px;}
    .nav-title, .sub-nav-title { padding: 22px 15px; }
    .nav-title.current:before {width: calc(100% - 30px);}
    .nav-title, .sub-nav-title, .footer-links .menu li a {font-size: 17px;}
    .site-header #site-identity .custom-logo-link {font-size: 20px;}
    .site-header #site-identity, 
    .dashcard--tag span, 
    .publications-card-meta, 
    .dashcard--item .updated-tag {font-size: 18px;}
    #avatar-container #profile_menu h4 {font-size: 16px;}
    #avatar-container #profile_menu{min-height: auto;}
    #avatar-container #avatar img {width: 40px;height: 40px;}
    .dash-nav-card .glow-dot { right: 10px; }
    .organizations-block article .entry-content, 
    .organizations-block article .post-thumbnail, 
    .dashcard .dashcard--item:not(.dashcard--item.add-button){padding: 20px;}
    .organizations-block article .post-thumbnail img {max-width: 160px;}
    .organizations-block article .post-thumbnail {height: 220px;}
    .inner-page-banner {min-height: 500px;}
    .inner-page-banner-content .h1, 
    .dashcard--item .dashcard--title { margin-bottom: 20px; line-height: 1.2; }
    .button-edits {top: 20px;right: 20px;}
    .button-edits svg { width: 22px; }
    .pagination{margin-top: 50px;}
    .organization-type-check .radio-grid {margin-left: 0;margin-top: 20px;gap: 30px;}
    .organization-type-check { margin: 30px 0; flex-direction: column; align-items: flex-start; }
    #org_registration .org-manager-block h3.h3.text-center {margin-bottom: 30px;}
    .org-manager-block, .user-profile-container {padding: 40px 30px;}
    .organization-type-radio-grid {margin: 0;}
    .main-footer .footer-logo {width: 400px;}
    #form_header_content span.select2.select2-container.select2-container--default { width: 250px !important; }
}

/* <= 1024px */
@media screen and (max-width: 1024px) {
    .h1, h1 {font-size: 46px;}
    .h2, h2 {font-size: 40px;}
    .h4, h4 {font-size: 24px;}
    .nav-title, .sub-nav-title { padding: 20px 10px; }
    .mhh-btn, .button, button, input[type="button"], input[type="reset"], input[type="submit"] {font-size: 16px; padding: 12px 28px; }
    .nav-title, .sub-nav-title, .footer-links .menu li a {font-size: 16px;}
    .dash-nav-card.dash-nav-card-child .dash-nav-card {padding-right: 20px;}
    .main-footer {padding: 60px 0 30px 0;}
    .main-footer .footer-links {margin: 30px 0;}
    .main-footer .footer-links .menu {padding: 15px 0; gap: 15px;}
    .dash-nav-card .glow-dot { right: 7px; }
    .organizations-block article h3.entry-title {font-size: 24px;}
    .organizations-block article, 
    .dashcard .dashcard--item:not(.dashcard--item.add-button){ width: calc(50% - 15px);}
    .organizations-filter {margin-bottom: 50px;}
    .inner-page-banner .img-wraper { border-radius: 0 0 120px 0; -webkit-border-radius: 0 0 120px 0; -moz-border-radius: 0 0 120px 0; -ms-border-radius: 0 0 120px 0; -o-border-radius: 0 0 120px 0; }
    .org-manager-block input, .org-manager-block select, .org-manager-block textarea {margin-bottom: 20px;}
    .org-manager-block #address_block, 
    .org-manager-block .grid-2-column, 
    .org-manager-block .grid-3-column {gap: 20px;}
    .org-manager-block .grid-2-column {margin-bottom: 20px;}
    .case--header, .case--row {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: auto;
    }
    .case--header > div:nth-last-child(2), .case--row > div:nth-last-child(2), 
    .case--header > div:last-child, .case--row > div:last-child  {
        grid-column: unset;
        min-width: 300px;
    }
    .case--row > div {
        white-space: initial;
        text-overflow: inherit;
    }
}

/* <= 880px */
@media screen and (max-width: 880px) {
    .h1, h1 {font-size: 40px;}
    .h2, h2 {font-size: 32px;}
    .h3, h3 {font-size: 26px;}
    .h4, h4 {font-size: 22px;}
    body iframe {width: 100%;}
    body, 
    .video-block--content p, 
    .publications-card-meta {font-size: 16px;line-height: 1.5;}
    .banner-top-space { padding-top: 120px; }
    .site-header .admin-header {padding: 10px 0;}
    #avatar-container #profile_menu h4, #profile_menu:after, .site-header .header-buttons { display: none; }
    #nav-bar #nav-cards {flex-direction: column;background: linear-gradient(180deg, #3C4B71 0%, #0A1633 99.15%);padding: 20px;}
    .dash-nav-card.dash-nav-card-child {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .main-footer .footer-links .menu {gap: 0;}
    .main-footer .center-text {font-size: 14px;}
    .nav-title, .sub-nav-title {font-size: 18px;}
    .nav-title.current:before {width: 100%;bottom: 8px;}
    #site-navigation {
        overflow: hidden;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
}
    .dash-nav-card.dash-nav-card-child .trigger-child {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 16px;
        z-index: 99;
        right: -25px;
    }
    .dash-nav-card.dash-nav-card-child .dash-nav-card {
        padding-right: 0;
    }
    .dash-nav-sub-menu.open {
        max-height: 500px;
        display: block;
        opacity: 1;
        pointer-events: all;
    }
    .dash-nav-card {display: block;}
    .nav-title {text-align: center;}
    .dash-nav-card .glow-dot {
        right: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #avatar-container #profile_menu { padding: 0; }
    .hamburger-wrapper {display: flex;}
    .site-header #site-navigation-wrap {
        margin-top: 0px;
        width: calc(100% + 44px);
        left: -22px;
        position: absolute;
        transform: translateY(10%);
        transition: all 0.4s, opacity 0.4s;
        display: block;
        opacity: 0;
        pointer-events: none;
        z-index: -1;
    }
    #site-navigation-wrap.open {
        transform: translateY(0%);
        opacity: 1;
        pointer-events: all;
        z-index: 9;
    }
    #profile_sub_menu {
        min-width: 200px;
        margin-top: 22px;
        transform: translateY(10%);
        transition: all 0.4s, opacity 0.4s;
        display: block;
        opacity: 0;
        pointer-events: none;
        z-index: -1;
    }
    #profile_sub_menu.open {
        transform: translateY(0%);
        opacity: 1;
        pointer-events: all;
        z-index: 9;
    }
    .site-header {height: auto;position: fixed;background-color: var(--mhh-primary-color);}
    #profile_sub_menu a {font-size: 16px;}
    #profile_sub_menu li { padding: 0; }
    .dash-nav-sub-menu {
        position: relative;
        top: auto;
        box-shadow: none;
        padding: 0;
        width: 100%;
        background: transparent;
        z-index: 999;
        min-width: 100%;
        display: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }
    .hero-home-block .hero-home--content {
        padding: 0;
        max-width: 100%;
        text-align: center;
    }
    
    .hero-home-block .mhh-container { min-height: 650px; }
    .hero-home-block .hero-home--text { max-width: 100%; }
    .register-signin--item .register-signin--inner p {line-height: 1.5;}
    .register-signin--item { gap: 20px; padding: 25px; }
    .video-block, 
    .section-space {padding: 80px 0;}
    .video-block--wrap--right {text-align: center;}
    .video-block--wrap {flex-direction: column;gap: 40px;}
    .video-block--wrap--left, 
    .video-block--wrap--right {width: 98%;padding: 0;}
    .publications-block {
        padding: 20px 0 80px 0;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        margin: 50px 22px 80px 22px;
    }
    .publications-wrapper {grid-template-columns: repeat(1, 1fr);}
    .publications-block:before { bottom: 95%;height: 100px;}
    .publications-card-meta {margin-bottom: 15px;}
    .faq-section.faq-block {padding: 50px 0;}
    .faq-block {margin-top: 80px;padding: 0 0 80px 0;}
    .accordion .accordion-item {padding: 25px;}
    .accordion .accordion-item .accordion-title {font-size: 18px;}
    .faq-block .faq-image img {bottom: 0;display: none;}
    .faq-block .accordion {max-width: 100%;}
    .video-block--title {margin-bottom: 20px;}
    .organizations-block article h3.entry-title {font-size: 22px;}
    .organizations-block article .post-thumbnail { height: 200px; }
    .inner-page-banner {min-height: auto;padding-bottom: 150px;}
    .dashcard--item .updated-tag {font-size: 16px;}
    .pagination .page-numbers {width: 40px;height: 40px;}
    .org-manager-block #address_block, .org-manager-block .grid-2-column, .org-manager-block .grid-3-column {grid-template-columns: repeat(1, 1fr);}
    .org-manager-block #address_block > div {width: 100%;}
    #org_registration .org-manager-block, 
    #open-case-header { margin-bottom: 30px; }
    .hideIndesk {display: block;}
    .hubtable-block .case--header, 
    .form-header.form-header--sticky {top: 82px !important;}
    .pagination .prev.page-numbers, 
    .pagination .next.page-numbers {margin: 5px;}
    #case_form_body .grid-2-column, #case_form_body .grid-3-column { display: block; }
    #case_form_body .case-group, #form_header{ padding: 0; }
    #form_header_content span.select2.select2-container.select2-container--default {width: 150px !important;}
    #form_header_content ul#selected_post_author, #form_header_content ul.key-ul { padding-left: 0;}
    #form_header_content span.top.has-tip { font-size: 14px; }
    #form_header #form_header_content {max-height: 120px;}
    .manage-case-header {font-size: 12px;}
    #case_manager label { text-align: left; }
    .manage-case-header h2 {font-size: 18px !important;}
    ul.glossary-nav li .taxonomy-filter-button {padding: 5px 10px;margin: 3px;font-size: 14px;}
}

/* <= 767px */
@media screen and (max-width: 767px) {
    .h1, h1 {font-size: 32px;}
    .h2, h2 {font-size: 28px;}
    .h3, h3 {font-size: 24px;}
    .h4, h4 {font-size: 18px;}
    .site-header {height: auto;}
    .site-header #site-identity .custom-logo-link{font-size: 0;}
    #avatar-container #avatar img { width: 35px; height: 35px; }
    .hero-home-block .mhh-container { min-height: 620px; }
    .hero-home-block .hero-home--image img { max-width: 400px; bottom: 50px; }
    .register-signin--block .register-signin--wrap {flex-direction: column;}
    .register-signin--item {width: 100%;}
    .register-signin--item:before {
        width: 100%;
        height: 1px;
        bottom: 0;
        top: auto;
        right: 0;
        left: 0;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(60, 75, 113, 0.3) 48.5%, rgba(255, 255, 255, 0) 100%);
    }
    .register-signin--block { margin-top: -100px; }
    .register-signin--item .register-signin--icon {
        min-width: 50px;
        width: 50px;
        height: 50px;
    }
    .register-signin--item .register-signin--inner p {margin-bottom: 10px;}
    .register-signin--item .register-signin--icon.signin--icon img{ width: 30px; }
    .register-signin--item .register-signin--icon img {width: 38px;}
    .register-signin--item {
        padding: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .register-signin--inner {text-align: center;}
    .video-block,
    .organizations_directory, 
    .list_organizations, 
    #org_registration, 
    .section-space, 
    .faq-section.faq-block { padding: 50px 0; }
    .video-play-icon svg { width: 50px; }
    .video-block--wrap--right .mhh-btn {margin-top: 20px;}
    .publications-block:before {display: none;}
    .publications-block {padding: 50px 0;margin: 50px 5px;}
    .publications-title, 
    .faq-title, 
    .organizations-filter {
        flex-direction: column;
        justify-content: center;
        gap: 15px;
    }
    .publications-title .h2, .faq-title .h2 {text-align: center;}
    .accordion .accordion-item { padding: 20px; }
    .accordion .accordion-title::before, .accordion .accordion-title::after { right: 9px; height: 20px; }
    .accordion .accordion-title::after {width: 20px; height: 2px;right: 0;}
    .faq-block { margin-top: 50px; padding: 0 0 50px 0; }
    .main-footer .footer-links { margin: 20px 0; }
    .main-footer .footer-links .menu {flex-direction: column;}
    .main-footer .footer-logo {max-width: 250px;}
    .main-footer {padding: 40px 0 30px 0;}
    .inner-page-banner {padding-bottom: 100px;}
    .inner-page-banner .img-wraper { width: 103%; height: 120%; transform: rotate(2.5deg); border-radius:0 0 50px 0; -webkit-border-radius:0 0 50px 0; -moz-border-radius:0 0 50px 0; -ms-border-radius:0 0 50px 0; -o-border-radius:0 0 50px 0; }
    .inner-page-banner img { transform:rotate(-2.5deg); -webkit-transform:rotate(-2.5deg); -moz-transform:rotate(-2.5deg); -ms-transform:rotate(-2.5deg); -o-transform:rotate(-2.5deg); }
    #directory-form {text-align: center;}
    #directory-form, 
    #directory-form .select2 { width: 100% !important; }
    #directory-form [type=submit] {
        position: relative;
        border-radius: 45px;
        right: auto;
        height: auto;
        margin-top: 15px;
    }
    #directory-form .select2-container--default .select2-selection--multiple {padding-right: 1rem;}
    #directory-form .select2-container--default .select2-search--inline .select2-search__field {font-size: 14px;}
    .organizations-block article h3.entry-title { font-size: 20px; }
    .organizations-block article, 
    .dashcard .dashcard--item:not(.dashcard--item.add-button) { width: 100%; }
    .organizations-block article .post-thumbnail img { max-width: 120px; }
    .organizations-block article .post-thumbnail { height: 170px; }
    .dashcard--item.add-button {
        position: relative;
        top: auto;
        width: 130px;
        height: 130px;
        font-size: 14px;
        margin: 0 auto;
    }
    .dash-search-form .search-form {width: 100%;margin-bottom: 30px;}
    .dash-search-form .search-form input { padding: 15px; }
    .dash-search-form .search-form button {position: relative; right: auto; margin-top: 10px;}
    .inner-page-banner-content .custom-breadcrumbs, .inner-page-banner-content .custom-breadcrumbs a {font-size: 14px;}
    .org-manager-block, .user-profile-container{ padding: 30px 20px; }
    .organization-type-check .radio-grid {flex-direction: column; gap: 10px; align-items: flex-start;}
    .case--header > div {padding: 6px;}
    .site-header .custom-logo-link img {width: 50px;height: 50px;}
    .hubtable-block .case--header, 
    .form-header.form-header--sticky { top: 70px !important; }
    #open-case-header {flex-direction: column; margin-bottom: 30px;}
    #open-case-header .h3 { margin-bottom: 10px; }
    #hub_cases #table_cases { margin-bottom: 50px; }
    .hubtable-block {padding-bottom: 0px;}
    .page-template-hub::before {top: 0;}
    .main-footer .footer-logo {width: 100%;max-width: 300px;}
    #availability_table {
        display: flex;
        white-space: nowrap;
        overflow: auto;
    }
}

/* <= 575px */
@media screen and (max-width: 575px) {
    .footer-awards {padding: 30px 0;}
    .footer-awards .mhh-container {flex-direction: column;gap: 30px;}
    .footer-awards .footer-awards-img img {width: 160px;}
    #case_form_body .flex-container { flex-direction: column; align-items: flex-start; gap: 0; }
    /* #case_form_body .case-group, #form_header {width: calc(100% - 22px);} */
    form#case_manager fieldset { width: 100%; display: block; min-width: 200px; }
    #form_header #form_header_content { grid-template-columns: repeat(1, 1fr); }
}