/*
Theme Name: SWPG Simple Theme - CCBR
Author: SWPG
Author URI: https://wordpress.org/
Description: Stripped down, bare-bones theme that you can style as you wish with html and css.
Version: 1.0
License: GNU General Public License v2 or later#437799
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: simple, effective
Text Domain: SWPG

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Legacy reset + targeted exceptions */
.et_pb_widget a,.wp-block-button a, a:not(.simple_theme_content a) {
    text-decoration: unset !important;
}

body {
    color: #1A5E86 !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body h1, body h2, body h3, body h4, body h5, body h6, body strong, body .h1, body .h2, body .h3,body .h4,body .h5 {
    color: #174f73;
    font-weight: 600 !important;
    text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6{
    letter-spacing: normal;
}

body h3 {
    line-height: 1.5rem;
    margin: 16px 0px 26px 0px;
}

p, li, ul, div {
    color: #0d334b;
    font-weight: 400;
    font-size:16px;
}

ul {
    list-style: disc;
}

hr {
    margin: 42px 0px !important;
}

.no_top_margin {
    margin-top: 0px !important;
}

#wpadminbar {
    overflow: hidden;
}

#top-bar-area-right-menu a:hover {
    text-decoration: underline !important;
}

/* Utility classes */
.clear_both {
	clear: both;
}

.overflow_hidden {
    overflow: hidden;
}

.text_align_center {
    text-align: center;
}

.no_bottom_margin {
    margin-bottom: 0px;
}

.form-required {
    color: red;
}

.display_none {
    display: none !important;
}

.display_none_gently {
    display: none;
}

.float_left {
    float: left;
}

.red {
  color: red !important;
}

.bold {
  font-weight: bold;
}

.text_align_center {
    text-align: center;
}

.margin_top_34 {
    margin-top: 34px;
}

.padding_top_16 {
    padding-top: 16px;
}

.padding_top_26 {
    padding-top: 26px;
}

.dotted_underline {
    text-decoration-style: dotted;
    text-decoration-line: underline;
}

.no_bottom_margin {
    margin-bottom: 0px !important;
}

#atlwdg-trigger {
    z-index: 999;
}

/* Legacy theme support: modal / lightbox behavior */
.swpgLightboxModal.swpg_modal {
    float: left;
}

.swpg_targeted_bootstrap .modal.show .modal-dialog {
    box-shadow: 0px 0px 70px black;
    margin: 10% auto 10% auto;
}

.nav_margin {
    margin-top: 130px;
}

/* Legacy theme support: tab/accordion state helpers */
.page-template-page-home .nav_margin {
    margin-top: 76px;
}

.show_icon {
    display: none;
}

.hide_icon {
    display: inline-block;
}

.show .show_icon {
    display: inline-block;
}

.show .hide_icon {
    display: none;
}

.accordion_switch {
    width: 100%;
    display: block;
}

.accordion_switch:hover {
    cursor: pointer;
}

.tab_items {
    border: 1px solid rgba(237,237,237,1);
    border-top: none;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.08);
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 8%);
    overflow: hidden;
    color: #333;
    margin: 0px auto;
}

.tab_items .tab_section {
    padding: 24px 30px;
}

.tabs_holder {
    margin-top: 34px;
}

.tabs_holder ul {
    margin-bottom: inherit !important;
}

.tabs_holder ul {
    margin-left: 5px !important;
}

/* Legacy theme support: navigation / dropdown menu behavior */



ul.dropdown-menu li.menu-item-has-children li.menu-item-has-children:hover > a:after
, ul.dropdown-menu li.menu-item-has-children li.menu-item-has-children > a:after
, #offcanvas_menu li.menu-item.menu-item-has-children > a:after {
    content: "\f055" !important;
    font-family: FontAwesome;
    display: inline-block;
    color: inherit;
    font-size: 0.8em;
    box-sizing: border-box;
    width: 20px;
    height: 100%;
    text-align: center;
    position: absolute;
    right: 1em;
    opacity: 0.9;
}

.current-menu-parent > a,
.current-menu-ancestor > a {
    border-bottom-color: transparent !important;
}

.current-menu-parent .current_page_item > a, .current-menu-parent .current_page_item > a, .sub-menu .current-menu-parent > a {
    
}

/* Legacy theme support: slideshow / carousel shell */
#Featured-Items-Carousel .carousel-card {
    min-height: 300px !important;
}

/* Shared content styling: section dividers + legacy buttons */
.section-heading {
    border-bottom: 1px solid;
    margin: 24px 0px 24px 0px;
    padding-bottom: 1rem;
    font-weight: bold;
    color: #1A5E86 !important;
}
@media (min-width: 600px){
    .section-heading {
        margin: 36px 0px 24px 0px;
    }
}
/* Custom BUTTONS */
.btn{
    border-radius: 2rem !important;
}
.banner-cta .btn-btep-primary, .cta .btn-btep-primary {
    background-color: #65B2E6 !important;
    color: white !important;
    border: inherit;
    position: relative;
    font-size: inherit;
    font-weight: inherit;
}

.banner-cta .btn-btep-primary-outline,.cta .btn-btep-primary-outline  {
    background-color: transparent;
    color: hsl(347deg 100% 36%) !important;
    border: 1px solid hsl(347deg 71% 43%) !important;
}
@media (max-width:500px){
    .banner-cta{
        text-align: center !important;
    }
    .event-list-section.cta .btn{
        margin: auto 10px auto 10px;
    }
}

/* Legacy theme support: page banner / hero styling */
.header-top{
    position: unset;
}

h1.hero-title {
    color: white !important;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    text-shadow:0px 0px 12px black !important;
}
.header.color-overlay h1 {
    text-shadow: none !important;
}
.header.color-overlay {
    background-color: #343a40;
    padding-top: unset;
}

.header.color-overlay:after{
    background:url(/ccbr/wp-content/uploads/sites/3/2026/05/banner-3.png) center center/ cover no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1.8;
}

.header.color-overlay.general-header:after {
    background:url(/btep/wp-content/themes/simple_theme_ccbr/images/page-header.jpg) center center/ cover no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.3;
}
.header.color-overlay.software-header:after {
    background:url(/btep/wp-content/themes/simple_theme_ccbr/images/software-header.jpg) center center/ cover no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.3;
}
.header.color-overlay.courses-header:after {
    background:url(/btep/wp-content/themes/simple_theme_ccbr/images/courses-header.jpg) center center/ cover no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.3;
}
.inner-header-description {
    padding-top: 3%;
    padding-bottom: 3%;
}
.inner-header-description h1.hero-title {
    display: block !important;
    line-height: normal;
    text-shadow: 0px 0px 4px black !important;
}
@media (max-width: 767px) {
    .inner-header-description {
        padding-top: 5% !important;
        padding-bottom: 5% !important;
    }
    .inner-header-description h1.hero-title {
        font-size: 36px;
        text-align: center;
        color: white;
    }
}
@media (min-width: 768px) {
    .inner-header-description {
        text-align: left;
    }
    .inner-header-description h1.hero-title {
        font-size: max(100%,46px);
        color: white;
        text-align: left;
    }
}

/* Legacy theme support: Select2 form controls */
.select2-container .select2-selection--multiple {
    min-height: 38px;
}
.select2-container .select2-search--inline .select2-search__field {
    height: 26px !important;
    margin-top: 5px !important;
    text-indent: 14px;
    font-size: 16px !important;
    padding-top: 2px;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: inherit;
    display: block !important;
}
.select2-search__field {
    background: none !important;
}
.select2-dropdown--above, .select2-dropdown--below {
    top: 0px;
}

.select2-container .select2-selection--single {
    height: 38px !important;
    line-height: 37px !important;
    font-size: 16px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}

.select2-selection__choice__remove {
    color: #000 !important;
}

/* End Select 2 */

.btn-primary {
    background-color: rgb(187,31,63) !important;
    border: 1px solid #fff !important;
}

.btn-primary:hover {
    border: 1px solid rgb(187,31,63) !important;
    background-color: #fff !important;
    color: rgb(187,31,63) !important;
}

.label_line {
    width: 100%;
}

.label_line span.label {
    width: 30%;
    font-weight: bold;
}

.label_line p {
    width: 70%;
    float: right;
}

/* Legacy theme support: WordPress/adminbar layering */
/* Legacy theme support: header / offcanvas controls */
#offcanvas-wrapper {
	width: 300px;
	z-index: 9999;
}

#wpadminbar {
	z-index: 9990;
}

.navigation-bar.fixto-fixed {
    width: 100%;
    padding-top: 6px !important;
}

.close_nav {
	float: left;
    width: 30px;
    font-size: 30px !important;
    margin-left: 10px;
}

.logout_arrow {
    font-size: 17px;
    vertical-align: middle;
}

/* End Header */


/* Shared page layout */


.simple_theme_content {
    padding: 24px;
}

/* End Main Wordpress templage */




/* Legacy theme support: accordion shell */

.accordion_holder {
    width: 98%;
    border: 1px solid rgba(237,237,237,1);
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.08);
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 8%);
    overflow: hidden;
    color: #333;
    margin: 16px auto;
}

.accordion_holder .card-header {
    padding: 1rem 1.25rem;
    padding-left: 1.25rem;
}

.accordion_holder.accordion_detail {
    margin-bottom: 50px;
}

.accordion_right, .accordion_left {
    float: left;
}

.accordion_right {
    width: 95%;
}

.accordion_holder .show_icon, .accordion_holder .hide_icon {
    font-size: 35px;
    color: #1A5E86;
}

.accordion_holder .hide_icon {
    margin-left: 10px;
    margin-right: 16px;
}

.accordion_holder .show_icon {
    margin-right: 17px;
}

.accordion_title {
    font-weight: 600;
    font-size: 23px;
    line-height: 1.5;
    margin-bottom: 0px;
}

.accordion_link {
    margin-top: 12px;
}

/*End Accordion*/




/* Legacy theme support: card + accordion presentation */
.card .card-footer.bg-custom {
    background-color: #ffffff !important;
    color: #C89211 !important;
    text-align: right;
    font-weight: 600;
}

.card-footer{
    border-top: unset !important;
}
.card-title a {
    text-decoration: none !important;
}
h3.card-title.h4{
    text-align:center;
    color: #1A5E86 ;
    font-weight: 600 !important;
    text-rendering: optimizeLegibility;
}
@media (max-width: 500px) {
    .swpg_targeted_bootstrap .col:not(.swpg_targeted_bootstrap .col-date-box) {
        flex: 1 0 60% !important;
    }
}

/* Legacy theme support: home page structure, carousel, and cards */
.nci-group-name h2 {
    margin: 7px 0;
    padding: 0;
    font-size: 20px;
    color: #FFF;
    font-weight: 600;
    font-family: "Open Sans", Arial, sans-serif;
}

.nci-group-name {
    background: #437799;
    border-top: 1px solid #606061;
    border-bottom: 1px solid #606061;
}
/* home page banner */
.header-homepage{
    padding-top: unset;
}
.header-homepage.color-overlay {
    background:url(/ccbr/wp-content/uploads/sites/3/2026/04/home_banner-2.png) center center/ cover no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-homepage.color-overlay::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #343a40;
    z-index: 1;
}


.header-homepage.color-overlay .header-description,
.header-homepage.color-overlay .split-header {
    position: relative;
    z-index: 2;
}


.header-homepage:not(.header-slide) .background-overlay, .header-homepage:not(.header-slide).color-overlay::before{
    opacity: 0.0 !important;
}
.header-wrapper .color-overlay:before{
    background: #437799;
}
.header-homepage.color-overlay h1{
    text-shadow: none;
}
.banner-text .h1{
    color:white !important;
    text-shadow: 0px 0px 4px black;
}
.banner-text h1{
    color:white !important;
}

.banner-text .h4{
    font-weight: 550 !important;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: .25px;
    color:white;
    text-shadow: 0px 0px 3px black;
}

.banner-text .banner-gold {
    color: var(--nci-gold);
    text-shadow: 0.5px 0.5px 0 rgba(255, 255, 255, 0.9);
}

@media (min-width: 600px){
    #mainmenu_container ul li{
        padding:6px 12px 6px 12px !important;
    }
    .banner-text{
        margin: auto;
    }
    .banner-text h1{
        color: white;
        font-weight: 700 !important;
        letter-spacing: -.5px;
        text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.8) !important;
    }
    .banner-text .h4{
        font-size: 1.7em;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0;
    }

    .banner-text .banner-cta .btn-btep-primary{
        font-size:18px;
    }
}
@media (min-width: 1440px){
    .banner-text h1{
        font-size: 54px;
    }
}
.header-homepage .header-description-row{
    padding-top: 5%;
    padding-bottom: 5%;
}

.home-page-content .card:not(.home-page-content .carousel-card) {
    height: 100%;
    padding: 0px;
}

.home-featured a:hover .card .bg-custom {
    text-decoration: underline;
}

.home-featured a:hover .card,
.home-featured a:focus .card {
    box-shadow: 6px 5px 10px 1px #bfc3c8 !important;
}


/*HOME CAROUSEL DESIGN*/
.carousel-control-prev, .carousel-control-next{
    width:2% !important;
}
@media (min-width:700px){
    .home-page-content .featured-items{
        height:350px;
    }
}
.home-page-content .swpg_targeted_bootstrap .carousel{
    height: 100% !important;
}
.home-page-content .featured-items {
    background-color: #437799;
    border-radius: 8px;
    min-height: 250px;
    margin-bottom: 48px;
    padding: 24px;
}
.home-page-content .card-img-left {
    width: 220px;
    object-fit: cover;
    border-radius: 4px;
}

/* HOME ACCORDION ENDING POINTERS*/
.home-page-content #home_events_list .accordion-item:nth-last-child(1) .col-date-box:before {
    bottom: -24px;
    border-left: 40px solid #fff;
    border-top: 20px solid #1A5E86;
    border-right: 40px solid #fff;
    position: absolute;
    content: '\a0';
    font-size: 0;
    width: 40px;
    background-color: #1A5E86;
    height: 25px;
    display: block;
    box-sizing: border-box;
    left: 12px;
}
.home-page-content #disabled_home_events_list .course_class_start:before {
    top: 35px;
    border-left: 40px solid #fff;
    border-top: 10px solid #1A5E86;
    border-right: 40px solid #fff;
    position: relative;
    content: '\a0';
    font-size: 0;
    width: 20px;
    background-color: #1A5E86;
    height: 25px;
    display: block;
    box-sizing: border-box;
}
@media (max-width:600px){
    .no_events_row {
        margin-top: 12px !important;
    }
    .home-page-content #home_class_list .col-calendar {
        box-shadow: unset;
    }
}
@media (min-width:600px){
    #home_class_list .col-calendar .sticky-calendar{
        position: -webkit-sticky;
        position: sticky;
        top:90px;
    }
}
/****** END OF HOME*/

/* Legacy theme support: contact / speaker listing pages */


.speaker_series_list_details {
    margin: 42px 0px;
}

.speaker_series_list_details .speaker_series_right > p {
    margin-bottom: 0px;
}

.speaker_series_image {
    border-radius: 4px;
    width: 100%;
    background: #fff;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-right: 18px;
    display:block;
    float:left;
    line-height: normal;
}

.speaker_series_right {
    width: 77%;
    float: right;
}

.speaker_series_right h3 a {
    text-decoration: none;
    font-size: 24px;
    font-weight: 600;
}

.speaker_series_right h3 a:hover {
    text-decoration: underline;
}

.speaker_series_left {
    width: 20%;
}

.sepaker_series_title {
    vertical-align: middle !important;
    margin: 0px 0px 5px 0px !important;
    line-height:1em;
    color: #bb0e3d;
}

.sepaker_series_title a:hover {
    color: #980826 !important;
    text-decoration: none !important;
} 

.speaker_series_placeholder {
    font-size: 12vw;
    text-align: center;
}

.speaker_series_list h3 {
    margin-bottom: 25px;
    margin-left: -24px;
}

.seminar_series_type_list {
    list-style: none;
    font-size: 24px;
    line-height: 38px;
    margin-left: 1.5rem !important;
}

.seminar_series_type_list a {
    text-decoration: none;
}

.seminar_series_type_list a:hover {
    text-decoration: underline;
}

.speaker_image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}

.speaker_image i {
    font-size: 18vw;
}

.speaker_image_container {
    border-radius: 8px;
    padding: unset;
}
.speaker_image_container .speaker_image{
    min-height:200px;
}

.speaker_image_container:hover {
    cursor: default !important;
}

/*End Contact Page*/


/* Legacy theme support: course / template-specific card cleanup */
#course_classes_container .card {
    box-shadow:unset !important;
    padding: 24px 20px 20px 0px !important;
}
i.bkg-icon{
    font-size: 120px;
    position: absolute;
    z-index: -4 !important;
    color: hwb(348deg 12% 27% / 5%);
    text-align: center !important;
    margin: -30px 32% 0px 7%;
}

/* Shared empty-state styling */
.no-items{
    text-align: center;
    font-size: x-large;
    font-weight:600;
}
.no-items a{
    color: #bb0e3d;
    display:block;
}

/* Legacy theme support: loading spinner */
.spinner_holder {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.8);
    z-index: 2;
}

.spinner {
    position: absolute;
    left: 48%;
    top: 47%;
    height:60px;
    width:60px;
    margin:0px auto;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left:6px solid rgba(187,31,63,.15);
    border-right:6px solid rgba(187,31,63,.15);
    border-bottom:6px solid rgba(187,31,63,.15);
    border-top:6px solid rgba(187,31,63,.8);
    border-radius:100%;
}

/* End Spinner */

/* Legacy theme support: 404 page */

.error_404_message {
    padding: 40px 54px;
}

.error_404_message .card-title {
    margin-bottom: 8px;
}

.error_404_message .card-text {
    margin-bottom: 64px;
}

/* End 404 Page */

.page-template-page-my_account .spinner_holder {
    display: block;
}
    
/* Legacy theme support: Mesmerize theme overrides and shared site chrome */

body h1 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 50px;
}

body h2 {
    line-height: 30px;
    margin-bottom: 42px;
    font-size: 30px;
    font-weight: 500;
}

body h2.wp-block-heading {
    margin: 4px 0px 26px 0px;
}

body h3 {
    font-weight: 500;
}

body h4 {
    font-weight: 500;
}


body.page-id-4090 label {
    color: #1A5E86;
    font-size: 16px;
    margin-bottom: 8px;
    margin-bottom: 5px;
    display: inline-block;
}

body.page-id-4090 select {
   background-color: hsl(206deg 29% 99%);
   border: 1px solid #ced4da;
   border-radius: 0.375rem; 
}
i.fa,
i.fas:not(.btn i.fas){
    color: #acb7c3;
}

.home-featured .card:hover i.fas,
.home-featured .card:focus-within i.fas {
    background-color: #706f6f !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}



.card-title i.fas {
    clear: both !important;
    display: block;
    background-color: #706f6f;
    color: #ffffff !important;
    padding: 10px;
    max-width: fit-content;
    text-align: center !important;
    align-content: center !important;
    margin: auto;
    margin-bottom: 0.5rem;
    border-radius: 50%;
    color: white !important;
    font-size: 16px;
}
.mesmerize-content-padding  #page > .page-content, .mesmerize-inner-page #page > .page-content {
    padding-bottom: 0px;
    padding-top: 0px !important;
}
.home #page #page-content{
    padding-top: 24px !important;
}
 #main_menu > li > a {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
    color: #2f3438 !important;
    font-weight: 400 !important;
    text-transform: inherit !important;
    font-size: 18px !important;
}

#main_menu > li:hover > a {
    border-bottom-color: #1F2933;
}

#main_menu > li.current-menu-item > a,
#main_menu > li.current_page_item > a,
#main_menu > li.current-menu-ancestor > a,
#main_menu > li.current-menu-parent > a,
#main_menu > li:hover > a,
#main_menu > li:focus-within > a {
    border-bottom: 3px solid #1F2933 !important;
}



ul#main_menu{
    border: unset;
}
ul#main_menu .sub-menu li.menu-item a {
    font-size: 16px !important;
    font-weight: 400 !important;
}

.navigation-bar {
    padding-top: 12px;
    padding-bottom: 12px;
    z-index:10;
}

.navigation-bar .logo_col,
.navigation-bar .logo_col a {
    flex-shrink: 0 !important;
}

.navigation-bar .logo_col img.logo.dark,
.navigation-bar .logo_col img.custom-logo {
    height: 50px !important;
    width: auto !important;
    max-width: none !important;
    min-width: auto !important;
    flex-shrink: 0 !important;
}

@media (max-width: 1200px) {
    .navigation-bar .logo_col img.logo.dark,
    .navigation-bar .logo_col img.custom-logo {
        height: 44px !important;
    }
}


.navigation-bar.fixto-fixed {
    box-shadow: -1px 0px 1px;
}



#page-top > div.navigation-bar.coloured-nav.homepage.fixto-fixed > div > div > div.main_menu_col.col-xs {
    padding-top: 5px;
}

.footer-simple .footer-content {
    border-top: none;
}

#ccr-footer a {
    color: #1A5E86;
    font-weight: bolder;
    text-decoration: underline;
}

#ccr-footer a:hover {
    text-decoration: underline !important;
}

@media (min-width: 768px) {
    body h1 {
        font-size: 40px;
    }

    .logo_col {
    flex: 0 1 auto;
    min-width: 0;
    }
    .footer .footer-content {
        padding-bottom: 63px;
    }
}

/* End Mezmerize Theme overrides*/

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
    from {-o-transform: rotate(0deg);}
    to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
    from {transform: rotate(0deg);}
    to {transform: rotate(359deg);}
}
/* End Spinner */

/* Legacy theme support: older header/top-bar additions */
a {
    color: #1a5e86;
}
.color2 {
    border-color: #1c5e86 !important;
    color: #1c5e86 !important;
}
.fixto-fixed .custom_area_col {
    display: none;
}
#ostr_banner > div {
    text-align: center !important;
}
.navigation-bar{
    background-color: white !important;
}
.top-bar-menu li {
    float: unset;
    display: inline-block !important;
}
@media (min-width:768px){
    .top-bar-menu li:first-child :after{
        margin-left: 25px;
        content: '|';
    }
    .top-bar-menu li{
        font-size:16px;
        letter-spacing:2px;
    }
    .top-bar-menu .menu-item {
        margin-left:6px;
    }
}
@media (max-width:767px){
    .header-top-bar{
        display: block !important;
    }
    .top-bar-menu li:first-child :after{
        margin-left: 5px;
        content: '|';
    }
    .top-bar-menu li{
        font-size:14px;
        letter-spacing:1px;
    }
    .top-bar-menu .menu-item {
        margin-left:3px;
    }
}
/* Legacy theme support: publications archive/widget UI */
.entry_container {
    margin-bottom: 1.5rem;
}
#accordion_publications_ccbr .accordion-button{
    font-weight: 600;
    font-size:1.2rem;
}
#accordion_publications_ccbr .accordion-item:has(.accordion-collapse.collapse.show){
    border:0px solid #8fb6cd;
    border-radius: 8px;
}

#accordion_publications_ccbr button.accordion-button {
    background-color: transparent;
}

#publications_search_form {
    padding-bottom: 37px;
    margin-top: -28px;
}

#publications_list {
    overflow: scroll;
    height: 300px;
    list-style: none;
    margin: 0px 16px !important;
}

.pubs_search_box input {
    width: 94%;
}

.pubs_search_box a {
    color: #1F709F;
    font-size: 11px;
}

#timeline h2 {
    font-weight: normal;
}

#timeline .posts-list {
    padding-top: 10px;
    padding-bottom: 10px;
}

#timeline .posts-list li:first-child {
    border-top: none;
}

#timeline.my_account h3 {
    padding-top: 10px;
}

#timeline .timeline-module {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.timeline-module:nth-last-child(2) {
    margin: 0 0 24px;
}

.archive-pagination .pagination li>.page-numbers.current, .archive-pagination>.page-numbers li>.page-numbers.current
, .paginated .pagination li>.page-numbers.current, .paginated>.page-numbers li>.page-numbers.current {
    color: #000;
}

#main-content #timeline.publications b {
    font-weight: bold;
}

#main-content #timeline.publications a {
    color: #1a5e86;
}

#main-content #timeline.publications .link {
    line-height: 1.5em;
}

#main-content #timeline.publications .authors {
    line-height: 1.4em;
}

#main-content #timeline.publications .link, #main-content #timeline.publications .authors {
    font-size: 14px;
}

.et_extra_other_module .posts-list li, .et_pb_extra_module .posts-list li {
    border-bottom: none;
    padding: 5px 20px;
}

#pub_recentContainer {
    margin-top: 26px;
}

.search_text {
    font-weight: bold;
    color: red;
}

#publication_search {
    width: 90%;
    margin-left: 5%;
    margin-top: 22px;
    margin-bottom: 24px;
}

#pub_recentContainer b {
    font-weight: 700;
}
.post_info a.title:hover,.publication_item a:hover{
    text-decoration: underline !important;
}

/**********************************End Publications*********************************/

/* Legacy theme support: sidebar widget area / ask-for-help card */
.et_pb_widget .widgettitle{
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    background-color: #1a5e86 !important;
    border-radius: 8px 8px 0px 0px;
    padding: 0.5rem;

}
.et_pb_widget{
    background-color: hsl(202deg 100% 97%);
    margin-bottom: 2rem;
    border-radius: 0px 0px 8px 8px;
}
.et_pb_widget ul{
    list-style:none;
    max-height:300px;
    overflow: scroll;
}
.et_pb_widget li{
    padding:0.5rem;
    border-bottom: 1px solid;
}
h4.widgettitle{
    padding-left: 2rem !important;
}
.widgettitle a:hover{
    color: white !important;
    text-decoration: underline;
}
.et_pb_widget .ask-for-help-widget i {
    font-size: 4.5rem;
    display: block;
    position: absolute;
    bottom: -20px;
    right: 3px;
    opacity: 0.8;
    color: #FFA831 !important;
}
.et_pb_widget .ask-for-help-widget:hover i {
    transition: bottom 0.15s ease;
    bottom: -10px;
}
.et_pb_widget .get-help-widget{
    padding: 20px;
}
.et_pb_widget .get-help-widget a{
    text-decoration: none !important;

}
.et_pb_widget a.ask-for-help-widget {
    color: #174f73 !important;
    padding-bottom: 0.5rem;
}

.et_pb_widget .ask-for-help-widget {
    font-size: 1.5rem !important;
    line-height: normal;
    float: left;
    display: block;
    height: 100%;
    /* margin: 0px; */
    padding-top: 9px;
    padding-left: 16px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 18%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.18);
    box-shadow: 3px 3px 3px 1px rgb(68 129 166 / 58%);
    margin-bottom: 23px;
    position: relative;
    overflow: hidden;
    color: #333;
    width: 100%;
    background: rgb(255, 255, 255);
    /*background: rgb(237,237,237);*/
    /*background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);*/
    /*background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);*/
    /*background: linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=1 );*/
}

.et_pb_widget .ask-for-help-widget.status-check{
    background-color: rgba(255,255,255,0.8) !important;
    font-size: inherit !important;
}
.et_pb_widget .ask-for-help-widget i.status-check{
    font-size: 3.0rem !important;
    position: absolute;
    bottom: 0;
    float: right;
    color: #FFA831 !important;
    right: 18px;
    transition: 0.35s ease;
}
.et_pb_widget .ask-for-help-widget:hover i.status-check {
    transform: translate(6px, -5px);
}

/* Legacy theme support: software listing section */
.clear_both {
    clear: both;
}
.featured_software_item {
    width: 25%;
    padding: 0 12px 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.featured_software_item_content {
    display: block;
    background: #fff;
    width: 100%;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

.featured_software_item_content * {
    font-size: 14px !important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
}

.featured_software_item_content a:hover {
    text-decoration: underline !important;
}

.featured_software_item_image {
    position: relative;
    display: block;
    background: #eaeaea;
    width: 100%;
    overflow: hidden;
}

.featured_software_item_image_link img {
    display: block;
    width: 100%;
    border-radius: 3px 3px 0 0;
}

.featured_software_item_overlay {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.featured_software_item_overlay:before {
    content: "\f055";
    font-family: FontAwesome;
    color: #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    display: inline-block;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 32px;
    line-height: 32px;
}

.featured_software_item_overlay:hover:before {
    top: 50%;
}

.featured_software_item_overlay:hover {
    opacity: 1;
}

.featured_software_item_content h3 {
    font-weight: bold;
}

.software_detail_items {
    border: 1px solid rgba(237,237,237,1);
    border-top: none;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.08);
    box-shadow: 3px 3px 6px 0px rgb(0 0 0 / 8%);
    overflow: hidden;
    color: #333;
    margin: 0px auto;
}

.software_detail_items .tab_section {
    padding: 24px 30px;
}

.software_detail_tabs_holder {
    margin-top: 34px;
}

.category_list {
    list-style: none;
}

/* End Software section */

/* Utility spacing helpers */
.mt-0{
    margin-top: 0 !important;
}
.mt-1{
    margin-top: 10px !important;
}
.mt-2{
    margin-top: 16px !important;
}
.mt-3{
    margin-top: 26px !important;
}
.my-3{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-2{
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-1{
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

/* Table Indentation */
.is-style-stripes.indent-table{
    margin-left:1rem;
}
.is-style-stripes.indent-table tr td:first-child{
    padding-left: 0.5rem;
}

/* ==========================================================================
   CCBR Modern Override Layer
   Purpose: newer CCBR-specific fixes and components layered on top of legacy
   theme CSS. Keep new work in this section whenever possible.
   ========================================================================== */

/* Miscellaneous page-specific cleanup */
.page-id-11 a.wp-element-button:hover, .page-id-37 a.wp-element-button:hover {
    color: #fff;
    text-decoration: underline !important;
}

#menu-item-60 > a:nth-child(1), #menu-item-1643 > a:nth-child(1) {
    display: none;
}

.simple_theme_content .row {
    padding-top: 16px;
}

.swpg_lightbox_thumbnail {
    border-radius: 10px;
}

.NIDAP_team_image {
    width: 60%;
    margin: 0px auto;
}

.page-id-1906 h2 {
    margin-bottom: 26px;
}

.page-id-1906 h3 {
    margin: 42px 0px 26px 0px;
}


/* Alerts */
.alert-dark.alert-ccbr{
    background-color: rgb(62 140 194);
    color: color-mix(in srgb, rgb(255,255,255) 90%, rgb(26,94,135));
    font-size: 1.25rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    border: unset;
    border-radius: 8px;
    margin-bottom:2.25rem;
}
.alert-dark.alert-ccbr strong{
    /*color: color-mix(in srgb, rgb(255,255,255) 85%, rgb(26,94,135)) !important;*/
    color: white !important;
}

.alert-dark.alert-ccbr .alert-ccbr-icon{
    font-size:1.25rem;
    color: #f6ff88 !important;
}
.alert-dark.alert-ccbr .btn.btn-btep-primary{
    margin-left:auto;
    border: unset;
}

/* Home page intro cards */
.ccbr-home-intro .card {
    height: auto !important;
    padding: var(--sp-8) !important;
    cursor: default;
}

.home-page-content .ccbr-home-intro a:hover,
.home-page-content .ccbr-home-intro a:focus {
    text-decoration: underline !important;
}

.home-page-content .ccbr-home-intro .g2 {
    margin-top: 26px;
}


.home-page-content .ccbr-home-intro .g2 > .card {
    display: flex;
    flex-direction: column;
}

.home-page-content .ccbr-home-intro .g2 > .card > p:last-child {
    margin-top: auto !important;
}

.home-page-content .ccbr-home-intro > .card {
    cursor: default !important;
    transition: none !important;
}

.home-page-content .ccbr-home-intro > .card,
.home-page-content .ccbr-home-intro .g2 > .card {
    border-radius: 4px !important;
}


.home-page-content .ccbr-home-intro .ccbr-home-btn-row {
    margin-top: var(--sp-5);
}

.home-page-content .ccbr-home-intro p strong {
    color: #2f3438 !important;
    font-weight: 700 !important;
}

/* Training */
/* Training calendar tab button: restore shared underline animation */
#training-calendar a.btn.btn-secondary.btn-sm,
#training-calendar a.btn.btn-secondary.btn-sm:visited {
    text-decoration: underline !important;
    text-underline-offset: 2px;
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
}

#training-calendar a.btn.btn-secondary.btn-sm:hover,
#training-calendar a.btn.btn-secondary.btn-sm:focus {
    text-decoration: underline !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

/* About */
/* Authorship tab mail link: match sitewide link behavior */
#about-authorship a[href^="mailto:"],
#about-authorship a[href^="mailto:"]:visited {
    text-decoration: underline !important;
    text-underline-offset: 2px;
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
}

#about-authorship a[href^="mailto:"]:hover,
#about-authorship a[href^="mailto:"]:focus {
    text-decoration: underline !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

/* About section link cleanup + authorship panel spacing */
#page-about a[href^="mailto:"],
#page-about a[href^="mailto:"]:visited {
    text-decoration: underline !important;
    text-underline-offset: 2px;
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
}

#page-about a[href^="mailto:"]:hover,
#page-about a[href^="mailto:"]:focus {
    text-decoration: underline !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}


#page-about .ic a[href^="mailto:"],
#page-about .ic a[href^="mailto:"]:visited {
    font-weight: 400 !important;
}

#about-authorship::before,
#about-authorship::after {
    content: none !important;
    display: none !important;
}

#about-authorship {
    margin-top: 0 !important;
}


/* Pre-footer */
/* Pre-footer fixes: remove legacy clearfix behavior + align column links */
.pre-footer .fi::before,
.pre-footer .fi::after,
.pre-footer .fc::before,
.pre-footer .fc::after {
    content: none !important;
    display: none !important;
}
.pre-footer .fi .fc:nth-child(2) ul,
.pre-footer .fi .fc:nth-child(3) ul {
    padding-left: 0 !important;
    margin-left: 0 !important;
    list-style: none !important;
}

.pre-footer .fi .fc:nth-child(2) li,
.pre-footer .fi .fc:nth-child(3) li {
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
}

.pre-footer .fc h4 {
    margin-bottom: 8px;
}

.pre-footer .fc ul {
    margin-top: 0;
    padding-top: 0;
}

.pre-footer .fc p {
    margin-top: 0;
}


.pre-footer,
.pre-footer h4,
.pre-footer p,
.pre-footer li,
.pre-footer a {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif !important;
}

.pre-footer .fc a,
.pre-footer .fc a:visited {
    color: #ffffff !important;
    text-decoration-line: underline !important;
    text-decoration-color: #C89211 !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 2px !important;
    border: none !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-image: none !important;
    transform: none !important;
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
}

.pre-footer .fc a:hover,
.pre-footer .fc a:focus {
    color: #ffffff !important;
    text-decoration-line: underline !important;
    text-decoration-color: #C89211 !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 8px !important;
    border: none !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-image: none !important;
    transform: none !important;
}

/* Footer */
/* Main footer links: visible underline at rest */
.footer.footer-simple.footer-bottom-bar a,
.footer.footer-simple.footer-bottom-bar a:visited {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
    background-image: none !important;
}

.footer.footer-simple.footer-bottom-bar a:hover,
.footer.footer-simple.footer-bottom-bar a:focus {
    color: #FFBF17 !important;
    text-decoration: underline !important;
    text-decoration-color: #FFBF17 !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
}

/* Navigation */
/* Main navigation: keep current item clean and show line only on hover/focus */
#main_menu > li.current-menu-item > a,
#main_menu > li.current_page_item > a,
#main_menu > li.current-menu-ancestor > a,
#main_menu > li.current-menu-parent > a {
    border-bottom-color: transparent !important;
}

#main_menu > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current-menu-parent):hover > a,
#main_menu > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current-menu-parent):focus-within > a {
    border-bottom-color: #1F2933 !important;
}

/* Shared link behavior */
/* Content links: shared underline + hover animation across CCBR pages */
.simple_theme_content a,
#main-content .page a,
.home-page-content a {
    text-decoration: underline !important;
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
    text-underline-offset: 2px;
}

.simple_theme_content a:hover,
.simple_theme_content a:focus,
#main-content .page a:hover,
#main-content .page a:focus,
.home-page-content a:hover,
.home-page-content a:focus {
    text-decoration: underline !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

/* Footer */
/* Main footer hover animation */
.footer.footer-simple.footer-bottom-bar a,
.footer.footer-simple.footer-bottom-bar a:visited {
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
    text-underline-offset: 2px;
}

.footer.footer-simple.footer-bottom-bar a:hover,
.footer.footer-simple.footer-bottom-bar a:focus {
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

/* Home page */
/* Home page CTA buttons: underline animation sized to button text only */
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:hover,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:focus {
    text-decoration: none !important;
}

.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:visited {
    text-decoration: underline !important;
    text-underline-offset: 2px;
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
}

.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:hover,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:focus {
    text-decoration: underline !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
}

.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm .btn-arrow {
    color: #C89211 !important;
    font-weight: 800;
    font-size: 1.3em;
    line-height: 0;
    vertical-align: middle;
    margin-left: 0.25rem;
    display: inline-block;
    position: relative;
    top: 1px;
    transition: transform 0.2s ease;
}


.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:hover .btn-arrow,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:focus .btn-arrow {
    transform: translateX(2px);
}




/* Home featured cards: keep cards clickable without underlining body copy */
.home-featured > div > a,
.home-featured > div > a:visited,
.home-featured > div > a:hover,
.home-featured > div > a:focus {
    text-decoration: none !important;
}

.home-featured > div > a .card-title,
.home-featured > div > a .card-text,
.home-featured > div > a p,
.home-featured > div > a h3 {
    text-decoration: none !important;
}

/* Home featured card footer CTA: animate underline on footer label only */
.home-featured > div > a .card-footer.bg-custom span {
    display: inline-block;
    padding-bottom: 2px;
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: 0 calc(100% - 1px);
    transition: background-position 0.2s ease, background-size 0.2s ease;
}

.home-featured > div > a:hover .card-footer.bg-custom span,
.home-featured > div > a:focus .card-footer.bg-custom span {
    background-size: 100% 2px;
    background-position: 0 calc(100% + 1px);
}

.home-featured > div > a .card-footer.bg-custom {
    background: transparent !important;
    border: 0 !important;
    text-align: right;
    padding-top: 0.5rem;
}

.home-featured > div > a .card-footer.bg-custom .cta-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.8rem;
    border: 1px solid #d7d2cb;
    border-radius: 999px;
    background: #ece9e4;
    color: #4f565b !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    background-image: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.home-featured > div > a:hover .card-footer.bg-custom .cta-pill,
.home-featured > div > a:focus .card-footer.bg-custom .cta-pill {
    background: #e1dbd2;
    border-color: #c8c1b8;
    color: #2f3438 !important;
}


.home-featured > div > a .card-footer.bg-custom .cta-arrow {
    color: #C89211 !important;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 2px;
    text-decoration: none !important;
    background-image: none !important;
}




/* Header search */
/* Header search: position search form inside main navigation */
.main_menu_col {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    position: relative;
    margin-top: 5px;
}

#mainmenu_container {
    width: auto;
    display: flex;
    justify-content: center;
    padding-right: 0;
    box-sizing: border-box;
    margin-top: 5px;
}

.header-search {
    position: static;
    transform: none;
    width: clamp(160px, 14vw, 260px);
    margin-top: 0;
}
.header-search .search-submit {
    margin-left: 8px;
    margin-bottom: 10px;
    height: 40px;
    padding: 0 14px;
    border: 0;
    background: #6b6a6a;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.header-search .search-submit:hover,
.header-search .search-submit:focus {
    background: #5c5b5b;
    color: #fff;
}

.header-search .search-form {
    display: flex;
    align-items: center;
    margin: 0;
}

.header-search .search-field {
    width: 100%;
    height: 40px;
    padding: 0 12px 0 36px;
    border: 1px solid #c7d4e2;
    border-radius: 4px;
    font-size: 16px;
    margin-bottom: 6px;
}



.offcanvas-search {
    padding: 0 1.5rem 1.25rem;
}

.offcanvas-search .search-form,
.offcanvas-search form {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.offcanvas-search .search-field,
.offcanvas-search input[type="search"] {
    width: 100%;
    min-width: 0;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    background: #ffffff !important;
    color: #2f3438;
    margin: 0;
}


#offcanvas-wrapper .offcanvas-search .search-submit {
    height: 40px;
    padding: 0 14px;
    border: 0;
    border-radius: 4px;
    background: #706f6f;
    color: #ffffff !important;
    margin-bottom: 5px;
}

#offcanvas-wrapper .offcanvas-search .search-submit:hover,
#offcanvas-wrapper .offcanvas-search .search-submit:focus {
    background: #6b6a6a;
    color: #ffffff !important;
}

#offcanvas-wrapper .offcanvas-search .search-submit,
#offcanvas-wrapper .offcanvas-search .search-submit:hover,
#offcanvas-wrapper .offcanvas-search .search-submit:focus {
    cursor: pointer;
}

.search-field-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.search-field-wrap .search-field {
    padding-right: 40px !important;
}

.search-clear {
    position: absolute;
    right: 10px;
    top: 44%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #706f6f;
    font-size: 24px;
    line-height: 1;
    padding: 0;
    cursor: pointer;
}

.search-clear:hover,
.search-clear:focus {
    color: #2f3438;
}

.search-field,
.header-search .search-field,
.offcanvas-search .search-field,
input[type="search"] {
    background: #ffffff !important;
    border: 1px solid #d5d5d5 !important;
    color: #2f3438 !important;
    box-shadow: none !important;
}

.search-field:focus,
.header-search .search-field:focus,
.offcanvas-search .search-field:focus,
input[type="search"]:focus {
    background: #f7f7f5 !important;
    border-color: #706f6f !important;
    box-shadow: 0 0 0 2px rgba(112, 111, 111, 0.15) !important;
    outline: none !important;
}



@media (max-width: 1250px) and (min-width: 1101px) {
    .main_menu_col {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 14px;
        margin-top: 0;
    }

    #mainmenu_container {
        width: auto;
        padding-right: 0;
        margin-top: 0;
    }

    #main_menu {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        gap: 14px;
    }

    #main_menu > li {
        float: none;
    }

    #main_menu > li > a {
        padding-left: 6px;
        padding-right: 6px;
        font-size: 0.86rem;
        letter-spacing: 0.02em;
        white-space: nowrap;
    }

    .header-search {
        width: 210px;
        flex: 0 0 210px;
    }

    .navigation-bar .logo_col img.logo.dark,
    .navigation-bar .logo_col img.custom-logo {
        max-width: 360px;
        height: auto;
    }
}
@media (max-width: 1165px) {
    #mainmenu_container {
        display: none !important;
    }

    .main_menu_col > .offcanvas-wrapper,
    .main_menu_col > [data-component="offcanvas"] {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .header-search {
        display: none !important;
    }
}


@media (max-width: 768px) {
    img.logo.dark,
    img.custom-logo {
        height: 44px !important;
        width: auto !important;
    }
}

/* Breadcrumbs */
/* Global breadcrumbs */
.ccbr-breadcrumbs {
    font-size: 0.95rem;
    margin-bottom: 24px;
    color: #706f6f;
    font-weight: 600;
}

.ccbr-breadcrumbs a,
.ccbr-breadcrumbs a:visited {
    color: #545555;
    text-decoration: underline;
    text-decoration-color: #C89211;
}

.ccbr-breadcrumbs a:hover,
.ccbr-breadcrumbs a:focus {
    color: #2f3438;
    text-decoration-color: #C89211;
}

.ccbr-breadcrumbs .sep {
    margin: 0 8px;
    color: #706f6f;
}


/* Project Submission */

#page-about .process-flow {
    margin-top: var(--sp-4);
}

#page-submission .workflow-figure {
    margin-top: var(--sp-5);
    margin-bottom: var(--sp-6);
}

#page-submission .workflow-figure img {
    width: 100%;
    max-width: 1024px;
    height: auto;
    border-radius: var(--r);
}

#page-submission .process-flow {
    margin-top: var(--sp-4);
}

/* Project Submission */
#page-submission .submission-subhead {
    margin-top: var(--sp-8);
}

#page-submission .co[role="note"] {
    margin-top: var(--sp-4);
}


/* Resources */
#page-resources .assay-guidance-grid {
    margin-top: var(--sp-5);
}

#page-resources .assay-guidance-grid .ic ul {
    margin: 0;
    padding-left: var(--sp-5);
}

#page-resources .assay-guidance-grid .ic li {
    font-size: 0.85rem;
    line-height: 1.65;
    margin-bottom: 8px;
}

#page-resources .g3 {
    margin-top: var(--sp-4);
}

#page-resources .g3 .ic h4 {
    margin-bottom: 10px;
}

#page-resources .nidap-directions {
    margin-top: var(--sp-4);
}

#page-resources .nidap-figure {
    margin-top: var(--sp-6);
}

#page-resources .nidap-figure img {
    width: 100%;
    height: auto;
    border-radius: var(--r);
    cursor: zoom-in;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

#page-resources .nidap-figure img:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
}

#page-resources .nidap-figure figcaption {
    margin-top: var(--sp-3);
    color: #000;
    font-size: 0.96rem;
    line-height: 1.6;
}

#page-resources .nidap-figure .swpg_lightbox_container {
    position: relative;
    cursor: zoom-in;
}

#page-resources .nidap-figure .swpg_lightbox_container::after {
    content: "\f00e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(31, 41, 51, 0.72);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

#page-resources .nidap-figure .swpg_lightbox_container:hover::after,
#page-resources .nidap-figure .swpg_lightbox_container:focus-within::after {
    opacity: 1;
}

#page-submission .feat-cta,
#page-project-submission .feat-cta {
    margin-top: var(--sp-7);
}


/* Publications */
#page-publications .swpg_targeted_bootstrap {
    margin-top: var(--sp-4);
}

#page-publications .input-group {
    margin-bottom: var(--sp-5);
}

#page-publications #publicationsSearch {
    border: 1px solid #d5d5d5;
    border-radius: 999px;
    min-height: 48px;
    padding-left: 18px !important;
    padding-right: 18px;
    font-size: 1rem;
    background: #ffffff;
    color: #545555;
}

#page-publications .results_found {
    margin-top: 10px;
    color: #706f6f;
    font-size: 0.95rem;
}

#page-publications #accordion_publications_ccbr .accordion-item {
    border: 0;
    border-top: 1px solid #d5d5d5;
    padding: 0;
}

#page-publications #accordion_publications_ccbr .accordion-button {
    background: transparent;
    color: #545555;
    font-weight: 700;
    font-size: 1.15rem;
    padding: 18px 0;
    box-shadow: none;
}

#page-publications #accordion_publications_ccbr .accordion-button:not(.collapsed) {
    background: transparent;
    color: #2f3438;
    box-shadow: none;
}

#page-publications #accordion_publications_ccbr .accordion-body {
    padding: 8px 0 24px;
}

#page-publications .entry_container {
    padding: 18px 20px;
    margin-bottom: 14px;
    border: 1px solid #cfcfcf;
    border-top: 3px solid #706f6f;
    border-radius: 14px;
    background: #f7f5f2;
    box-shadow: 4px 3px 5px 1px #bfc3c8;
}


#page-publications .publication_container {
    margin: 0;
    line-height: 1.7;
}

#page-publications .publication_container > a {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #1c5e86 !important;
    text-decoration: underline !important;
    text-decoration-color: #1c5e86 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

#page-publications .publication_container > a:hover,
#page-publications .publication_container > a:focus {
    color: #0d95a1 !important;
    text-decoration-color: #FFBF17 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

#page-publications .publication_container b,
#page-publications .publication_container i {
    font-size: 1.0rem;
    color: #545555;
}

#page-publications .publication_container p,
#page-publications .publication_container .authors {
    margin: 0;
    color: #545555;
}

#page-publications .publication_container p:last-child {
    margin-top: 8px;
    font-size: 0.9rem;
    color: #706f6f;
}

#page-publications .publication_authors {
    margin-top: 4px;
    color: #545555;
}

#page-publications .publication_date {
    margin-top: 8px;
    font-size: 0.9rem;
    color: #706f6f;
}

#page-publications .swpg_targeted_bootstrap .accordion-button {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23545555'%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");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23545555'%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");
}

.pipe-subhead {
    margin-top: 30px;
    margin-bottom: 0;
}

.pipe .dtype {
    display: inline-block;
    white-space: nowrap;
    min-width: 10px;
}

#page-content {
    background: #fefefd;
}

.page-template-page-tabbed-parent .header-wrapper .inner-header-description {
    padding-top: 38px !important;
    min-height: 268px;
    padding-bottom: 38px !important;
    display: flex;
    align-items: center;
}

.page-template-page-tabbed-parent .header-wrapper .inner-header-description .row {
    width: 100%;
    min-height: 72px;
    align-items: center;
}

.page-template-page-tabbed-parent .header-wrapper .inner-header-description .col-xs-12 {
    text-align: left;
}

.page-template-page-tabbed-parent .hero-title,
.page-template-page-tabbed-parent .header-subtitle {
    display: block;
    text-align: left;
}


.page-template-page-tabbed-parent .hero-title {
    display: inline-block;
    padding-left: 18px;
    border-left: 4px solid #C89211;
}

.page-template-page-tabbed-parent .header-subtitle strong {
    color: #C89211;
    font-weight: 700 !important;
}


.page-template-page-tabbed-parent .header.color-overlay:after {
    background-position: top center !important;
}

.page-template-page-tabbed-parent .header.color-overlay:after,
.page-template-default .header.color-overlay:after {
    background-position: top center !important;
}

.page-template-default .header-wrapper .inner-header-description {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
    min-height: 268px;
    display: flex;
    align-items: center;
}

.page-template-default .header-wrapper .inner-header-description .row {
    width: 100%;
    min-height: 72px;
    align-items: center;
    justify-content: flex-start;
}

.page-template-default .header-wrapper .inner-header-description .col-xs-12 {
    width: 100%;
    text-align: left !important;
}

.page-template-default .header-wrapper .inner-header-description .hero-title,
.page-template-default .header-wrapper .inner-header-description .header-subtitle {
    display: block;
    width: 100%;
    text-align: left !important;
}

.page-template-default .header-wrapper .inner-header-description .hero-title {
    display: inline-block;
    padding-left: 18px;
    border-left: 4px solid #C89211;
}


.page-template-default .header-wrapper .inner-header-description {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
}

.page-template-default .header-wrapper .inner-header-description .row {
    min-height: 72px;
    align-items: center;
}

/* Home page: make the lower section styling explicit */
/* Homepage color test */
.home-page-content {
    background: #fefefd !important;
}

.home-page-content .ccbr-home-intro .card,
.home-page-content .home-featured .card {
    background: #ffffff;
    border: 1px solid #d6dbe8 !important;
    box-shadow: 4px 3px 5px 1px #bfc3c8;
    border-radius: 4px !important;
    height: 100%;
    padding: 0px;
}


.home-page-content .home-featured .card {
    border-top: 3px solid #d39b1a !important;
}

.home-page-content .ccbr-home-intro > .card,
.home-page-content .ccbr-home-intro .g2 > .card {
    border-top: 3px solid #706f6f !important;
}


.home-page-content .ccbr-home-intro h2,
.home-page-content .ccbr-home-intro h3,
.home-page-content .home-featured h3,
.home-page-content .home-featured .card-title {
    color: #2f3438 !important;
}


.home-page-content .ccbr-home-intro p,
.home-page-content .ccbr-home-intro li,
.home-page-content .home-featured p,
.home-page-content .home-featured li {
     color: #5e6468 !important;
}

.home-page-content .btn.btn-secondary,
.home-page-content .btn.btn-secondary:visited {
    background: #6b6a6a !important;
    border-color: #6b6a6a !important;
    color: #ffffff !important;
}

.home-page-content .btn.btn-secondary:hover,
.home-page-content .btn.btn-secondary:focus {
    background: #5c5b5b !important;
    border-color: #5c5b5b !important;
    color: #ffffff !important;
}


/* Home page content */

/* Home page lower-section buttons and featured links:
   use a visible underline treatment instead of relying on text-decoration */
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:visited,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:hover,
.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm:focus {
    text-decoration: none !important;
    background-image: none !important;
}


.home-page-content .card ul li a,
.home-page-content .card ul li a:visited {
    color: #4f565b !important;
    text-decoration: underline !important;
    text-decoration-color: #4f565b !important;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    background-image: none !important;
}

.home-page-content .card ul li a:hover,
.home-page-content .card ul li a:focus {
    color: #2f3438 !important;
    text-decoration: underline !important;
    text-decoration-color: #2f3438 !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    background-image: none !important;
}

.atlwdg-trigger {
    background: linear-gradient(180deg, #2a72a5 0%, #1c5e86 100%) !important;
    border-color: #FFFFFF !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(28, 94, 134, 0.18);
}

.atlwdg-trigger:hover,
.atlwdg-trigger:focus {
    background: linear-gradient(180deg, #007bbd 0%, #1c5e86 100%) !important;
    color: #ffffff !important;
}
.team-contacts-page .ccbr-breadcrumbs {
    display: block;
    padding-bottom: 24px !important;
}

.geo-download-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 220px 220px;
    gap: var(--sp-5);
}

.geo-download-cards > .ic {
    height: 220px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
}

.geo-download-cards > .ic h4 {
    margin-top: 0;
    margin-bottom: 14px;
}

.geo-download-cards > .ic p {
    margin-bottom: 18px;
}

.geo-download-cards > .ic a {
    margin-top: auto !important;
}

.feat-fig {
    position: relative;
}

.feat-fig::after {
    content: "\f00e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgba(31, 41, 51, 0.72);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.15s ease;
    pointer-events: none;
}

.feat-fig:hover::after,
.feat-fig:focus-within::after {
    opacity: 1;
}

.feat-fig:hover img,
.feat-fig:focus-within img {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: none;
}

.feat-fig img:hover {
    transform: none;
    box-shadow: none;
}

/* Homepage-only NCI palette test */
.home-page-content {
    --home-nci-primary: #2a72a5;
    --home-nci-primary-deep: #1c5e86;
    --home-nci-support: #0d95a1;
    --home-nci-accent: #FFBF17;
    --home-nci-structure: #706f6f;
    --home-nci-text: #24313a;
    --home-nci-muted: #5f6b73;
}

/* Hero highlight */
.header-homepage .banner-text .banner-gold {
    color: var(--home-nci-accent);
}

/* Homepage headings */
.home-page-content .ccbr-home-intro h2,
.home-page-content .ccbr-home-intro h3,
.home-page-content .home-featured h3,
.home-page-content .home-featured .card-title {
    color: var(--home-nci-primary-deep) !important;
}

/* Homepage body copy */
.home-page-content .ccbr-home-intro p,
.home-page-content .ccbr-home-intro li,
.home-page-content .home-featured p,
.home-page-content .home-featured li {
    color: var(--home-nci-muted) !important;
}

/* Intro card accents */
.home-page-content .ccbr-home-intro > .card,
.home-page-content .ccbr-home-intro .g2 > .card {
    border-top: 3px solid var(--home-nci-support) !important;
}

/* Featured card accents */
.home-page-content .home-featured .card {
    border-top: 3px solid var(--home-nci-accent) !important;
}

/* Buttons */
.home-page-content .btn.btn-secondary,
.home-page-content .btn.btn-secondary:visited {
    background: var(--home-nci-primary) !important;
    border-color: var(--home-nci-primary) !important;
    color: #ffffff !important;
}

.home-page-content .btn.btn-secondary:hover,
.home-page-content .btn.btn-secondary:focus {
    background: var(--home-nci-primary-deep) !important;
    border-color: var(--home-nci-primary-deep) !important;
    color: #ffffff !important;
}

/* Homepage-only chrome color test */
/*.home .header-top-bar,
.home .header-top-bar a,
.home .header-top-bar .top-bar-menu li a {
    background: #1c5e86;
    color: #ffffff !important;
}

.home .header-top-bar .top-bar-menu li a:hover,
.home .header-top-bar .top-bar-menu li a:focus {
    color: #FFBF17 !important;
}

.home .pre-footer {
    background: #1c5e86;
}

.home .pre-footer .fc h4 {
    color: #FFBF17 !important;
}

.home .pre-footer .fc,
.home .pre-footer .fc p,
.home .pre-footer .fc li,
.home .pre-footer .fc a,
.home .pre-footer .fc a:visited {
    color: #ffffff !important;
}

.home .footer.footer-simple.footer-bottom-bar {
    background: #004971;
}

.home .footer.footer-simple.footer-bottom-bar,
.home .footer.footer-simple.footer-bottom-bar p,
.home .footer.footer-simple.footer-bottom-bar a,
.home .footer.footer-simple.footer-bottom-bar a:visited,
.home .footer.footer-simple.footer-bottom-bar #ccr-footer,
.home .footer.footer-simple.footer-bottom-bar #ccr-footer a {
    color: #ffffff !important;
}

.home .footer.footer-simple.footer-bottom-bar a:hover,
.home .footer.footer-simple.footer-bottom-bar a:focus {
    color: #FFBF17 !important;
}

.home .header-top-bar {
    background-color: #1c5e86 !important;
}

.home .pre-footer {
    background: #1c5e86 !important;
    border-top: 4px solid #FFBF17;
    padding: 46px 0 40px;
}

.home .pre-footer p,
.home .pre-footer li,
.home .pre-footer ul,
.home .pre-footer div {
    color: #ffffff !important;
    font-weight: 400;
    font-size: 16px;
}

.home .footer.footer-simple.footer-bottom-bar .footer-content {
    background-color: #004971 !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.home-page-content .card-title i.fas {
    clear: both !important;
    display: block;
    background-color: #1c5e86;
    color: #ffffff !important;
    padding: 10px;
    max-width: fit-content;
    text-align: center !important;
    align-content: center !important;
    margin: auto;
    margin-bottom: 0.5rem;
    border-radius: 50%;
    font-size: 16px;
}*/

/*.home .header-search .search-submit {
    margin-left: 8px;
    margin-bottom: 10px;
    height: 40px;
    padding: 0 14px;
    border: 0;
    background: #1c5e86;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}

.home .header-search .search-submit:hover,
.home .header-search .search-submit:focus {
    background: #2a72a5;
    color: #fff;
}*/

/*.home-page-content .home-featured > div > a .card-footer.bg-custom .cta-pill {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.38rem 0.8rem;
    border: 1px solid #b9d3e2;
    border-radius: 999px;
    background: #f4f8fb;
    color: #1c5e86 !important;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none !important;
    background-image: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.home-page-content .home-featured > div > a:hover .card-footer.bg-custom .cta-pill,
.home-page-content .home-featured > div > a:focus .card-footer.bg-custom .cta-pill {
    background: #1c5e86;
    border-color: #1c5e86;
    color: #ffffff !important;
}*/

.header-homepage.color-overlay {
    background: url(/ccbr/wp-content/uploads/sites/3/2026/06/home_banner-collab.png) center center / cover no-repeat fixed;
    background-position: center center;
}

/*.header-homepage .banner-text {
    display: inline-block;
    max-width: 1260px;
    padding: 28px 36px;
    background: rgba(145, 205, 238, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 28px;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}*/

/*.pre-footer .fc a,
.pre-footer .fc a:visited {
    color: #ffffff !important;
    text-decoration-line: underline !important;
    text-decoration-color: #FFBF17 !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 2px !important;
    border: none !important;
    border-bottom: none !important;
    border-bottom-color: transparent !important;
    box-shadow: none !important;
    background-image: none !important;
    transform: none !important;
    transition: text-underline-offset 0.2s ease, text-decoration-thickness 0.2s ease;
}*/

/*.home-featured > div > a .card-footer.bg-custom .cta-arrow {
    color: #FFBF17 !important;
    display: inline-block;
    line-height: 1;
    position: relative;
    top: 2px;
    text-decoration: none !important;
    background-image: none !important;
}*/

.home-page-content .ccbr-home-btn-row a.btn.btn-secondary.btn-sm .btn-arrow {
    color: #FFBF17 !important;
    font-weight: 800;
    font-size: 1.3em;
    line-height: 0;
    vertical-align: middle;
    margin-left: 0.25rem;
    display: inline-block;
    position: relative;
    top: 1px;
    transition: transform 0.2s ease;
}

/* Homepage action-card test */
.home-page-content .ccbr-home-intro .card,
.home-page-content .home-featured .card {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    border: 1px solid #cfe0ea !important;
    border-top: 5px solid #0d95a1 !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px rgba(28, 94, 134, 0.12) !important;
    overflow: hidden;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.home-page-content .home-featured .card {
    border-top-color: #FFBF17 !important;
}

.home-page-content .ccbr-home-intro .card:hover,
.home-page-content .ccbr-home-intro .card:focus-within,
.home-page-content .home-featured .card:hover,
.home-page-content .home-featured .card:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(28, 94, 134, 0.18) !important;
    border-color: #b8d3e3 !important;
}

.home-page-content .ccbr-home-intro > .card:hover,
.home-page-content .ccbr-home-intro > .card:focus-within {
    transform: none;
    box-shadow: 0 14px 34px rgba(28, 94, 134, 0.12) !important;
    border-color: #cfe0ea !important;
    border-top-color: #0d95a1 !important;
}

.home-page-content .ccbr-home-intro .card-body,
.home-page-content .home-featured .card-body {
    padding: 1.6rem 1.5rem 1.2rem;
}

.home-page-content .ccbr-home-intro .card-title,
.home-page-content .home-featured .card-title {
    color: #1c5e86 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
    margin-bottom: 0.85rem;
}

.home-page-content .ccbr-home-intro .card-text,
.home-page-content .home-featured .card-text,
.home-page-content .ccbr-home-intro .card p,
.home-page-content .home-featured .card p {
    color: #334a57 !important;
    font-size: 1.2rem !important;
    line-height: 1.7;
}

.home-page-content .card-title i.fas {
    clear: both !important;
    display: grid !important;
    place-items: center;
    width: 56px;
    aspect-ratio: 1 / 1;
    margin: 0 auto 0.9rem !important;
    padding: 0 !important;
    max-width: none !important;
    background: linear-gradient(135deg, #2a72a5 0%, #0d95a1 100%);
    color: #ffffff !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(13, 149, 161, 0.22);
    font-size: 20px;
    line-height: 1 !important;
    text-align: center !important;
}

.home-page-content .home-featured > div > a .card-footer.bg-custom,
.home-page-content .ccbr-home-intro .card-footer.bg-custom {
    background: transparent !important;
    border-top: 1px solid rgba(28, 94, 134, 0.08);
    padding: 0 1.5rem 1.4rem;
}

.home-page-content .home-featured > div > a .card-footer.bg-custom .cta-pill,
.home-page-content .ccbr-home-intro .card-footer.bg-custom .cta-pill {
    background: #eef7fb;
    border: 1px solid #b7d8e6;
    color: #1c5e86 !important;
    font-weight: 700;
    padding: 0.48rem 0.95rem;
}

.home-page-content .home-featured > div > a:hover .card-footer.bg-custom .cta-pill,
.home-page-content .home-featured > div > a:focus .card-footer.bg-custom .cta-pill,
.home-page-content .ccbr-home-intro a:hover .card-footer.bg-custom .cta-pill,
.home-page-content .ccbr-home-intro a:focus .card-footer.bg-custom .cta-pill {
    background: #1c5e86;
    border-color: #1c5e86;
    color: #ffffff !important;
}

.home-page-content .home-featured > div > a .card-footer.bg-custom .cta-arrow,
.home-page-content .ccbr-home-intro .btn-arrow {
    color: #FFBF17 !important;
}

/* Homepage g2 card test */
.home-page-content .ccbr-home-intro .g2 {
    gap: 1.5rem;
}

.home-page-content .ccbr-home-intro .g2 > .card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.6rem 1.5rem 1.35rem !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    border: 1px solid #cfe0ea !important;
    border-top: 5px solid #0d95a1 !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 34px rgba(28, 94, 134, 0.12) !important;
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.home-page-content .ccbr-home-intro .g2 > .card:hover,
.home-page-content .ccbr-home-intro .g2 > .card:focus-within {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(28, 94, 134, 0.18) !important;
    border-color: #b8d3e3 !important;
}

.home-page-content .ccbr-home-intro .g2 > .card h3,
.home-page-content .ccbr-home-intro .g2 > .card h4 {
    color: #1c5e86 !important;
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    line-height: 1.2;
    margin-bottom: 0.8rem;
}

.home-page-content .ccbr-home-intro .g2 > .card p,
.home-page-content .ccbr-home-intro .g2 > .card li {
    color: #334a57 !important;
    font-size: 1.2rem !important;
    line-height: 1.7;
}

.home-page-content .ccbr-home-intro .g2 > .card > p:last-child,
.home-page-content .ccbr-home-intro .g2 > .card .ccbr-home-btn-row,
.home-page-content .ccbr-home-intro .g2 > .card .card-footer {
    margin-top: auto !important;
}

.home-page-content .ccbr-home-intro .g2 > .card a:not(.btn) {
    color: #1c5e86 !important;
    font-weight: 700;
}

.home-page-content .ccbr-home-intro .g2 > .card a:not(.btn):hover,
.home-page-content .ccbr-home-intro .g2 > .card a:not(.btn):focus {
    color: #0d95a1 !important;
}

/* Homepage g2 card buttons */
.home-page-content .ccbr-home-intro .g2 .btn.btn-secondary.btn-sm,
.home-page-content .ccbr-home-intro .g2 .btn.btn-secondary.btn-sm:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border: 1px solid #1c5e86 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%) !important;
    background-image: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px rgba(28, 94, 134, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.home-page-content .ccbr-home-intro .g2 .btn.btn-secondary.btn-sm:hover,
.home-page-content .ccbr-home-intro .g2 .btn.btn-secondary.btn-sm:focus {
    background: linear-gradient(135deg, #007bbd 0%, #007bbd 100%) !important;
    background-image: linear-gradient(135deg, #007bbd 0%, #007bbd 100%) !important;
    border-color: #007bbd !important;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(28, 94, 134, 0.24);
    transform: translateY(-1px);
}

.home-page-content .ccbr-home-intro .g2 .btn.btn-secondary.btn-sm .btn-arrow {
    color: #FFBF17 !important;
}
/* Homepage hero refinement */
.header-homepage .banner-text {
    display: block;
    width: calc(100% - 5px);
    max-width: none;
    padding: 32px 40px;
    background: linear-gradient(
        180deg,
        rgba(125, 190, 230, 0.20) 0%,
        rgba(77, 146, 196, 0.14) 100%
    );
    border: 1px solid rgba(207, 224, 234, 0.55);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 18px 42px rgba(9, 56, 84, 0.20);
}

.header-homepage .banner-text h1,
.header-homepage .banner-text .hero-title {
    color: #ffffff !important;
    font-size: 3rem;
    font-weight: 700 !important;
    line-height: 1.1;
    margin-bottom: 0.75rem;
}

.header-homepage .banner-text h4,
.header-homepage .banner-text .header-subtitle {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 1.35rem;
    font-weight: 500 !important;
    line-height: 1.5;
    margin-bottom: 0;
}

.header-homepage .banner-text .banner-gold,
.header-homepage .banner-text .accent {
    color: #FFBF17 !important;
}

/* Homepage header controls refinement */
.home #main_menu > li > a {
    color: #1c5e86 !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    transition: color 0.2s ease;
}

.home #main_menu > li > a:hover,
.home #main_menu > li > a:focus,
.home #main_menu > li.current-menu-item > a,
.home #main_menu > li.current_page_item > a {
    color: #007bbd !important;
}

.home .header-search .search-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.home .header-search .search-field {
    height: 42px;
    border: 1px solid #b9d3e2 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #1c5e86 !important;
    box-shadow: 0 6px 18px rgba(28, 94, 134, 0.08);
    padding-left: 14px;
    padding-right: 40px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.home .header-search .search-field::placeholder {
    color: #6a8798;
}

.home .header-search .search-field:focus {
    border-color: #2a72a5 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(42, 114, 165, 0.16), 0 8px 20px rgba(28, 94, 134, 0.10);
    outline: none !important;
}

.home .header-search .search-submit {
    height: 42px;
    padding: 0 16px;
    border: 1px solid #1c5e86;
    border-radius: 12px;
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    background-image: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(28, 94, 134, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.home .header-search .search-submit:hover,
.home .header-search .search-submit:focus {
    background: linear-gradient(135deg, #007bbd 0%, #007bbd 100%) !important;
    background-image: linear-gradient(135deg, #007bbd 0%, #007bbd 100%) !important;
    border-color: #007bbd !important;
    color: #ffffff !important;
    box-shadow: 0 14px 26px rgba(28, 94, 134, 0.24);
    transform: translateY(-1px);
}

.home .header-search .search-clear {
    color: #1c5e86;
}

.home .header-search .search-clear:hover,
.home .header-search .search-clear:focus {
    color: #007bbd;
}


/* Homepage pre-footer + footer refinement */

.home .footer.footer-simple.footer-bottom-bar {
    background: #123f5b !important;
}

.home .footer.footer-simple.footer-bottom-bar .footer-content {
    background-color: #123f5b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 18px;
    padding-bottom: 18px;
}

.home .footer.footer-simple.footer-bottom-bar,
.home .footer.footer-simple.footer-bottom-bar p,
.home .footer.footer-simple.footer-bottom-bar a,
.home .footer.footer-simple.footer-bottom-bar a:visited,
.home .footer.footer-simple.footer-bottom-bar #ccr-footer,
.home .footer.footer-simple.footer-bottom-bar #ccr-footer a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 0.92rem;
    line-height: 1.6;
}

.home .footer.footer-simple.footer-bottom-bar a:hover,
.home .footer.footer-simple.footer-bottom-bar a:focus,
.home .footer.footer-simple.footer-bottom-bar #ccr-footer a:hover,
.home .footer.footer-simple.footer-bottom-bar #ccr-footer a:focus {
    color: #FFBF17 !important;
}

/* Homepage top bar refinement */
.home .header-top-bar {
    background: linear-gradient(90deg, #1c5e86 0%, #174f73 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.home .header-top-bar-inner,
.home .header-top-bar-area,
.home .top-bar-field,
.home .top-bar-menu,
.home .top-bar-menu li,
.home .top-bar-menu li a,
.home .top-bar-menu li a:visited,
.home .top-bar-menu li a:hover,
.home .top-bar-menu li a:focus {
    background: transparent !important;
    box-shadow: none !important;
}

.home .header-top-bar,
.home .header-top-bar p,
.home .header-top-bar span,
.home .header-top-bar a,
.home .header-top-bar a:visited,
.home .header-top-bar .top-bar-menu li a {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.home .header-top-bar a:hover,
.home .header-top-bar a:focus,
.home .header-top-bar .top-bar-menu li a:hover,
.home .header-top-bar .top-bar-menu li a:focus {
    color: #FFBF17 !important;
}

/* About page: palette-aligned refinement */
#page-about {
    --about-primary: #1c5e86;
    --about-primary-bright: #2a72a5;
    --about-support: #0d95a1;
    --about-accent: #FFBF17;
    --about-text: #425866;
    --about-text-strong: #243745;
    --about-surface: #f7fbfe;
    --about-surface-alt: #eef7fb;
    --about-border: #cfe0ea;
    background: linear-gradient(180deg, #fbfdfe 0%, #f6fafc 100%);
}

/* Headings + copy */
#page-about h2,
#page-about h3,
#page-about h4 {
    color: var(--about-primary) !important;
}

#page-about h2 {
    font-size: 2rem;
    font-weight: 700 !important;
    line-height: 1.18;
    margin-bottom: 1.1rem;
}

#page-about h3 {
    font-size: 1.4rem;
    font-weight: 700 !important;
    line-height: 1.25;
    margin-bottom: 0.9rem;
}

#page-about h4,
#page-about .ic h4,
#page-about .sb h4 {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    line-height: 1.3;
    color: var(--about-primary) !important;
}

#page-about p,
#page-about li,
#page-about td,
#page-about .sb p,
#page-about .ic p {
    color: var(--about-text) !important;
    font-size: 1.2rem !important;
    line-height: 1.72;
}

/* Links */
#page-about a,
#page-about a:visited {
    color: var(--about-primary) !important;
    text-decoration-line: underline !important;
    text-decoration-color: var(--about-primary) !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

#page-about a:hover,
#page-about a:focus {
    color: var(--about-support) !important;
    text-decoration-color: var(--about-accent) !important;
    text-underline-offset: 5px;
}

/* Overview grid */
#about-overview .g2 {
    gap: 1.4rem;
}
#page-about .ic .g2 {
    gap: 1.5rem;
    margin-top: 1rem;
}

#page-about .ic h3 {
    margin-bottom: 0.9rem;
}

#page-about .ic h4 {
    margin-top: 1.15rem;
    margin-bottom: 0.45rem;
}

#page-about .ic h4:first-child {
    margin-top: 0;
}

#page-about .ic ul {
    margin: 0 0 0.75rem 1.1rem;
    padding: 0;
}

#page-about .ic li {
    margin-bottom: 0.35rem;
    line-height: 1.65;
}



#page-about .org-structure-list li::marker {
    color: #334a57;
}

/* Info cards: same palette as homepage, quieter treatment */
#page-about .ic {
    /*background: linear-gradient(180deg, var(--about-surface) 0%, #ffffff 100%);*/
    border: 1px solid var(--about-border);
    border-left: 5px solid var(--about-support);
    border-radius: 16px;
    padding: 1.35rem 1.35rem 1.2rem;
    box-shadow: 0 8px 22px rgba(28, 94, 134, 0.08);
}

#page-about .ccbr-card > .ic + .ic {
    margin-top: 1.5rem;
}

#page-about .ic h4 {
    margin-bottom: 0.55rem;
}

#page-about .ic a,
#page-about .ic a:visited {
    color: var(--about-primary) !important;
    font-size: 0.92rem;
    font-weight: 700;
}

#page-about .ic a:hover,
#page-about .ic a:focus {
    color: var(--about-support) !important;
}

/* Authorship block */
#about-authorship {
    background: linear-gradient(180deg, var(--about-surface) 0%, #ffffff 100%);
    border: 1px solid var(--about-border);
    border-radius: 16px;
    padding: 1.4rem 1.5rem;
    box-shadow: 0 8px 22px rgba(28, 94, 134, 0.08);
}

/* Process flow */
#page-about .process-flow {
    margin-top: 1.5rem;
}

#page-about .ps {
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(28, 94, 134, 0.10);
}

#page-about .sn {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, var(--about-primary-bright) 0%, var(--about-primary) 100%);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(28, 94, 134, 0.16);
}

#page-about .sb h4 {
    color: var(--about-primary) !important;
    margin-bottom: 0.3rem;
}

#page-about .sb p strong {
    color: var(--about-text-strong) !important;
}

/* Callouts */
#page-about .co {
    border-radius: 16px;
    padding: 1rem 1.25rem;
    box-shadow: 0 8px 20px rgba(28, 94, 134, 0.07);
}

#page-about .co-info {
    background: #f2f8fb;
    border-left: 5px solid var(--about-primary);
}

#page-about .co-ok {
    background: #f8fbf2;
    border-left: 5px solid var(--about-accent);
}

#page-about .co-warn {
    background: #fff8e3;
    border-left: 5px solid var(--about-accent);
}

/* Tables */
#page-about .tbl-w {
    margin-top: 1.5rem;
}

#page-about table.tbl {
    border: 1px solid var(--about-border);
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
}

#page-about table.tbl th {
    background: linear-gradient(135deg, var(--about-primary-bright) 0%, var(--about-primary) 100%);
    color: #ffffff;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    font-weight: 700;
}

#page-about table.tbl td {
    color: var(--about-text) !important;
    border-bottom: 1px solid rgba(28, 94, 134, 0.10);
    line-height: 1.55;
}

#page-about table.tbl tbody tr:hover td {
    background: var(--about-surface-alt);
}

#page-about table.tbl td strong {
    color: var(--about-text-strong) !important;
}

/* About page: upgrade main ccbr-card */
#page-about .ccbr-card {
    /*background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);*/
    border: 1px solid #cfe0ea !important;
    border-top: 5px solid #0d95a1 !important;
    border-radius: 18px !important;
    padding: 2rem !important;
    margin-bottom: 2rem;
    box-shadow: 0 14px 34px rgba(28, 94, 134, 0.12) !important;
}

#page-about .ccbr-card h2 {
    color: #1c5e86 !important;
    font-size: 1.95rem;
    font-weight: 700 !important;
    margin-bottom: 1.15rem;
    padding-bottom: 0.95rem;
    border-bottom: 1px solid rgba(28, 94, 134, 0.12);
}

#page-about .ccbr-card h3 {
    color: #1c5e86 !important;
    font-weight: 700 !important;
    margin: 1.6rem 0 0.7rem;
}

#page-about .ccbr-card p,
#page-about .ccbr-card li,
#page-about .ccbr-card ul,
#page-about .ccbr-card ol {
    color: #334a57 !important;
}



#page-about .ccbr-card p strong,
#page-about .ccbr-card li strong {
    color: #243745 !important;
}

#page-about .ccbr-card a,
#page-about .ccbr-card a:visited {
    color: #1c5e86 !important;
    text-decoration-line: underline !important;
    text-decoration-color: #1c5e86 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

#page-about .ccbr-card a:hover,
#page-about .ccbr-card a:focus {
    color: #0d95a1 !important;
    text-decoration-color: #FFBF17 !important;
    text-underline-offset: 5px;
}

#page-about .ccbr-card .btn.btn-secondary.btn-sm .btn-arrow {
    color: #FFBF17 !important;
}

#page-about .ccbr-card:hover,
#page-about .ccbr-card:focus-within {
    box-shadow: 0 18px 40px rgba(28, 94, 134, 0.16) !important;
}

/* About page tab refinement */
#page-about .subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0 0 1.6rem;
    padding: 0.55rem;
    background: linear-gradient(180deg, #f9fcfe 0%, #eef7fb 100%);
    border: 1px solid #cfe0ea;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
}

#page-about .subnav a.stab,
#page-about .subnav a.stab:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 999px;
    background: transparent;
    color: #1c5e86 !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

#page-about .subnav a.stab:hover,
#page-about .subnav a.stab:focus {
    background: #e8f3f8;
    color: #0d95a1 !important;
    border-bottom: 0 !important;
}

#page-about .subnav a.stab.on,
#page-about .subnav a.stab.on:visited {
    /*background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #FFBF17 !important;*/
    border-bottom: 0 !important;
    box-shadow: 0 8px 18px rgba(28, 94, 134, 0.16);
    font-weight: 700 !important;
}

/* About page: generic card refinement */
#page-about .card {
    /*background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);*/
    border: 1px solid #cfe0ea !important;
    border-top: 5px solid #0d95a1 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(28, 94, 134, 0.10) !important;
    overflow: hidden;
}

#page-about .card h2,
#page-about .card h3,
#page-about .card h4 {
    color: #1c5e86 !important;
}

#page-about .card p,
#page-about .card li {
    color: #425866 !important;
}

#page-about .card a,
#page-about .card a:visited {
    color: #1c5e86 !important;
    text-decoration-line: underline !important;
    text-decoration-color: #1c5e86 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

#page-about .card a:hover,
#page-about .card a:focus {
    color: #0d95a1 !important;
    text-decoration-color: #FFBF17 !important;
    text-underline-offset: 5px;
}


/* About page: acknowledgment box refinement */
#page-about .ack-box {
    background: linear-gradient(180deg, #f8fbf2 0%, #ffffff 100%);
    border: 1px solid #cfe0ea;
    border-left: 5px solid #FFBF17;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
    padding: 1.4rem 1.6rem;
}

#page-about .ack-box .ack-label {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1c5e86 !important;
    margin-bottom: 0.8rem;
}

#page-about .ack-box .ack-copy {
    font-size: 1rem;
    line-height: 1.75;
    color: #334a57 !important;
    font-style: italic;
}

/* Global breadcrumb refinement */
.ccbr-breadcrumbs {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.45rem;
    padding: 0;
    margin-bottom: 24px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #5a6e7c;
    font-size: 0.92rem;
    font-weight: 600;
    line-height: 1.4;
}

.ccbr-breadcrumbs a,
.ccbr-breadcrumbs a:visited {
    color: #1c5e86 !important;
    text-decoration: underline !important;
    text-decoration-color: #1c5e86 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    transition: color 0.2s ease, text-decoration-color 0.2s ease, text-underline-offset 0.2s ease;
}

.ccbr-breadcrumbs a:hover,
.ccbr-breadcrumbs a:focus {
    color: #0d95a1 !important;
    text-decoration-color: #FFBF17 !important;
    text-underline-offset: 5px;
}

.ccbr-breadcrumbs .sep {
    margin: 0 2px;
    color: #86a2b3;
    font-weight: 700;
}

.ccbr-breadcrumbs span:not(.sep):last-child {
    color: #243745;
    font-weight: 700;
}

/* Sitewide header controls */
#main_menu > li > a {
    color: #1c5e86 !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
    transition: color 0.2s ease;
}

#main_menu > li > a:hover,
#main_menu > li > a:focus,
#main_menu > li.current-menu-item > a,
#main_menu > li.current_page_item > a {
    color: #007bbd !important;
}

.header-search .search-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-search .search-field {
    height: 42px;
    border: 1px solid #b9d3e2 !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #1c5e86 !important;
    box-shadow: 0 6px 18px rgba(28, 94, 134, 0.08);
    padding-left: 14px;
    padding-right: 40px !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.header-search .search-field::placeholder {
    color: #6a8798;
}

.header-search .search-field:focus {
    border-color: #2a72a5 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(42, 114, 165, 0.16), 0 8px 20px rgba(28, 94, 134, 0.10);
    outline: none !important;
}

.header-search .search-submit {
    height: 42px;
    padding: 0 16px;
    border: 1px solid #1c5e86;
    border-radius: 12px;
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #ffffff !important;
    font-weight: 700;
    box-shadow: 0 10px 20px rgba(28, 94, 134, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.header-search .search-submit:hover,
.header-search .search-submit:focus {
    background: linear-gradient(135deg, #007bbd 0%, #1c5e86 100%);
    box-shadow: 0 14px 26px rgba(28, 94, 134, 0.24);
    transform: translateY(-1px);
}

.header-search .search-clear {
    color: #1c5e86;
}

.header-search .search-clear:hover,
.header-search .search-clear:focus {
    color: #007bbd;
}

/* Sitewide dropdown refinement */
ul.dropdown-menu ul {
    background: linear-gradient(180deg, #f9fcfe 0%, #eef7fb 100%) !important;
    border: 1px solid #c7d8e6 !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 38px rgba(28, 94, 134, 0.14) !important;
    padding: 0 !important;
    overflow: hidden;
    min-width: 300px;
}

ul.dropdown-menu > li {
    position: relative;
}

ul.dropdown-menu > li > ul {
    left: 50% !important;
    transform: translateX(-50%);
}

ul.dropdown-menu ul li {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #1c5e86 !important;
}

ul.dropdown-menu ul li > a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 20px !important;
    color: #1c5e86 !important;
    font-weight: 600 !important;
    line-height: 1.25;
    white-space: normal;
    transition: background-color 0.2s ease, color 0.2s ease;
}

ul.dropdown-menu ul li.hover,
ul.dropdown-menu ul li:hover {
    background: transparent !important;
    color: #FFBF17 !important;
}

ul.dropdown-menu ul li:hover > a,
ul.dropdown-menu ul li:focus-within > a {
    background: #1c5e86 !important;
    color: #FFBF17 !important;
    padding-left: 18px !important;
    transform: none !important;
}

/* Sitewide pre-footer + footer */
.pre-footer {
    background: linear-gradient(270deg, #1a5a80 0%, #184f70 100%) !important;
    border-top: 4px solid #FFBF17;
    padding: 34px 0 28px;
}

.pre-footer .gridContainer {
    width: min(92%, 1720px);
    max-width: 1720px;
    margin: 0 auto;
}


.pre-footer .fi {
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: clamp(22rem, 26vw, 26rem);
    align-items: start;
}


.pre-footer .fi .fc:first-child > p:first-of-type {
    max-width: 42ch;
}

.pre-footer .fi .fc:first-child h4 {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .pre-footer .fi .fc:first-child h4 {
        white-space: normal;
    }
}
.pre-footer .fc h4 {
    color: #d7e6ef !important;
    font-size: 1rem;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    margin-bottom: 0.55rem;
}

.pre-footer .fc,
.pre-footer .fc p,
.pre-footer .fc li,
.pre-footer .fc ul,
.pre-footer .fc div {
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 0.95rem;
    line-height: 1.55;
}

.pre-footer .fc p + p,
.pre-footer .fc li + li {
    margin-top: 0.3rem;
}

.pre-footer .fc a,
.pre-footer .fc a:visited {
    color: rgba(255, 255, 255, 0.92) !important;
    text-decoration: none !important;
    border: none !important;
    box-shadow: none !important;
    background-image: none !important;
    transition: color 0.2s ease, text-decoration-color 0.2s ease, text-underline-offset 0.2s ease;
}

.pre-footer .fc a:hover,
.pre-footer .fc a:focus {
    color: #FFBF17 !important;
    text-decoration: underline !important;
    text-decoration-color: #FFBF17 !important;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 4px !important;
}


.footer.footer-simple.footer-bottom-bar {
    background: #123f5b !important;
}

.footer.footer-simple.footer-bottom-bar .footer-content {
    background-color: #123f5b !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 18px;
    padding-bottom: 18px;
}

.footer.footer-simple.footer-bottom-bar,
.footer.footer-simple.footer-bottom-bar p,
.footer.footer-simple.footer-bottom-bar a,
.footer.footer-simple.footer-bottom-bar a:visited,
.footer.footer-simple.footer-bottom-bar #ccr-footer,
.footer.footer-simple.footer-bottom-bar #ccr-footer a {
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: 0.92rem;
    line-height: 1.6;
}

.footer.footer-simple.footer-bottom-bar a:hover,
.footer.footer-simple.footer-bottom-bar a:focus,
.footer.footer-simple.footer-bottom-bar #ccr-footer a:hover,
.footer.footer-simple.footer-bottom-bar #ccr-footer a:focus {
    color: #FFBF17 !important;
}

/* Sitewide top bar */
.header-top-bar {
    background: linear-gradient(90deg, #1c5e86 0%, #174f73 100%) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.header-top-bar-inner,
.header-top-bar-area,
.top-bar-field,
.top-bar-menu,
.top-bar-menu li,
.top-bar-menu li a,
.top-bar-menu li a:visited,
.top-bar-menu li a:hover,
.top-bar-menu li a:focus {
    background: transparent !important;
    box-shadow: none !important;
}

.header-top-bar,
.header-top-bar p,
.header-top-bar span,
.header-top-bar a,
.header-top-bar a:visited,
.header-top-bar .top-bar-menu li a {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 0.92rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.header-top-bar a:hover,
.header-top-bar a:focus,
.header-top-bar .top-bar-menu li a:hover,
.header-top-bar .top-bar-menu li a:focus {
    color: #FFBF17 !important;
}

/* Inner-page hero: match homepage direction */
.page-template-default .header.color-overlay:after,
.page-template-page-tabbed-parent .header.color-overlay:after,
.search .header.color-overlay:after {
    background: url(/ccbr/wp-content/uploads/sites/3/2026/06/home_banner-collab.png) center center / cover no-repeat fixed !important;
    background-position: center center !important;
    background-size: cover !important;
}

/* Inner-page hero height: match homepage more closely */
.page-template-default .header-wrapper .inner-header-description,
.page-template-page-tabbed-parent .header-wrapper .inner-header-description,
.search .header-wrapper .inner-header-description {
    min-height: 321px !important;
    padding-top: 56px !important;
    padding-bottom: 56px !important;
    display: flex;
    align-items: center;
}
/* Frosted panel for child-page hero text */
.page-template-default .header-wrapper .inner-header-description .hero-panel,
.page-template-page-tabbed-parent .header-wrapper .inner-header-description .hero-panel,
.search .header-wrapper .inner-header-description .hero-panel {
    width: 100%;
    max-width: 1430px;
    margin: 0 auto;
    padding: 32px 40px;
    box-sizing: border-box;
    position: relative;
    left: 20px;
    background: linear-gradient(
        180deg,
        rgba(125, 190, 230, 0.20) 0%,
        rgba(77, 146, 196, 0.14) 100%
    );
    border: 1px solid rgba(207, 224, 234, 0.55);
    border-radius: 24px;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 18px 42px rgba(9, 56, 84, 0.20);
}

/* Remove the old gold left bar */
.page-template-default .header-wrapper .inner-header-description .hero-title,
.page-template-page-tabbed-parent .header-wrapper .inner-header-description .hero-title,
.search .header-wrapper .inner-header-description .hero-title {
    display: block;
    width: 100%;
    border-left: 4px solid #FFBF17 !important;
    padding-left: 18px !important;
    color: #ffffff !important;
    font-size: 3rem;
    font-weight: 700 !important;
    line-height: 1.1;
    margin-bottom: 0.75rem;
}

.page-template-default .header-wrapper .inner-header-description .header-subtitle,
.page-template-page-tabbed-parent .header-wrapper .inner-header-description .header-subtitle,
.search .header-wrapper .inner-header-description .header-subtitle {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 1.35rem;
    font-weight: 500 !important;
    line-height: 1.5;
    margin-bottom: 0;
}

.page-template-default .header-wrapper .inner-header-description .header-subtitle strong,
.page-template-page-tabbed-parent .header-wrapper .inner-header-description .header-subtitle strong,
.search .header-wrapper .inner-header-description .header-subtitle strong {
    color: #FFBF17 !important;
}

.home-page-content .card-title {
    text-align: center;
}

.home-page-content .card-title .card-illus {
    display: block;
    width: 98px;
    height: 98px;
    margin: 0 auto 1rem;
    object-fit: contain;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #cfe0ea;
    border-radius: 24px;
    box-shadow: 0 14px 26px rgba(28, 94, 134, 0.16);

}

/* =========================
   Shared Section Pages
   About / Submission / Resources / Training / Publications / Team & Contacts
   ========================= */

.page-template-page-tabbed-parent .simple_theme_content,
.team-contacts-page .simple_theme_content {
    color: #425866;
}

.page-template-page-tabbed-parent .simple_theme_content h2,
.page-template-page-tabbed-parent .simple_theme_content h3,
.page-template-page-tabbed-parent .simple_theme_content h4,
.team-contacts-page .simple_theme_content h2,
.team-contacts-page .simple_theme_content h3,
.team-contacts-page .simple_theme_content h4 {
    color: #1c5e86 !important;
}

.page-template-page-tabbed-parent .simple_theme_content h2,
.team-contacts-page .simple_theme_content h2 {
    font-weight: 700 !important;
    line-height: 1.18;
}

.page-template-page-tabbed-parent .simple_theme_content .cta,
.team-contacts-page .simple_theme_content .cta {
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-top: 4px solid #FFBF17;
    border-radius: 18px;
    padding: var(--sp-8);
    text-align: center;
    box-shadow: 0 16px 34px rgba(28, 94, 134, 0.20);
}

.page-template-page-tabbed-parent .simple_theme_content .cta h3,
.team-contacts-page .simple_theme_content .cta h3 {
    color: #ffffff !important;
    font-size: 1.15rem;
    font-weight: 800 !important;
    margin-bottom: var(--sp-3);
}

.page-template-page-tabbed-parent .simple_theme_content .cta p,
.team-contacts-page .simple_theme_content .cta p {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 0.875rem;
    line-height: 1.65 !important;
    margin-bottom: var(--sp-6);
    opacity: 1;
}

.page-template-page-tabbed-parent .simple_theme_content .cta a.btn.btn-primary,
.page-template-page-tabbed-parent .simple_theme_content .cta a.btn.btn-primary:visited,
.team-contacts-page .simple_theme_content .cta a.btn.btn-primary,
.team-contacts-page .simple_theme_content .cta a.btn.btn-primary:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.75rem 1.1rem;
    border: 1px solid #ffffff !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #1c5e86 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 20px rgba(9, 56, 84, 0.16);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.search .header-wrapper .inner-header-description .row {
    display: flex;
    justify-content: center;
    width: 100%;
}

.search .header-wrapper .inner-header-description .col-xs.col-xs-12 {
    float: none !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 15px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-align: center !important;
}

.search .header-wrapper .inner-header-description .hero-title {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 100% !important;
    max-width: 1400px;
    margin: 0 auto !important;
    padding: 24px 32px !important;
    box-sizing: border-box;
    background: linear-gradient(
        180deg,
        rgba(125, 190, 230, 0.20) 0%,
        rgba(77, 146, 196, 0.14) 100%
    ) !important;
    border: 1px solid rgba(207, 224, 234, 0.55) !important;
    border-left: 0 !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(9, 56, 84, 0.20) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    text-align: left;
}

.search .header-wrapper .inner-header-description .hero-title::before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 1.1em;
    margin-right: 0.6rem;
    background: #FFBF17;
    border-radius: 999px;
}


.page-template-page-tabbed-parent .simple_theme_content .cta a.btn.btn-primary:hover,
.page-template-page-tabbed-parent .simple_theme_content .cta a.btn.btn-primary:focus,
.team-contacts-page .simple_theme_content .cta a.btn.btn-primary:hover,
.team-contacts-page .simple_theme_content .cta a.btn.btn-primary:focus {
    background: #eef7fb !important;
    color: #0d95a1 !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(9, 56, 84, 0.20);
}

.page-template-page-tabbed-parent .simple_theme_content p,
.page-template-page-tabbed-parent .simple_theme_content li,
.page-template-page-tabbed-parent .simple_theme_content td,
.team-contacts-page .simple_theme_content p,
.team-contacts-page .simple_theme_content li,
.team-contacts-page .simple_theme_content td {
    color: #334a57 !important;
    line-height: 1.72;
}

.page-template-page-tabbed-parent .simple_theme_content a,
.page-template-page-tabbed-parent .simple_theme_content a:visited,
.team-contacts-page .simple_theme_content a,
.team-contacts-page .simple_theme_content a:visited {
    color: #1c5e86 !important;
    text-decoration-line: underline !important;
    text-decoration-color: #1c5e86 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

.page-template-page-tabbed-parent .simple_theme_content a:hover,
.page-template-page-tabbed-parent .simple_theme_content a:focus,
.team-contacts-page .simple_theme_content a:hover,
.team-contacts-page .simple_theme_content a:focus {
    color: #0d95a1 !important;
    text-decoration-color: #FFBF17 !important;
    text-underline-offset: 5px;
}

.page-template-page-tabbed-parent .simple_theme_content a.btn.btn-secondary.btn-sm,
.page-template-page-tabbed-parent .simple_theme_content a.btn.btn-secondary.btn-sm:visited,
.team-contacts-page .simple_theme_content a.btn.btn-secondary.btn-sm,
.team-contacts-page .simple_theme_content a.btn.btn-secondary.btn-sm:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    min-height: 42px;
    padding: 0.65rem 1rem;
    border: 1px solid #1c5e86 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%) !important;
    background-image: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 10px 22px rgba(28, 94, 134, 0.18);
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.page-template-page-tabbed-parent .simple_theme_content a.btn.btn-secondary.btn-sm:hover,
.page-template-page-tabbed-parent .simple_theme_content a.btn.btn-secondary.btn-sm:focus,
.team-contacts-page .simple_theme_content a.btn.btn-secondary.btn-sm:hover,
.team-contacts-page .simple_theme_content a.btn.btn-secondary.btn-sm:focus {
    background: linear-gradient(135deg, #007bbd 0%, #007bbd 100%) !important;
    background-image: linear-gradient(135deg, #007bbd 0%, #007bbd 100%) !important;
    border-color: #007bbd !important;
    color: #ffffff !important;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(28, 94, 134, 0.24);
}

.page-template-page-tabbed-parent .simple_theme_content a.btn.btn-secondary.btn-sm .btn-arrow,
.team-contacts-page .simple_theme_content a.btn.btn-secondary.btn-sm .btn-arrow {
    color: #FFBF17 !important;
}


.page-template-page-tabbed-parent .subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin: 0 0 1.6rem;
    padding: 0.55rem;
    background: linear-gradient(180deg, #f9fcfe 0%, #eef7fb 100%);
    border: 1px solid #cfe0ea;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
}




.page-template-page-tabbed-parent .subnav a.stab,
.page-template-page-tabbed-parent .subnav a.stab:visited {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.7rem 1rem;
    border: 0 !important;
    border-bottom: 0 !important;
    border-radius: 999px;
    background: transparent;
    color: #1c5e86 !important;
    font-weight: 600 !important;
    line-height: 1.2;
    text-decoration: none !important;
    transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

.page-template-page-tabbed-parent .subnav a.stab:hover,
.page-template-page-tabbed-parent .subnav a.stab:focus {
    background: #e8f3f8;
    color: #0d95a1 !important;
}

.page-template-page-tabbed-parent .subnav a.stab.on,
.page-template-page-tabbed-parent .subnav a.stab.on:visited {
    /*background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #ffffff !important;*/
    text-decoration: underline !important;
    text-decoration-color: #FFBF17 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
    box-shadow: 0 8px 18px rgba(28, 94, 134, 0.16);
    font-weight: 700 !important;
}

.page-template-page-tabbed-parent .subnav a.stab,
#page-about .subnav a.stab {
    position: relative;
}

.page-template-page-tabbed-parent .subnav a.stab.on,
.page-template-page-tabbed-parent .subnav a.stab.on:visited,
#page-about .subnav a.stab.on,
#page-about .subnav a.stab.on:visited {
    /*background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #b7d8e6 !important;*/
    box-shadow: 0 8px 18px rgba(28, 94, 134, 0.16);
    font-weight: 700 !important;
    text-decoration: none !important;
}

.page-template-page-tabbed-parent .subnav a.stab.on::after,
#page-about .subnav a.stab.on::after {
    content: "";
    position: absolute;
    left: 0.85rem;
    right: 0.85rem;
    bottom: 8px;
    height: 2px;
    background: #FFBF17;
    border-radius: 999px;
}

/*.page-template-page-tabbed-parent .ccbr-card,
.page-template-page-tabbed-parent .card,
.team-contacts-page .card {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    border: 1px solid #cfe0ea !important;
    border-top: 5px solid #0d95a1 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(28, 94, 134, 0.10) !important;
    overflow: hidden;
}*/

.co-ok {
    background: #f8fbf2;
    border-left: 5px solid #FFBF17;
    border-radius: 16px;
    box-shadow: 0 8px 20px rgba(28, 94, 134, 0.07);
}

.page-template-page-tabbed-parent .ic,
.team-contacts-page .ic {
    /*background: linear-gradient(180deg, #f7fbfe 0%, #ffffff 100%);*/
    border: 1px solid #cfe0ea;
    border-left: 5px solid #0d95a1;
    border-radius: 16px;
    padding: 1.35rem 1.35rem 1.2rem;
    box-shadow: 0 8px 22px rgba(28, 94, 134, 0.08);
}

.page-template-page-tabbed-parent .co,
.team-contacts-page .co {
    border-radius: 16px;
    padding: 1rem 1.25rem;
    box-shadow: 0 8px 20px rgba(28, 94, 134, 0.07);
}

.page-template-page-tabbed-parent table.tbl,
.team-contacts-page table {
    border: 1px solid #cfe0ea;
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
}

.page-template-page-tabbed-parent table.tbl th,
.team-contacts-page table th {
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #ffffff;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    font-weight: 700;
}

.page-template-page-tabbed-parent table.tbl td,
.team-contacts-page table td {
    color: #425866 !important;
    border-bottom: 1px solid rgba(28, 94, 134, 0.10);
    line-height: 1.55;
}

.page-template-page-tabbed-parent table.tbl tbody tr:hover td,
.team-contacts-page table tbody tr:hover td {
    background: #eef7fb;
}

/* =========================
   Project Submission
   ========================= */

#page-submission .workflow-figure img {
    width: 100%;
    max-width: 1024px;
    height: auto;
    border: 1px solid #cfe0ea;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(28, 94, 134, 0.12);
}

#page-submission .workflow-figure {
    margin: var(--sp-5) auto var(--sp-6);
    text-align: center;
}

#page-submission .ps {
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid rgba(28, 94, 134, 0.10);
}

#page-submission .sn {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(28, 94, 134, 0.16);
}

#page-submission .co[role="note"] {
    background: #f2f8fb;
    border-left: 5px solid #1c5e86;
}

/* =========================
   Resources
   ========================= */

#page-resources table.pipe th {
    background: linear-gradient(135deg, #2a72a5 0%, #1c5e86 100%) !important;
    color: #ffffff !important;
    padding: 0.85rem 1rem;
    text-align: left;
    font-weight: 700;
    font-size: 0.82rem;
    letter-spacing: 0.02em;
    white-space: nowrap;
    border-bottom: 0;
}

#page-resources table.pipe th .th-sub {
    display: block;
    margin-top: 2px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: rgba(255, 255, 255, 0.78);
    text-transform: none;
}

#page-resources table.pipe th:nth-child(3),
#page-resources table.pipe td.pname {
    width: 12%;
    min-width: 140px;
}
#page-resources table.pipe td.pname a,
#page-resources table.pipe td.pname a:visited {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #1c5e86 !important;
    font-weight: 700;
    text-decoration-line: underline !important;
    text-decoration-color: #1c5e86 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

#page-resources table.pipe td.pname a::after {
    content: "\2197";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 0.3rem;
    background: #1c5e86;
    color: #ffffff;
    font-size: 0.72rem;
    line-height: 1;
    font-weight: 700;
    text-decoration: none !important;
    flex: 0 0 auto;
}

#page-resources table.pipe td.pname a:hover,
#page-resources table.pipe td.pname a:focus {
    color: #0d95a1 !important;
    text-decoration-color: #FFBF17 !important;
    text-underline-offset: 5px;
}

#page-resources table.pipe td.pname a:hover::after,
#page-resources table.pipe td.pname a:focus::after {
    background: #0d95a1;
}



#page-resources table.pipe .dtype {
    display: inline-block;
    background: #eef7fb;
    color: #1c5e86;
    border: 1px solid #b7d8e6;
    border-radius: 999px;
    font-size: 0.9rem;
    font-weight: 700;
    padding: 4px 10px;
    line-height: 1.25;
}

#page-resources table.pipe tbody tr:hover td {
    background: #eef7fb !important;
}

#page-resources .assay-guidance-grid,
#page-resources .g3 {
    gap: 1.4rem;
    margin-top: 1.4rem;
}

#page-resources .assay-guidance-grid .ic,
#page-resources .g3 .ic,
#page-resources .geo-download-cards > .ic {
    /*background: linear-gradient(180deg, #f7fbfe 0%, #ffffff 100%);*/
    border: 1px solid #cfe0ea;
    border-left: 5px solid #0d95a1;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
}

#page-resources .geo-download-cards > .ic {
    border-left-color: #0d95a1;
}

#page-resources .nidap-figure img,
#page-publications .feat-fig img {
    border: 1px solid #cfe0ea;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(28, 94, 134, 0.12);
}

#page-resources .nidap-figure figcaption {
    color: #425866;
}

/* =========================
   Training
   ========================= */

#page-training .g2,
#page-training .g3 {
    gap: 1.4rem;
    margin-top: 1.4rem;
}

#page-training .ic {
    /*background: linear-gradient(180deg, #f7fbfe 0%, #ffffff 100%);*/
    border: 1px solid #cfe0ea;
    border-left: 5px solid #0d95a1;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
}

#page-training .ic h4 {
    color: #1c5e86 !important;
    margin-bottom: 0.45rem;
}

/* =========================
   Publications
   ========================= */

.feat-tag {
    display: inline-flex;
    align-items: center;
    background: #eef7fb;
    color: #1c5e86;
    border: 1px solid #b7d8e6;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    white-space: nowrap;
}

.feat-cite strong {
    color: #FFBF17;
    font-weight: 700 !important;

}

.feat-fig {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    border: 1px solid #cfe0ea;
    border-radius: 18px;
    padding: var(--sp-4);
    box-shadow: 0 12px 30px rgba(28, 94, 134, 0.10);
}

#page-publications #publicationsSearch {
    border: 1px solid #cfe0ea;
    border-radius: 999px;
    min-height: 48px;
    padding-left: 18px !important;
    padding-right: 18px;
    background: #ffffff;
    color: #1c5e86;
    box-shadow: 0 8px 18px rgba(28, 94, 134, 0.08);
}

#page-publications #publicationsSearch:focus {
    background: #ffffff !important;
    color: #1c5e86 !important;
    border-color: #2a72a5 !important;
    box-shadow: 0 0 0 3px rgba(42, 114, 165, 0.16), 0 8px 20px rgba(28, 94, 134, 0.10) !important;
    outline: none !important;
}


#page-publications .results_found {
    color: #5a6e7c;
}

#page-publications #accordion_publications_ccbr .accordion-item {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    margin-bottom: 14px;
    overflow: visible;
}

#page-publications #accordion_publications_ccbr .accordion-button {
    background: transparent;
    color: #1c5e86;
    font-weight: 700;
    box-shadow: none;
}

#page-publications #accordion_publications_ccbr .accordion-button:not(.collapsed) {
    background: #eef7fb;
    color: #1c5e86;
}

#page-publications .entry_container {
    padding: 1rem 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #d9e5ec;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#page-publications .publication_container > a {
    color: #1c5e86 !important;
    text-decoration-line: underline !important;
    text-decoration-color: #1c5e86 !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}

#page-publications .publication_container > a:hover,
#page-publications .publication_container > a:focus {
    color: #0d95a1 !important;
    text-decoration-color: #FFBF17 !important;
    text-underline-offset: 5px;
}

#page-publications .publication_container b,
#page-publications .publication_container i,
#page-publications .publication_authors {
    color: #243745;
}

#page-publications .publication_date {
    color: #5a6e7c;
}

#page-publications #accordion_publications_ccbr .accordion-button {
    padding: 1rem 1.25rem !important;
    font-size: 1.2rem;
    line-height: 1.3;
}

#page-publications #accordion_publications_ccbr .accordion-body {
    padding: 0.75rem 1rem 1.25rem !important;
}

#page-publications .accordion-body .entry_container:first-child {
    border-top: 0;
    padding-top: 0.35rem;
}

#page-publications .entry_container {
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
}

#page-publications .publication_container > a {
    display: inline-block;
    margin-bottom: 0.5rem;
    line-height: 1.35;
}

#page-publications .publication_container p,
#page-publications .publication_container .authors,
#page-publications .publication_authors {
    margin: 0.25rem 0 0;
    line-height: 1.65;
}

#page-publications .publication_container p:last-child,
#page-publications .publication_date {
    margin-top: 0.5rem;
}


/* =========================
   Team & Contacts
   ========================= */

.team-contacts-page .ccbr-breadcrumbs {
    margin-bottom: 1.5rem;
}

.page-template-page-tabbed-parent .ccbr-card,
.page-template-page-tabbed-parent .card,
.team-contacts-page .ccbr-card,
.team-contacts-page .card {
    /*background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);*/
    border: 1px solid #cfe0ea !important;
    border-top: 5px solid #0d95a1 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 30px rgba(28, 94, 134, 0.10) !important;
    overflow: hidden;
}


.team-contacts-page table {
    margin: 1rem 0 2rem;
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
}

.team-contacts-page table td a,
.team-contacts-page table td a:visited {
    color: #1c5e86 !important;
    text-decoration-color: #FFBF17 !important;
}

.team-contacts-page h3,
.team-contacts-page h4 {
    margin-top: 1.5rem;
}

#page-about .ccbr-contact-groups,
.team-contacts-page .ccbr-contact-groups {
    display: grid;
    gap: 1rem;
    margin: 0.75rem 0 1.5rem;
}

#page-about .ccbr-contact-group,
.team-contacts-page .ccbr-contact-group {
    background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
    border: 1px solid #cfe0ea;
    border-left: 5px solid #0d95a1;
    border-radius: 14px;
    padding: 1rem 1.1rem;
    box-shadow: 0 8px 18px rgba(28, 94, 134, 0.08);
}

#page-about .ccbr-contact-group h4,
.team-contacts-page .ccbr-contact-group h4 {
    margin: 0 0 0.55rem;
    color: #1c5e86 !important;
    font-size: 1.2rem !important;
    font-weight: 700 !important;
}

#page-about .ccbr-contact-group p,
.team-contacts-page .ccbr-contact-group p {
    margin: 0 0 0.55rem;
    color: #334a57 !important;
    line-height: 1.7;
}

#page-about .ccbr-contact-group p:last-child,
.team-contacts-page .ccbr-contact-group p:last-child {
    margin-bottom: 0;
}

#ostr_banner {
    position: relative;
    background: linear-gradient(90deg, #123f5b 0%, #1c5e86 100%) !important;
    border-bottom: 3px solid #FFBF17;
}

#ostr_banner > div {
    width: 90%;
    max-width: 1232px;
    margin: 0 auto;
    padding: 9px 15px;
    text-align: center !important;
}

#ostr_link {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none !important;
}

#ostr_link,
#ostr_link:visited,
#ostr_link:hover,
#ostr_link:focus {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none !important;
}

#ostr_link:hover,
#ostr_link:focus {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-decoration-color: #ffffff !important;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

#ostr_link > span {
    color: #ffffff !important;
    font-weight: 700;
    text-decoration: none !important;
    text-underline-offset: 0 !important;
    text-decoration-color: transparent !important;
}
.assay-guidance-accordion .accordion-item {
    border: 1px solid #cfe0ea;
    border-top: 4px solid #0d95a1;
    border-radius: 16px;
    /*background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);*/
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
    overflow: hidden;
    margin-bottom: 1rem;
}

.assay-guidance-accordion .accordion-button {
    background: transparent;
    color: #1c5e86;
    font-weight: 700;
    font-size: 1.05rem;
    box-shadow: none;
    padding: 1rem 1.2rem;
}

.assay-guidance-accordion .accordion-button:not(.collapsed) {
    background: #eef7fb;
    color: #1c5e86;
    box-shadow: none;
}

.assay-guidance-accordion .accordion-body {
    color: #334a57;
    padding: 0.4rem 1.2rem 1.1rem;
}

.assay-guidance-accordion .accordion-body ul {
    margin-bottom: 0;
}

.assay-guidance-accordion-grid {
    gap: 1.5rem;
    align-items: start;
}

.assay-guidance-accordion-grid .accordion-item.ic {
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid #cfe0ea;
    border-top: 4px solid #0d95a1;
    border-radius: 16px;
    /*background: linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);*/
    box-shadow: 0 10px 24px rgba(28, 94, 134, 0.08);
}

.assay-guidance-accordion-grid .accordion-header {
    margin: 0;
}

.assay-guidance-accordion-grid .accordion-button {
    width: 100%;
    padding: 1rem 1.2rem;
    background: transparent;
    color: #1c5e86;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
    border: 0;
    box-shadow: none;
    position: relative;
    padding-right: 3rem;
}

.assay-guidance-accordion-grid .accordion-button::after {
    content: "";
    position: absolute;
    right: 1.2rem;
    top: 50%;
    width: 0.7rem;
    height: 0.7rem;
    border-right: 2px solid #1c5e86;
    border-bottom: 2px solid #1c5e86;
    transform: translateY(-60%) rotate(45deg);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.assay-guidance-accordion-grid .accordion-button:not(.collapsed)::after {
    transform: translateY(-40%) rotate(-135deg);
    border-color: #0d95a1;
}

.assay-guidance-accordion-grid .accordion-button.collapsed {
    background: transparent;
}

.assay-guidance-accordion-grid .accordion-button:not(.collapsed) {
    background: transparent;
    color: #1c5e86;
    box-shadow: none;
}

.assay-guidance-accordion-grid .accordion-body {
    padding: 0.35rem 1.2rem 1.1rem;
    color: #334a57;
}

.assay-guidance-accordion-grid .accordion-body ul {
    margin-bottom: 0;
}