/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #c02123;
    --dt-color-primary-contrast: #ffffff;
    --dt-color-primary-dark-text: #c02123;
    --dt-color-secondary: #000000;
    --dt-color-secondary-contrast: #ffffff;
    --dt-color-secondary-dark-text: #000000;
    --dt-color-accent: #cccccc;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #707070;
    --dt-color-gray: #cccccc;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #636363;
    --dt-color-white: #ffffff;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #707070;
    --dt-color-graybg: #e6e6e6;
    --dt-color-graybg-contrast: #000000;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/
.ic-app-header__logomark-container {
    padding: 0 8px;
}

/* START Replacing Dashboard title to Learning@Griffith on Dashboard */
#dashboard_header_container span[class*="view-heading"] {
    color: transparent !important;
    position: relative;
    white-space: nowrap;
    content: "" !important;
}

#dashboard_header_container span[class*="view-heading"]::after {
    content: "Learning@Griffith";
    font-size: inherit;
    font-weight: inherit;
    color: black;
    position: absolute;
    left: 0;
    top: -15px;
    width: 100%;
}

.hidden-phone {
    display: none !important;
    visibility: hidden !important;
}

/* END Replacing Dashboard title to Learning@Griffith on Dashboard */

/* START Academic Integrity Statement in Course's Assessment Overview */
#academicIntegrityStatementParagraph {
    background-color: #f9f9f9;
    padding: 10px 15px;
    border-left: 4px solid red;
    font-weight: 500;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

/* END Academic Integrity Statement in Course's Assessment Overview */

/* Hide stock help. Custom help will be loaded; Either VVA or LearnWise */
li.ic-app-header__menu-list-item:has(#global_nav_help_link) {
    display: none;
}

/*H2 global display fix*/
.tox .tox-menu .tox-collection__item .tox-collection__item-label h2,
body.embedded h2,
body.embedded .h2 {
    font-family: "Jotia", "Lato Extended", "Lato", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
    font-size: 1.8em !important;
    line-height: 1.5 !important;
    font-weight: normal !important;
    text-decoration: none !important;
    text-transform: none !important;
    margin: 6px 0 !important;
    border: none !important;
    border-radius: 0px !important;
    outline: none !important;
    text-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

iframe[src*='response-tool'] {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/* Response Tool Loading State */
.rtLoadingCover {
    background-color: #f8f9fa !important;
    border: 1px solid #e1e3e4;
    border-radius: 8px;
    color: #666 !important;
    font-weight: 500;
}

.rtLoadingCover::after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: 12px;
    border: 3px solid #eee;
    border-top-color: #F49037; /* Griffith Orange */
    border-radius: 50%;
    animation: rt-spin 0.8s linear infinite;
}

@keyframes rt-spin {
    to { transform: rotate(360deg); }
}