/*!
* CleanSlate
*   github.com/premasagar/cleanslate
*
*//*
    An extreme CSS reset stylesheet, for normalising the styling of a container element and its children.

    by Premasagar Rose
        dharmafly.com

    license
        opensource.org/licenses/mit-license.php

    **

    v0.9.2

*/

/* == BLANKET RESET RULES == */

/* HTML 4.01 */
.kn-widget-main, .kn-widget-main h1, .kn-widget-main h2, .kn-widget-main h3, .kn-widget-main h4, .kn-widget-main h5, .kn-widget-main h6, .kn-widget-main p, .kn-widget-main td, .kn-widget-main dl, .kn-widget-main tr, .kn-widget-main dt, .kn-widget-main ol, .kn-widget-main form, .kn-widget-main select, .kn-widget-main option, .kn-widget-main pre, .kn-widget-main div, .kn-widget-main table,  .kn-widget-main th, .kn-widget-main tbody, .kn-widget-main tfoot, .kn-widget-main caption, .kn-widget-main thead, .kn-widget-main ul, .kn-widget-main li, .kn-widget-main address, .kn-widget-main blockquote, .kn-widget-main dd, .kn-widget-main fieldset, .kn-widget-main li, .kn-widget-main iframe, .kn-widget-main strong, .kn-widget-main legend, .kn-widget-main em, .kn-widget-main s, .kn-widget-main cite, .kn-widget-main span, .kn-widget-main input, .kn-widget-main sup, .kn-widget-main label, .kn-widget-main dfn, .kn-widget-main object, .kn-widget-main big, .kn-widget-main q, .kn-widget-main font, .kn-widget-main samp, .kn-widget-main acronym, .kn-widget-main small, .kn-widget-main img, .kn-widget-main strike, .kn-widget-main code, .kn-widget-main sub, .kn-widget-main ins, .kn-widget-main textarea, .kn-widget-main var, .kn-widget-main a, .kn-widget-main abbr, .kn-widget-main applet, .kn-widget-main del, .kn-widget-main kbd, .kn-widget-main tt, .kn-widget-main b, .kn-widget-main i, .kn-widget-main hr,

    /* HTML5 */
.kn-widget-main article, .kn-widget-main aside, .kn-widget-main dialog, .kn-widget-main figure, .kn-widget-main footer, .kn-widget-main header, .kn-widget-main hgroup, .kn-widget-main menu, .kn-widget-main nav, .kn-widget-main section, .kn-widget-main time, .kn-widget-main mark, .kn-widget-main audio, .kn-widget-main video {
    background-attachment:scroll !important;
    background-color:transparent !important;
    background-image:none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */
    background-position:0 0 !important;
    background-repeat:repeat !important;
    border-color:black !important;
    border-color:currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */
    border-radius:0 !important;
    border-style:none !important;
    border-width:medium !important;
    bottom:auto !important;
    clear:none !important;
    clip:auto !important;
    color:inherit !important;
    counter-increment:none !important;
    counter-reset:none !important;
    cursor:auto !important;
    direction:inherit !important;
    display:inline !important;
    float:none !important;
    font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */
    font-size: inherit !important;
    font-style:inherit !important;
    font-variant:normal !important;
    font-weight:inherit !important;
    height:auto !important;
    left:auto !important;
    letter-spacing:normal !important;
    line-height:inherit !important;
    list-style-type: inherit !important; /* Could set list-style-type to none */
    list-style-position: outside !important;
    list-style-image: none !important;
    margin:0 !important;
    max-height:none !important;
    max-width:none !important;
    min-height:0 !important;
    min-width:0 !important;
    opacity:1;
    outline:invert none medium !important;
    overflow:visible !important;
    padding:0 !important;
    position:static !important;
    quotes: "" "" !important;
    right:auto !important;
    table-layout:auto !important;
    text-align:inherit !important;
    text-decoration:inherit !important;
    text-indent:0 !important;
    text-transform:none !important;
    top:auto !important;
    unicode-bidi:normal !important;
    vertical-align:baseline !important;
    visibility:inherit !important;
    white-space:normal !important;
    width:auto !important;
    word-spacing:normal !important;
    z-index:auto !important;

    /* Proprietary and draft rules */
    /* This section needs extending */
    -moz-border-radius:0 !important;
    -webkit-border-radius:0 !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    text-shadow: none !important;
}

/* == BLOCK-LEVEL == */
/* Actually, some of these should be inline-block and other values, but block works fine (TODO: rigorously verify this) */
/* HTML 4.01 */
.kn-widget-main, .kn-widget-main h3, .kn-widget-main h5, .kn-widget-main p, .kn-widget-main h1, .kn-widget-main dl, .kn-widget-main dt, .kn-widget-main h6, .kn-widget-main ol, .kn-widget-main form, .kn-widget-main select, .kn-widget-main option, .kn-widget-main pre, .kn-widget-main div, .kn-widget-main h2, .kn-widget-main caption, .kn-widget-main h4, .kn-widget-main ul, .kn-widget-main address, .kn-widget-main blockquote, .kn-widget-main dd, .kn-widget-main fieldset, .kn-widget-main textarea, .kn-widget-main hr,
    /* HTML5 new elements */
.kn-widget-main article, .kn-widget-main aside, .kn-widget-main dialog, .kn-widget-main figure, .kn-widget-main footer, .kn-widget-main header, .kn-widget-main hgroup, .kn-widget-main menu, .kn-widget-main nav, .kn-widget-main section {
    display:block !important;
}
.kn-widget-main table {
    display: table !important;
}
.kn-widget-main thead {
    display: table-header-group !important;
}
.kn-widget-main tbody {
    display: table-row-group !important;
}
.kn-widget-main tfoot {
    display: table-footer-group !important;
}
.kn-widget-main tr {
    display: table-row !important;
}
.kn-widget-main th, .kn-widget-main td {
    display: table-cell !important;
}
/* == SPECIFIC ELEMENTS == */
/* Some of these are browser defaults; some are just useful resets */

.kn-widget-main nav ul, .kn-widget-main nav ol {
    list-style-type:none !important;
}
.kn-widget-main ul, .kn-widget-main menu {
    list-style-type:disc !important;
}
.kn-widget-main ol {
    list-style-type:decimal !important;
}
.kn-widget-main ol ul, .kn-widget-main ul ul, .kn-widget-main menu ul, .kn-widget-main ol menu, .kn-widget-main ul menu, .kn-widget-main menu menu {
    list-style-type:circle !important;
}
.kn-widget-main ol ol ul, .kn-widget-main ol ul ul, .kn-widget-main ol menu ul, .kn-widget-main ol ol menu, .kn-widget-main ol ul menu, .kn-widget-main ol menu menu, .kn-widget-main ul ol ul, .kn-widget-main ul ul ul, .kn-widget-main ul menu ul, .kn-widget-main ul ol menu, .kn-widget-main ul ul menu, .kn-widget-main ul menu menu, .kn-widget-main menu ol ul, .kn-widget-main menu ul ul, .kn-widget-main menu menu ul, .kn-widget-main menu ol menu, .kn-widget-main menu ul menu, .kn-widget-main menu menu menu {
    list-style-type:square !important;
}
.kn-widget-main li {
    display:list-item !important;
    /* Fixes IE7 issue with positioning of nested bullets */
    min-height:auto !important;
    min-width:auto !important;
}
.kn-widget-main strong {
    font-weight:bold !important;
}
.kn-widget-main em {
    font-style:italic !important;
}
.kn-widget-main kbd, .kn-widget-main samp, .kn-widget-main code {
    font-family:monospace !important;
}
.kn-widget-main a, .kn-widget-main a *, .kn-widget-main input[type=submit], .kn-widget-main input[type=radio], .kn-widget-main input[type=checkbox], .kn-widget-main select {
    cursor:pointer !important;
}
.kn-widget-main a:hover {
    text-decoration:underline !important;
}
.kn-widget-main button, .kn-widget-main input[type=submit] {
    text-align: center !important;
}
.kn-widget-main input[type=hidden] {
    display:none !important;
}
.kn-widget-main abbr[title], .kn-widget-main acronym[title], .kn-widget-main dfn[title] {
    cursor:help !important;
    border-bottom-width:1px !important;
    border-bottom-style:dotted !important;
}
.kn-widget-main ins {
    background-color:#ff9 !important;
    color:black !important;
}
.kn-widget-main del {
    text-decoration: line-through !important;
}
.kn-widget-main blockquote, .kn-widget-main q  {
    quotes:none !important; /* HTML5 */
}
.kn-widget-main blockquote:before, .kn-widget-main blockquote:after, .kn-widget-main q:before, .kn-widget-main q:after, .kn-widget-main li:before, .kn-widget-main li:after  {
    content:"" !important;
}
.kn-widget-main input, .kn-widget-main select {
    vertical-align:middle !important;
}
.kn-widget-main select, .kn-widget-main textarea, .kn-widget-main input {
    border:1px solid #ccc !important;
}
.kn-widget-main table {
    border-collapse:collapse !important;
    border-spacing:0 !important;
}
.kn-widget-main hr {
    display:block !important;
    height:1px !important;
    border:0 !important;
    border-top:1px solid #ccc !important;
    margin:1em 0 !important;
}
.kn-widget-main *[dir=rtl] {
    direction: rtl !important;
}
.kn-widget-main mark {
    background-color:#ff9 !important;
    color:black !important;
    font-style:italic !important;
    font-weight:bold !important;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit  */
.kn-widget-main {
    line-height: 1 !important;
    direction:ltr !important;
    text-align:left !important;
    font-family: Arial, Helvetica !important;
    font-size: 15px !important;
    color: black !important;
    font-style:normal !important;
    font-weight:normal !important;
    text-decoration:none !important;
    list-style-type:disc !important;
}



/* generic styles */
div.kn-widget-main div.kn-widget-content {
    min-height: 100px !important;
    width: 100% !important;
    min-width: 250px !important;
}

div.kn-widget-main div.kn-widget-content div.calendar.loading,
div.kn-widget-main div.kn-widget-content.loading {
    /* background: url('../../img/system-loading.gif?57ca1a20') no-repeat center center !important; */
}
div.kn-widget-main div.kn-widget-content div.calendar.loading,
div.kn-widget-main div.kn-widget-content div.maincontent.loading {
    opacity: 0.3 !important;
}
div.kn-widget-main div.kn-widget-content div.clear {
    clear: both !important;
    width: 1px !important;
    height: 1px !important;
}

/* Header classes */
div.kn-widget-main div.back {
    width: 32px !important;
    height: 32px !important;
    padding-bottom: 10px !important;
    background: transparent url('../../img/widget-back-light.png?59a52feb') no-repeat center right !important;
    float: left !important;
    cursor: pointer !important;
}

div.kn-widget-main div.close {
    width: 32px !important;
    height: 32px !important;
    padding-bottom: 10px !important;
    background: transparent url('../../img/widget-close-light.png?dca9d839') no-repeat center right !important;
    float: right !important;
    cursor: pointer !important;
}
div.kn-widget-main div.header,
div.kn-widget-main div.object {
    clear: both !important;
}
div.kn-widget-main div.searchbar {
    height: 27px !important;
    padding: 10px !important;
}
div.kn-widget-main div.infobar {
    height: 35px !important;
    padding: 10px !important;
    font-size: 20px !important;
    line-height: 35px !important;
    text-align: center !important;
    position: relative !important;
}
div.kn-widget-main div.infobar div.addevent {
    float: right !important;
    font-size: 15px !important;
    background: url('../../img/event-add-green.png?51cde5fb') no-repeat center left !important;
    padding-left: 30px !important;
    cursor: pointer !important;
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
}


div.kn-widget-main div.infobar a.goback {
    position: absolute !important;
    font-size: 15px !important;
    left: 10px !important;
}


div.kn-widget-main div.categories {
    position: relative !important;
    height: 27px !important;
    background-color: #fff !important;
    padding: 0 20px 0 60px !important;
}
div.kn-widget-main div.datepicker {
    float: left !important;
}
div.kn-widget-main div.categories div.datepicker {
    width: 40px !important;
    height: 27px !important;
    float: left !important;
    /*background: transparent url('../../img/calendar-search-icon.png?54e5ff48') no-repeat center center !important; */
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
}
div.kn-widget-main div.categories div.cprev {
    position: absolute !important;
    left: 40px !important;
    top: 0 !important;
    width: 20px !important;
    height: 27px !important;
    cursor: pointer !important;
}
div.kn-widget-main div.categories div.cnext {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 20px !important;
    height: 27px !important;
    cursor: pointer !important;
}
div.kn-widget-main div.categories div.ccontento {
    width: 100% !important;
    overflow: hidden !important;
}
div.kn-widget-main div.categories div.ccontent {
    width: 5000px !important;
    height: 27px !important;
    line-height: 27px !important;
}
div.kn-widget-main div.categories div.ccontent a {
    display: block !important;
    float: left !important;
    padding: 0 5px !important;
    height: 25px !important;
    border-top: 1px solid #fff !important;
}
div.kn-widget-main div.categories div.ccontent a.active {
    color: #fff !important;
}
div.kn-widget-main input.search {
    width: 130px !important;
    height: 25px !important;
    background-color: #fff !important;
    font-size: 15px !important;
    box-shadow: 0 0 8px #D7D7D7 inset !important;
    float: right !important;
    padding-left: 7px !important;
    border-radius: 10px !important;
}
div.kn-widget-main input.submit {
    width: 35px !important;
    height: 25px !important;
    background-color: #fff !important;
    font-size: 13px !important;
    font-weight: bold !important;
    box-shadow: 0 0 8px #D7D7D7 inset !important;
    float: right !important;
    margin-left: 10px !important;
    text-align: center !important;
    border-radius: 8px !important;
}

div.kn-widget-main div.cselect {
    float: left !important;
    display: block !important;
    width: 178px !important;
    height: 27px !important;
    padding-right: 10px !important;
}
div.kn-widget-main div.cselect.pleft10 {
    padding-left: 10px !important;
}
div.kn-widget-main div.cselect select {
    position: absolute !important;
    width: 175px !important;
    height: 27px !important;
    opacity: 0 !important;
    z-index: 10 !important;
    background-color: #fff !important;
}
div.kn-widget-main div.cselect div.sselect {
    margin-top: 0 !important;
    position: absolute !important;
    line-height: 27px !important;
    width: 178px !important;
    height: 27px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    padding-left: 0 !important;
    text-indent: 10px !important;
    background: url('../../img/form-bg-select-left.png?25a16e9a') no-repeat left #fff !important;
    border-radius: 10px !important;
}
div.kn-widget-main div.searchbar div.searchfields {
    float: right !important;
}
div.kn-widget-main div.searchbar div.cselect select.filled + div.sselect {
    background: url('../../img/form-bg-select-left-filled.png?178c6793') no-repeat left #fff !important;
}

div.kn-widget-main div.cselect div.sselect + em {
    background: url('../../img/form-bg-select-right.png?49fe9237') no-repeat right #fff !important;
    width: 21px !important;
    height: 27px !important;
    display: block !important;
    float: right !important;
    position: relative !important;
    right: 0 !important;
    margin-top: 0 !important;
    border-radius: 10px !important;

}

div.kn-widget-main input.cinput {
    margin-top: 0 !important;
    width: 128px !important;
    height: 25px !important;
    padding-left: 0 !important;
    text-indent: 10px !important;
    background: url('../../img/form-bg-select-left.png?25a16e9a') no-repeat left #fff !important;
    border-radius: 8px !important;
}

/* Footer classes */
div.kn-widget-main div.mcfooter {
    width: 100% !important;
    height: 38px !important;
    background: white url('../../img/kultuurikava_150.png?9f2420dd') no-repeat center center !important;
    overflow: hidden !important;
}
div.kn-widget-main div.mcfooter a {
    display: block !important;
    width: 100% !important;
    height: 38px !important;
}
div.kn-widget-main div.veinfo {
    font-size: 11px !important;
    width: 100% !important;
    height: 12px !important;
}
div.kn-widget-main div.footer {
    width: 100% !important;
    height: 80px !important;
    z-index: 800 !important;
    background: #EEEEEE !important;
    margin-top: 10px !important;
}
div.kn-widget-main div.footer div.links {
    padding-top: 5px !important;
    text-align: center !important;
    font-size: 11px !important;
}
div.kn-widget-main div.footer div.links a {
    font-size: 11px !important;
    color: #000000 !important;
}
div.kn-widget-main div.footer div.logos {
    max-width: 480px !important;
    margin: 0 auto !important;
}
div.kn-widget-main div.footer div.facebook {
    width: 82px !important;
    float: left !important;
    margin-left: 5px !important;
    margin-top: 17px !important;
    padding-left: 37px !important;
    padding-top: 10px !important;
    line-height: 1.12em !important;
    font-size: 11px !important;
    background: transparent url('../../img/footer-icon-facebook.png?6e5de0ec') no-repeat top left !important;
}
div.kn-widget-main div.footer div.mobile {
    width: 110px !important;
    float: left !important;
    margin: 17px auto 0 !important;
    padding-left: 37px !important;
    padding-top: 10px !important;
    line-height: 1.12em !important;
    font-size: 11px !important;
    background: transparent url('../../img/footer-icon-mobile.png?b973aac3') no-repeat top left !important;
}

div.kn-widget-main div.footer div.logo {
    width: 200px !important;
    margin: 5px auto 0 !important;
}
div.kn-widget-main div.footer div.logo a {
    display: block !important;
    background: transparent url('../../img/kultuurikava_180.png?cfef1bce') no-repeat 0 0 !important;
    width: 180px !important;
    height: 45px !important;
    text-indent: -9999px !important;
    margin-left: 10px !important;
}
div.kn-widget-main div.footer div.logo a:hover {
    text-decoration: none !important;
}
div.kn-widget-main div.footer div.logo a span {
    display: block !important;
    text-indent: 0 !important;
    position: relative !important;
    left: 43px !important;
    top: 30px !important;
    font-size: 10px !important;
    color: #a0a0a0 !important;
    width: 150px !important;
}


div.kn-widget-main div.footer-new-look {
    min-height: 46px!important;
    background-color: #EEEEEE!important;
    display: flex!important;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: black;
    margin: auto;
    border-radius: 0px 0px 10px 10px;
}

div.kn-widget-main div.footer-new-look div.logo-new-look {
    width: 158px!important;
    height: 45px!important;
    min-width: 158px!important;
    background-image: url(https://www.kultuurikava.ee/img/knetlogo.svg)!important;
    background-size: 135%!important;
    background-position: -30px -30px!important;
}

div.kn-widget-main div.footer-new-look div.links-new-look {
    width: 438px!important;
    text-align: center!important;
    color: black!important;
    font-size: 12px!important;
    font-weight: normal!important;
    font-family: "Open Sans", sans-serif!important;
    padding: 11px 18px 12px 6px!important;
    border-radius: 0px!important;
    hyphens: none!important;
}

div.kn-widget-main div.footer-new-look div.links-new-look a {
    text-decoration: none!important;
    font-weight: bold!important;
    color: #2b3990!important;
}
div.kn-widget-main div.kn-widget-content div.footer div.logo a span ins {
    text-decoration: none !important;
    color: #57a800 !important;
    font-weight: bold !important;
    background-color: transparent !important;
}

div.kn-widget-main div.kn-widget-content div.event.museums_snip.hidden {
    display: none!important;
}

.dateheader.cinema_snip_over.hidden,
.dateheader.cinema_snip.hidden,
.datebar.cinema_snip.hidden,
.datebar.cinema_snip_over.hidden,
.event.museums_snip.hidden,
.event.hidden {
    display: none !important;
}

/* Event listing */
div.kn-widget-main div.kn-widget-content div.noevents {
    width: 100% !important;
    height: 100px !important;
    line-height: 100px !important;
    text-align: center !important;
    font-weight: bold !important;

}
div.kn-widget-main div.kn-widget-content div.datebar {
    width: 100% !important;
    height: 26px !important;
    line-height: 26px !important;
    font-size: 15px !important;
    color: #fff !important;
}
div.kn-widget-main div.kn-widget-content div.promotebar {
    width: 100% !important;
    height: 26px !important;
    line-height: 26px !important;
    font-size: 15px !important;
    color: #57a800 !important;
}
div.kn-widget-main div.kn-widget-content div.event {
    width: 100% !important;
    height: 32px !important;
    font-size: 15px !important;
    background-color: #fff !important;
    min-height: 50px!important;
    display: flex!important;
    margin-bottom: 5px!important;
}
div.kn-widget-main div.kn-widget-content div.eventf {
    width: 100% !important;
    height: 70px !important;
    font-size: 15px !important;
    margin: 5px 0 !important;
    background-color: #EEEEEE !important;
    overflow: hidden !important;
}
div.kn-widget-main div.kn-widget-content div.eventf div.image {
    float: left !important;
    width: 9% !important;
    padding-right: 10px !important;
}
div.kn-widget-main div.kn-widget-content div.eventf div.details {
    float: left !important;
    margin: 5px 0 !important;
    padding-left: 10px !important;
    width: 68% !important;
    position: relative !important;
}
div.kn-widget-main div.kn-widget-content div.eventf div.ticket {
    padding-top: 15px !important;
    padding-right: 0 !important;
}
div.kn-widget-main div.kn-widget-content div.eventf div.place,
div.kn-widget-main div.kn-widget-content div.eventf div.name {
    height: 26px !important;
    overflow: hidden !important;
}
div.kn-widget-main div.kn-widget-content div.eventf div.name a {
    font-size: 15px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
}
div.kn-widget-main div.kn-widget-content div.eventf div.place a {
    white-space: nowrap !important;
}
div.kn-widget-main div.kn-widget-content div.eventf div.time {
    font-weight: bold !important;
    height: 17px !important;
}
div.kn-widget-main div.kn-widget-content div.event.even {
    background-color: #EEEEEE !important;
}
div.kn-widget-main div.kn-widget-content div.event:hover {
    background-color: #faf3d4 !important;
}
div.kn-widget-main div.kn-widget-content div.event div.detail-container {
    display: flex!important;
    flex-direction: column!important;
    float: left!important;
    width: 60%!important;
    margin-left: 5px!important;
    flex-grow: 10;
}
div.kn-widget-main div.kn-widget-content div.event div.detail,
div.kn-widget-main div.kn-widget-content div.event div.detail a {
    float: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: bold !important;
    height: 17px !important;
    line-height: 17px !important;
}
div.kn-widget-main div.kn-widget-content div.event div.detail {
    margin-top: 8px !important;
    vertical-align: middle!important;
    /* line-height: 50px!important; */
    margin-top: 0!important;
}
div.kn-widget-main div.kn-widget-content div.event div.time {
    width: 9% !important;
    min-width: 50px!important;
    max-width: 50px!important;
    padding-left: 10px !important;
    color: #000 !important;
    margin-top: 8px !important;
}
div.kn-widget-main div.kn-widget-content div.event div.place {
    /* width: 28% !important; */
    margin-top: 5px!important;
    padding-left: 10px !important;
}
div.kn-widget-main div.kn-widget-content div.event div.place a {
    font-weight: normal !important;
    color: #82887e !important;
    width: 100% !important;
}
div.kn-widget-main div.kn-widget-content div.event div.name {
    /* width: 43% !important; */
    padding-left: 10px !important;
    margin-top: 8px !important;
}
div.kn-widget-main div.kn-widget-content div.event div.name a {
    width: 100% !important;
}
div.kn-widget-main div.kn-widget-content div.ticket {
    width: 13% !important;
    height: 30px !important;
    float: right !important;
    padding: 0 !important;
    margin: 1px 1px 0 0 !important;
    position: relative !important;
}
div.kn-widget-main div.kn-widget-content div.ticket a.ticket {
    display: block !important;
    background: transparent url('../../img/form-bg-button-green.png?c15710b2') no-repeat 0 0 !important;
    /* background: transparent url('/images/form-bg-button-green.png?c15710b2') no-repeat 0 0 !important; */
    width: 90% !important;
    height: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
    float: left !important;
    color: #fff !important;
}
div.kn-widget-main div.kn-widget-content div.ticket a.ticket:hover {
    text-decoration: none !important;
}
div.kn-widget-main div.kn-widget-content div.ticket a.ticket + em {
    display: block !important;
    background: transparent url('../../img/form-bg-button-green.png?c15710b2') no-repeat -592px 0 !important;
    /* background: transparent url('/images/form-bg-button-green.png?c15710b2') no-repeat -592px 0 !important; */
    width: 10% !important;
    height: 30px !important;
    float: left !important;
}
/* pager */
div.kn-widget-main div.kn-widget-content div.pager {
    width: 100% !important;
    text-align: right !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
div.kn-widget-main div.kn-widget-content div.pager div.page {
    width: 20px !important;
    float: left !important;
    cursor: pointer !important;
    color: #aaa !important;
}
div.kn-widget-main div.kn-widget-content div.pager div.page.strong {
    font-weight: bold !important;
    color: #000 !important;
}

/* minicalendar */
div.kn-widget-main div.kn-widget-content.minical {
    min-width: 150px !important;
    max-width: 300px !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.header {
    padding: 5px 0 !important;
    height: 13px !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.header div.nextmonth,
div.kn-widget-main div.kn-widget-content div.calendar div.header div.prevmonth {
    display: block !important;
    float: left !important;
    width: 17px !important;
    height: 13px !important;
    cursor: pointer !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.header div.prevmonth {
    background: transparent url('../../img/embed_arrow_left.png?86ba5070') no-repeat center right !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.header div.nextmonth {
    float: right !important;
    background: transparent url('../../img/embed_arrow_right.png?bf44a565') no-repeat center left !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.header div.curmonth {
    margin: auto 0 !important;
    text-align: center !important;
    font-size: 13px !important;
    height: 13px !important;
    color: #fff !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.days div.day {
    float: left !important;
    text-align: center !important;
    color: #fff !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.days {
    padding: 5px 0 !important;
    height: 13px !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.calendarbody div.weekday {
    float: left !important;
    padding: 5px 0 !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    text-align: center !important;
    cursor: pointer !important;
    background-color: #eee !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.calendarbody div.weekday.passive {
    cursor: auto !important;
}
div.kn-widget-main div.kn-widget-content div.calendar div.calendarbody div.weekday.today {
    color: #fff !important;
}

/* object view */
div.kn-widget-main div.kn-widget-content div.object div.left {
    width: 138px !important;
    float: left !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right {
    width: 530px !important;
    float: left !important;
}
div.kn-widget-main div.kn-widget-content div.object div.full {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.title {
    font-size: 16px !important;
    font-weight: bold !important;
    padding-bottom: 10px !important;
    text-transform: uppercase !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.times div.time {
    width: 100% !important;
    min-height: 35px !important;
    padding: 5px !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.times div.time.even {
    background-color: #EEEEEE !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.times div.time div.etime {
    float: left !important;
    font-size: 15px !important;
    height: 20px !important;
    font-weight: bold !important;
    line-height: 17px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.times div.time div.altname {
    float: right !important;
    width: 350px !important;
    font-weight: bold !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.times div.time div.eplace {
    clear: both !important;
    width: 100% !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.times div.time div.eplace a {
    text-decoration: underline !important;
    color: #82887e !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.times div.time div.price {
    float: right !important;
    color: #82887e !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.buyticket {
    background: transparent url('../../img/form-bg-button-green-23.png?b05ff147') no-repeat !important;
    height: 23px !important;
    line-height: 23px !important;
    text-align: center !important;
    width: 80px !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.buyticket a {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 14px !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.address {
    font-size: 12px !important;
    color: #82887e !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    line-height: 1.2em !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right div.description {
    font-size: 14px !important;
    color: #82887e !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.2em !important;
}

div.kn-widget-main div.kn-widget-content div.object div.right div.mapdisplay {
    /* margin: 20px 0 !important; */
    margin: 0 0 20px 0 !important;
    /* padding-top: 5px !important; */
}
div.kn-widget-main div.kn-widget-content div.object div.right div.mapdisplay span.displaymap {
    color: #fff !important;
    margin: 0 !important;
    padding: 4px 20px 4px 4px !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    cursor: pointer !important;
}

div.kn-widget-main div.kn-widget-content div.object div.right iframe.map {
    display: none !important;
    width: 100% !important;
    height: 300px !important;
}
div.kn-widget-main div.kn-widget-content div.object div.right iframe.map.visible {
    display: inline !important;
}
div.kn-widget-main div.kn-widget-content ul.buyticketlist {
    display: none !important;
    position: absolute !important;
    width: 140px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    border: 3px solid #56a900 !important;
    background-color: #fff !important;
    margin: 5px !important;
    padding: 5px !important;
    z-index: 100 !important;
}
div.kn-widget-main div.kn-widget-content div.ticket ul.buyticketlist {
    top: 20px !important;
    right: 0 !important;
}
div.kn-widget-main div.kn-widget-content ul.buyticketlist li {
    margin-top: 5px !important;
    border-bottom: 3px solid #56a900 !important;
    display: block !important;
}
div.kn-widget-main div.kn-widget-content ul.buyticketlist li:last-child {
    border-bottom: none !important;
}

div.datepicker-container {
    font-family: arial, helvetica, sans-serif;
}

div.kn-widget-main div.kn-widget-content .container {
    height: 100% !important;
    width: 100% !important;
    font-family: Helvetica !important;
    position: relative !important;
}

div.kn-widget-main div.kn-widget-content .loader {
    height: 20px !important;
    width: 250px !important;
    position: absolute !important;
    top: 30px !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
}
div.kn-widget-main div.kn-widget-content .loader--dot {
    animation: loader ease-in-out 3s infinite !important;
    height: 20px !important;
    width: 20px !important;
    border-radius: 100% !important;
    background-color: black !important;
    position: absolute !important;
    border: 2px solid white !important;
}
div.kn-widget-main div.kn-widget-content .loader--dot:first-child {
    background-color: #8cc759 !important;
    animation-delay: 0.5s !important;
}
div.kn-widget-main div.kn-widget-content .loader--dot:nth-child(2) {
    background-color: #8c6daf !important;
    animation-delay: 0.4s !important;
}
div.kn-widget-main div.kn-widget-content .loader--dot:nth-child(3) {
    background-color: #ef5d74 !important;
    animation-delay: 0.3s !important;
}
div.kn-widget-main div.kn-widget-content .loader--dot:nth-child(4) {
    background-color: #f9a74b !important;
    animation-delay: 0.2s !important;
}
div.kn-widget-main div.kn-widget-content .loader--dot:nth-child(5) {
    background-color: #60beeb !important;
    animation-delay: 0.1s !important;
}
div.kn-widget-main div.kn-widget-content .loader--dot:nth-child(6) {
    background-color: #fbef5a !important;
    animation-delay: 0s !important;
}
div.kn-widget-main div.kn-widget-content .loader--text {
    position: absolute !important;
    top: 200% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    text-align: center!important;
    margin: auto !important;
}
div.kn-widget-main div.kn-widget-content .loader--text:after {
    content: "Kultuurikava" !important;
    font-weight: normal !important;
    color: gray !important;
    animation: loading-text 3s infinite !important;
}

div.kn-widget-main .kn-widget-content .dateheader {
    background-color: #0099bf !important;
    font-size: 13px !important;
    padding: 7px 10px !important;
    font-weight: bold !important;
    color: #fff !important;
    height: 17px !important;
}
div.kn-widget-main.gray .kn-widget-content .dateheader {
    background-color: #adabab !important; 
    color: #000 !important;
}

div.kn-widget-main .kn-widget-content .rightshadowbg {
    background-image: url('https://kultuurikava.ee/img/header-bg-shadow-right.png?d19d4c8c');
    background-repeat: repeat-y;
    background-position: left;
}
div.kn-widget-main .kn-widget-content div.event.rightshadowbg div.time.fixwidth {
    font-weight: bold!important;
    float: left!important;
    /* width: 40px!important; */
    padding: 7px 3px!important;
    text-align: center!important;
}
div.kn-widget-main .kn-widget-content div.event.rightshadowbg div.name,
div.kn-widget-main .kn-widget-content div.event.rightshadowbg div.name.fixwidth {
    font-weight: bold!important;
    float: left!important;
    /* width: 230px!important; */
    /* padding: 7px 3px!important; */
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}
div.kn-widget-main .kn-widget-content div.event.rightshadowbg div.name.fixwidth a {
    text-decoration: none!important;
    cursor: pointer!important;
    color: #0099bf!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}

div.kn-widget-main.gray .kn-widget-content div.event.rightshadowbg div.name.fixwidth a {
    color: #000 !important; 
}

div.kn-widget-main .kn-widget-content div.event.rightshadowbg div.place.fixwidth {
    float: left!important;
    /* width: 120px!important; */
    padding: 7px 3px!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}
.body div.right div.eventlisting div.place adiv.kn-widget-main .kn-widget-content div.event.rightshadowbg div.place.fixwidth a {
    color: #82887e!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}

div.kn-widget-main .kn-widget-content div.event.rightshadowbg div.clear {
    clear: both!important;
}


div.kn-widget-main .kn-widget-content div.event.rightshadowbg .name.fixwidth {
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}

div.kn-widget-main div.kn-widget-content div.event.museums_snip div.place a,
div.kn-widget-main div.kn-widget-content div.event.cinema_snip div.place a {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* new type */
.maincontent.sidebar {
    background-color: rgb(231, 243, 250)!important;
    padding: 26px 13px 0 13px!important;
    overflow-y: scroll!important;
    height: 300px!important;
}

.maincontent.sidebar .event{
    height: auto!important;
}
div.kn-widget-main div.kn-widget-content div.maincontent.sidebar div.event {
    height: auto!important;
}
.maincontent.sidebar .header-top {
    /* height: 31px!important; */
    font-size: 26px!important;
    color: rgb(24, 25, 25)!important;
    line-height: 1.4em!important;
    text-align: left!important;
    letter-spacing: normal!important;
    font-family: "Roboto Slab", "Helvetica Neue", Arial!important;
    font-weight: 400!important;
    font-style: normal!important;
}
.maincontent.sidebar .subtitle {
    height: 18px!important;
    background-color: rgb(231, 243, 250)!important;
    border: 0px solid rgb(0, 0, 0)!important;
    font-size: 15px!important;
    color: rgb(98, 94, 94)!important;
    line-height: 1.4em!important;
    text-align: left!important;
    letter-spacing: normal!important;
    font-family: "Open Sans", "Helvetica Neue", Arial!important;
    font-weight: 400!important;
    font-style: normal!important;
    margin-top: 13px!important;
    padding-bottom: 2px!important;
}

.maincontent.sidebar .descr {
    /*    height: 60px!important;*/
        background-color: rgb(231, 243, 250)!important;
        border: 0px solid rgb(0, 0, 0)!important;
        font-size: 15px!important;
        color: rgb(24, 25, 25)!important;
        line-height: 1.4em!important;
        text-align: left!important;
        letter-spacing: normal!important;
        font-family: "Open Sans", "Helvetica Neue", Arial!important;
        font-weight: 700!important;
        font-style: normal!important;
    }
    
    .maincontent.sidebar .descr-place {
        /*height: 18px!important;*/
        background-color: rgb(231, 243, 250)!important;
        border: 0px solid rgb(0, 0, 0)!important;
        font-size: 15px!important;
        color: rgb(98, 94, 94)!important;
        line-height: 1.4em!important;
        text-align: left!important;
        letter-spacing: normal!important;
        font-family: "Open Sans", "Helvetica Neue", Arial!important;
        font-weight: 400!important;
        font-style: normal!important;
        margin-top: 0px!important;
    }

.maincontent.sidebar .event-image {
    width: 75px!important;
    min-width: 75px!important;
    height: 75px!important;
    border-radius: 0px!important; 
    background-size: 100% 100%!important;    
}

.maincontent.sidebar .event-container {
    padding: 12px 0!important;
    display: flex!important;
    background-color: rgb(231, 243, 250)!important;
}
.maincontent.sidebar .event-description {
    display: flex!important;
    flex-direction: column!important;
    padding-left: 12px!important;
    background-color: rgb(231, 243, 250)!important;
}

.maincontent.sidebar .separator {
    width: 96%!important;
    border-top: 1px #666 solid!important;
    background-color: rgb(231, 243, 250)!important;
}
/* filters */

div.kn-widget-main .sidebar div.cselect {
    width: 48%!important;
    position: relative!important;
}

div.kn-widget-main .sidebar div.cselect select {
    width: 100% !important;
}

div.kn-widget-main .sidebar div.cselect div.sselect {
    width: 100% !important;
}
div.kn-widget-main .sidebar div.cselect div.sselect + em {
    right: -10px !important;
}
div.kn-widget-main .header.sidebar {
    width: 100%!important;
}

div.kn-widget-main .header.sidebar .searchbar{
    padding: 10px !important;
    display: flex!important;
    justify-content: space-around;
    background-color: rgb(231, 243, 250)!important;
}

.row {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: row;
}

.row.f-start {
    justify-content: flex-start;
}

.row.f-end {
    justify-content: flex-end;
}

.row.f-center {
    justify-content: center;
}

.row .col-12 {
    width: 100%;
}

.cancel-banner {
    width: 100%;
    height: 100%; 
    border: 1px solid #f00;
}
.cancel-banner.hidden {
    display: none;
}
.cancel-banner .banner-header {
    width: 100%;
    color: red;
    display: flex;
    justify-content: flex-end;
}
.cancel-banner .banner-header .closebtn {
    padding-top: 8px;
}
.cancel-banner .banner-header .closebtn a{
    padding: 8px;
    font-size: 15px;
    color: red;
}
.cancel-banner .banner-header .closebtn a svg {
    width: 16px;
    height: 16px;
}
.cancel-banner .banner-header .closebtn a svg path {
    fill: red;
}
.cancel-banner .body{
    width: 100%;
    color: red;
}

.cancel-banner .body .content {
    padding: 2px 8px 18px 8px;
    font-size: 14px;
    text-align: center;
}


div#show_map_button {
    width: 131px!important;
    padding: 8px 6px 8px 6px!important;
    color: #82887e !important;
    border: 1px solid #82887e!important;
    cursor: pointer!important;
    font-size: inherit!important;
    text-align: center!important;  
    background-color: white!important;  
}








@keyframes loader {
    15% {
        transform: translateX(0);
    }
    45% {
        transform: translateX(230px);
    }
    65% {
        transform: translateX(230px);
    }
    95% {
        transform: translateX(0);
    }
}


@keyframes loading-text {
    0% {
        content: "Kultuurikava";
    }
    25% {
        content: "Kultuurikava.";
    }
    50% {
        content: "Kultuurikava..";
    }
    75% {
        content: "Kultuurikava...";
    }
}

@media screen and (max-width: 640px) {
    div.kn-widget-main div.searchbar {
        height: 50px !important;
    }
    div.kn-widget-main div.searchbar div.searchfields {
        clear: both !important;
        padding-top: 3px !important;
    }
}
@media screen and (max-width: 480px) {
    div.kn-widget-main div.infobar {
        visibility: hidden !important;
        height: 10px !important;
    }
    div.kn-widget-main div.kn-widget-content div.eventf,
    div.kn-widget-main div.kn-widget-content div.event {
        height: 48px !important;
        position: relative !important;
    }

    div.kn-widget-main div.kn-widget-content div.event div.name {
        width: calc(80% - 60px) !important;
    }
    div.kn-widget-main div.kn-widget-content div.event div.place {
        clear: both !important;
        width: 71% !important;
        margin-top: 2px !important;
    }
    div.kn-widget-main div.kn-widget-content div.event div.ticket,
    div.kn-widget-main div.kn-widget-content div.eventf div.ticket {
        width: 60px !important;
        position: absolute !important;
        right: 3px !important;
        top: 5px !important;
    }
    div.kn-widget-main div.kn-widget-content div.eventf div.name {
        height: 16px !important;
    }
    div.kn-widget-main div.kn-widget-content div.eventf div.time, div.kn-widget-main div.kn-widget-content div.eventf div.place {
        font-weight: normal !important;
        font-size: 13px !important;
        height: 13px !important;
    }
    div.kn-widget-main div.kn-widget-content div.eventf div.image img {
        width: 100% !important;
    }
    div.kn-widget-main div.kn-widget-content div.eventf div.image {
        width: 14% !important;
        padding-right: 0! important;
    }
}

@media screen and (max-width: 360px) {
    div.kn-widget-main div.cselect {
        width: 138px !important;
    }
    div.kn-widget-main div.cselect select {
        width: 135px !important;
    }
    div.kn-widget-main div.cselect div.sselect {
        width: 138px !important;
    }
    div.kn-widget-main input.cinput {
        width: 108px !important;
    }
}