/*********************************************************************/
/***** 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: #03244D;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #03244d;
    --dt-color-secondary: #CC4E0B;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #BA4A09;
    --dt-color-accent: #FFFFFF;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #474747;
    --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;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/*********************************************************************/
/***** BEGIN AUBURN Custom CSS  **************************************/
/*********************************************************************/

/* 
///
///// Canvas Custom CSS
///////////////////////// 
/// The CSS below can be use in branding your Canvas application.
/// You can opt-in to editing these styles by removing the conmment code. 
/// Please use HTTPS for any URL located in the CSS file to avoid viewing 
/// browser security warnings. 
/// Explanations for what each piece does can be found below.
*/

/* 
/// 
///// Login Box
/////////////////////////
/// These style let you tweak the login box shown when logging into Canvas
*/

/* 
///// This changes the background color
*/


#modal-box.login-box { 
  background: #FFFFFF !important ;
}


/* 
///// This will remove the extra Canvas logo 
*/


body.modal #modal-box.login-box h1 { 
  background: none;
  height: 235px;
}


/* 
///// Resize the login box to fit my image and change the color of 'stay signed in'
*/


body.modal #modal-box.login-box { 
  height: 493px;
  width: 640px;
  color: #5b6c79;
  padding: 0;
}

#modal-box-inner {
  background: url("http://wp.auburn.edu/biggio/wp-content/uploads/2018/03/catalog_splash.png") no-repeat;
  height: 493px;
  width: 640px;
  color: #000066 !important; 
}

#modal-box-inner .pull-right {
  float: right;
  padding: 40px 40px 0 0;
}

#register_link {
  display: none;
}

.ic-Login-footer__links link:hover {
  color: #000000 !important;
}


/* 
///// Change the color of 'don't know your password' 
*/


/*body.modal #modal-box.login-box a { 
  color: #5b6c79 !important; 
}*/
 

/* 
///// Change the color of the login buttons 
*/


body.modal #modal-box .button, body.modal #login-box .button {
  background-color: #496e9c !important;
  border-color: #0076ad !important;
}

  

/*#login_form .btn-primary, #login_form .btn-primary:hover {
  background-color: #0099e0;
  border-color: #0076ad;
}*/



/* ALABAMA EXTENSION */

/*Grid System*/

/* Content Columns */

.alext_container{
  width: 95%;
  margin: 0 auto;
}
.alext_col {
  min-height: 1px;
  text-align: center;
  margin:0px;
  float: left;
}
.alext_insideText{
  background: #f3f3f3;
  height: 20px;
  width: 100%;
  border: 4px solid #fff;
}

.alext_col-1-1 {
  width: 100%;
}
.alext_col-2-3, .alext_col-8-12 {
  width: 66.66%;
}

.alext_col-1-2, .alext_col-6-12 {
  width: 50%;
}

.alext_col-1-3, .alext_col-4-12 {
  width: 33.33%;
}

.alext_col-1-4, .alext_col-3-12 {
  width: 25%;
}

.alext_col-1-5 {
  width: 20%;
}

.alext_col-1-6, .alext_col-2-12 {
  width: 16.667%;
}

.alext_col-1-7 {
  width: 14.28%;
}

.alext_col-1-8 {
  width: 12.5%;
}

.alext_col-1-9 {
  width: 11.1%;
}

.alext_col-1-10 {
  width: 10%;
}

.alext_col-1-11 {
  width: 9.09%;
}

.alext_col-1-12 {
  width: 8.33%;
}

/* Layout Columns */

.alext_col-11-12 {
  width: 91.66%;
}

.alext_col-10-12 {
  width: 83.333%;
}

.alext_col-9-12 {
  width: 75%;
}

.alext_col-5-12 {
  width: 41.66%;
}

.alext_col-7-12 {
  width: 58.33%;
}

/* END ALABAMA EXTENSION */

/*********************************************************************/
/***** END AUBURN Custom CSS  ****************************************/
/*********************************************************************/

/*********************************************************************/
/***** BEGIN DESIGN TOOLS THEME CUSTOMIZATIONS ***********************/
/*********************************************************************/

/*********************************************************************/
/*****    APPLE THEME   **********************************************/

#kl_wrapper_3.kl_apple #kl_banner h2 {
  background: #03244d;
}
#kl_wrapper_3.kl_apple #kl_banner #kl_banner_left .kl_mod_num {
  color: #03244d;
}
#kl_wrapper_3.kl_apple #kl_banner .kl_subtitle {
  color: #fff;
  border-color: #03244d;
  background-color: #cc4e0b;
}
#kl_wrapper_3.kl_apple #kl_banner #kl_description {
  border-color: #03244d;
}
#kl_wrapper_3.kl_apple h3:not(.ui-state-default) {
  border-color: #696969;
  background: #696969;
}
#kl_wrapper_3.kl_apple h4:not(.ui-state-default), 
#kl_wrapper_3.kl_apple h5 {
  border-color: #696969;
}
#kl_wrapper_3.kl_apple #kl_navigation ul {
  background-color: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_apple #kl_navigation li a,
#kl_wrapper_3.kl_apple #kl_navigation li a:hover,
#kl_wrapper_3.kl_apple #kl_navigation li a:focus,
#kl_wrapper_3.kl_apple #kl_navigation li a:visited {
  color: #fff;
}
#kl_wrapper_3.kl_apple #kl_modules {
  border-color: #03244d;
}
#kl_wrapper_3.kl_apple > div > i {
  background-color: #696969;
  color: #fff;
}
#kl_wrapper_3.kl_apple h3:not(.ui-state-default) i {
  color: #fff;
}

/* Variation */
#kl_wrapper_3.kl_apple.variation_2 #kl_banner h2 {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_apple.variation_2 #kl_banner #kl_banner_left .kl_mod_num {
  color: #03244d;
}
#kl_wrapper_3.kl_apple.variation_2 #kl_banner .kl_subtitle {
  color: #fff;
  border-color: #03244d;
  background-color: #cc4e0b;
}
#kl_wrapper_3.kl_apple.variation_2 #kl_banner #kl_description {
  border-color: #03244d;
}
#kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) {
  border-color: #cc4e0b;
  background: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_apple.variation_2 h4:not(.ui-state-default), 
#kl_wrapper_3.kl_apple.variation_2 h5 {
  border-color: #cc4e0b;
}
#kl_wrapper_3.kl_apple.variation_2 #kl_navigation ul {
  background-color: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_apple.variation_2 #kl_navigation li a,
#kl_wrapper_3.kl_apple.variation_2 #kl_navigation li a:hover,
#kl_wrapper_3.kl_apple.variation_2 #kl_navigation li a:focus,
#kl_wrapper_3.kl_apple.variation_2 #kl_navigation li a:visited {
  color: #fff;
}
#kl_wrapper_3.kl_apple.variation_2 #kl_modules {
  border-color: #03244d;
}
#kl_wrapper_3.kl_apple.variation_2 > div > i {
  background-color: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) i {
  color: #fff;
}

/*********************************************************************/
/*****    BASIC BAR THEME    *****************************************/

#kl_wrapper_3.kl_basic_bar #kl_banner h2 {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_basic_bar #kl_banner .kl_subtitle {
  color: #fff;
  border-color: #03244d;
  background-color: #cc4e0b;
}
#kl_wrapper_3.kl_basic_bar #kl_banner #kl_description {
  border-color: #03244d;
  color: #03244d;
}
#kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) {
  border-bottom-color: #03244d;
  color: #03244d;
}
#kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) i {
  color: #03244d;
}
/* Variation */
#kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner h2 {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner .kl_subtitle {
  color: #fff;
  border-color: #03244d;
  background-color: #496e9C;
}
#kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner #kl_description {
  border-color: #03244d;
}
#kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) {
  border-bottom-color: #cc4e0b;
  color: #03244d;
}
#kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) i {
  color: #cc4e0b;
}

/*********************************************************************/
/*****    BASIC COLOR BANNER NAV THEME    ****************************/

#kl_wrapper_3.kl_basic_color #kl_banner,
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner {
    background-color: #03244d;
    color: #FFF;
}
#kl_wrapper_3.kl_basic_color #kl_banner #kl_banner_left,
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner #kl_banner_left {
   border-color:#fff;
}
#kl_wrapper_3.kl_basic_color #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner .kl_subtitle {
   background-color: #cc4e0b;
   color: #fff;
   border-color: #fff;
   border-top: 3px solid #fff;
   border-right: none;
   border-left: none;
}
#kl_wrapper_3.kl_basic_color #kl_banner #kl_description,
#kl_wrapper_3.kl_basic_color_panel_nav #kl_banner #kl_description {
   border-top: 3px solid #fff;
}
#kl_wrapper_3.kl_basic_color #kl_navigation ul li {
   background-color: #03244d;
   color: #fff;
}

#kl_wrapper_3.kl_basic_color #kl_navigation ul li a {
   border-bottom: 3px solid #fff;
   text-decoration: none;
}
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a,
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:focus,
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:visited {
    color: #fff;
}
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_basic_color #kl_navigation ul li a:focus {
    text-decoration: underline;
}
/* BASIC COLOR PANEL NAVIGAION */
#kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a {
   color:  #03244d;
}
#kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a:hover {
    color: #000;
}

/* Variation */
#kl_wrapper_3.kl_basic_color.variation_2 #kl_banner #kl_banner_left,
#kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_banner #kl_banner_left {
   border-color:#fff;
}
#kl_wrapper_3.kl_basic_color.variation_2 #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_banner .kl_subtitle {
   background-color: #cc4e0b;
   color: #fff;
   border-color: #cc4e0b;
   border-top-color: #fff;
   border-right: none;
   border-left: none;
}
#kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_navigation li a:hover {
   color: #fff;
}
#kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li {
   background-color: #cc4e0b;
}
#kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a {
   color: #fff;
}
/* Media Queries w/ & w/out Course Menu Collapsed */
@media screen and (min-width: 640px) {
    #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul {
        background-color: rgba(255, 255, 255, 0.75);
    }
    #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a:hover {
      background-color: #03244d;
      color: #fff;
    }
    #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_navigation ul li a:hover {
      background-color: #cc4e0b;
      color: #fff;
    }
}

/*********************************************************************/
/*****    BOOKMARK THEME      ****************************************/

#kl_wrapper_3.kl_bookmark #kl_banner h2 {
   background-color: #03244d;
}
#kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left {
    border-right-color: #fff;
}
#kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left .kl_mod_num {
    color: #03244d;
}
#kl_wrapper_3.kl_bookmark #kl_banner .kl_subtitle {
    background-color: #496e9C;
    color: #fff;
}
#kl_wrapper_3.kl_bookmark h3:not(.ui-state-default) {
    background-color: #cc4e0b;
    color: #fff;
    font-weight: normal;
}
#kl_wrapper_3.kl_bookmark > div > i {
    background-color: #03244d;
    color: #fff;
}
#kl_wrapper_3.kl_bookmark h4:not(.kl_panel_heading), 
#kl_wrapper_3.kl_bookmark h5:not(.kl_panel_heading) {
    background-color: #03244d;
    color: #fff;
    font-weight: normal;
}
#kl_wrapper_3.kl_bookmark #kl_banner #kl_description {
    border: 1px solid #03244d;
}
#kl_wrapper_3.kl_bookmark #kl_navigation ul li a {
    background: #fff;
    color: #03244d;
    border-color:  #F4F4F4;
}
#kl_wrapper_3.kl_bookmark .kl_quick_check,
#kl_wrapper_3.kl_bookmark #kl_modules .ui-tabs-panel {
    background: #fff;
}

/* Variation */
#kl_wrapper_3.kl_bookmark.variation_2 #kl_banner .kl_subtitle {
    background-color: #cc4e0b;
    color: #fff;
}
#kl_wrapper_3.kl_bookmark.variation_2 h3:not(.ui-state-default) {
    background-color: #03244d;
    color: #fff;
}
#kl_wrapper_3.kl_bookmark.variation_2 > div > i {
    background-color: #cc4e0b;
    color: #fff;
}
#kl_wrapper_3.kl_bookmark.variation_2 #kl_banner #kl_description {
    border: 1px solid #cc4e0b;
}
#kl_wrapper_3.kl_bookmark.variation_2 h4:not(.kl_panel_heading), 
#kl_wrapper_3.kl_bookmark.variation_2 h5:not(.kl_panel_heading) {
    background-color: #cc4e0b;
    color: #fff;
}

/*********************************************************************/
/***** BOX LEFT THEMES              **********************************/

/* BASE THEME */
#kl_wrapper_3.kl_box_left h2 {
  border-bottom-color: #03244d;
}
#kl_wrapper_3.kl_box_left h3:not(.ui-state-default) {
  border-bottom: 1px solid lightgray;
  border-top: 1px solid lightgray;
}
#kl_wrapper_3.kl_box_left h3:not(.ui-state-default) i {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_box_left #kl_modules div.kl_module_content h3 {
  border: 1px solid lightgray;
}
#kl_wrapper_3.kl_box_left #kl_banner #kl_description {
  background: #fff;
  border: 1px solid lightgray;
}
#kl_wrapper_3.kl_box_left > div > i {
  color: #fff;
}
#kl_wrapper_3.kl_box_left #kl_banner #kl_banner_left {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_box_left > div > i {
  background: #03244d;
}
#kl_wrapper_3.kl_box_left #kl_navigation ul li a,
#kl_wrapper_3.kl_box_left #kl_navigation ul li a:visited {
  background: #fff;
  color: #000;
  border: 1px solid #03244d;
}
#kl_wrapper_3.kl_box_left #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_box_left #kl_navigation ul li a:focus {
 background: #cc4e0b;
 color: #fff;
}

/* VARIATION */
#kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_banner_left {
  background: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_box_left.variation_2 > div > i {
  background: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_box_left.variation_2 h3:not(.ui-state-default) i {
  background: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a,
#kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:visited {
  background: #fff;
  color: #000;
  border: 1px solid #03244d;
}
#kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:focus,
#kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:hover {
  background: #03244d;
  color: #fff;
}

/*********************************************************************/
/***** CIRCLE-LEFT THEME *********************************************/

/* BASE THEME */

#kl_wrapper_3.kl_circle_left #kl_banner h2 {
    background: #cc4e0b;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left > div > h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_circle_left #kl_modules div.kl_module_content h3 i  {
    border: 5px solid #fff;
}
#kl_wrapper_3.kl_circle_left #kl_navigation ul li i {
    border: 3px solid #fff;
    background: #cc4e0b;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left,
#kl_wrapper_3.kl_circle_left #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_circle_left #kl_banner #kl_description,
#kl_wrapper_3.kl_circle_left #kl_banner_image img {
    border-color: #03244d;
}
#kl_wrapper_3.kl_circle_left h3:not(.ui-state-default),
#kl_wrapper_3.kl_circle_left h4:not(.kl_panel_heading),
#kl_wrapper_3.kl_circle_left h5 {
    border-color: #03244d;
}
#kl_wrapper_3.kl_circle_left #kl_banner_left {
    background: #03244d;
    color: #fff;  
}
#kl_wrapper_3.kl_circle_left h3 i,
#kl_wrapper_3.kl_circle_left > div > i {
    background: #03244d;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left #kl_navigation ul li a,
#kl_wrapper_3.kl_circle_left #kl_navigation ul li a {
    background: #03244d;
    color: #FFF;
}

/* Variation 2 */
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner h2 {
    background: #03244d;
    color: #FFF;
}
#kl_wrapper_3.kl_circle_left.variation_2,
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner #kl_description,
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner_image img {
    border-color: #03244d;
}
#kl_wrapper_3.kl_circle_left.variation_2 h4:not(.kl_panel_heading),
#kl_wrapper_3.kl_circle_left.variation_2 h5 {
    border-color: #cc4e0b;
}
#kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) {
    border-color: #03244d;
}
#kl_wrapper_3.kl_circle_left.variation_2 #kl_banner_left {
  background-color: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_circle_left.variation_2 h3 i,
#kl_wrapper_3.kl_circle_left.variation_2 > div > i {
    background: #cc4e0b;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation ul li i {
    background: #03244d;
    color: #fff;
}
#kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation ul li a,
#kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation ul li a {
    background: #cc4e0b;
    color: #fff;
}

/*********************************************************************/
/*****    CIRCLES OVERLAP THEME        *******************************/

/* This one still needs a lot of work */
#kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right {
    color: #000;
    background: rgba(255, 255, 255, 0.68);
}
#kl_wrapper_3.kl_circles_overlap #kl_banner .kl_subtitle {
    background: rgba(255, 255, 255, 0.72);
}
#kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description {
    background-color: #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.42);
}
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a,
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover,
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a:focus,
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a:visited {
 color: #fff;
}
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a {
    background-color: #03244d;
}
#kl_wrapper_3.kl_circles_overlap > div > i,
#kl_wrapper_3.kl_circles_overlap h3:not(.ui-state-default) i{
    background-color: 000;
    color: #fff;
}
#tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation li a,
#kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a,
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover {
    color: #fff;
    background: #696969 !important;
}
#tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i,
#kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a i,
#kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover i {
    background-color: #696969;
}
#kl_wrapper_3.kl_circles_overlap>div>i, 
#kl_wrapper_3.kl_circles_overlap h3:not(.ui-state-default) i {
  background-color: #cc4e0b;
  color: #fff;
}

/*********************************************************************/
/***** COLORED HEADINGS & COLORED HEADINGS BOX LEFT THEMES  **********/

/* SHARED */
#kl_wrapper_3.kl_colored_headings_box_left > div,
#kl_wrapper_3.kl_colored_headings > div {
  background-color: #fff;
  border: 1px solid lightgray;
}

#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation ul,
#kl_wrapper_3.kl_colored_headings #kl_navigation ul {
  background-color: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a,
#kl_wrapper_3.kl_colored_headings #kl_navigation li a {
  border: 1px solid #03244d;
}
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover,
#kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover {
  color: #03244d;
  background-color: #fff;
  -moz-box-shadow:    inset 0 0 3px #fff;
  -webkit-box-shadow: inset 0 0 3px #fff;
  box-shadow:         inset 0 0 3px #fff;
  border: 1px solid #03244d;
}
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover i,
#kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover i {
  background-color: #03244d;
  color: #fff;
}

/* With Banner */
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_left {
  background-color: #fff;
  color: #000;
  border-bottom-color:#cc4e0b;
}
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner .kl_subtitle {
  background-color: #fff;
  color: #000;
}
/* Without default banner */
#kl_wrapper_3.kl_colored_headings #kl_banner {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left {
  background-color: #fff;
  color: #000;
}
#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle {
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  background-color: #fff;
  color: #000;
}
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner .kl_subtitle {
  background-color: #cc4e0b;
}
#kl_wrapper_3.kl_colored_headings #kl_banner #kl_description {
  background-color: #fff;
  color: #000;
}
#kl_wrapper_3.kl_colored_headings #kl_navigation li a,
#kl_wrapper_3.kl_colored_headings #kl_navigation li a:visited,
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a,
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:visited {
  color: #fff;
  text-decoration: none;
}
#kl_wrapper_3.kl_colored_headings #kl_navigation li a:focus,
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover,
#kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover,
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:focus {
  color: #000;
}
#kl_wrapper_3.kl_colored_headings #kl_navigation li a:focus i,
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover i,
#kl_wrapper_3.kl_colored_headings #kl_navigation li a:hover i,
#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:focus i {
  border-bottom-color: #767676;
}


#kl_wrapper_3.kl_colored_headings_box_left #kl_navigation i,
#kl_wrapper_3.kl_colored_headings #kl_navigation i {
  background: #fff;
  color: #696969;
  border-bottom-color: #cc4e0b;
}
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules .ui-widget-content,
#kl_wrapper_3.kl_colored_headings #kl_modules .ui-widget-content {
  border: 1px solid lightgray;
  background: #fff;
}

/* Default Headings */
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3,
#kl_wrapper_3.kl_colored_headings #kl_modules h3,
#kl_wrapper_3.kl_colored_headings_box_left > div > h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) {
  background-color: #cc4e0b;
  border-top: 5px solid #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_colored_headings_box_left > div > h3 i,
#kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) i,
#kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i,
#kl_wrapper_3.kl_colored_headings #kl_modules h3:not(.ui-state-default) i {
  background-color: #fff;
  color: #03244d;
  border-bottom: 4px solid #03244d;
}
/* Objectives Blue*/
#kl_wrapper_3.kl_colored_headings_box_left #kl_objectives h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings #kl_objectives h3:not(.ui-state-default) {
  background-color: #AB162B;
  border-top: 5px solid #03244d;
  color: #fff;
}
/* Readings Red */
#kl_wrapper_3.kl_colored_headings_box_left #kl_readings h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings #kl_readings h3:not(.ui-state-default) {
  background-color: #774D27;
  border-top: 5px solid #03244d;
  color: #fff;
}
/* Lectures Green */
#kl_wrapper_3.kl_colored_headings_box_left #kl_lectures h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings #kl_lectures h3:not(.ui-state-default) {
  background-color: #606637;
  border-top: 5px solid #03244d;
  color: #fff;
}
/* Activities Orange */
#kl_wrapper_3.kl_colored_headings_box_left #kl_activities h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings #kl_activities h3:not(.ui-state-default) {
  background-color: #003A5C;
  border-top: 5px solid #03244d;
  color: #fff;
}
/* Assignments Purple */
#kl_wrapper_3.kl_colored_headings_box_left #kl_assignments h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings #kl_assignments h3:not(.ui-state-default) {
  background-color: #60285E;
  border-top: 5px solid #03244d;
  color: #fff;
}
/* Other Styles */
#kl_wrapper_3.kl_colored_headings_box_left h4,
#kl_wrapper_3.kl_colored_headings h4 {
  border-bottom: 1px solid #E0E0E0;
  color: #000;
}
#kl_wrapper_3.kl_colored_headings_box_left h5,
#kl_wrapper_3.kl_colored_headings h5 {
  border-bottom: 1px solid #E0E0E0;
  color: #000;
}
#kl_wrapper_3.kl_colored_headings_box_left .well,
#kl_wrapper_3.kl_colored_headings .well {
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* VARIATION */
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner .kl_subtitle {
  background: #cc4e0b;
  color: #fff;

}
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner #kl_banner_left {
  background-color: #fff;
  color: #000;
  border-bottom-color: #fff;
}
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation i,
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation i {
  background: #fff;
  color: #03244d;
  border-bottom-color: #03244d;
}

#kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner #kl_banner_left {
  background-color: #cc4e0b;
  color: #fff;
  border: 1px solid #fff;
}
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation ul,
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation ul {
  background-color: #cc4e0b;
}
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a,
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a:visited,
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a,
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:visited {
  color: #fff;
  border-color: transparent;
}
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a:focus,
#kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a:hover,
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:focus,
#kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:hover {
  color: #03244d;
  border-color: transparent;
}

/*********************************************************************/
/***** EMTA THEME         ********************************************/

#kl_wrapper_3.kl_emta {
  color: #000;
}
#kl_wrapper_3.kl_emta #kl_banner h2 {
  background-color: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_emta #kl_banner #kl_banner_left {
  border-right: 2px solid #fff;
}
#kl_wrapper_3.kl_emta #kl_banner #kl_banner_left .kl_mod_num{
  color: #03244d;
}
#kl_wrapper_3.kl_emta #kl_banner {
  background: #cc4e0b;
  color: #fff;
  border: 1px solid #03244d;
}
#kl_wrapper_3.kl_emta #kl_banner #kl_description {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_emta h3:not(.ui-state-default) {
  color: #fff;
  background: #cc4e0b;
}
#kl_wrapper_3.kl_emta #kl_navigation ul {
  background-color: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_emta #kl_navigation li a,
#kl_wrapper_3.kl_emta #kl_navigation li a:hover,
#kl_wrapper_3.kl_emta #kl_navigation li a:focus,
#kl_wrapper_3.kl_emta #kl_navigation li a:visited {
  color: #fff;
}
#kl_wrapper_3.kl_emta #kl_modules {
  border: 1px solid #03244d;
}

/********************************************************************/
/**** FLAT SECTIONS & FLAT SECTIONS MAIN THEMES *********************/

/**** FLAT SECTIONS MAIN ****/
#kl_wrapper_3.kl_flat_sections_main #kl_banner {
    background: #03244d;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left{
    background-color: #cc4e0b;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections_main #kl_banner .kl_subtitle {
   background: #fff;
   color: black;
}
#kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_description {
    background-color: #fff;
    color: #000;
   border-top: 2px solid #fff;
   border-bottom: 2px solid #fff;
}

/**** FLAT SECTIONS ****/
#kl_wrapper_3.kl_flat_sections #kl_banner {
    background: #03244d;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_banner h2 {
   border-top: 1px solid #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_banner #kl_banner_left{
   background-color: #cc4e0b;
   color: #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle {
   background: #fff;
   color: #696969;
}
#kl_wrapper_3.kl_flat_sections #kl_banner #kl_description {
   background: #fff;
   color: #696969;
}

/**** SHARED ****/
#kl_wrapper_3.kl_flat_sections_main #kl_navigation ul,
#kl_wrapper_3.kl_flat_sections #kl_navigation ul {
    background-color: #03244d;
    color: #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_navigation li a,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a {
  border: 1px solid #03244d;
}

#kl_wrapper_3.kl_flat_sections #kl_navigation li a,
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:visited,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:visited {
   color: #fff;
}
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:hover,
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:focus,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:hover,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:focus {
    background: #fff;
    color: #03244d;
}
#kl_wrapper_3.kl_flat_sections_main #kl_navigation i,
#kl_wrapper_3.kl_flat_sections #kl_navigation i {
   background: #fff;
   color: #696969;
   border: 1px solid #696969;
}
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:hover i,
#kl_wrapper_3.kl_flat_sections #kl_navigation li a:focus i,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:hover i,
#kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:focus i {
   background: #03244d;
   color: #fff;
   border-color: #03244d;
}
/* Content */
#kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default),
#kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) {
    color: #000;
    border-top: 1px solid #E0E0E0;
}
#kl_wrapper_3.kl_flat_sections_main > div > i,
#kl_wrapper_3.kl_flat_sections > div > i {
    color: #696969;
    border: 1px solid #E0E0E0;
    background: #fff;
}
#kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default) i:first-child,
#kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) i:first-child {
    color: #696969;
    border: 1px solid #E0E0E0;
    background: #fff;
}
#kl_wrapper_3.kl_flat_sections_main h4,
#kl_wrapper_3.kl_flat_sections h4 {
    color: #000;
    border-bottom: 1px solid #E0E0E0;
}
#kl_wrapper_3.kl_flat_sections_main h5,
#kl_wrapper_3.kl_flat_sections h5 {
    color: #000;
    border-bottom: 1px solid #E0E0E0;
}
#kl_wrapper_3.kl_flat_sections_main > div:nth-child(odd),
#kl_wrapper_3.kl_flat_sections > div:nth-child(odd) {
    background: whitesmoke;
}
#kl_wrapper_3.kl_flat_sections_main .well,
#kl_wrapper_3.kl_flat_sections .well {
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
#kl_wrapper_3.kl_flat_sections_main blockquote,
#kl_wrapper_3.kl_flat_sections blockquote {
    border-left: 5px solid #E0E0E0;
}

/* VARIATION */
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a,
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:visited,
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a,
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:visited {
    background: #cc4e0b;
    color: #fff;
    border-color: #cc4e0b;
}
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:hover,
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:focus,
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:hover,
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:focus {
    background: #fff;
    color: #03244d;
}
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner h2 {
   border-top-color: #cc4e0b;
}
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner #kl_banner_left,
#kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_banner_left{
   background-color: #cc4e0b;
   color: #fff;
}
#kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner .kl_subtitle {
   background: #fff;
   color: #696969;
   border-top: 1px solid #cc4e0b;
   border-bottom: 1px solid #cc4e0b;
}


/*********************************************************************/
/***** GENERIC THEME  ************************************************/

/* .kl_generic: This one is intentionally generic so there is no customization needed */


/*********************************************************************/
/*****    RIBBONS THEME      *****************************************/

#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_left {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_right {
  background: rgba(255, 255, 255, 0.65);
  border-bottom: 1px solid #cc4e0b;
}
#kl_wrapper_3.kl_ribbons_main #kl_banner .kl_subtitle {
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid #cc4e0b;
}
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_description {
  border: 4px double #cc4e0b;
  background: rgba(255, 255, 255, 0.8);
}
#kl_wrapper_3.kl_ribbons_main #kl_navigation a i {
  background: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
  background: rgba(255, 255, 255, 0.8);
  color: #545454;
  border: 1px solid #cc4e0b;
}
#kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) {
  background-color: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) i {
  background: #FFF;
  color: #03244d;
}
#kl_wrapper_3.kl_ribbons_main > div > i {
  background-color: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main .kl_quick_check,
#kl_wrapper_3.kl_ribbons_main #kl_modules .ui-tabs-panel {
  background: #fff;
}

/* VARIATION */
#kl_wrapper_3.kl_ribbons_main.variation_2 #kl_banner #kl_banner_left {
  background: #cc4e0b;
  color: #FFF;
}
#kl_wrapper_3.kl_ribbons_main.variation_2 #kl_navigation a i {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_ribbons_main.variation_2 h3:not(.ui-state-default) {
  background-color: #cc4e0b;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
}

/* ADJUSTMENTS FOR SCREEN SIZE */
/* Course Menu Expanded */
@media screen and (min-width: 950px) {

  body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
    background: #fff;
  }
  body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after {
    border: 22px solid #fff;
    border-left: 20px solid transparent;
  }
}
/* Banner text above Navigation as ribbons */
/* Course Menu Collapsed */
@media screen and (min-width: 800px) and (max-width: 969px) {
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
    background: #fff;
  }
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after {
    border: 22px solid #fff;
    border-left: 20px solid transparent;
  }
}
/* Navigation as rotated ribbons */
/* Course Menu Collapsed */
@media screen and (min-width: 1000px) {
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation li a{
    background: #fff;
  }
  body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation a:after {
    border: 22px solid #fff;
    border-left: 20px solid transparent;
  }
}

/*********************************************************************/
/***** ROUNDED-INSET THEMES 1, 2    **********************************/

/* BASE */
#kl_wrapper_3.kl_rounded_inset h2 {
 border-color: #8A8A8A;
 background: #fff;
 color: #000;
}
#kl_wrapper_3.kl_rounded_inset #kl_banner {
 background: #03244d;
 color: #fff;
}
#kl_wrapper_3.kl_rounded_inset #kl_banner_left {
  border-color: #03244d;
}
#kl_wrapper_3.kl_rounded_inset #kl_banner #kl_description,
#kl_wrapper_3.kl_rounded_inset #kl_banner .kl_subtitle {
  color: #fff;
}
#kl_wrapper_3.kl_rounded_inset #kl_banner #kl_description {
  background: #cc4e0b;
  color: #fff;
  border-bottom: 1px solid #fff;
}
#kl_wrapper_3.kl_rounded_inset h3:not(.ui-state-default) {
  border-color: #cc4e0b;
  background-color: #fff;
  border-width: 2px;
}
#kl_wrapper_3.kl_rounded_inset > div > i {
  border-color: #efefef;
}
#kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a,
#kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:visited {
 color: #03244d;
 border-color: #03244d;
 text-decoration: none;
}
#kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:focus {
 background: #cc4e0b;
 color: #FFF;
}
/* VARIATION 2 */
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner {
 background: #03244d;
 color: #fff;
}
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner_left {
  border-color: #03244d;
}
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner .kl_subtitle {
  color: #fff;
}
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner #kl_description {
 background: #cc4e0b;
 color: #fff;
}
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a,
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:visited {
 color: #03244d;
 border-color: #cc4e0b;
}
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:focus {
 background: #cc4e0b;
 color: #fff;
}
#kl_wrapper_3.kl_rounded_inset.variation_2 h3:not(.ui-state-default) {
  border-color: #03244d;
  background-color: #fff;
  border-width: 2px;
}

/*********************************************************************/
/***** SQUARE RIGHT THEMES 1, and 2  *********************************/

/* BASE */
#kl_wrapper_3.kl_square_right h2 {
  background: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_square_right #kl_banner_left {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_square_right #kl_banner #kl_description,
#kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle {
 border-color: #cc4e0b;
}
#kl_wrapper_3.kl_square_right #kl_banner #kl_description {
  border-color: #03244d;
}
#kl_wrapper_3.kl_square_right h3:not(.ui-state-default) {
 background-color: #fff;
 color: #000;
 border-color: #cc4e0b;
}
#kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle {
 color: #03244d;
}
#kl_wrapper_3.kl_square_right #kl_navigation ul li i {
 background: #03244d;
 color: #fff;
 border-left: 1px solid #fff;
}
#kl_wrapper_3.kl_square_right > div > i,
#kl_wrapper_3.kl_square_right h3:not(.ui-state-default) i {
 background: #03244d;
 color: #fff;
}
#kl_wrapper_3.kl_square_right #kl_navigation ul li a,
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:visited {
 background: #fff;
 color: #000;
 border-color: #03244d;
 text-decoration: none;
}
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:focus {
 background: #03244d;
 color: #FFF;
}
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:hover i,
#kl_wrapper_3.kl_square_right #kl_navigation ul li a:focus i {
 background: #cc4e0b;
 color: #fff;
}

/* 2 */
#kl_wrapper_3.kl_square_right.variation_2 h2 {
  background: #03244d;
  color: #fff;
}
#kl_wrapper_3.kl_square_right.variation_2 #kl_banner_left {
  background: #cc4e0b;
  color: #fff;
}
#kl_wrapper_3.kl_square_right.variation_2 #kl_banner #kl_description,
#kl_wrapper_3.kl_square_right.variation_2 #kl_banner .kl_subtitle {
 border-color: #03244d;
}
#kl_wrapper_3.kl_square_right.variation_2 > div > i,
#kl_wrapper_3.kl_square_right.variation_2 h3:not(.ui-state-default) i {
 background: #cc4e0b;
 color: #fff;
}
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a,
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:visited {
 background: #fff;
 color: #000;
 border-color: #cc4e0b;
}
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:hover i,
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:focus i {
 background: #03244d;
 color: #fff;
}
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:hover,
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:focus {
 background: #cc4e0b;
 color: #fff;
}
#kl_wrapper_3.kl_square_right.variation_2 h3 {
  background: #fff;
  color: #03244d;
  border-color: #03244d;
}
#kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li i {
 background: #03244d;
 color: #fff;
}

/*********************************************************************/
/***** Override Default Uppercase for all themes  ********************/
#kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default),
#kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right,
#kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right,
#kl_wrapper_3.kl_colored_headings_box_left #kl_banner h2,
#kl_wrapper_3.kl_colored_headings #kl_banner h2,
#kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_colored_headings_box_left > div > h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default),
#kl_wrapper_3.kl_colored_headings_box_left h4,
#kl_wrapper_3.kl_colored_headings h4,
#kl_wrapper_3.kl_flat_sections_main #kl_banner h2,
#kl_wrapper_3.kl_flat_sections #kl_banner h2,
#kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default),
#kl_wrapper_3.kl_flat_sections_main h4,
#kl_wrapper_3.kl_flat_sections h4,
#kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_left,
#kl_wrapper_3.kl_ribbons_main #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_rounded_inset h3:not(.ui-state-default),
#kl_wrapper_3.kl_rounded_inset_1 h3:not(.ui-state-default),
#kl_wrapper_3.kl_rounded_inset_2 h3:not(.ui-state-default),
#kl_wrapper_3.kl_rounded_inset_3 h3:not(.ui-state-default),
#kl_wrapper_3.kl_rounded_inset #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_rounded_inset_1 #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_rounded_inset_2 #kl_banner .kl_subtitle,
#kl_wrapper_3.kl_rounded_inset_3 #kl_banner .kl_subtitle {
   text-transform: none;
}
/*********************************************************************/
/***** END DESIGN TOOLS THEME CUSTOMIZATIONS *************************/
/********************************************************************