/*********************************************************************/ /***** DESIGN TOOLS PROGRESSBAR CUSTOMIZATIONS ***********************/ /*********************************************************************/ .mce-content-body.kl_has_style:not(.kl_mce_view_app) .kl_module_progress_bar, .mce-content-body.kl_has_style:not(.kl_mce_view_app) .kl_module_progress_icons, .kl_progress-bar, .kl_progress_icons li.kl_complete a, .kl_progress_icons li.kl_complete .kl_colored_bar, .kl_progress_icons li.kl_current .kl_colored_bar {background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } .kl_progress_completion .bs-page-item.bs-active .bs-page-link {color: var(--dt-color-primary-contrast); background-color: var(--dt-color-primary); } /*********************************************************************/ /***** BEGIN DESIGN TOOLS THEME CUSTOMIZATIONS ***********************/ /*********************************************************************/ #kl_wrapper_3.kl_apple #kl_banner h2 { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_apple #kl_banner .kl_mod_num { color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_apple #kl_banner .kl_subtitle { background-color: var(--dt-color-secondary); border-color: var(--dt-color-secondary-contrast); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_apple #kl_description { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) { border-color: var(--dt-color-graybg); background: var(--dt-color-graybg); color: var(--dt-color-graybg-contrast); } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) i { color: var(--dt-color-graybg-contrast); } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-graybg-contrast); } #kl_wrapper_3.kl_apple h4:not(.ui-state-default), #kl_wrapper_3.kl_apple h5:not(.ui-state-default) { border-color: var(--dt-color-graybg); } #kl_wrapper_3.kl_apple #kl_navigation > ul { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_apple #kl_navigation > ul > li > a { color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_apple #kl_modules { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_apple > div > i, #kl_wrapper_3.kl_apple.variation_2 > div > i { border-color: var(--dt-color-graybg); background: var(--dt-color-graybg); color: var(--dt-color-graybg-contrast); } #kl_wrapper_3.kl_apple > div > .dp-icon, #kl_wrapper_3.kl_apple.variation_2 > div > .dp-icon { border-color: var(--dt-color-graybg); background: var(--dt-color-graybg); color: var(--dt-color-graybg-contrast); } #kl_wrapper_3.kl_apple.variation_2 #kl_banner .kl_subtitle { background-color: var(--dt-color-accent); border-color: var(--dt-color-accent-contrast); color: var(--dt-color-accent-contrast); } #kl_wrapper_3.kl_apple.variation_2 #kl_navigation > ul { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_apple.variation_2 #kl_navigation > ul > li > a { color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) { border-color: var(--dt-color-primary); background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) i { color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_apple.variation_2 > div > i { border-color: var(--dt-color-primary); background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_apple.variation_2 > div > .dp-icon { border-color: var(--dt-color-primary); background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_bar #kl_banner h2 { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_bar #kl_banner .kl_subtitle { color: var(--dt-color-secondary-contrast); border-color: var(--dt-color-secondary-contrast); background-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_basic_bar #kl_banner #kl_description { border-color: var(--dt-color-primary); color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) { border-bottom-color: var(--dt-color-primary-dark-text); color: #000; text-transform: none; } #kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) i { color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner h2 { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner .kl_subtitle { color: var(--dt-color-secondary-dark-text); border-color: var(--dt-color-secondary-dark-text); background-color: #fff; } #kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner #kl_description { border-color: var(--dt-color-primary); color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) { border-bottom-color: var(--dt-color-secondary-dark-text); color: #000; } #kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) i { color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_basic_color_panel_nav #kl_banner { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_color_panel_nav #kl_banner .kl_subtitle { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border-color: #fff; border-top: 3px solid #fff; border-right: none; border-left: none; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_banner #kl_description { border-top: 3px solid #fff; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul > li > a { color: var(--dt-color-primary-dark-text); text-decoration: none; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul > li > a:focus { color: #000; } #kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) { color: #000; text-transform: none; } #kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) i { color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-primary-dark-text); } @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: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul > li > a:focus { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_banner .kl_subtitle { background-color: #fff; color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 h3:not(.ui-state-default) { color: #000; text-transform: none; } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 h3:not(.ui-state-default) i { color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-secondary-dark-text); } @media screen and (min-width: 640px) { #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_navigation > ul > li > a:focus { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_navigation > ul > li > a:hover { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } } #kl_wrapper_3.kl_basic_color #kl_banner { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_color #kl_banner #kl_banner_left { border-color: #fff; } #kl_wrapper_3.kl_basic_color #kl_banner .kl_subtitle { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border-color: #fff; border-top: 3px solid #fff; border-right: none; border-left: none; } #kl_wrapper_3.kl_basic_color #kl_banner #kl_description { border-top: 3px solid #fff; } #kl_wrapper_3.kl_basic_color #kl_navigation > ul > li { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_color #kl_navigation > ul > li > a { border-bottom: 3px solid #fff; text-decoration: none; color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_color #kl_navigation > ul > li > a:hover { color: var(--dt-color-primary-contrast); text-decoration: underline; } #kl_wrapper_3.kl_basic_color #kl_navigation > ul > li > a:focus { color: var(--dt-color-primary-contrast); text-decoration: underline; } #kl_wrapper_3.kl_basic_color #kl_navigation > ul > li > a:visited { color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_basic_color h3:not(.ui-state-default) { color: #000; text-transform: none; } #kl_wrapper_3.kl_basic_color h3:not(.ui-state-default) i { color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_basic_color h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_basic_color.variation_2 #kl_banner .kl_subtitle { background-color: #fff; color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_basic_color.variation_2 h3:not(.ui-state-default) { color: #000; text-transform: none; } #kl_wrapper_3.kl_basic_color.variation_2 h3:not(.ui-state-default) i { color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_basic_color.variation_2 h3:not(.ui-state-default) .dp-icon { color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation > ul > li { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation > ul > li > a { border-bottom: 3px solid #fff; text-decoration: none; color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation > ul > li > a:hover { color: var(--dt-color-secondary-contrast); text-decoration: underline; } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation > ul > li > a:focus { color: var(--dt-color-secondary-contrast); text-decoration: underline; } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation > ul > li > a:visited { color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_bookmark #kl_banner h2 { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #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: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_bookmark #kl_banner .kl_subtitle { background-color: var(--dt-color-accent); color: var(--dt-color-accent-contrast); } #kl_wrapper_3.kl_bookmark #kl_banner #kl_description { border: 1px solid var(--dt-color-primary); } #kl_wrapper_3.kl_bookmark h3:not(.ui-state-default) { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); font-weight: normal; } #kl_wrapper_3.kl_bookmark > div > i { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_bookmark > div > .dp-icon { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_bookmark h4:not(.kl_panel_heading), #kl_wrapper_3.kl_apple.kl_bookmark h5:not(.kl_panel_heading) { background-color: var(--dt-color-graybg); color: var(--dt-color-graybg-contrast); font-weight: normal; } #kl_wrapper_3.kl_bookmark h5:not(.kl_panel_heading) { background-color: var(--dt-color-graybg); color: var(--dt-color-graybg-contrast); font-weight: normal; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul > li > a { background: white; color: var(--dt-color-primary-dark-text); border-color: #F4F4F4; text-decoration: none; } #kl_wrapper_3.kl_bookmark .kl_quick_check, #kl_wrapper_3.kl_bookmark #kl_modules .ui-tabs-panel { background: #fff; } #kl_wrapper_3.kl_bookmark.variation_2 h3:not(.ui-state-default) { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); font-weight: normal; } #kl_wrapper_3.kl_bookmark.variation_2 > div > i { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_bookmark.variation_2 > div > .dp-icon { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_box_left h2 { border-bottom-color: var(--dt-color-primary); } #kl_wrapper_3.kl_box_left #kl_banner #kl_description { background: #fff; border: 1px solid var(--dt-color-graybg); } #kl_wrapper_3.kl_box_left #kl_banner #kl_banner_left { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #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 var(--dt-color-primary); text-decoration: none; } #kl_wrapper_3.kl_box_left #kl_navigation > ul > li > a:hover { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_box_left #kl_navigation > ul > li > a:focus { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #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: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_box_left h3:not(.ui-state-default) .dp-icon { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_box_left #kl_modules div.kl_module_content h3 { border: 1px solid var(--dt-color-graybg); } #kl_wrapper_3.kl_box_left > div > i { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_box_left > div > .dp-icon { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_box_left.variation_2 h2 { border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_description { border: 1px solid var(--dt-color-secondary); } #kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_banner_left { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation > ul > li > a { border: 1px solid var(--dt-color-primary); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation > ul > li > a:visited { color: var(--dt-color-secondary-dark-text); border: 1px solid var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation > ul > li > a:hover { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation > ul > li > a:focus { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_box_left.variation_2 h3:not(.ui-state-default) i { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); box-shadow: none; } #kl_wrapper_3.kl_box_left.variation_2 h3:not(.ui-state-default) .dp-icon { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); box-shadow: none; } #kl_wrapper_3.kl_box_left.variation_2 > div > i { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); box-shadow: none; } #kl_wrapper_3.kl_box_left.variation_2 > div > .dp-icon { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); box-shadow: none; } #kl_wrapper_3.kl_circle_left { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_circle_left #kl_banner h2 { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left #kl_banner #kl_banner_left { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left #kl_banner .kl_subtitle { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_circle_left #kl_banner #kl_description { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_circle_left #kl_banner_image img { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_circle_left #kl_navigation > ul > li i { border: 3px solid #fff; background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left #kl_navigation > ul > li .dp-icon { border: 3px solid #fff; background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left #kl_navigation > ul > li > a { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); text-decoration: none; } #kl_wrapper_3.kl_circle_left > div > i { border: 5px solid #fff; background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) i { border: 5px solid #fff; background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left > div > .dp-icon { border: 5px solid #fff; background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) .dp-icon { border: 5px solid #fff; background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) { background: var(--dt-color-primary); border-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left h4:not(.kl_panel_heading), #kl_wrapper_3.kl_apple.kl_circle_left h5:not(.kl_panel_heading) { background: var(--dt-color-primary); border-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left h5:not(.kl_panel_heading) { background: var(--dt-color-primary); border-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 { border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner h2 { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner #kl_banner_left { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner #kl_description { border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation > ul > li i { border: 3px solid #fff; background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation > ul > li .dp-icon { border: 3px solid #fff; background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation > ul > li > a { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner_image img { border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) { border-color: var(--dt-color-secondary); background-color: #fff; color: #000; } #kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) i { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 > div > i { background: var(--dt-color-primary); color: #fff; } #kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) .dp-icon { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_circle_left.variation_2 > div > .dp-icon { background: var(--dt-color-primary); color: #fff; } #kl_wrapper_3.kl_circle_left.variation_2 h4:not(.kl_panel_heading), #kl_wrapper_3.kl_apple.kl_circle_left.variation_2 h5:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left.variation_2 h5 { border-color: var(--dt-color-secondary); background-color: #fff; color: #000; } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right { color: #000; background: rgba(255, 255, 255, 0.8); text-transform: none; } #kl_wrapper_3.kl_circles_overlap #kl_banner .kl_subtitle { background: rgba(255, 255, 255, 0.8); } #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 > ul > li > a { color: var(--dt-color-primary-contrast); background-color: var(--dt-color-primary); } #kl_wrapper_3.kl_circles_overlap > div > i, #kl_wrapper_3.kl_circles_overlap h3:not(.ui-state-default) i { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_circles_overlap > div > .dp-icon, #kl_wrapper_3.kl_circles_overlap h3:not(.ui-state-default) .dp-icon { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a, #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a, #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a:focus #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a:hover { color: var(--dt-color-secondary-contrast); background: var(--dt-color-secondary) !important; } #tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a i, #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a i, #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a:focus i { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a .dp-icon, #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a .dp-icon, #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul > li > a:focus .dp-icon { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #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_banner, #kl_wrapper_3.kl_colored_headings #kl_banner { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner h2, #kl_wrapper_3.kl_colored_headings #kl_banner h2 { text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_left, #kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left { background-color: #fff; color: #000; border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner .kl_subtitle, #kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a { color: var(--dt-color-primary-contrast); text-decoration: none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:focus, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:focus { color: #000; 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; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:focus i, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:focus i { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:focus .dp-icon, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:focus .dp-icon { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:visited, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:visited { color: var(--dt-color-primary-contrast); text-decoration: none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:focus, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:focus { color: #000; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:focus i, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:focus i { border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation i, #kl_wrapper_3.kl_colored_headings #kl_navigation i { background: #fff; color: #444; border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation > ul > li > a:focus .dp-icon, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_colored_headings #kl_navigation > ul > li > a:focus .dp-icon { border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation .dp-icon, #kl_wrapper_3.kl_colored_headings #kl_navigation .dp-icon { background: #fff; color: #444; border-bottom-color: var(--dt-color-secondary); } #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; } #kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3, #kl_wrapper_3.kl_colored_headings_box_left > div > h3:not(.ui-state-default), #kl_wrapper_3.kl_colored_headings #kl_modules h3, #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) { background-color: var(--dt-color-secondary); border-top: 5px solid var(--dt-color-primary); color: var(--dt-color-secondary-contrast); text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left > div > h3 i, #kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 i, #kl_wrapper_3.kl_colored_headings > div > h3 i, #kl_wrapper_3.kl_colored_headings #kl_modules h3 i { background-color: #fff; color: var(--dt-color-primary-dark-text); border-bottom: 4px solid var(--dt-color-primary); } #kl_wrapper_3.kl_colored_headings_box_left > div > h3 .dp-icon, #kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3 .dp-icon, #kl_wrapper_3.kl_colored_headings > div > h3 .dp-icon, #kl_wrapper_3.kl_colored_headings #kl_modules h3 .dp-icon { background-color: #fff; color: var(--dt-color-primary-dark-text); border-bottom: 4px solid var(--dt-color-primary); } #kl_wrapper_3.kl_colored_headings_box_left h4, #kl_wrapper_3.kl_apple.kl_colored_headings_box_left h5, #kl_wrapper_3.kl_colored_headings_box_left h5, #kl_wrapper_3.kl_colored_headings_box_left h6, #kl_wrapper_3.kl_colored_headings h4, #kl_wrapper_3.kl_apple.kl_colored_headings h5, #kl_wrapper_3.kl_colored_headings h5, #kl_wrapper_3.kl_colored_headings h6 { border-bottom: 1px solid lightgray; color: #000; text-transform: none; } #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, 0.05); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } #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: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a { color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a:focus, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a:focus { color: #000; } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a:focus i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a:focus i { border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a i { border-bottom-color: var(--dt-color-primary); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a:focus .dp-icon, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a:focus .dp-icon { border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation > ul > li > a .dp-icon, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation > ul > li > a .dp-icon { border-bottom-color: var(--dt-color-primary); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner #kl_banner_left { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border-bottom-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner .kl_subtitle { background-color: #fff; color: #000; } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_modules h3, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 > div > h3:not(.ui-state-default), #kl_wrapper_3.kl_colored_headings.variation_2 #kl_modules h3, #kl_wrapper_3.kl_colored_headings.variation_2 > div > h3:not(.ui-state-default) { background-color: var(--dt-color-primary); border-top: 5px solid var(--dt-color-secondary); color: var(--dt-color-primary-contrast); text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 > div > h3 i, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_modules h3 i, #kl_wrapper_3.kl_colored_headings.variation_2 > div > h3 i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_modules h3 i { background-color: #fff; color: #000; border-bottom: 4px solid var(--dt-color-secondary); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 > div > h3 .dp-icon, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_modules h3 .dp-icon, #kl_wrapper_3.kl_colored_headings.variation_2 > div > h3 .dp-icon, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_modules h3 .dp-icon { background-color: #fff; color: #000; border-bottom: 4px solid var(--dt-color-secondary); } #kl_wrapper_3.kl_emta { color: #000; } #kl_wrapper_3.kl_emta #kl_banner { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border: 1px solid var(--dt-color-primary); } #kl_wrapper_3.kl_emta #kl_banner h2 { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #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: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_emta #kl_banner #kl_description { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_emta h3:not(.ui-state-default) { color: var(--dt-color-secondary-contrast); background: var(--dt-color-secondary); font-weight: normal; } #kl_wrapper_3.kl_emta #kl_navigation > ul { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_emta #kl_navigation > ul > li > a { color: var(--dt-color-primary-contrast); text-decoration: none; } #kl_wrapper_3.kl_emta #kl_navigation > ul > li > a:visited { color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_emta #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_emta #kl_navigation > ul > li > a:focus { color: var(--dt-color-primary-contrast); text-decoration: underline; } #kl_wrapper_3.kl_emta #kl_modules { border: 1px solid var(--dt-color-primary); } #kl_wrapper_3.kl_flat_sections_main, #kl_wrapper_3.kl_flat_sections { /* Content */ } #kl_wrapper_3.kl_flat_sections_main #kl_banner, #kl_wrapper_3.kl_flat_sections #kl_banner { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_flat_sections_main #kl_banner h2, #kl_wrapper_3.kl_flat_sections #kl_banner h2 { text-transform: none; border-top-color: var(--dt-color-secondary); } #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-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_flat_sections_main #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle { background: #fff; color: #000; text-transform: none; } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_description, #kl_wrapper_3.kl_flat_sections #kl_banner #kl_description { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a { border: 1px solid var(--dt-color-primary); color: var(--dt-color-primary-contrast); text-decoration: none; } #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a:visited, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a:visited { color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a:focus, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a:focus { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a:focus i, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a:focus i { background: var(--dt-color-secondary-contrast); color: var(--dt-color-secondary); border: 1px solid var(--dt-color-secondary); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation i, #kl_wrapper_3.kl_flat_sections #kl_navigation i { background: #fff; color: #444; border: 1px solid #444; } #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_flat_sections_main #kl_navigation > ul > li > a:focus .dp-icon, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_flat_sections #kl_navigation > ul > li > a:focus .dp-icon { background: var(--dt-color-secondary-contrast); color: var(--dt-color-secondary); border: 1px solid var(--dt-color-secondary); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation .dp-icon, #kl_wrapper_3.kl_flat_sections #kl_navigation .dp-icon { background: #fff; color: #444; border: 1px solid #444; } #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 lightgray; text-transform: none; } #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-primary); } #kl_wrapper_3.kl_flat_sections_main > div > .dp-icon, #kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default) .dp-icon:first-child, #kl_wrapper_3.kl_flat_sections > div > .dp-icon, #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) .dp-icon:first-child { color: var(--dt-color-primary-contrast); border: 1px solid lightgray; background: var(--dt-color-primary); } #kl_wrapper_3.kl_flat_sections_main h4, #kl_wrapper_3.kl_apple.kl_flat_sections_main h5, #kl_wrapper_3.kl_flat_sections_main h5, #kl_wrapper_3.kl_flat_sections_main h6, #kl_wrapper_3.kl_flat_sections h4, #kl_wrapper_3.kl_apple.kl_flat_sections h5, #kl_wrapper_3.kl_flat_sections h5, #kl_wrapper_3.kl_flat_sections h6 { color: #000; border-bottom: 1px solid lightgray; text-transform: none; } #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, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } #kl_wrapper_3.kl_flat_sections_main.variation_2, #kl_wrapper_3.kl_flat_sections.variation_2 { /* Content */ } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner h2, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner h2 { border-top-color: white; } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_description, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner #kl_description { background-color: #fff; color: #444; } #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-secondary); color: var(--dt-color-secondary-contrast); } #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-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:visited, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:visited { color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:focus, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:hover, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:focus { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:focus i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:hover i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:focus i { background: var(--dt-color-primary-contrast); color: var(--dt-color-primary); border: 1px solid var(--dt-color-primary); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation i { background: #fff; color: #444; border: 1px solid #444; } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation > ul > li > a:focus .dp-icon, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation > ul > li > a:focus .dp-icon { background: var(--dt-color-primary-contrast); color: var(--dt-color-primary); border: 1px solid var(--dt-color-primary); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation .dp-icon, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation .dp-icon { background: #fff; color: #444; border: 1px solid #444; } #kl_wrapper_3.kl_flat_sections_main.variation_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_flat_sections.variation_2 h3:not(.ui-state-default) { color: #000; border-top: 1px solid lightgray; } #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-dark-text); border: 1px solid lightgray; background: #fff; } #kl_wrapper_3.kl_flat_sections_main.variation_2 > div > .dp-icon, #kl_wrapper_3.kl_flat_sections_main.variation_2 h3:not(.ui-state-default) .dp-icon:first-child, #kl_wrapper_3.kl_flat_sections.variation_2 > div > .dp-icon, #kl_wrapper_3.kl_flat_sections.variation_2 h3:not(.ui-state-default) .dp-icon:first-child { color: var(--dt-color-primary-dark-text); border: 1px solid lightgray; background: #fff; } #kl_wrapper_3.kl_flat_sections_main #kl_description { border-top: 2px solid #fff; border-bottom: 2px solid #fff; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_left { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); text-transform: none; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_right { background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid #fff; } #kl_wrapper_3.kl_ribbons_main #kl_banner .kl_subtitle { background: rgba(255, 255, 255, 0.8); border: 1px solid #fff; text-transform: none; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_description { border: 4px double #fff; background: rgba(255, 255, 255, 0.8); } #kl_wrapper_3.kl_ribbons_main #kl_navigation a i { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_ribbons_main #kl_navigation a .dp-icon { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_ribbons_main #kl_navigation > ul > li > a { background: rgba(255, 255, 255, 0.8); color: #545454; border: 1px solid #fff; text-decoration: none; } #kl_wrapper_3.kl_ribbons_main > div > i, #kl_wrapper_3.kl_ribbons_main > div > .dp-icon, #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) { background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); font-weight: normal; font-size: 1.2em; } #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) i { background: #FFF; color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) .dp-icon { background: #FFF; color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_ribbons_main .kl_quick_check, #kl_wrapper_3.kl_ribbons_main #kl_modules .ui-tabs-panel { background: #fff; } @media screen and (min-width: 950px) { body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation > ul > 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; } } @media screen and (min-width: 800px) and (max-width: 969px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation > ul > 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; } } @media screen and (min-width: 1000px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigation > ul > 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; } } #kl_wrapper_3.kl_ribbons_main.variation_2 #kl_navigation a i { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_ribbons_main.variation_2 #kl_navigation a .dp-icon { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_ribbons_main.variation_2 h3:not(.ui-state-default) { background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_rounded_inset #kl_banner { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_rounded_inset #kl_banner h2 { border-color: var(--dt-color-secondary); background: #fff; color: #000; } #kl_wrapper_3.kl_rounded_inset #kl_banner .kl_subtitle { color: var(--dt-color-primary-contrast); text-transform: none; } #kl_wrapper_3.kl_rounded_inset #kl_banner #kl_description { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border-bottom: 1px solid #fff; } #kl_wrapper_3.kl_rounded_inset #kl_banner_left { border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul > li > a { color: var(--dt-color-primary-dark-text); border-color: var(--dt-color-primary); text-decoration: none; } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul > li > a:visited { color: var(--dt-color-primary-dark-text); border-color: var(--dt-color-primary); } #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: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_rounded_inset h3:not(.ui-state-default) { border-color: var(--dt-color-secondary); background-color: #fff; text-transform: none; border-width: 2px; } #kl_wrapper_3.kl_rounded_inset > div > i, #kl_wrapper_3.kl_rounded_inset h3:not(.ui-state-default) i { color: #000; border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_rounded_inset > div > .dp-icon, #kl_wrapper_3.kl_rounded_inset h3:not(.ui-state-default) .dp-icon { color: #000; border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner h2 { border-color: var(--dt-color-secondary-contrast); background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner .kl_subtitle { color: var(--dt-color-primary-contrast); text-transform: none; } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner #kl_description { background: #fff; color: #000; border-bottom: 1px solid #fff; } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner_left { border-color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation > ul > li > a { color: var(--dt-color-secondary-dark-text); border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation > ul > li > a:visited { color: var(--dt-color-secondary-dark-text); border-color: var(--dt-color-secondary); } #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: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_rounded_inset.variation_2 h3:not(.ui-state-default) { border-color: var(--dt-color-primary); background-color: #fff; text-transform: none; border-width: 2px; } #kl_wrapper_3.kl_rounded_inset.variation_2 > div > i, #kl_wrapper_3.kl_rounded_inset.variation_2 h3:not(.ui-state-default) i { color: #000; border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_rounded_inset.variation_2 > div > .dp-icon, #kl_wrapper_3.kl_rounded_inset.variation_2 h3:not(.ui-state-default) .dp-icon { color: #000; border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_square_right #kl_banner #kl_description, #kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_square_right #kl_banner #kl_description { border-color: var(--dt-color-primary); } #kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle { color: var(--dt-color-primary-dark-text); } #kl_wrapper_3.kl_square_right h2 { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_square_right #kl_banner_left { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_square_right h3:not(.ui-state-default) { border-color: var(--dt-color-primary); background-color: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_square_right #kl_navigation > ul > li i { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); border-left: 1px solid #fff; } #kl_wrapper_3.kl_square_right #kl_navigation > ul > li .dp-icon { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); border-left: 1px solid #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: var(--dt-color-primary); 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: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #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: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_square_right > div > i, #kl_wrapper_3.kl_square_right h3:not(.ui-state-default) i { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_square_right #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_square_right #kl_navigation > ul > li > a:focus .dp-icon { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_square_right > div > .dp-icon, #kl_wrapper_3.kl_square_right h3:not(.ui-state-default) .dp-icon { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #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: var(--dt-color-secondary); } #kl_wrapper_3.kl_square_right.variation_2 #kl_banner #kl_description { border-color: var(--dt-color-secondary); } #kl_wrapper_3.kl_square_right.variation_2 #kl_banner .kl_subtitle { color: var(--dt-color-secondary-dark-text); } #kl_wrapper_3.kl_square_right.variation_2 h2 { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_square_right.variation_2 #kl_banner_left { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_square_right.variation_2 h3:not(.ui-state-default) { border-color: var(--dt-color-secondary); background-color: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation > ul > li i { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border-left: 1px solid #fff; } #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation > ul > li .dp-icon { background: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); border-left: 1px solid #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: var(--dt-color-secondary); text-decoration: none; } #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: var(--dt-color-secondary); color: var(--dt-color-secondary-contrast); } #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: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #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: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation > ul > li > a:hover .dp-icon, #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation > ul > li > a:focus .dp-icon { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } #kl_wrapper_3.kl_square_right.variation_2 > div > .dp-icon, #kl_wrapper_3.kl_square_right.variation_2 h3:not(.ui-state-default) .dp-icon { background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } .kl_wrapper .ui-accordion .ui-accordion-header.ui-state-default.ui-state-active, .kl_panels_wrapper.ui-accordion .ui-accordion-header.ui-state-default.ui-state-active, .kl_wrapper .ui-accordion .ui-progressbar .ui-accordion-header.ui-state-default.ui-widget-header, .kl_panels_wrapper.ui-accordion .ui-progressbar .ui-accordion-header.ui-state-default.ui-widget-header, .kl_wrapper .ui-progressbar .ui-accordion .ui-accordion-header.ui-state-default.ui-widget-header, .kl_panels_wrapper.ui-progressbar .ui-accordion .ui-accordion-header.ui-state-default.ui-widget-header { border-color: var(--dt-color-primary); border-bottom: 1px solid var(--dt-color-primary); background: var(--dt-color-primary); color: var(--dt-color-primary-contrast); } .kl_panels_wrapper .ui-state-active a, .kl_panels_wrapper .ui-state-active a:link, .kl_panels_wrapper .ui-state-active a:visited { color: var(--dt-color-primary-contrast); } :root { --dp-tabs-nav-bg: var(--dt-color-primary); --dp-tabs-nav-bg-text: var(--dt-color-primary-contrast); --dp-tabs-nav-dark-text: var(--dt-color-primary-dark-text); --dp-progress-partial-bg: var(--dt-color-primary); --dp-progress-partial-bg-text: var(--dt-color-primary-contrast); --dp-progress-partial-dark-text: var(--dt-color-primary-dark-text); }