/*********************************************************************/
/***** 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: #003478;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #003478;
    --dt-color-secondary: #6799CB;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #46668A;
    --dt-color-accent: #757575;
    --dt-color-accent-contrast: #FFFFFF;
    --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   *****************/
/*********************************************************************/

/* Stretches the login logo to the same width as the username/password fields */
.ic-Login-header__logo img {
    height: auto;
    width: auto;
    max-width: 364px;
}

/* MOBILE */

/* Main container: includes background and logo */
#f1_container {
    position: relative !important;
    margin: 0 auto !important;
    padding: 110px 0 !important;
    width: 300px !important;
    height: 198px !important;
    z-index: 1 !important;
    background-image: url(https://instructure-uploads.s3.amazonaws.com/account_103190000000000001/attachments/464/Charter_Logo_new_tag_HR.jpg) !important;
    background-position: center 30px !important;
    background-repeat: no-repeat !important;
    background-size: auto 66px !important;
}

/* Username & Password Fields */
.ic-Form-control {
    margin-bottom: 10px !important;
}

/* Forgot Password Link */
.forgotBlock {
    font-weight: bold !important;
    font-size: x-small !important;
}

/*********************************************************************/
/***** CANVAS BORDER RADIUS PATCH - COURSE CONTENT *******************/
/*********************************************************************/

/* Rounded overview/standard content headers */
#dp-wrapper header.dp-shadow-b3,
.dp-wrapper header.dp-shadow-b3 {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Rounded navigation/tip boxes */
#dp-wrapper header.dp-shadow-b3 div[style*="border: 1px"],
.dp-wrapper header.dp-shadow-b3 div[style*="border: 1px"] {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Rounded two-column overview cards */
#dp-wrapper .row.dp-col-2-eq > div > div[style*="border"],
.dp-wrapper .row.dp-col-2-eq > div > div[style*="border"] {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Rounded topic/detail cards */
#dp-wrapper details,
.dp-wrapper details {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* Rounded icon circles */
#dp-wrapper h3 span[style*="width: 34px"],
.dp-wrapper h3 span[style*="width: 34px"] {
    border-radius: 999px !important;
}

/* Backup patch for Canvas-stripped bordered content inside DesignPLUS pages */
#dp-wrapper [style*="border-width"],
.dp-wrapper [style*="border-width"] {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/*********************************************************************/
/***** CANVAS BORDER RADIUS PATCH - BROADER CONTENT FIX **************/
/*********************************************************************/

/* General bordered content blocks inside Canvas content pages */
#dp-wrapper [style*="border"],
.dp-wrapper [style*="border"] {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Heading bars */
#dp-wrapper h3,
.dp-wrapper h3 {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Section/card wrappers */
#dp-wrapper section > div,
.dp-wrapper section > div {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Nested row cards and shortcut/resource boxes */
#dp-wrapper .row > div > div,
.dp-wrapper .row > div > div {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/*********************************************************************/
/***** KEEP PRIORITY AREAS MORE ROUNDED ******************************/
/*********************************************************************/

/* Large header/hero areas */
#dp-wrapper header,
.dp-wrapper header,
#dp-wrapper .cc-hero-wrapper,
.dp-wrapper .cc-hero-wrapper {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Course overview objective/topic cards */
#dp-wrapper .row.dp-col-2-eq > div > div[style*="border"],
.dp-wrapper .row.dp-col-2-eq > div > div[style*="border"] {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/* Circular icon badges */
#dp-wrapper h3 span[style*="width: 34px"],
.dp-wrapper h3 span[style*="width: 34px"] {
    border-radius: 999px !important;
}

/*********************************************************************/
/***** CANVAS BUTTON/LINK BORDER RADIUS PATCH ************************/
/*********************************************************************/

#dp-wrapper a.btn,
.dp-wrapper a.btn,
#dp-wrapper .btn,
.dp-wrapper .btn,
#dp-wrapper .dp-course-link,
.dp-wrapper .dp-course-link,
#dp-wrapper .dp-primary,
.dp-wrapper .dp-primary,
#dp-wrapper [class*="btn-outline"],
.dp-wrapper [class*="btn-outline"] {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/*********************************************************************/
/***** HOMEPAGE CARD ROUNDING PATCH **********************************/
/*********************************************************************/

/* Main homepage cards */
#dp-wrapper > div[style*="border"],
#dp-wrapper section > div[style*="border"],
#dp-wrapper .mobile-card,
#dp-wrapper .sr-chip,
#dp-wrapper .cc-hero-title,
#dp-wrapper [id^="kl_"] > div[style*="border"] {
    border-radius: 18px !important;
    overflow: hidden !important;
}

/* Section headers */
#dp-wrapper .mobile-section-title {
    border-radius: 16px !important;
    overflow: hidden !important;
}

/* Resource tiles */
#dp-wrapper .sr-chip {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Quick access module cards */
#dp-wrapper div[style*="max-width: 290px"][style*="border"] {
    border-radius: 14px !important;
    overflow: hidden !important;
}

/* Hero title overlay */
#dp-wrapper .cc-hero-title {
    border-radius: 16px !important;
    overflow: hidden !important;
}
/*********************************************************************/
/***** GLOBAL USER CONTENT ROUNDING PATCH ****************************/
/*********************************************************************/

.user_content div[style*="border"],
.user_content section[style*="border"],
.user_content img[style*="border"],
.user_content a[style*="border"],
.user_content nav[style*="border"] {
    border-radius: 16px !important;
    overflow: hidden !important;
}

.user_content .mobile-section-title,
.user_content .mobile-card,
.user_content .sr-chip,
.user_content .cc-hero-title,
.user_content .dp-course-link,
.user_content .btn {
    border-radius: 16px !important;
    overflow: hidden !important;
}

.user_content span[style*="width: 28px"],
.user_content span[style*="width: 34px"],
.user_content div[style*="width: 70px"],
.user_content img[style*="width: 38px"] {
    border-radius: 10px !important;
    overflow: hidden !important;
}