a.btn:visited {
    color: white !important;
}

#KGlobalHeader {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 999;
    background-color: white;
}

#KGlobalHeader:after {
    content: "";
    display: block !important;
    background-size: 100% 5px;
    position: absolute;
    height: 5px;
    width: 100% !important;
    left: 0px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACkSURBVDiN7dExDsIwDEbh9we1soXE6eCEbJyInQNwgKgxQ9WWFrIShr7ZkewvYm/V5fbwLj8NoKTec0lGzp66ZAzJS8jQ4EKG5KLY+FIeYBAOMoRHyFC4YJwpcqVixGYWnHHG1ebs700YHxBAHWM6DqoYHxBvswvGEegbnL1q/pAqxgQB1DE2EEAdY4aABeMEHH57+n+m8/UerZfYW0qtF9hb9wI2bU03vw4M8QAAAABJRU5ErkJggg==");
}

#KGlobalHeader a {
    outline: none;
}

/* Specific Styles for Neon Header */
.KNeonHeader {
    margin-top: -50px;
    margin-bottom: -70px;
    background-color: transparent !important;
}
.KNeonHeader:after {
    bottom: 70px;
}
/* End ~ Specific Styles for Neon Header */

#kHeaderNav {
    padding: 0;
    min-height: 50px;
    font-size: 14px;
}

#kHeaderNav a.active {
    background-color: #ef473d;
    color: #FFF;
    /*text-shadow: 0px 0px 1px #375a7d;*/
}
#kHeaderNav a.active:before {
    color: #FFF;
}
#kHeaderNav a.active:hover {
    color: #FFF;
}

#kHeaderNav button {
    outline: 0;
}

#KGlobalLogo {
    height: 50px;
    margin: 0px;
    padding: 0px !important;
    padding-left: 50px !important;
    padding-right: 10px !important;
    background-color: #ef473d;
    line-height: 50px;
    margin-right: 15px;
}

#KGlobalLogo:before {
    position: absolute;
    top: 0;
    left: 25px;
    width: 42px;
    height: 50px;
    margin-left: -21px;
    content: " ";
    color: white;
    font-weight: normal;
    font-size: 32px;
    text-indent: 0px;
    text-align: center;
    display: inline-block;
    text-decoration: none !important;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAqFBMVEUAAAD///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///4nB6rqAAAAN3RSTlMA+xwC9RMH7TEtCvHTPOiYk34gGATjqDUN992jjnhuWNfMvINnU01EJtDAtmrFYV1JQK2InrHIwJ5VtQAAA89JREFUaN7s1NmO4jAQBdBrkoawNgTosIR9X4Zh1f3/PxuwIW0SXoyMNA85T5Ei1ZXL5UIqlUqlUv+FrF8e7Ab7Q5DBhwRhh8plnsVHlIdURDePD6kJKqsl7PmCbsq7Y8tmdzxofJfKxIFF56eQCZUtbCoUn0JGlMawqsY8NILSEjYdhNtIhqxgU73CNXRt3oSwKDMiJ+qrAEkN1wzWOIMcyQVu8nM9pA5LWn25oCrqCF6ohXRgR3B2Ke0gHS5aSBc2LFa8GzmQ+iUtZJvcPMYa34yUoZyLv9OVS9TcZ4wzjox8Q3E6lJWzQnYw7ucAQ9o5qg6UPRnIbUlyjThflGGmzIfKFA+be+NqZMdHXJUezIyoFHsFPMxItcLGXNURt3Tpw0ieSlcrlsmRso7HTQtxXx3ScLxOanIDvYo83K16d4qE+h+SWRgZ8qr2VKXEqxKAgo+EcoVkDkYKgmQPmuUwGuakTCh49QMjQfwcU5fSAEn5s4h+mvhLTvTrOFJxY1freP1jhXfC8N57+lsr9Iq8C/UezU5rl5oQZmpFH3fOrsmHdjTQ/qlJndplZsJoSPcl/qpCWVwEE7YwNIfijakptdS4lvjCpoG3+F3qKnKTt6p8mZHFO7K9NnXtQHaqaTPDG/KJmMn3IviC+H4vY/+v/XpbThQIwgDcIycRVBKBeIhoREFdCEnc9X//N9sqkHVbkdQod+G7BWpomOmDCkYsiEg5VIdh0l0yUbEGDVFh+UH3MSfgsryNwCWxmncVuk/PBvdeNMRg7NePHv3jytd3bn2qWTnrODsEi/52TExMcjbgnvLo3gDVTz5HVM0nKSMLzM4t2oRjNq7Z8Z7swMMIMy9au6g+2xkkQx9UfCx6Vr55aEIy3sHsdLqkd0bKdfQuSbDBxHSmZY6/XxoAhHf8cuYb/XyuhMwiMRjDpZNOshI8xkArL3mATRJ8MLNzZWEsp0slcynZqigGmE3xqjNwQ+2/FkDk+0OqGWImeeKYqyhddJa9aGZBekqdg1kRke6DsRKlCLr/tBc4ETID0B7MbyItBbN8LmJIpuz7yQy7AkxIYxvMSsujCAZ8E8oE8gkuUX5VFfPOCoxnPnDcEYXAdVf0wreg6nRIRgguExVd0YuFkvBSZ6GRnBk4/kOKyXOUx6HuD5tunsOkpagTlDnhbW0qdDcPNYrMESGN6RE6atj56XengUIP2eI2a1vc0qUHxTVr9Kkha9wyMKkpIW7406HGvKLSNKIGObg28SOXmjQEp6ZOplHDhpZhDDxvuky/hmGwMF1qtVqtVuvn+AujblZbAwtjCQAAAABJRU5ErkJggg==);
}

#KGlobalLogo:hover:before {
    color: white;
}

.navbar-toggler {
    padding: 0;
    font-size: 0;
}

.navbar-toggler:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    content: "=";
    color: #4d4d4d;
    font-family: "glyph";
    font-size: 22px;
    font-weight: normal;
    text-indent: 0px;
    text-align: center;
    line-height: 50px;
    display: inline-block;
    text-decoration: none !important;
}

#kHeaderNav .navbar-collapse a {
    height: 50px;
    line-height: 50px;
    padding: 0px 20px;
    color: #334545;
    display: inline-block;
}

#kHeaderNav .navbar-collapse a.active {
    background-color: #ef473d;
    color: #FFF;
    /*text-shadow: 0px 0px 1px #375a7d;*/
}
#kHeaderNav .navbar-collapse a.active:before {
    color: #FFF;
}
#kHeaderNav .navbar-collapse a.active:hover {
    color: #FFF;
}

#kHeaderNav .navbar-collapse a:hover {
    color: #3daefd;
}

#kHeaderNav .navbar-collapse .navbar-nav {
    list-style: none;
}

#kHeaderNav .navbar-collapse .navbar-nav .nav-item {
    display: inline-block;
}

#kHeaderNav .navbar-collapse .navbar-nav .nav-item a {
    text-decoration: none;
}

#kHeaderNav .show {
    background-color: white;
    width: 100%;
    height: auto;
}
.KLayout {
    background-color: #fcfcfc;
    padding: 1px 0px;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
}


.KLayout a {
    text-decoration: none;
    color: #2980b9;
    outline: none;
}

.KLayout section {
    /*
    background-color: #eff0f1;
    border-top: solid 1px #fcfcfc;
    border-bottom: solid 1px #fcfcfc;
    */
    background-color: #fcfcfc;
    padding: 0px;
    margin: 20px 0px;
}

.KLayout section > img {
    display: block;
    max-width: 100%;
    margin: 10px auto;
}

.KLayout section img.splashImage {
    display: block;
    max-width: 100%;
    margin: 10px auto;
    padding: 0px 20px;
    box-sizing: border-box;
}




.KLayout section article {
    width: 100%;
    display: block;
    max-width: 1000px;
    margin: 0px auto;
    background-color: #fcfcfc;
    border-left: solid 3px rgba(0,0,0,.05);
    border-right: solid 3px rgba(0,0,0,.05);
    box-sizing: border-box;
    padding: 20px;
}


.KLayout section article h1 {
    font-size: 40px;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
    margin: 20px auto;
    color: #4d4d4d;
}

.KLayout section article h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    margin: 20px auto;
    color: #4d4d4d;
}

.KLayout section article h3 {
    font-size: 24px;
    font-weight: normal;
    line-height: 120%;
    text-align: center;
    margin: 20px auto;
    color: #4d4d4d;
}

.KLayout section article * + h1,
.KLayout section article *:not(h1) + h2,
.KLayout section article *:not(h1):not(h2) + h3,
.KLayout section article *:not(h1):not(h2):not(h3) + h4,
.KLayout section article *:not(h1):not(h2):not(h3):not(h4) + h5 {
    margin-top: 40px;
}

.KLayout sup.tag {
    background-color: #eff0f1;
    color: #4d4d4d;
    padding: 0px 4px;
    border-radius: 3px;
    border: solid 1px rgba(0,0,0,.1);
    line-height: 100%;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
    position: relative;
    top: -.2em;
    margin-left: 2px;
}

.KLayout section article > * {
    display: block;
    box-sizing: border-box;
    margin: 10px auto;
    max-width: 600px;
    text-align: left;
    line-height: 160%;
}

.KLayout section article > small {
    background-color: #eff0f1;
    color: #95a5a6;
    font-size: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    border: solid 1px rgba(0,0,0,.1);
    line-height: 150%;
}

.KLayout section article > aside {
    background-color: #3daefd;
    color: #fafafa;
    padding: 5px 10px;
    border-radius: 3px;
    border: solid 1px rgba(0,0,0,.1);
    line-height: 150%;
}

.KLayout section article {
    line-height: 180%;
}

.KLayout section article nav a {
    display: inline;
    line-height: 120%;
}

.KLayout section article nav a:hover {
    text-decoration: underline;
}

.KLayout section article nav a:after {
    position: relative;
    content: ">";
    font-family: "glyph";
    vertical-align: baseline;
    top: .1em;
    padding-left: 10px;
    display: inline-block;
    text-decoration: none !important;
}

.KLayout section article nav a + a {
    margin-top: .6em;
}

.KLayout section article nav a + a:before {
    content: "\a";
    white-space: pre-wrap;
}

.KLayout section + section {
    margin-top: 20px;
}


.KLayout section.heroDisplay {
    text-shadow: 0px 0px 10px rgba(0,0,0,.6);
}

.KLayout section.heroDisplay p {
    font-size: 150%;
    line-height: 150%;
    text-align: center;
}


.KLayout section.heroDisplay article {
    border-left: none;
    border-right: none;
    background-color: transparent;
    max-width: 800px;
    padding: 100px 40px;
    margin: 0px auto;
    color: #FFF;
}


.KLayout section.heroDisplay h1 {
    font-size: 50px;
    font-weight: normal;
    line-height: 100%;
    margin: 20px auto;
    padding: 0px;
    text-align: center;
    color: #FFF;
}

.KLayout .multicolumn-2 {
    padding: 0px;
}

.KLayout .multicolumn-2 > * {
    width: 50%;
    float: left;
    padding: 20px;
    box-sizing: border-box;
    margin: 0px;
}

.KLayout .multicolumn-2:after {
    display: block;
    position: static;
    content: "";
    clear: both;
    width: 100%;
    height: 1px;
}

.KLayout .multicolumn-2 > :nth-child(2) {
    border-left: solid 3px rgba(0,0,0,.05);
}


.KLayout figure.code {
    position: relative;
    margin: 0px;
    background-color: #4d4d4d;
    padding: 10px 10px 10px 60px;
    border-radius: 3px;
    border: solid 1px rgba(0,0,0,.2);
    color: #fcfcfc;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    box-sizing: border-box;
}


.KLayout figure.code:before {
    content: "#";
    font-family: "glyph";
    font-size: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
}

body {
    padding: 0px;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #31363b;
}

header {
    position: relative;
}

header > * {
    padding: 0px !important;
    margin: 0px auto !important;
}

p {
    margin: 0px;
    margin-bottom: 1em;
    max-width: 900px;
}

p + p {
    margin-top: 5px;
}

a {
    text-decoration: none !important;
    color: #3b85b5;
}

a:hover {
    color: #3daefd;
}

main h1 {
    display: block;
    font-size: 32px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}

main h2 {
    font-size: 22px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}

main h3 {
    font-size: 20px;
    font-weight: normal;
    margin-top: 20px;
    margin-bottom: 10px;
}

main h4 {
    font-size: 18px;
    font-weight: normal;
    color: #536161;
    margin: 0px;
    margin-top: 20px;
}

main h5 {
    font-size: 16px;
    font-weight: normal;
    color: #536161;
    margin: 0px;
    margin-top: 15px;
}

main h6 {
    font-size: 15px;
    font-weight: normal;
    color: #536161;
    margin: 0px;
    margin-top: 10px;
}

.learn-more:after {
    content: ">";
    font-family: "glyph";
    font-size: 80%;
    font-weight: bold !important;
    vertical-align: middle;
    padding-left: 1em;
}

.learn-more {
    display: inline-block;
}

a.button {
    position: relative;
    display: inline-block;
    background-color: #ef473d;
    color: #fcfcfc;
    padding: 5px 10px;
    border-radius: 2px;
    border: solid 1px rgba(0,0,0,.1);
    transition: background-color .2s;
}

a.button:hover {
    background-color: #7cbcec;
}

a.button.expand {
    display: block;
    padding-right: 20px;
}

a.button:after {
    color: #fcfcfc
}

a.button.expand:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -.8ex;
}

@media (max-width: 768px) {
    a.button {
        display: block;
        padding-right: 20px;
    }
    
    a.button:after {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -.8ex;
    }

}

main section {
    margin-top: 40px;
}



#kFooter section {
    padding-top: 10px;
    padding-bottom: 10px;
}

#kSocial {

    border-top: solid 1px #cfd5d5;

}

#kPatrons h3, #kLinks h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}



#kPatrons a, #kPatrons span {
    text-align: center;
    padding: 0px 20px;
    display: block;
    
    min-width: 200px;
}


#kPatrons img {
    width: 100%;
    max-width: 300px;
}

#kLinks {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
}

#kLinks a {
    display: inline;
}

/*
#kLinks nav {
    max-width: 200px;
}
*/

#kLinks a:after { content: ' '; display: block; } 

#donateAmountField, #donateSubmit, #kMetaStore .button {
    border: solid 1px rgba(0,0,0,.2);
    background-color: #FAFAFA;
    padding: 5px 10px;
    border-radius: 2px;
    background-clip: padding-box;
    position: relative;
    color: #333;
}

#donateSubmit, #kMetaStore .button {
    cursor: pointer;
}

#donateAmountField:focus, #kMetaStore .button:focus {
    border-color: #7cbcec;
    background-color: #FFF;
}

#donateSubmit:hover,  #kMetaStore .button:hover {
    background-color: #FFF;
}

#donateSubmit:active,  #kMetaStore .button:active {
    background-color: #EEE;
    top: 1px;
}

/*
#kLegal small {
min-width: 300px;
}
*/

#kLegal {
    color: #6f8181;
}

footer {
    background-color: #EFF1F1;
    position: relative;
    padding-top: 2px;
    font-size: 12px;
}


#headerCarousel {
    margin-bottom: 20px;
    height: 700px;
}


@media (max-width: 1700px) {
    #headerCarousel {
        height: 600px;
    }
}

@media (max-width: 1140px) {
    #headerCarousel {
        height: 500px;
    }
}

@media (max-width: 800px) {
    #headerCarousel {
        height: 400px;
    }
}


#headerCarousel .carousel-inner {
    width: 100%;
    height: 100%;
}

#headerCarousel .carousel-item.dark-text {
    color: #333; 
    text-shadow: none;
}


#headerCarousel .carousel-item {
    color: #EEE; 
    text-shadow: 0px 1px 2px rgba(0,0,0,.6);
    
    top: 0px !important;

    width: 100%;
    height: 100%;
    
    padding: 40px 50px;
}

#headerCarousel .carousel-item > h1 {
    margin: 10px auto;
    text-align: center;
    display: block;
}

#headerCarousel .carousel-item .alignBottom {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 40px 50px;
    text-align: center;
}

#headerCarousel .carousel-control-prev, #headerCarousel .carousel-control-next {
    top: 50%;
    width: 30px;
    height: 100px;
    margin-top: -50px;
    
    background-color: #FAFAFA;
    opacity: 1;
    
    font-family: "glyph";
    
    color: #333;
    padding: 0px;
    transition: width .2s;
}

#headerCarousel .carousel-control-prev:hover, #headerCarousel .carousel-control-next:hover {
    width: 50px;
}

#headerCarousel .carousel-control-prev:before {
    content: "<";
    width: 100%;
    text-align: center;
}

#headerCarousel .carousel-control-next:before {
    content: ">";
    width: 100%;
    text-align: center;
}

#headerCarousel .carousel-control-prev {
    border-right: solid 2px #3daefd;
}

#headerCarousel .carousel-control-next {
    border-left: solid 2px #3daefd;
}


#kSocial {
    text-align: right;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

#kSocial a {
    padding: 0px 20px;
    text-indent: -9999px;
    text-align: left;
}

#kSocial a:after {
    text-align: center;
}

#kFooterIncome {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    background-color: #abf9c7;
    border: solid 1px #7ceca4;
    border-radius: 2px;
    margin-top: 10px;
    padding: 0px !important;
}

#kDonateForm, #kMetaStore {
    padding: 20px;
    margin: 0px;
    width: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#kDonateForm {
    border-right: solid 1px #7ceca4;
}

#kFooterIncome .center {
    text-align: center;
    width: 100%;
}

#kMetaStore .button {
    width: auto !important;
    display: inline-block !important;
}

@media (max-width: 768px) {
    #kFooterIncome {
        flex-direction: column;
    }
    #kDonateForm, #kMetaStore {
        width: 100%;
    }
    
    #kDonateForm {
        border-right: none;
        border-bottom: solid 1px #7ceca4;
    }
}

#kFooterIncome h3 {
    font-size: 14px;
    color: #377d50;
    padding: 0px 0px 10px;
    margin: 0px;
}

#kFooterIncome h3 a {
    font-weight: normal;
    margin-left: 20px;
}
#kDonateForm h3 a:before {
    content: "( ";
    color: #377d50;
}
#kDonateForm h3 a:after {
    content: " )";
    color: #377d50;
}

#kFooterIncome p {
    margin-bottom: 10px;
}

header:after {
    bottom: 0px;
    background-color: #ef473d;
}

footer:before
 {
    top: 0px;
    background-color: #ef473d;
}

header:after, footer:before {
    content: "";
    display: block !important;
    background-size: 100% 5px;
    position: absolute;
    height: 5px;
    width: 100%;
    left: 0px;
}

#cookieWarning {
    display:none;
    border-top: solid 1px #ffc169;
    background-color: #ffdaa5;
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px 20px;
    z-index: 999;
    color: #884d2c;
}


#cookieWarning button {
    float: right;
    border: solid 1px #ffc169;
    border-radius: 2px;
    background-color: #fff3e1;
    color: #884d2c;
    padding: 10px 20px;
}

@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


html, body, input {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #31363b;
}

html, body {
    padding: 0px;
    margin: 0px;
    background-color: #FCFCFC;
}

body.headerCoverHero {
    padding-top: 50px;
}

main {
    padding: 0px;
}

a {
    text-decoration: none !important;
    color: #1D99F3;
}

a:visited {
    color: #2980b9;
}

h1,h2,h3,h4,h5,p {
    margin: 0px;
}

h1 {
    font-size: 42px;
    font-weight: 300;
    color: #7f8c8d;
    color: #4D4D4D;
}

h2 {
    font-size: 26px;
    font-weight: 300;
    color: #4D4D4D;
}

h3 {
    font-size: 20px;
    font-weight: 300;
    color: #4D4D4D;
}

#pageHeader {
    position: fixed;
    z-index: 9999;
    margin: 0px 0px -1px;
    padding-top: 50px;
    border-bottom: solid 3px rgba(0,0,0,.1);
    background-clip: padding-box;
}


#pageHeader:before {
    content: "";
    background-color: #FCFCFC;
    height: 50px;
    top: 0px;
    width: 100%;
    position: absolute;
    z-index: 0;
}


body.headerCoverHero #pageHeader {
    /*position: absolute;*/
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 2000;
}

#pageHeader nav {
    z-index: 1;
}

#headerLogo {
    text-indent: -999px;
    color: #31363b;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 0px;
}

#headerLogo:before {
    font-family: "glyph";
    content: "K";
    line-height: 50px;
    font-size: 32px;
    text-indent: 0px;
    width: 80px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
}

.headerNav .rootNav > li {
    display: inline-block;
    position: relative;
    padding: 0px;
    width: 150px;
    text-align: center;
    line-height: 50px;
    color: #31363B;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    cursor: pointer;
}

#headerStaticNav.headerNav .rootNav {
    left: 80px;
}

#siteNavigation {
    background-color: rgba(252,252,252,.95);
    /*background-color: rgba(239,240,241,.95);*/
}

#siteNavigation h1 {
    padding: 5px 20px;
    font-size: 20px;
    color: #192629;
}


#pageFooter {
    position: relative;
    z-index: 2000;
    background-color: #31363b;
}


.headerNav ul.rootNav {
    position: relative;
    left: 0px;
    margin: 0px;
    padding: 0px;
}

.headerNav li {
    vertical-align: top;
}

.headerNav .rootNav >  li:after {
    font-family: "glyph";
    font-weight: 400;
    content: "v";
    margin-left: 10px;
    position: relative;
    display: inline-block;
    top: .1ex;
    transition: all .2s;
}

.headerNav .rootNav > li:before {
    content: "";
    position: absolute;
    top: 48px;
    left: 20px;
    right: 20px;
    height: 2px;
    background-color: transparent;
    transition: all .2s;
}

.headerNav .rootNav > li:hover:before {
    background-color: #1d99f3;
    transition: all .4s;
    left: 0px;
    right: 0px;
}

.headerNav .rootNav >  li:hover:after {
    transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
}

.headerNav .rootNav > li {
    padding-bottom: 0px;
    transition: padding-bottom 0s .4s;
}

.headerNav .rootNav > li:hover {
    padding-bottom: 10px;
    transition: padding-bottom 0s;
    z-index: 2;
}

.headerNav .rootNav > li:hover .popout {
  visibility: visible;
    opacity: 1;
    top: 100%;
    transition: visibility 0s 0s, opacity .4s, top .4s;
}

.headerNav .popout {
    visibility: hidden;
    display: block;
    position: absolute;
    cursor: default;
    opacity: 0;
    top: 80%;
    left: -180px;
    width: 500px;
    line-height: 100%;
    min-height: 200px;
    background-color: #FCFCFC;
    border-radius: 3px;
    border: solid 1px rgba(0,0,0,.2);
    background-clip: padding-box;
    box-shadow: 0px 2px 10px rgba(0,0,0,.2);
    transition: visibility 0s .2s, opacity .1s .1s, top .1s .1s;
}

.headerNav .rootNav>li:nth-child(1) .popout {
    left: -70px;
}


.headerNav .popout:before {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: 100%;
    left: 239px;
    border-top: 0;
    border-left: solid 11px rgba(0,0,0,0);
    border-right: solid 11px rgba(0,0,0,0);
    border-bottom: solid 11px rgba(0,0,0,.2);
    -moz-transform: scale(.9999)
}


.headerNav .popout:after {
    content: "";
    display: block;
    position: absolute;
    width: 0px;
    height: 0px;
    bottom: 100%;
    left: 240px;
    border-top: 0;
    border-left: solid 10px rgba(255,255,255,0);
    border-right: solid 10px rgba(255,255,255,0);
    border-bottom: solid 10px rgba(255,255,255,1);
    -moz-transform: scale(.9999)
}

.headerNav .rootNav>li:nth-child(1) .popout:before {
    left: 130px;
}

.headerNav .rootNav>li:nth-child(1) .popout:after {
    left: 131px;
}


.headerNav nav a {
    display: block;
}


#headerDynamicNav .popout {
    left: auto;
    right: 0px;
}

#headerStaticNav {
    position: absolute;
    top: 0px;
    left: 0px;
}

#searchMenu:after{
    display: none;
}

#headerStaticNav .donate:hover:before {
    background-color: #f67400 !important;
}

#headerStaticNav .donate {
    color: #f67400;
    font-weight: bold;
}

#headerDynamicNav {
    position: absolute;
    top: 0px;
    right: 10px;
}

#searchMenu {
    width: 80px;
}

#headerSearchMenu {
    display: block;
    text-indent: -9999px;
    width: 40px;
}


#headerSearchMenu:before {
    font-family: "glyph";
    content: "Q";
    color: #31363B;
    line-height: 50px;
    font-size: 16px;
    text-indent: 0px;
    width: 80px;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 0px;
}


#searchMenu .popout:before {
    left: auto;
    right: 30px;
}

#searchMenu .popout:after {
    left: auto;
    right: 31px;
}

#headerSearchMenu section {
    display: none;
}

.throbber {
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
}

.throbber:before {
    font-family: "glyph";
    font-weight: 400 !important;
    content: "%";
    color: #4d4d4d;
    position: absolute;
    text-align: center;
    text-indent: 0;
    display: block;
    line-height: 50px;
    width: 50px;
    height: 50px;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    font-size: 32px;
    animation: rotating 1.5s linear infinite;
}


main article {
    border-left: solid 1px rgba(0,0,0,.1);
    border-right: solid 1px rgba(0,0,0,.1);
}

@media (max-width:1000px) {
    #headerLogo {
        width: 100%;
        top: -50px;
    /*
    font-family: "glyph";
    content: "K";
    line-height: 50px;
    font-size: 32px;
    text-indent: 0px;
    width: 80px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    */
    }
    #headerLogo:before {
        left: 50%;
        margin-left: -16px;
        width: 32px;
        position: absolute;

    }

    #headerDynamicNav {
        top: -50px;
    }

    #headerLogo:after {
        font-family: "glyph";
        content: "=";
        line-height: 50px;
        font-size: 16px;
        text-indent: 0px;
        width: 56px;
        text-align: center;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    #headerStaticNav {
        right: 0px;
        top: -50px;
        position: relative;
    }

    #headerStaticNav .rootNav {
        /*display: none;*/
        display: block;
        position: static;
        margin-top: 50px;
    }

    #headerStaticNav .rootNav li {
        display: block;
    }



    #headerStaticNav .popout {
        display: none;
        position: relative;
    }

    #headerStaticNav li:hover .popout {
        display: block;
    }
}
@font-face {
  font-family: 'glyph';
  src:  url('glyph/glyph.eot?5ea9rb');
  src:  url('glyph/glyph.eot?5ea9rb#iefix') format('embedded-opentype'),
    url('glyph/glyph.ttf?5ea9rb') format('truetype'),
    url('glyph/glyph.woff?5ea9rb') format('woff'),
    url('glyph/glyph.svg?5ea9rb#glyph') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="glyph-"], [class*=" glyph-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'glyph' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyph-share-mastodon:before {
  content: "\6d";
}
.glyph-share-diaspora:before {
  content: "\2a";
}
.glyph-go-previous:before {
  content: "\3c";
}
.glyph-hamburger:before {
  content: "\3d";
}
.glyph-go-next:before {
  content: "\3e";
}
.glyph-share-facebook:before {
  content: "\46";
}
.glyph-share-gplus:before {
  content: "\47";
}
.glyph-go-home:before {
  content: "\48";
}
.glyph-info:before {
  content: "\49";
}
.glyph-logo-kde:before {
  content: "\4b";
}
.glyph-logo-plasmamobile:before {
  content: "\4d";
}
.glyph-logo-plasma:before {
  content: "\50";
}
.glyph-search:before {
  content: "\51";
}
.glyph-share-reddit:before {
  content: "\52";
}
.glyph-settings:before {
  content: "\53";
}
.glyph-share-twitter:before {
  content: "\54";
}
.glyph-video:before {
  content: "\56";
}
.glyph-window-new:before {
  content: "\57";
}
.glyph-close:before {
  content: "\58";
}
.glyph-share-ycombinator:before {
  content: "\59";
}
.glyph-cancel:before {
  content: "\5c";
}
.glyph-go-up:before {
  content: "\5e";
}
.glyph-check:before {
  content: "\63";
}
.glyph-link:before {
  content: "\6c";
}
.glyph-share:before {
  content: "\73";
}
.glyph-go-down:before {
  content: "\76";
}
.glyph-new-window:before {
  content: "\77";
}
.glyph-clear:before {
  content: "\78";
}
.glyph-share-telegram:before {
  content: "\2197";
}
.glyph-favorite:before {
  content: "\e900";
}
.glyph-view-catalog:before {
  content: "\e908";
}
.glyph-view-categories:before {
  content: "\e909";
}
.glyph-view-fullscreen:before {
  content: "\e90a";
}
.glyph-view-list-details:before {
  content: "\e90b";
}
.glyph-view-list-icons:before {
  content: "\e90c";
}
.glyph-view-list-text:before {
  content: "\e90d";
}
.glyph-view-list-tree:before {
  content: "\e90e";
}
.glyph-view-media-playlist:before {
  content: "\e90f";
}
.glyph-linkedin:before {
  content: "\eac9";
}
#KGlobalFooter {
    background-color: #eff0f1;
    color: #7f8c8d;
}

#KGlobalFooter a {
    text-decoration: none;
    color: #2980b9;
}


#KGlobalFooter section {
    width: 100%;
    max-width: 1040px;
    margin: 0px auto;
    padding: 0 20px;
    box-sizing: border-box;
}


#KGlobalFooter #KSiteFooterLinks {
    width: 100%;
    max-width: 1040px;
    margin: 0px auto;
    padding: 30px 20px 30px 0px;
}


#KGlobalFooter #KSiteFooterLinks:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
}


#KGlobalFooter #KSiteFooterLinks nav h1 {
    font-size: 14px;
    color: #95a5a6;
    margin: 0px 0px 10px 0px;
    font-weight: bold;
}


/*
#KGlobalFooter #KSiteFooterLinks nav {
    width: 20%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 12px;
    padding: 10px 0px 10px 20px;
}
*/

#KGlobalFooter #KSiteFooterLinks nav a {
    display: block;
    line-height: 150%;
}


#KGlobalFooter #KSiteFooterLinks nav a:after {
    color: #7f8c8d;
    position: relative;
    content: ">";
    font-family: "glyph";
    vertical-align: baseline;
    top: .1em;
    padding-left: 10px;
}


#KGlobalContributorLinks {
    max-width: 100% !important;
    background-color: rgba(0,0,0,.05);
}


#KGlobalContributorLinks nav {
    max-width: 1000px;
    padding: 0px;
    line-height: 50px;
    margin: 0px auto;
    font-size: 14px;
    width: 100%;
}


#KGlobalLegalInfo {
    padding: 20px 20px !important;
}


#KGlobalLegalInfo small {
    font-size: 12px;
}


#KGlobalLegalInfo small + small:before {
    content: " | ";
    color: #bdc3c7;
    margin: 0px 10px;
}


#KGlobalLegalInfo figure {
    padding: 0px;
    margin: 0px;
    display: inline-block;
}


@media (max-width: 999px) {
    #KGlobalFooter #KSiteFooterLinks nav { width: 25%; }
}


@media (max-width: 800px) {
    #KGlobalFooter #KSiteFooterLinks nav { width: 50%; }
}

@media (max-width: 500px) {
    #KGlobalFooter #KSiteFooterLinks nav { width: 100%; }
}

    transition: visibility 0s 0s, opacity .4s, top .4s;
}

.KDevSiteStyle #KGlobalHeader,
.KProSiteStyle #KGlobalHeader {
    color: #fcfcfc;
}

.KDevSiteStyle #KGlobalHeader:before {
    background-color: #2980b9;
}
.KProSiteStyle #KGlobalHeader:before {
    background-color: #192629;
}

.KProSiteStyle #KGlobalLogo a:before {
    color: #bdc3c7;
}

.KDevSiteStyle #KGlobalLogo a:before {
    color: #fcfcfc;
}

.KDevSiteStyle #KGlobalStaticNavigation a,
.KProSiteStyle #KGlobalStaticNavigation a {
    color: #fcfcfc;
}

.KProSiteStyle #KGlobalStaticNavigation li:after {
    color: #4d4d4d
}


.KLayout .overlay,
.KLayout.overlay {
    margin-top: -1px !important;
}




.carousel-indicators li {
    width: 60px !important;
    border-radius: 1px;
}

.carousel-control-prev, .carousel-control-next {
    top: 50%;
    height: 100px;
    width: 50px;
    margin-top: -50px;
    background-color: #FFF;
    position: absolute;
}

.carousel-control-prev {
    left: 0px;
}

.carousel-control-next {
    right: 0px;
}



#KGlobalStaticNavigation section .KDisplayPane a {
    color: #2980b9;
}

#KGlobalStaticNavigation h2 {
    text-align: center;
    padding: 20px 20px 0px;
    margin: 0px;
    font-weight: normal;
}

#KGlobalStaticNavigation .KProductPane nav {
    border-right: solid 1px rgba(0,0,0,.05);
    background-color: transparent;
    min-height: 180px;
}

#KGlobalStaticNavigation .KProductPane nav a {
    line-height: 120%;
    display: block;
    font-size: 14px;
}


#KGlobalStaticNavigation .KProductsPreview {
    display: block;
    padding: 20px 220px 20px 0px;
    background-image: url(local://media/plasma-allinone.png);
    background-size: 200px 180px;
    background-repeat: no-repeat;
    background-position:  right center;

}

#KGlobalStaticNavigation .KCommunityPane h2 {
    background-image: url(local://media/community-konqis.png);
    padding-bottom: 140px;
    background-size: 400px 140px;
    background-repeat: no-repeat;
    background-position:  center bottom;
}

#KGlobalStaticNavigation .KDeveloperPane {
    color: #fafafa;
    background-image: url(local://media/develop-app.png);
    padding: 20px 140px 20px 0px;
    background-size: 400px 200px;
    background-repeat: no-repeat;
    background-position:  center bottom;
    min-height: 200px;
    box-sizing: border-box;
}

#KGlobalStaticNavigation .KDeveloperPane h2 {
    text-align: left;
    padding: 0px 0px 0px 20px;
}

#KGlobalStaticNavigation .KDeveloperPane small {
    display: block;
    padding: 10px 40px 10px 20px;
    font-size: 14px;
    line-height: 140%;
}

#KGlobalStaticNavigation .KDeveloperPane a {
    color: #3daefd !important;
    padding: 5px 5px 5px 20px;
    font-size: 14px;
}

#KGlobalStaticNavigation .KDeveloperPane a:hover {
    color: #fafafa !important;
}




#KGlobalStaticNavigation .KDonatePane {
    background-image: url(local://media/donate-join.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

#KGlobalStaticNavigation .KDonatePane h2 {
    color: #fafafa;
}

#KGlobalStaticNavigation .KDonatePane h4 {
    color: #fafafa;
    font-size: 14px;
    margin: 2px 20px 70px 20px;
    text-align: center;
    font-weight: normal;
}

.mw-jump, #jump-to-nav {
    display: none;
    height: 0;
}

.card {
    padding: 7px;
}

.list-header {
    font-size: 18px;
}

.list-header:not(:first-child) {
    border-top: 1px solid rgba(0,0,0,.125);
    padding-top: 6px;
    margin-top: 5px;
}

.wikitable {
    border: 1px solid #dee2e6;
    border-collapse: collapse;
}

.wikitable thead td, .wikitable thead th {
    border-bottom-width: 2px;
}

.wikitable thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.wikitable td, .wikitable th {
    border: 1px solid #dee2e6;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #eff0f1;
}

@media not print {
    .printfooter {
        display: none;
    }
}

#mw-normal-catlinks {
    margin-top: 7px;
}
#mw-normal-catlinks ul {
    display: inline-block;
    padding-left: 0;
}

#mw-normal-catlinks ul li {
    list-style: none;
    display: inline-block;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 0;
}

textarea {
    color: #31363b;
    background-color: #fff;
}

pre, .editOptions {
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 4px;
    padding: 4px;
}

.editOptions {
    margin-top: 10px;
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.floatleft {
    float: left !important;
}

table {
    border-spacing: 0;
}

.alert table tbody th {
    text-align: center !important;
}

.center .floatnone {
    text-align: center;
}

div.tright, div.floatright, table.floatright {
    clear: right;
    float: right;
}

.tright .thumbinner, .floatright a {
    margin-left: 8px !important;
}

.page-info {
    float: right;
    font-style: italic;
    color: #888;
}

.alert {
    margin-top: 10px;
}

.mw-editsection {
    margin-left: 5px;
    font-size: small;
}

#mw-content-text .image,
#mw-content-text img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

.mw-enhanced-rc td:nth-child(3) {
    width: 99px;
}
.mw-enhanced-rc td:nth-child(1) {
    width: 15px;
}

select {
    background-color: white;
}

.mw-languages-dropdown {
    padding-left: 5px;
    cursor: pointer;
    font-weight: bold;
}

.mw-pt-languages-label::after {
    content: "";
    background: transparent no-repeat scroll left center;
    background-image: url(/extensions/UniversalLanguageSelector/lib/jquery.uls/images/language.png?85750);
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22%3E %3Cpath d=%22M20 18h-1.44a.61.61 0 0 1-.4-.12.81.81 0 0 1-.23-.31L17 15h-5l-1 2.54a.77.77 0 0 1-.22.3.59.59 0 0 1-.4.14H9l4.55-11.47h1.89zm-3.53-4.31L14.89 9.5a11.62 11.62 0 0 1-.39-1.24q-.09.37-.19.69l-.19.56-1.58 4.19zm-6.3-1.58a13.43 13.43 0 0 1-2.91-1.41 11.46 11.46 0 0 0 2.81-5.37H12V4H7.31a4 4 0 0 0-.2-.56C6.87 2.79 6.6 2 6.6 2l-1.47.5s.4.89.6 1.5H0v1.33h2.15A11.23 11.23 0 0 0 5 10.7a17.19 17.19 0 0 1-5 2.1q.56.82.87 1.38a23.28 23.28 0 0 0 5.22-2.51 15.64 15.64 0 0 0 3.56 1.77zM3.63 5.33h4.91a8.11 8.11 0 0 1-2.45 4.45 9.11 9.11 0 0 1-2.46-4.45z%22 fill=%22%2354595d%22/%3E %3C/svg%3E");
    background-size: contain;
    padding-left: 24px;
}

.mw-languages-dropdown::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.grid .row .row.tux-message,
.tux-textarea-translation,
.grid .row .row.tux-message-item-compact {
    width: 100%;
    display: block;
}

.row.uls-search {
    display: inline-block;
}

.uls-lcd-region-section {
    display: block;
    width: 100%;
}

.tux-message-filter-result .button {
    display: none !important;
}

.center .floatnone {
    text-align: center;
}


.menuchoice, .pager li,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    color: #232627;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
    background-image: linear-gradient(to bottom, #eff0f1, #e9eaeb);
    position: relative;
    display: inline-block;
    padding: 2px 5px;
    border-radius: 2px;
    border: solid 1px rgba(0,0,0,.1);
    transition: background-image .2s;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
    padding: 5px 10px;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active {
    background: #3daee9;
    background-image: none;
}

.keycap {
    color: #000000;
    background-color: #e1e1e1;
    text-shadow: none;
    padding: 2px 5px;
}


code {
    background-color: lemonchiffon;
    padding: 2px 4px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

table.vertical-centered td {
    padding: 8px;
}

table:not(.mw-changeslist-line) td:first-child {
    padding-left: 0;
    min-width: 48px;
}

.pager {
    text-align: center;
}

.pager li {
    display: inline-block;
    list-style: none;
    padding: 5px 10px;
}

.pager li a {
    color: #232627;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.pager li:hover {
    box-shadow: 1px 1px 0px 0px rgba(147, 206, 233, 0.2);
    border: solid 1px rgba(147, 206, 233, 0.6);
}

.thumb .thumbinner, .center .floatnone img {
    margin-bottom: 10px;
    padding: 4px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.center .thumbinner, .tablecenter {
    margin-left: auto;
    margin-right: auto;
}

.tleft .thumbinner, .floatleft a {
    margin-right: 20px !important;
    margin-top: 4px;
}

div.tleft, div.floatleft, table.floatleft {
    float: left;
    clear: left;
}

.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd {
    margin-left: 1.6em;
    margin-right: 0;
}

dl, ol, ul {
    margin-bottom: 0;
}

@media print {
    .noprint, .mw-editsection {
        display: none;
    }
}

.oo-ui-panelLayout-framed {
    border-radius: 4px;
}

.alert .alert-heading {
    font-size: 16px;
    font-weight: bold;
}

.alert.d-flex .floatleft img {
    min-width: 40px;
}

#pt-uls a.uls-trigger {
    padding-left: 25px;
}

.pre-input {
    background-color:lemonchiffon;
}

.form-inline .form-control {
    width: 200px;
}

a.new {
    color: rgb(218,68,83);
}

.thumbinner {
    max-width: 100%;
}

.mw-plusminus-pos {
    color: #27ae60;
}

@media (max-width: 768px) {
    #kHeaderNav .navbar-collapse .navbar-nav .nav-item a {
        width: 100%;
    }
    #kHeaderNav #searchInput {
        width: 100%;
        margin-top: 7px;
        margin-right: 20px;
        margin-bottom: 10px;
        margin-left: 20px;
    }
}

main.container.main {
    margin-bottom: .5rem;
}

html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
main.container.main {
    flex: 1 0 auto;
}
footer {
    flex-shrink: 0;
}

/*
@media (prefers-color-scheme: dark) {
    .statstable > * > tr > td,
    html, body, .mw-pt-languages, .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact, .uls-language-block > ul > li:hover, .ext-translate-container .tux-messagelist .tux-message-pagemode {
        background-color: #232629 !important;
        color: #eff0f1;
    }
    #kHeaderNav .navbar-collapse a, pre, .tux-messagelist .tux-message-pagemode .tux-pagemode-source, .tux-messagelist .tux-message-pagemode .tux-pagemode-translation, .tux-editor-header, .tux-statsbar-info, .ext-translate-language-selector-label, .contributionscores-title {
        color: #eff0f1 !important;
    }
    .diff-context,
    #pagehistory li.selected,
    .statstable > * > tr > th,
    .mw-highlight,
    .lqt-post-wrapper .lqt_post_new_message,
    .mw-pt-languages-label, .card, footer, .lqt-post-wrapper, .ext-translate-container .tux-messagelist .tux-message-pagemode .tux-message-item-compact:hover, .uls-menu, .uls-search, .uls-lcd, .uls-languagefilter, .tux-action-bar, .contributionscores .header, table.wikitable > tr > th, table.wikitable > * > tr > th, .form-control, .form-control::placeholder {
        color: #eff0f1 !important;
        background-color: #31363b !important;
        background: #31363b !important;
    }
    a {
        color: #5daee9;
    }
    a:hover {
        color: #7daee9;
    }
    .statstable > * > tr > td:nth-child(6)[data-sort-value="0.00000"],
    h1, h2, h3, h4, h5, h6, #kLegal, .lqt-thread-toolbar-timestamp, .lqt-thread-actions-icon, .page-info, .tux-breadcrumb, .tux-message-selector li a{
        color: #bdc3c7 !important;
    }
    #kFooterIncome, #kFooterIncome h3 {
        color: #334545 !important;
    }
    .form-control {
        border: 1px solid #31363b;
    }

    .diff-addedline .diffchange,
    .diff-deletedline .diffchange {
        color: black;
    }

    pre.pre-input {
        background-color: #bdc3c7;
        color: black !important;
    }

    .alert-warning {
        border-color: #f67400;
        color: #eff0f1;
        background-color: rgba(246,116,0,0.2);
    }

    .alert-error {
        border-color: rgb(218,68,83);
        color: #eff0f1;
        background-color: rgba(218,68,83,0.2);
    }

    .alert-success {
        background-color: #2f4e42;
        color: #eff0f1;
        border-color: #27ae60;
    }

    .alert-info {
        background-color: rgba(61,174,233, 0.2);
        color: #eff0f1;
        border-color: rgb(61,174,233);
    }

    .icon-dark-invert img,
    .alert-success img,
    .mw-pt-languages-label::after {
        filter: invert(1);
    }

    .mono-icon img {
        background-color: white;
    }
}
*/

@media (min-width: 768px) {
#kde-navbar, #kde-navbar .navbar-nav, #kde-navbar .nav-item {
    display: flex !important;
    flex: 1 1 0;
    min-width: 0;
}
}

#kde-navbar .nav-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toc, .catlinks .mw-normal-catlinks {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: 10px;
    margin-top: 15px;
}

.toc h2 {
    margin: 0;
    display: inline-block;
}

.toc ul {
    list-style-type: none;
    padding: 1px;
    margin-top: 5px;
}

.toc ul .tocnumber {
    color: #31363b;
}

#searchInput {
    margin-bottom: 5px;
    margin-left: 5px;
}

header,
#kHeaderNav .show
{
    background-color: #232629 !important;
    color: #eff0f1;
}

header .navbar-collapse a,
header .navbar-toggler:before
{
    color: #eff0f1 !important;
}

header .navbar-collapse a:hover {
    background-color: #ef473d;
}

header .form-control
{
    border: 1px solid #31363b;
}

footer,
header .form-control
{
    color: #eff0f1 !important;
    background-color: #31363b !important;
    background: #31363b !important;
}

footer h3
{
    color: #bdc3c7 !important;
}

footer #kLegal a {
    color: #6f8181 !important;
}

footer #kLinks a:visited {
    color: #1D99F3;
}