/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {

}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

.headerBox{
    background-color: #000000 !important;
    opacity: 1 !important;
}
.shade {
  background-color: #000000 !important;
    opacity: 1 !important;
}

/* kf background 2021 */

.cb-slideshow,
.cb-slideshow:after {
   
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(/Portals/0/Images/KF%20test/pattern.png) repeat top left;
}

.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    background-image: url(/Portals/0/LayerGallery/uploads/2017/4/4/Milwaukee.jpg) 
}

.cb-slideshow li:nth-child(2) span { 
    background-image: url(/Portals/0/LayerGallery/uploads/2017/4/4/Warehouse.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}

.cb-slideshow li:nth-child(3) span { 
    background-image: url(/Portals/0/LayerGallery/uploads/2017/4/4/1272853_515105735246558_451247440_o[1].jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    40% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    45% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    45% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    3% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    45% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    3% { opacity: 1;
         animation-timing-function: ease-out; }
    45% { opacity: 1 }
    50% { opacity: 0 }
    100% { opacity: 0 }
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}
.kf1 {
  
background-image: url(/Portals/0/Images/KF%20test/skyline.jpg);
    background-size: cover;
 

 }



.kbutton {
  background-color: rgb(0,0,0);
 transition-duration: 0.4s;
 border: 1px solid #96D83C;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
padding: 15px;
  margin: 4px 2px;
  cursor: pointer;
  width:100%;
  border-radius:5px;
  font-weight:400;
  
}

.kbutton:focus {
 outline: none;
 
 
  
}
.kbutton:hover {
 background-color:#494949;
  
box-shadow: 5px 10px 8px #3333;
}


.kbutton2 {
  background-color: rgb(0,0,0);
   border: 1px solid #96D83C;
  color: white;
 text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 100%;
  padding: 13px 10px 7px 10px;
  margin: 4px 2px;
  cursor: pointer;
  width:100%;
  border-radius:5px;
  font-weight:400;
   transition-duration: 0.4s;
 
 
}
.kbutton2:hover {
  background-color:#494949;
 box-shadow: 5px 10px 8px #3333;
  
 
}
.kbutton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

.kbutton span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -0px;
  transition: 0.2s;
}

.kbutton:hover span {
  padding-right: 0px;
}

.kbutton:hover span:after {
  opacity: 1;
  right: -10px;
}
.kbutton2 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.2s;
}

.kbutton2 span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -0px;
  transition: 0.2s;
}

.kbutton2:hover span {
  padding-right: 0px;
}

.kbutton2:hover span:after {
  opacity: 1;
  right: -15px;
}
.padk {
 
 
min-height:90px;}

@media screen and (max-width: 991px) {    .padk { display: none;max-height:5px !important; } }
 
@media screen and (max-width: 824px) {    .padk { display: none;max-height:5px !important; } }
 
@media screen and (max-width: 424px) {    .padk { display: none; max-height:5px !important; } }
}
/* Article page */

.articlebody {
  font-family: Arial;
  padding: 20px;
  background: #f1f1f1;
}

/* Header/Blog Title */
.headerk {
  padding: 30px;
  font-size: 40px;
  text-align: center;
  background: white;
  color:red;
}
h2.khead {

  font-size: 40px;
  line-height:1.3;
  color:#000000;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumnk {   
  float: left;
  width: 75%;
}

/* Right column */
.rightcolumnk {
  float: left;
  width: 25%;
  padding-left: 20px;
}

/* Fake image */
.fakeimgk {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Add a card effect for articles */
.cardk {
   background-color: white;
   padding: 20px;
   margin-top: 20px;
}

/* Clear floats after the columns */
.articlerow:after {
  content: "";
  display: table;
  clear: both;
}

/* Footer */
.footerk {
  padding: 20px;
  text-align: center;
  background: #ddd;
  margin-top: 20px;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .leftcolumnk, .rightcolumnk {   
    width: 100%;
    padding: 0;
  }
}

.header-top, .header-bottom {
  display:inline;
}