/* Import Inter font from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

:root {
    --font-sans: "Inter", sans-serif !important;
    --font-serif: "Inter", sans-serif !important;
   --gin-color-primary-rgb:#002554 !important;
}

body{background: #e6f4f7 !important;}
a.toolbar-logo {background: #002554 !important;  padding: 30px !important;}
h1{font-size: 2.5rem !important;}
.site-header__inner__container{display: block !important;}
.site-header__initial,.site-branding,.social-bar {display: none !important;}
body:not(.is-always-mobile-nav) .site-footer{border:none !important}
.block-system-powered-by-block, .site-footer__inner{margin: 0 !important; padding: 20px !important;}
body.gin-login .user-form-page__wallpaper{background: url(https://www.ipi-singapore.org/contents/2025/09/2025q4websitebanner1920x1080-17592014570553/2025Q4_WebsiteBanner_1920x1080.jpg) !important; background-size: cover !important;}
.page-wrapper, .site-header__inner__container, .main-content,.block-search-wide__wrapper,.block-search-wide__container{max-width: 100% !important; width: 100% !important;}
body.gin-login .user-form-page__wallpaper img {display: none !important;}

#edit-submit.form-submit, .button--primary, .button--primary:not(:focus), .ief-entity-submit,.button:hover, .button:active, .button:focus, .button:hover:focus, .button:not(:focus):hover, .button:not(:focus):active, .button:not(:focus):focus, .button:not(:focus):hover:focus, .form-actions .button:hover, .form-actions .button:active, .form-actions .button:focus, .form-actions .button:hover:focus, .project__action_button:hover, .project__action_button:active, .project__action_button:focus, .project__action_button:hover:focus, .action-link--icon-trash.action-link:hover, .action-link--icon-trash.action-link:active, .action-link--icon-trash.action-link:focus, .action-link--icon-trash.action-link:hover:focus,.site-footer,.block-search-wide__button[aria-expanded="true"],.block-search-wide__wrapper, .button, .button:not(:focus), .form-actions .button, .project__action_button, .action-link--icon-trash.action-link { background: #002554 !important; border-color: #002554 !important;color: #fff !important; font-size: 16px !important;}


.link, button.link, .tabs__link.is-active, [open] .claro-details__summary--accordion, [open] .claro-details__summary--accordion-item, [open] .claro-details__summary--vertical-tabs-item, .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link{color: #000 !important;    text-decoration-style: solid !important;}



.link:hover, button.link:hover, .tabs__link.is-active:hover, [open] .claro-details__summary--accordion:hover, [open] .claro-details__summary--accordion-item:hover, [open] .claro-details__summary--vertical-tabs-item:hover, .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link:hover{color:#002554 !important}

.page-content > .help, .page-content > .region-content, .page-content > .region-highlighted {margin-block-start: var(--gin-spacing-xxl) !important;}
.gin-secondary-toolbar{border:none !important}
.region.region-sticky{border-top:1px solid rgba(0, 0, 0, .08) !important}
.is-horizontal .tabs--primary, .is-horizontal .tabs--secondary, .horizontal-tabs ul.horizontal-tabs-list {padding-top: 20px !important;}
.block-search-wide__container{padding: 0 !important;}
.block-search-wide__grid{grid-template-columns: max-content !important;}
.block-search-wide__wrapper .search-form__submit .icon--search{position: relative !important;}
.block-search-wide__wrapper .search-form__submit{justify-content: center!important;}

body.gin-login .user-form-page .layout-container {width: max-content !important;}

.page-wrapper *:focus, .ui-dialog *:focus, .dropbutton .dropbutton__item > *:focus, .dropbutton .dropbutton__item > *:focus:hover, .dropbutton__items > .dropbutton__item:first-of-type > *:focus, .dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus, .dropbutton__items > .dropbutton__item:first-of-type ~ .dropbutton__item > *:focus:hover, .form-boolean:focus:active, .form-boolean:focus:hover, .cke.cke_chrome.cke_focus, .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button a:focus, .form-element:focus, .form-element:hover:focus, .form-element.error:hover:focus, .form-actions .action-link:focus, .paragraphs-tabs-wrapper .field-multiple-table .draggable.drag, .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus, .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus, .ck .ck.ck-button:active, .ck .ck.ck-button:focus, .ck .ck.ck-button:active:focus, .toolbar-box .toolbar-handle:focus, .field-option:has(.field-option-radio:checked), .field-option:focus-within, .subfield-option:has(.field-option-radio:checked), .subfield-option:focus-within, #edit-submit.form-submit:focus{box-shadow: none !important;}


.main-content__container{padding-top:50px !important;}
.site-header{min-height: max-content !important;}
.main-content__container .grid-full{grid-template-columns:auto !important}
.main-content__container .layout--pass--content-medium > *{grid-column: auto !important;}


/* 
.tabs__link.is-active {background: #e6f4f7 !important; color:#fff !important;}
.tabs__link.is-active:after {border-color: #002554 !important;} */

.ck.ck-ai-status {
    padding: 8px 0;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}
.filter-help {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    font-size: 0.75em;
}

.main-content__container.container {max-width: 100% !important;}

.moderation-dashboard h5, .moderation-dashboard .moderation-dashboard-block > h2{font-size: 15px !important;}
.moderation-dashboard .moderation-dashboard-block > h2{background: #002554 !important; color: #fff !important;}

.moderation-dashboard .view-content.gin-layer-wrapper{background-color:#e6f4f7 !important; padding: 16px !important;}
.field-content {font-size: 13px !important;}
.views-field-revision-uid .field-content {background: #94e1f1; border-radius: 20px; padding: 4px 5px; margin-top: 5px;}
.views-field-revision-uid .field-content a{text-decoration: none !important;}
.moderation-dashboard h5 {margin-bottom: 10px;}

.ck.ck-editor__editable_inline {
    border: 1px solid transparent;
    padding: 0 var(--ck-spacing-standard);
    border-bottom: 0;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    position: relative;
}
.ck.ck-ai-status{
    border: 1px solid #8e929c;
    border-top: 0;
    padding-right: 10px;
}
.ck-ai-status__activity {
    background: #002554 ;
    padding: 10px;
    display: inline;
    color: #fff;
    border-radius: 5px;
}

a#edit-backlink { background: none !important; color: #002554 !important;}

.toolbar-lining > .toolbar-menu li.logout + li{display: none!important;}
.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a {color: #000 !important; padding: 10px !important;}
.gin-secondary-toolbar .toolbar-secondary .toolbar-bar .toolbar-tab .toolbar-tray a:hover{background-color: #002554 !important; color: #fff !important;}
.dashboard-actions-required{border: none !important;}
.dashboard-actions-required .section-title{margin-top: 0; margin-bottom: 15px; border-bottom: 0;}
.dashboard-actions-required .action-item .content {display: flex; gap: 20px;}
.dashboard-actions-required .action-item.priority-medium { border: none; background: #fff6d3; border-radius: 10px;}
.dashboard-actions-required .action-item.priority-medium:hover,.stat-card:hover,.quick-action-btn:hover,.quick-action-btn.primary:hover{box-shadow:none; transform:none;}
.stat-grid{margin-bottom: 25px;}
.stat-grid .stat-item{border: 2px solid #c0e9e7;}
.stat-card .card-link.primary-action{display: inline-block; margin-top: 0;}
.stat-card.highlight-card{background-color: #fff;}
.quick-action-btn{padding: 0.5rem 1rem; border-radius: 4px;}
li.edit.dropbutton__item.dropbutton-action a {text-align: center;}
li.edit.dropbutton__item.dropbutton-action a:hover{background-color: #002554 !important; border-color: #002554 !important;}