/*********************************************************************/
/***** BEGIN DESIGN TOOLS THEME IMPORT & CUSTOMIZATION  **************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */
/* 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);
/* Theme Colors */
:root {
  --dt-color-primary: #013A81;
  --dt-color-primary-contrast: #FFFFFF;
  --dt-color-primary-dark-text: #013A81;
  --dt-color-secondary: #F5B611;
  --dt-color-secondary-contrast: #000000;
  --dt-color-secondary-dark-text: #856609;
  --dt-color-accent: #2D9CA0;
  --dt-color-accent-contrast: #000000;
  --dt-color-graybg: #E1E8F1;
  --dt-color-graybg-contrast: #000000;
}
/*********************************************************************/
/***** END DESIGN TOOLS THEME IMPORT & CUSTOMIZATION   ****************/
/*********************************************************************/
/*H3 Spacing*/
#kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default), #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) {
    margin-top: 30px;
}
/*H3 Spacing End*/
/*Banner Spacing*/
#kl_wrapper_3.kl_flat_sections #kl_banner {
    padding: 20px 0;
        padding-top: 25px;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
    margin: 0 0 10px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 5px;
        margin-left: 0px;
    overflow: visible;
}
/*Flat section 1 starts*/
/*Header Background FS 1*/
#kl_wrapper_3.kl_flat_sections_main #kl_banner, #kl_wrapper_3.kl_flat_sections #kl_banner {
    background: var(--dt-color-primary-contrast);
    color: var(--dt-color-primary);
}
/*Header Background FS 1 End*/

/*Blue Oval Banner BG FS 1*/
#kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections #kl_banner #kl_banner_left {
    background-color: var(--dt-color-primary);
    color: var(--dt-color-primary-contrast);
}
/*Blue Oval Banner BG FS 1 End*/

/*Blue  Banner Line BG FS 1*/
#kl_banner h2, #kl_wrapper_3.kl_flat_sections #kl_banner h2 {
    border-top-color: var(--dt-color-primary);
}
/*Blue  Banner Line BG FS 1 End*/

/*removing subtitle line*/
#kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle {
    border-top: none;
	}
/*removing subtitle end*/

/*teal icon bg*/
#kl_wrapper_3.kl_flat_sections_main > div > i, #kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections > div > i, #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) i:first-child {
    color: var(--dt-color-primary-contrast);
    border: 1px solid lightgray;
     background: var(--dt-color-accent);
}
/*teal icon end*/
/*flat section 1 end*/

/*flat section 2 Start*/
/*Banner Background FS 2*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner {
    background: var(--dt-color-primary);
    ;
    
}
/*Banner Background end*/
/*Header Color FS 2*/
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner h2 {
    color: var(--dt-color-primary-contrast);
}
/*Header Color end*/
/*Header Text Circle FS 2*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner #kl_banner_left {
    background-color: var(--dt-color-primary-contrast);
    color: black;
}
/*Header Text Circle end*/
/*Circle tiny line border FS 2*/
#kl_banner h2, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner h2 {
    border-top-color: var(--dt-color-primary-contrast);
}
/*Circle tiny line border end*/
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner .kl_subtitle {
    border-top: none;
	}
/*Button foreground color FS 2*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul {
    background-color: var(--dt-color-primary);
    color: var(--dt-color-primary-contrast);
	
}
/*Button foreground color end*/
/*Navigation words color*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a {
    border: 1px solid var(--dt-color-primary);
    color: var(--dt-color-primary-contrast);
}
/*Navigation words color end*/
/*Hover over navigation word*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:hover {
    border: 1px solid var(--dt-color-primary);
    color: var(--dt-color-secondary);
}
/*Hover over nav word end*/
/*Hover over nav Icon*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:hover > i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:hover > i {
     background-color: var(--dt-color-secondary);
}
/*Hover over nav Icon end*/
/*unsure*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 > div > i, #kl_wrapper_3.kl_flat_sections_main.variation_2 h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections.variation_2 > div > i, #kl_wrapper_3.kl_flat_sections.variation_2 h3:not(.ui-state-default) i:first-child {
    color: var(--dt-color-primary-contrast);
    border: 1px solid lightgray;
    background: var(--dt-color-accent);
}
/*icon*/
#kl_wrapper_3.kl_flat_sections_main > div > i, #kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections > div > i, #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) i:first-child {
    color: var(--dt-color-primary-contrast);
    border: 1px solid lightgray;
     background: var(--dt-color-accent);
}
/*icon end*/
/*content blocks icon bg color*/
#kl_wrapper_3.kl_flat_sections_main.variation_2 > div > i, #kl_wrapper_3.kl_flat_sections_main.variation_2 h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sections.variation_2 > div > i, #kl_wrapper_3.kl_flat_sections.variation_2 h3:not(.ui-state-default) i:first-child {
    color: var(--dt-color-primary-contrast);
    border: 1px solid lightgray;
    background: var(--dt-color-accent);
}
/*content blocks icon bg color end*/

/*- DISABLE PAGE EDITING -*/
#wiki_page_show.enable-editing .header-bar-right .edit-wiki, #wiki_page_show.enable-editing .header-bar-right .inline-block{
    display: inline-block;
}
#wiki_page_show .header-bar-right .edit-wiki, #wiki_page_show .header-bar-right .inline-block{
    display: none;
}
body:not(.is-admin) .edit_syllabus_link{
    display: none !important;
}

.ic-app-course-menu .collaborations{
    display: none;
}

.group-nav .ic-app-course-menu .collaborations{
    display: block;
}

/* hide Ava floating icon */
.avaamo__icon { 
    display: none !important; 
}

/*nav .section .settings {
    display: none;
}
.is-admin nav .section .settings {
    display: block;
}*/
/*- end DISABLE PAGE EDITING -*/