@import "uikit/uikit.less";

/* ========================================================================
// Warp theme
 ========================================================================== */

// Theme variables
// ========================================================================

@theme-canvas-background:                           #e3ecf5;
@theme-canvas-background-image:                     'notebook';
@theme-canvas-header-background:                    #428dc9;
@theme-canvas-header-height:                        153px;
@theme-outer-container-background:                  @global-transparent;

@theme-toolbar-color:                               @global-toolbar-color;
@theme-toolbar-link-color:                          #ffffff;
@theme-toolbar-hover-color:                         #1a3156;
@theme-toolbar-icon-color:                          #ffffff;
@theme-toolbar-padding:                             15px;
@theme-toolbar-dropdown-background:                 #20314b;
@theme-toolbar-dropdown-color:                      #ffffff;
@theme-toolbar-dropdown-hover-color:                #428dc9;
@theme-toolbar-button-background:                   @global-secondary-background;
@theme-toolbar-button-color:                        @global-contrast-color;

@theme-header-height:                               70px;
@theme-header-border-color:                         darken(@theme-minibar-background, 3%);

@theme-call-action-background:                      #1a3156;
@theme-call-action-color:                           #ffffff;
@theme-call-action-link-color:                      #ffffff;
@theme-call-action-link-hover-color:                @global-link-hover-color;

@theme-minibar-background:                          #1a3156;
@theme-minibar-color:                               #ffffff;
@theme-minibar-link-color:                          lighten(@global-link-color, 10%);
@theme-minibar-link-hover-color:                    @global-link-hover-color;
@theme-minibar-height:                              35px;

@theme-menubar-height:                              @navbar-nav-height;
@theme-menubar-color:                               #55595d;
@theme-menubar-active-item-color:                   #428dc9;
@theme-menubar-active-item-border:                  fade(@global-header-link-active-color, 10%);
@theme-menubar-dropdown-background:                 #428dc9;
@theme-menuitem-color:                              #ffffff;
@theme-menuitem-hover-background:                   #1a3156;
@theme-menuitem-hover-color:                        #ffffff;
@theme-menuitem-parent-icon-color:                  desaturate(darken(@theme-menubar-dropdown-background, 10%), 5%);
@theme-menuitem-hover-parent-icon-color:            desaturate(darken(@theme-menuitem-hover-background, 10%), 5%);
@theme-menuside-item-height:                        36px;

@theme-navbar-toggle-text:                          menu;

@theme-slideshow-text-color:                        #1a3156;
@theme-slideshow-text-font-size:                    17px;
@theme-slideshow-text-line-height:                  32px;
@theme-slideshow-slidenav-color:                    #1a3156;
@theme-slideshow-slidenav-background:               fade(@global-background, 90%);
@theme-slideshow-slidenav-hover-color:              @global-primary-background;
@theme-slideshow-slidenav-hover-background:         #ffffff;
@theme-slideshow-slidenav-active-color:             @global-primary-background;
@theme-slideshow-dotnav-color:                      @global-secondary-background;
@theme-slideshow-dotnav-active-color:               @global-primary-background;
@theme-slideshow-text-width:                        45%;
@theme-slideshow-item-animation:                    uk-fade-right;
@theme-slideshow-panel-nav-background:              @global-secondary-background;
@theme-slideshow-panel-nav-hover-background:        lighten(@global-secondary-background, 10%);
@theme-slideshow-panel-nav-color:                   @global-contrast-color;
@theme-slideshow-height:                            414px;
@theme-slideshow-contrast-background:               rgba(255, 255, 255, 0.75);

@theme-fullscreen-top-offset:                       @theme-minibar-height+8px;
@theme-fullscreen-bottom-offset:                    82px;
@theme-fullscreen-slideshow-loadicon-color:         @global-contrast-color;
@theme-fullscreen-slideshow-text-width:             50%;
@theme-fullscreen-slideshow-max-height:             700px;
@theme-fullscreen-slideshow-color:                  @global-contrast-color;
@theme-fullscreen-slideshow-dotnav-color:           @global-contrast-color;
@theme-fullscreen-slideshow-dotnav-active-color:    @global-contrast-color;
@theme-fullscreen-slideshow-slidenav-background:    rgba(255, 255, 255, 0.5);

@theme-slideset-subnav-active-color:                @global-primary-background;
@theme-slideset-dotnav-color:                       @theme-slideshow-dotnav-color;
@theme-slideset-dotnav-active-color:                @theme-slideshow-dotnav-active-color;

@theme-article-background:                          @global-background;
@theme-article-padding:                             @global-margin-large;
@theme-article-box-shadow-horizontal:               @panel-box-shadow-horizontal;
@theme-article-box-shadow-vertical:                 @panel-box-shadow-vertical;
@theme-article-box-shadow-blur:                     @panel-box-shadow-blur;
@theme-article-box-shadow-spread:                   @panel-box-shadow-spread;
@theme-article-box-shadow-color:                    @panel-box-shadow-color;

@theme-rating-color:                                @global-primary-background;
@theme-totop-icon-color:                            @global-link-color;
@theme-totop-icon-bottom-offset:                    -100px;

@theme-title-stroke-letter-spacing:                 -3px;

@theme-timetable-box-background:                    @global-primary-background;
@theme-timetable-box-hover-background:              @global-secondary-background;

@theme-pricing-table-icon-color:                    @global-primary-background;
@theme-pricing-table-border:                        darken(@global-primary-light-background, 7%);

@theme-block-footer-background:                     @global-secondary-background;
@theme-block-footer-background-image:               'none';
@theme-block-footer-color:                          #ffffff;
@theme-block-footer-heading-color:                  @theme-block-footer-color;
@theme-block-footer-link-color:                     #78caff;
@theme-block-footer-link-hover-color:               #ffffff;
@theme-block-footer-top-offset:                     85px;

/* Layout
 ========================================================================== */

html {
    overflow-y: scroll;
    overflow-x: hidden;
    min-height: 100%;
    color: @global-canvas-color;
    background-color: @theme-canvas-background;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

b, strong {
    font-weight: @global-bold-font-weight;
}

.tm-container {
    background-color: @theme-outer-container-background;
    margin: @global-grid-gutter 0 @global-grid-gutter*2;
}

.tm-header-bg {
    width: 100%;
    position: absolute;
    z-index: -1;
    height: @theme-canvas-header-height;
    .gradient(@theme-canvas-header-background, spin(@theme-canvas-header-background, @global-primary-spin), @theme-canvas-header-background);
}

#tm-block-footer {

    margin-top: -@theme-block-footer-top-offset;
    padding-top: @theme-block-footer-top-offset;

    > .uk-container { padding: 0; }

    .uk-panel-box {
        background-color: @global-transparent;
        box-shadow: none;
        border-radius: 0;
        color: @theme-block-footer-color;

        h1,h2,h3,h4,h5,h6 {
            color: @theme-block-footer-heading-color;
        }

        a {
            color: @theme-block-footer-link-color;

            &:hover {
                color: @theme-block-footer-link-hover-color;
            }
        }
    }
}

#tm-fullscreen + #tm-block-footer {
    margin-top: 0;
    padding-top: @theme-block-footer-top-offset;
}

.tm-inner-container + .tm-footer {
    margin-top: -@theme-fullscreen-bottom-offset;
    padding-top: @theme-fullscreen-bottom-offset; 
    z-index: -1;
}

.tm-footer {

    padding: @global-margin 0;
    -webkit-box-shadow: inset 0 1px 0 @global-lighter-shadow, 0 -1px 0 @global-darker-shadow;
            box-shadow: inset 0 1px 0 @global-lighter-shadow, 0 -1px 0 @global-darker-shadow;
    background: lighten(@theme-block-footer-background, 2%);
    color: @theme-block-footer-color;

    a { color: @theme-block-footer-link-color; }
    a:hover { color: @theme-block-footer-link-hover-color; }

    .uk-subnav-line > :nth-child(n+2):before {
        border-left-color: fade(@theme-block-footer-color, 20%);
    }
}


//
// Blocks
//

.tm-block > div .uk-grid {
    overflow: hidden;
}

.tm-block,
.tm-block-large-padding {
    padding-top: @panel-box-padding;
    padding-bottom: @panel-box-padding;
}

.tm-block.tm-block-large-padding {padding: @panel-box-padding*2;}
.tm-block.tm-block-no-padding { padding: 0; }

.tm-block-default { background: @global-background; }

.tm-block-padding {
    padding: @panel-box-padding;
}

// grid collapse
.tm-block-collapse,
.tm-block-collapse .uk-grid > div { 
    padding: 0;
}

.tm-grid-collapse > .uk-container {

    &::before,
    &::after { display: none; }

    > .uk-grid {
        width: 100%;
        margin-left: 0;
    }

    > .uk-grid > * {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-left: 0;
    }
}

//
// Toolbar
//

.tm-toolbar {
    padding: @theme-toolbar-padding 0;

    .uk-container {
        padding: 0;
    }

    .uk-subnav {
        margin-top: 0;

        > li {
            line-height: inherit;
        }
    }

    li, p {
        color: @theme-toolbar-color;
        margin: 0;
    }

    a,
    a.uk-button-link,
    .uk-subnav > li > a {
        color: @theme-toolbar-link-color;
        text-decoration: none;

        &:hover {
            color: @theme-toolbar-hover-color;
        }
    }

    .uk-button:not(.uk-button-link) {
        background-color: @theme-toolbar-button-background;
        color: @theme-toolbar-button-color;
        margin-top: -5px;

        &:hover {
            background-color: desaturate(darken(@theme-toolbar-button-background, 3%), 10%);
            color: @theme-toolbar-button-color;
        }

        &:active {
            background-color: darken(@theme-toolbar-button-background, 3%);
            color: @theme-toolbar-button-color;
        }
    }

    .uk-form {
        color: @theme-toolbar-color;

        > * {
            display: inline-block;
            margin-top: 0;
        }

        .uk-button {
            .uk-button-mini;
            margin-left: 10px;
            font-size: 14px;
            min-height: 28px;
            line-height: 28px;
            padding: 0 10px;
        }
    }

    .uk-float-left,
    .uk-float-right {

        > div > a:not([class]) {
            color: @theme-toolbar-hover-color;

            &:hover {
                color: @theme-toolbar-link-color;
            }
        }
    }

    .uk-button-dropdown {
        display: block;
        
        &.uk-open {
            background: @theme-toolbar-dropdown-background;
            border-radius: @global-border-radius @global-border-radius 0 0;
        
            .uk-button-link, i:before {
                color: @theme-toolbar-dropdown-color;
            }
        }

        .uk-dropdown .uk-nav {
            margin: 5px;
        }
    }

    .uk-dropdown.uk-dropdown-small {
        background-color: @theme-toolbar-dropdown-background;
        padding: 0;
        margin-top: 0;
        border-radius: 0 @global-border-radius @global-border-radius @global-border-radius;

        .uk-nav-dropdown > li > a {
            color: @theme-toolbar-dropdown-color;
            padding: 0 15px;
            font-size: round((@global-font-size*0.9));
            border-radius: @global-border-radius;
            line-height: 30px;

            &:hover {
                color: @global-contrast-color;
                background-color: @theme-toolbar-dropdown-hover-color;
            }
        }
    }

    .uk-button-link {
        line-height: 29px;
        min-height: 29px;
        border: 0;
        padding: 0 10px 0;
        outline: none;
        text-decoration: none;

        &:focus{
            color: @theme-toolbar-dropdown-color;
        }

        &:after {
            display: none;
        }

        i:before {
            color: @theme-toolbar-icon-color;
            font-size: 13px;
            margin-left: 5px;
        }
    }

    .list-icons {
        padding: 0;
        margin: 0;

        li {
            float: left;
            margin-right: 20px;

            i {
                color: @theme-toolbar-icon-color;
            }
        }
    }

    .uk-form {

        :-ms-input-placeholder { color: @theme-toolbar-color; }
        ::-moz-placeholder { color: @theme-toolbar-color; }
        ::-webkit-input-placeholder { color: @theme-toolbar-color; }

        input[type="text"] {
            background-color: @global-darker-shadow;
            box-shadow: 0 1px 0 @global-light-shadow;
            line-height: 30px;
            height: 30px;
            color: @theme-toolbar-color;
            border-radius: 5px;
            font-size: round((@global-font-size*0.85));

            &:focus {
                background-color: @global-darker-shadow;
                border: 1px solid @global-dark-shadow;
                box-shadow: 0 1px 0 @global-light-shadow;
                color: @theme-toolbar-color;
            }
        }
    }

    .uk-icon-button {
        font-size: @global-font-size;
        line-height: 26px;
        height: 25px;
        font-weight: 400;
        width: 30px;
    }

    .uk-subnav-line > li:nth-child(n+2):before {
        content: "\f142";
        font-family: @global-font-icon;
        color: @theme-toolbar-icon-color;
        font-size: 13px;
        position: relative;
        border-left: 0;
        width: 10px;
        height: 30px;
    }

    .uk-nav li > a > div {
        line-height: 24px;
        word-wrap: break-word;
        margin-top: 10px;
    }

    .uk-subnav {
        margin-bottom: 0;

        > * {
            padding-left: 15px;
        }
    }

    .uk-float-left > div {
        float: left;
        margin-right: 10px;
    }

    .uk-float-right > div {
        float: right;
        margin-left: 10px;
    }
}

//
// Logo
//

.tm-logo {
    display: block;
}

.tm-logo,
.tm-logo-small {
    p { margin: 0; }
}

//
// Header
//

.tm-header-container {
    border-radius: @global-border-radius;
    border-bottom: 3px solid @theme-header-border-color;
    box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
    position: relative;
    z-index: 10;

    &.uk-active {
        border-radius: 0;

        .tm-header,
        .tm-call-action{ 
            border-radius: 0; 
        }
    }

    &.tm-header-full-width {
        border-radius: 0;
        box-shadow: none;
        border-bottom: 1px solid darken(@global-header-background, 3%);

        .tm-header {
            border-radius: 0;
            padding: 10px 0;
            
            &:before,
            &:after {
                width: 50%;
                content: "";
                position: absolute;
                height: @theme-header-height + @global-header-padding-vertical + @global-header-padding-vertical;
                background: @global-header-background;
                border-bottom: 1px solid darken(@global-header-background, 3%);
                right: 100%;
                bottom: -1px;
            }

            &:after {
                left: 100%;
                right: auto;
            }
        }

        .tm-minibar {
            padding: 2px 0;

            &:before, 
            &:after {
                width: 50%;
                content: "";
                position: absolute;
                height: @theme-minibar-height + 4px;
                background-color: @theme-minibar-background;
                border-top: 1px solid @global-dark-shadow;
                border-bottom: 3px solid @theme-header-border-color;
                box-shadow: inset 0 1px 0 @global-lighter-shadow,
                            inset 0 -1px 0 rgba(255, 255, 255, 0.035);
                right: 100%;
                margin-top: -3px;
            }  
            
            &:after {
                left: 100%;
                right: auto;
                top: 0;
                margin-top: 0;
            }            
        }

        .tm-call-action {
            border-radius: 0;

            &:before {
                width: 1000%;
                content: "";
                position: absolute;
                height: 90px;
                background: @theme-call-action-background;
                left: 100%;
                z-index: 1;
            }

        }
    }
}

.tm-header {
    background-color: @global-header-background;
    border-radius: @global-border-radius @global-border-radius 0 0;
    min-height: @theme-header-height;
    padding: @global-header-padding-vertical @global-header-padding-horizontal;
}

.tm-header-container.tm-header-full-width .tm-header {
    height: @theme-header-height;
}

@media (max-width: @breakpoint-medium) {

    .tm-header-container.tm-header-full-width {

        border-bottom: 0;
        border-radius: 0 0 @global-border-radius @global-border-radius;

        .tm-header {
            padding: @global-header-padding-vertical @global-header-padding-horizontal;
            border-radius: 0 0 @global-border-radius @global-border-radius;
        }

        .tm-minibar {
            padding: 2px @panel-box-padding;
            border-radius: @global-border-radius @global-border-radius 0 0;
        }

        .tm-header:before,
        .tm-header:after,
        .tm-call-action:before,
        .tm-minibar:before,
        .tm-minibar:after {
            display: none;
        }
    }

    #tm-block-footer {
        margin-left: 0;
        padding-left: 15px;
    }
}

.tm-headerbar {
    display: block;

    h1,h2,h3,h4,h5,h6 {
        margin: 0;
        color: @global-header-color;
        font-weight: @global-header-heading-font-weight;
        font-size: @global-header-heading-font-size;
        line-height: @global-header-heading-line-height;
        letter-spacing: @global-header-heading-letter-space;
        white-space: nowrap;
    }

    .uk-grid > * {
        padding-left: 0;
    }

    .tm-block-icon-container {
        margin: 5px 0;
    }

    .tm-block-icon {
        border: none;
        margin-right: 15px;
        font-size: @base-h2-font-size;
        color: @global-header-icon-color;
        line-height: 60px;
        height: 45px;
        min-width: 45px;
        text-align: center;
        padding: 0;
    }

    .tm-block-content {
        display: table;
        margin-right: 30px;
        color: @global-header-color;
    }

    a, p {
        margin: -5px 0 0;
        font-size: @global-header-font-weight;
        .uk-flex;
    }

    p { color: @global-header-color; }

    a {
        display: flex;
        white-space: -moz-pre-space;
        color: @global-header-link-color;

        &:hover {
            color: @global-header-link-hover-color;
        }
    }

    &:not(.tm-headerbar-center) > div {
        margin-left: 20px;
    }
}

// search
.search {

    span.highlight {
        background-color: fade(@global-highlight-color, 30%);
        font-weight: @global-heading-font-weight;
        padding: 1px 5px;
    }

    #searchForm {

        fieldset {
            margin-bottom: 20px;

            label {
                padding-right: 10px;
            }
        }
    }

    .tm-text-large,
    .uk-article-title {
        font-size: @base-h2-font-size;
        font-weight: @global-heading-font-weight;
    }

    .uk-article + .uk-article {
        margin-top: 10px;
        padding-top: 20px;
        border-top: 1px dotted @global-border;
    }

    .uk-article-meta {
        font-size: @global-font-size;
        line-height: @global-line-height;
        margin-bottom: 0;
    }

    .tm-article-content {
        margin-bottom: 30px !important;
    }
}

// 
// Breezing Forms
// 

.bfQuickMode {

    &:extend(.uk-form all);

    section.bfElemWrap,
    section.bfElemWrap:hover {
        background: rgba(0,0,0,0) !important;
    }

    .bfNextButton, 
    .bfSubmitButton, 
    .bfCancelButton {
        &:extend(.uk-button all);
        float: left;
    }
}

// call to action
.tm-call-action {
    color: @theme-call-action-color;
    background-color: @theme-call-action-background;
    position: relative;
    padding: @global-header-padding-vertical @global-header-padding-horizontal;
    min-height: @theme-header-height;
    border-top-right-radius: @global-border-radius;
    margin: -(@global-header-padding-vertical) -(@global-header-padding-horizontal) -(@global-header-padding-vertical) @global-header-padding-horizontal;

    &:after {
        content: "";
        position: absolute;
        left: -30px;
        top: 0;
        bottom: 0;
        border-style: solid;
        background-color: @global-transparent;
        border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) @theme-call-action-background rgba(0, 0, 0, 0);
        border-width: 0 0 @theme-header-height+@global-header-padding-vertical+@global-header-padding-vertical 30px;
    }

    > div {
        position: relative;
        float: left;

        h1,h2,h3,h4 {
            color: @theme-call-action-color;
            margin: 0;
            font-size: @global-header-heading-font-size;
            line-height: @global-header-heading-line-height;
        }

        a, p {
            margin: 0;
            font-size: @global-header-font-weight;
        }

        p {
            color: @theme-call-action-color;
        }

        a {
            color: @theme-call-action-link-color;

            &:hover {
                color: @theme-call-action-link-hover-color;
            }
        }

        > * { white-space: nowrap; }
    }
}

.tm-right-offcanvas {
    position: absolute;
    right: 10px;
    top: 25px;

    .uk-navbar-toggle:before {
        content: "";
    }
}

@media (max-width: @breakpoint-medium) {

    .tm-headerbar:not(.tm-headerbar-center) > div {
        margin-left: 0;
    }

    .tm-header { 
        padding: 0 10px;
    }

    .tm-headerbar {
        max-width: 100%;
        padding-right: 0;

        > div {
            padding: 30px;
            margin: 0;
        }
    }

    .tm-headerbar-container .tm-headerbar{
        padding: 0;
    }

    .tm-block-icon-link {
        margin-bottom: 20px;
    }
}

.tm-minibar {
    background-color: @theme-minibar-background;
    color: @theme-minibar-color;
    min-height: @theme-minibar-height;
    padding: 2px @panel-box-padding;
    border-top: 1px solid @global-dark-shadow;
    box-shadow: inset 0 1px 0 @global-lighter-shadow,
                inset 0 -1px 0 rgba(255, 255, 255, 0.035);

    p {
        margin: 0;
        line-height: @theme-minibar-height;
    }

    a {
        color: @theme-minibar-link-color;

        &:hover {
            color: @theme-minibar-link-hover-color;
        }
    }
}

//
// Navbar
//

.tm-navbar {
    position: static;
    z-index: 10;
    clear: both;
    margin-right: @global-grid-gutter;

    .uk-navbar-nav-subtitle > div {
        text-transform: lowercase;
        margin-top: -15px;
    }

    .uk-navbar-nav > li {

        &[data-menu-fullwidth] {
            position: static;

            .uk-dropdown.uk-dropdown-navbar {
                
                &.uk-dropdown-width-4.uk-dropdown-flip,
                &.uk-dropdown-width-5.uk-dropdown-flip {
                    left: 0 !important;
                    right: 0 !important;
                    width: 100%;
                    top: 63px !important;
                }
            }
        }

        > a i {
            padding-right: 5px;
        }
    }

    .uk-nav-side > li > a,
    .uk-navbar-nav > li > a,
    .uk-nav-side ul a {
        color: @global-header-link-color;
        -webkit-transition: @global-transition;
                transition: @global-transition;
    }

    .uk-navbar-nav li a.uk-active,
    .uk-navbar-nav > li:hover > a,
    .uk-navbar-nav > li.uk-open > a,
    .uk-navbar-nav > li.uk-active > a,
    .uk-nav-side > li.uk-active > a{
        color: @global-header-link-active-color;
    }

    .uk-navbar-nav > li > a.uk-active,
    .uk-navbar-nav > li:not(.tm-nav-logo-centered) > a {
        position: relative;

        &:after {
            position: absolute;
            content: "";
            display: inline-block;
            background-color: @theme-menubar-active-item-border;
            width: 8px;
            left: 45%;
            top: 0;
            height: 0;
            -webkit-transform: skew(-20deg);
                    transform: skew(-20deg);
            -webkit-transition: @global-transition;
                    transition: @global-transition;
        }
    }

    .uk-navbar-nav > li > a.uk-active:after,
    .uk-navbar-nav > li:hover > a:focus:after,
    .uk-navbar-nav > li:hover > a:hover:after,
    .uk-navbar-nav > li.uk-open > a:hover:after,
    .uk-navbar-nav > li.uk-active > a:after,
    .uk-navbar-nav > li.uk-open > :after {
        height: 100%;
    }   

    .uk-navbar-nav > li .uk-dropdown-navbar {
        .gradient(@theme-menubar-dropdown-background, saturate(spin(@theme-menubar-dropdown-background, @global-menubar-spin), @global-menubar-saturation), @theme-menubar-dropdown-background);
    }

    .uk-dropdown {
        visibility: hidden;
        display: block;
        
        .uk-nav { margin: 0 }

        li.uk-parent {
            > ul { 
                margin-left: -10px;
                box-shadow: inset 0 0 0 1px @global-darker-shadow,
                            2px 2px 2px @global-dark-shadow;
            }

            > a:before {
                font-family: @global-font-icon;
                content: "\f142";
                position: absolute;
                right: 15px;
                font-size: 14px;
                color: @theme-menuitem-parent-icon-color;
                text-shadow: 0 1px 0 @global-light-shadow;
            }

            &.uk-active > a:before,
            > a:hover:before {
                color: @theme-menuitem-hover-parent-icon-color;
            }
        }
    }

    .uk-open > .uk-dropdown { visibility: visible; }
}

.tm-header-full-width {

    .tm-navbar .uk-navbar-nav > li[data-menu-fullwidth] .uk-dropdown.uk-dropdown-navbar.uk-dropdown-flip {

        &.uk-dropdown-width-4,
        &.uk-dropdown-width-5 {
            top: 70px + @theme-minibar-height !important;
        }
    }
}

html[dir="rtl"] {
    #tm-container {
        overflow: hidden;
    }

    .tm-navbar .uk-navbar-nav > li .uk-dropdown-navbar {
        left: 0;
    }

    .tt_event_hours li,
    .tt_event_items_list li label,
    .tt_event_items_list li .tt_event_text {
        float: left;
    }

    .tt_event_hours li {
        margin: 0 25px 30px 0;
        border-width: 1px 1px 1px 3px;
    }

    .tt_upcoming_events {
        right: auto !important;
        left: 0 !important;
        text-align: left !important;

        li .tt_upcoming_events_event_container {
            border-width: 1px 3px 1px 1px;
            border-right-color: @global-primary-background;
            border-left-color: #EFEFEF;
        }

        li .tt_upcoming_events_event_container .tt_upcoming_events_arrow {
            float: right;
        }
    }

    .tt_calendar_icon {
        float: left;
        margin-right: 8px;
        margin-left: 0;
    }

    .tt_upcoming_event_controls a {
        float: left;
    }

    .tt_upcoming_event_controls a#upcoming_event_prev {
        margin-right: 2px;
    }

    ul.tt_event_items_list li:before {
        float: left;
    }
}

// 
// menu side 
// 

.tm-menu-side > div {
    .uk-navbar-nav-subtitle > div {
        margin-top: -3px;
        text-transform: lowercase;
    }
    
    .uk-navbar-nav > li {
        float: none;
        
        > a {
            height: @theme-menuside-item-height;
            line-height: @theme-menuside-item-height;

            i {
                padding-right: 5px;
            }
        }
    }

    .uk-navbar-nav > li > a,
    .uk-nav-side ul a {
        color: @theme-menubar-color;
        padding: 0;
    }

    .uk-open > .uk-dropdown-navbar {
        -webkit-animation: @dropdown-sidemenu-animation ease-in-out 0.2s;
                animation: @dropdown-sidemenu-animation ease-in-out 0.2s;
    }

    .uk-navbar-nav > li:hover > a,
    .uk-navbar-nav > li.uk-open > a,
    .uk-navbar-nav > li.uk-active > a,
    .uk-nav-side > li.uk-active > a{
        color: @theme-menubar-active-item-color;
    }

    .uk-navbar-nav > li .uk-dropdown-navbar {
       .gradient(@theme-menubar-dropdown-background, saturate(spin(@theme-menubar-dropdown-background, @global-menubar-spin), @global-menubar-saturation), @theme-menubar-dropdown-background);
        left: 100% !important;
        top: 0 !important;
        margin-top: 0;
        box-shadow: inset 0 0 0 1px darken(@theme-menubar-dropdown-background, 5%),
                    2px 2px 1px @global-dark-shadow;
    }
    
    .uk-nav-navbar > li.uk-parent:hover > ul > li.uk-parent:hover > ul, 
    .uk-nav-navbar > li.uk-parent:hover > ul {
        -webkit-animation: @dropdown-sidemenu-animation 0.2s ease-in-out;
                animation: @dropdown-sidemenu-animation 0.2s ease-in-out;
    }
    
    > ul > li {
        float: none;

        > a:before {
            position: absolute;
            content: "\f096";
            right: 15px;
            font-size: 10px;
            font-family: @global-font-icon;
            line-height: @navbar-nav-height;
        }

        &.uk-parent > a:before {
            position: absolute;
            content: "\f096";
            right: 15px;
            font-size: 10px;
            font-family: @global-font-icon;
            line-height: @navbar-nav-height;
            text-shadow: 0 1px 0 @global-light-shadow;
        }

        &.uk-parent.uk-open > a:before {
            content: "\f0c8";
        }

        &:hover > a:before,
        &.uk-parent.uk-open > a:before,
        &.uk-parent.uk-active > a:before {
            color: @theme-menubar-active-item-color;
        }
    }

    .uk-dropdown li.uk-parent {
        > a:before {
            font-family: @global-font-icon;
            content: "\f142";
            position: absolute;
            right: 15px;
            font-size: 14px;
            color: @theme-menuitem-parent-icon-color;
            text-shadow: 0 1px 0 @global-light-shadow;
        }

        &.uk-active > a:before,
        > a:hover:before {
            color: @theme-menuitem-hover-parent-icon-color;
        }
    }

    .uk-navbar-nav {
        float: none;
    }
}

@media (max-width: @breakpoint-medium-max) {

    .tm-navbar .uk-container {
        padding: 0;
    }

}

//
// Navbar Toggle
//

.uk-navbar-toggle {
    height: 35px;

    &:before {
        content: "@{theme-navbar-toggle-text}";
        text-transform: uppercase;
        font-size: @global-font-size;
        line-height: 30px;
        letter-spacing: 1px;
        height: 28px;
        margin-right: 10px;
        color: @global-header-color;
    }
}

@media (min-width: @breakpoint-small-max) {

    // navbar height
    .tm-navbar-container {
        box-sizing: border-box;
        min-height: @theme-menubar-height;
    }
}

// Blocks

.tm-hero {
    
    > div {
        border-radius: @global-border-radius;
        background-color: @theme-canvas-background;
        box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
        padding: 0;
    }

    .tm-slideshow-gravity {
        border-radius: @global-border-radius;

        .uk-cover-background {
            border-radius: @global-border-radius;
        }
    }
}

.tm-hero,
.tm-fullscreen {
    position: relative;
    overflow: hidden;
    z-index: 0;

    .tm-fullscreen-slideshow {

        .uk-dotnav li a {
            background-color: @theme-fullscreen-slideshow-dotnav-color;
        }

        .uk-dotnav > .uk-active > * {
            background-color: @global-transparent;
            box-shadow: 0 0 0 2px @theme-fullscreen-slideshow-dotnav-active-color;
        }
    
        .uk-slideshow {
            position: relative;
            background-color: @global-transparent;
            height: 0;
            max-height: @theme-fullscreen-slideshow-max-height;
            -webkit-transition: height 0.5s;
                    transition: height 0.5s;

            > li {
                max-height: @theme-fullscreen-slideshow-max-height;
            }

            &:before {
                background-color: @theme-fullscreen-slideshow-loadicon-color;
            }

            .uk-overlay-panel {
                box-sizing: border-box;
                width: @utility-container-max-width;
                padding: 0 @utility-container-padding-horizontal;
                max-height: @theme-fullscreen-slideshow-max-height;
                margin-left: auto;
                margin-right: auto;
                padding: 0 50px;

                > div {
                    width: @theme-fullscreen-slideshow-text-width;
                }

                h1,h2,h3,h4,h5,h6,
                > div > div {
                    color: @theme-fullscreen-slideshow-color;
                }
            }

            ~ div.uk-margin {
                left: 45%;
            }
        }
    }

    + .tm-inner-container {
        margin-top: -@theme-fullscreen-bottom-offset;
    }

    .tm-slideshow-gravity .uk-cover-background {
        background-blend-mode: hard-light;
        background-color: @global-overlay-slideshow-background;
    }
}

li.tm-slide-video {

    background-color: @global-dark-color;

    &:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: @global-overlay-slideshow-background;
        z-index: 1;
    }
}

.tm-fullscreen {
    margin-top: -@theme-fullscreen-top-offset;

    .tm-slidenav {
        top: 45%;
        right: 0;

        .uk-slidenav {
            background-color: @theme-fullscreen-slideshow-slidenav-background;
            border-radius: 0;
        }
    }

    .tm-fullscreen-slideshow .uk-slideshow ~ div.uk-margin {
        bottom: round((@theme-fullscreen-bottom-offset/1.5));
    }
}

.tm-hero .tm-fullscreen-slideshow .uk-slideshow {
    border-radius: @global-border-radius;
}

@media (max-width: @breakpoint-small-max) {

    .tm-hero .tm-fullscreen-slideshow .uk-slideshow .uk-overlay-panel, 
    .tm-fullscreen .tm-fullscreen-slideshow .uk-slideshow .uk-overlay-panel {
        width: auto;
    }

    .tm-fullscreen {
        margin-top: @global-grid-gutter;
    }

    .tm-hero + .tm-inner-container, 
    .tm-fullscreen + .tm-inner-container {
        margin-top: -10px;
    }

}

//
// Main/Content
//

.tm-main > :nth-child(n+2) { margin-top: @global-grid-gutter-large; }

.tm-noblog .tm-content {
    .uk-pagination > li > span,
    .uk-pagination > li > a {
        box-shadow: none;
    }
}

.uk-article-title + .uk-article-meta {
    margin-top: -30px;
}

.tm-main .tm-content-blank {
    margin: 0;

    #system-message-container:not(:empty) {
        background-color: @global-background;
        border-radius: @global-border-radius;

        .uk-alert {
            margin-top: @global-grid-gutter-large;
        }
    }
}

.tm-isblog .uk-article,
.tm-noblog .tm-content {

    position: relative;
    color: @global-panel-color;

    .uk-panel-box:not(.tm-panel-card) {
        border: 1px solid @global-darker-shadow;
        padding: @panel-box-padding;
    }

    .uk-panel-header {
        box-shadow: none;
    }
}

.tm-article-blog {
    .tm-article-wrapper > *:not(.tm-article-featured-image) {
        margin-left: @article-left-padding !important;
    }

    .tm-highlight-block {
        margin-left: -@article-left-padding;
    }
}

.tm-content > :last-child { margin-bottom: 0; }

.tm-content .uk-breadcrumb {
    margin-top: -10px;
}

.tm-highlight-block {
    color: @global-heading-color;
    font-family: @global-heading-font-family;
    font-size: @base-h3-font-size;
    font-weight: @global-heading-font-weight;
    line-height: @base-h2-line-height*1.1;
    margin: 10px 20px 10px 0;
    padding: 10px 0 15px;
    width: 45%;
    position: relative;

    &:before,
    &:after {
        content: "";
        position: absolute;
        width: 15px;
        height: 30px;
        z-index: 0;
        top: -30px;
        border-radius: 2px;
        -webkit-transform: skew(-20deg);
                transform: skew(-20deg);
    }

    &:before {
        background-color: @global-primary-background;
    }

    &:after {
        background-color: @global-secondary-background;
    }

    &.tm-highlight-left {
        float: left;
        text-align: left;
        padding-right: 30px;
        margin-right: 30px;
        border-right: 1px solid @global-primary-light-background;

        &:before {
            left: 0;
        }

        &:after {
            left: 20px;
        }
    }

    &.tm-highlight-right {
        float: right;
        text-align: left;
        padding-left: 30px;
        margin-left: 30px;
        border-left: 1px solid @global-primary-light-background;

        &:before {
            right: 0;
        }

        &:after {
            right: 20px;
        }
    }
}

@media (max-width: @breakpoint-medium) {

    .tm-highlight-block {
        width: 100%;
        border: 0 !important;
        margin: 10px 0;
    }

    .tm-article-blog .tm-article-wrapper > *:not(.tm-article-featured-image) {
        margin-left: 0 !important;
    }

    .tm-article + p {
        margin: 0;
    }

    .uk-article-title {
        font-size: @base-h2-font-size;
        line-height: @base-h1-line-height;
    }
}

.pagenavcounter {
    float: right;
    font-size: @global-font-size - 2;
}

.contact {

    legend,
    h3:first-of-type {
        display: none;
    }

    > h3 {
      margin: 0 0 30px;
      font-size: 30px;
    }
}

.tm-grid-filters {

    &.uk-subnav > * {
        padding: 0;
        margin: 0 10px;
    }

    &.uk-subnav > li a {
        padding: 5px 20px;
    }
}

//
// To-Top Scroller
//

.tm-totop-scroller {
    display: none;
    position: fixed;
    right: 45px;
    bottom: @theme-totop-icon-bottom-offset;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 32px;
    color: @theme-totop-icon-color;
    -webkit-transition: @global-transition;
            transition: @global-transition;

    &:after {
        content: "\e873";
        font-family: @global-gravity-icon;
    }

    &:hover,
    &:focus {
        outline: none;
        text-decoration: none;
    }

    &:active { font-size: 25px; }

}

.uk-active .tm-totop-scroller {
    display: block;
    bottom: 120px;
    opacity: 1;
}

//
// Dynamic Grid
//

.tm-grid-title {
    background: @global-secondary-background;
    color: @global-contrast-color;
    display: inline-block;
    padding: 5px 10px;
    text-transform: @global-heading-text-transform;
    box-shadow: @global-box-shadow-size @global-box-shadow;
}

.tm-overlay-content,
.tm-grid-content {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.tm-grid-content {
    z-index: 0;
    position: relative;
}

.tm-dynamic-grid figure img {
    width: 100%;
}

//
// Colored Panels
//

.tm-panel-box-primary-color {

    background: @button-background;
    color: @global-contrast-color;

    a { color: @global-contrast-color; }

}

.tm-panel-box-secondary-color {

    background: @button-primary-background;
    color: @global-contrast-color;

    a { color: @global-contrast-color; }

}

//
// Side Navigation
//

.tm-navigation-bar {
    position: fixed;
    right: 35px;
    top: 40%;

    .uk-dotnav {  
        font-size: 0.001px;
        list-style: none outside none;
        padding: 0;
        width: 20px;
        
        > li {
            border-radius: 100%;
            height: 15px;
            width: 15px;
            padding-left: 0;
            margin: 15px 0 0 !important;

            > a {
                height: 10px;
                width: 10px;
                box-shadow: 0 0 0 2px fade(@global-contrast-color, 50%), 
                            0 0 0 3px @global-dark-shadow;

                &:hover,
                &:focus {  
                    background-color: rgba(50, 50, 50, 0.2);
                    outline: medium none;
                }
            }
        
            &.uk-active > a {  
                background-color: @global-transparent;
                box-shadow: 0 0 0 2px @global-primary-background;
            }
        }
    }
}

//
// Shortcodes
//

.uk-module-title {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    letter-spacing: @global-heading-letter-space;
    text-transform: @global-heading-text-transform;

    &:after {
        content: "//";
        right: -10px;
        bottom: 0;
        color: @global-primary-background;
        font-weight: @global-font-weight;
        letter-spacing: @theme-title-stroke-letter-spacing;
        position: relative;
    }

    &.uk-contrast:after {
        color: @global-contrast-color;
    }

    &.uk-text-right:after {
        left: auto;
        right: 0;
    }
}

.uk-module-title-alt {
    
    letter-spacing: @global-heading-letter-space;
    text-transform: @global-heading-text-transform;   
    position: relative;
    margin-bottom: 30px;

    &:before {
        content: "";
        left: 0;
        bottom: -10px;
        width: 50px;
        position: absolute;
        border-bottom: 1px solid @global-primary-background;
    }
}

.uk-text-center .uk-module-title-alt {

    &:before,
    &:after {
        content: "";
        position: absolute;     
        bottom: 40%;
        height: 1px;
        width: 40px;
        margin: 0 -15px;
        background-color: @global-heading-color;
    }

    &:before {
        left: -40px;
        height: 0;
        border-bottom: 0;
    }

    &:after {
        right: -40px;
    }
}

.uk-contrast {

    .uk-sub-title,
    .uk-module-title-alt {
        text-shadow: 0 1px 2px @global-darkest-shadow;
    }

    .uk-module-title-alt:before,
    .uk-module-title-alt:after {
        background-color: @global-contrast-color;
        box-shadow: 0 1px 2px @global-darkest-shadow;
    }

    .uk-panel-title,
    .uk-module-title {
        border-bottom-color: @global-contrast-color;
    }
}

.uk-panel-box-secondary,
.tm-secondary-background {

    .uk-module-title-alt:before,
    .uk-module-title-alt:after {
        background-color: @global-contrast-color;
    }   
}

.uk-flex-center,
.uk-text-center {

    .uk-module-title-alt {
        display: inline-block;
    
        &:before {
            height: 1px;
        }
    }
}

.uk-sub-title,
.uk-sub-title-small {
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 0 0 15px 0;
    font-family: @base-body-font-family;
    font-size: @base-body-font-size;
    font-weight: @global-font-weight;
    color: @global-sub-title-color;
}

.uk-sub-title-small {
    font-size: round((@global-font-size*0.85));
}

//
// Blocks
//

.tm-block-digit {
    text-align: center;
    margin: 5px @global-grid-gutter 0 0;
}

.tm-block-blank,
.tm-block-month,
.tm-block-text {
    font-family: @global-heading-font-family;
    font-weight: @global-heading-font-weight;
}

.tm-block-text {
    font-size: @base-h3-font-size;
    color: @global-primary-background;
    min-width: 50px;
    line-height: 40px;
    font-weight: @global-thin-font-weight;
    border-radius: @global-border-radius - 1px;
    padding-bottom: 4px;
    margin-top: 5px;
    background-color: @global-background;
    border-color: fade(@global-primary-background, 25%);
    border-width: 1px 1px 4px 1px;
    border-style: solid solid double solid;
    position: relative;

    &:before,
    &:after{
        content: "";
        position: absolute;
        height: 8px;
        width: 3px;
        background: fade(@global-primary-background, 30%);
        border-radius: 2px;
        top: -4px;
    }

    &:before {
        left: 7px;
    }

    &.tm-block-text:after {
        right: 7px;
    }
}

.tm-block-blank + .tm-block-text {
    margin-top: 2px;

    &:before,
    &:after {
        display: none;
    }
}

.tm-block-time {
    color: @global-panel-color;
    text-align: center;
    margin: 10px @panel-box-padding 0 0;
}

.tm-block-blank,
.tm-block-month {
    border-radius: @global-border-radius - 2px;
    color: @panel-box-primary-color;
    .gradient(@panel-box-primary-background, saturate(spin(@panel-box-primary-background, @global-primary-spin), @global-primary-saturation), @panel-box-primary-background);
}

.tm-block-month {
    font-size: @global-font-size - 4;
    letter-spacing: 1px;
    line-height: 24px;
    padding-top: 4px;
    border-bottom: 2px solid darken(@panel-box-primary-background, 7%);
    text-transform: uppercase;
}

.tm-block-blank {
    min-height: 10px;
}

.tm-event-descr {
    margin: 0 0 @panel-box-padding;
    padding-right: 10px;

    > h3,
    > h4 {
        margin-bottom: 10px;
    }
}

.tm-block-icon {
    font-size: @base-h2-font-size;
    color: @global-primary-color;
    padding: 15px 15px 0 0;
    margin-right: 20px;
}

.tm-block-icon-large {
    font-size: 40px;
    line-height: 30px;
}
 
.tm-block-number {
    margin-bottom: 10px;
}

.tm-block-content .uk-module-title {
    margin-bottom: 0;
}

//
// Icons
//

.shortcode-icons {
    padding-left: 0;

    li {
        display: inline-block;
        list-style-type: none;

        a {
            font-size: @base-h3-font-size;
        }
    }
}

// 
// Tabs
// 

// tabs switcher
@media (min-width: @breakpoint-small-max) {
    .tm-switcher-tabs .uk-tab {
        .uk-flex;
    }
}
@media (min-width: @breakpoint-medium-max) {
    .tm-switcher-tabs .uk-tab.uk-tab-left,
    .tm-switcher-tabs .uk-tab.uk-tab-right {
        position: absolute;
        top: 0;
        bottom: 0;
        .uk-flex-column;
    }

    .tm-switcher-tabs .uk-tab-left > li:first-child > a {
        border-radius: @global-border-radius 0 0 0;
    }

    .tm-switcher-tabs .uk-tab-left > li:nth-last-child(2) > a {
        border-radius: 0 0 0 @global-border-radius;
    }
}

.tm-switcher-tabs { 

    .uk-switcher {

        > li { 
            background-repeat: no-repeat; 
            border-radius: 0 0 @global-border-radius 0;
        }
    }
    
    .uk-tab > li > a {

        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex !important;

        -ms-flex: 1 1 0%;
        -webkit-flex: 1 1 0%;
        flex: 1 1 0%;

        .uk-flex-center;
        .uk-flex-middle;
         
        font-family: @global-heading-font-family;
        font-weight: @global-font-weight;
        font-size: @base-h4-font-size;
    }
   
    .uk-tab-responsive .uk-nav-dropdown > li > a { width: 100%; }

    .uk-tab > li:not(.uk-disabled):not(.uk-active) > a {
        background-color: lighten(@global-primary-light-background, 1%);
    }

    .uk-tab > li.uk-active > a {
        box-shadow: none;
    }
}

// event tabs
.tm-event-tabs {

    .uk-tab > li > a:hover, 
    .uk-tab > li > a:focus, 
    .uk-tab > li.uk-open > a {
        border-color: @global-transparent;
    }

    .uk-tab > li > a > * > * {
        -webkit-transition: color linear 250ms;
                transition: color linear 250ms;
    }

    .uk-tab > li:not(.uk-disabled):not(.uk-active) > a {
        background-color: @global-background;
        padding: 12px;
    }

    .uk-tab > li:not(.uk-disabled):not(.uk-active) > a:hover > * > * {
        color: @global-panel-color;
    }

    .uk-tab > li.uk-active > a {
        padding: 12px;
        color: @panel-box-primary-color;
        .gradient(@panel-box-primary-background, saturate(spin(@panel-box-primary-background, @global-primary-spin), @global-primary-saturation), @panel-box-primary-background);
    }

    .uk-tab > li:first-child > a {
        border-radius: @global-border-radius 0 0 0;
    }

    .uk-tab > li:last-child > a {
        border-radius: 0 0 0 @global-border-radius;
    }

    .uk-nav-dropdown li a > span {
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        .uk-flex-space-between;
    }

    li {
        .tm-tab-day {
            font-family: @global-heading-font-family;
            font-size: round((@base-h2-font-size*0.9));
            line-height: @base-h2-line-height;
            font-weight: @global-bold-font-weight;
            letter-spacing: @global-heading-letter-space;
            color: fade(@global-panel-color, 50%);
        }

        .uk-tab-left > li > a {
            border: none;
        }

        .tm-tab-month {
            color: fade(@global-panel-color, 50%);
            font-size: round((@global-font-size*0.9));
            font-family: @global-heading-font-family;
            text-transform: uppercase;
            line-height: 30px;
            white-space: nowrap;
        }

        .tm-events-panel {
            line-height: @global-line-height;
        }

        &.uk-active {
            .tm-tab-day,
            .tm-tab-month {
                color: @panel-box-primary-color;
            }
        
            &.uk-tab-responsive {
                .tm-tab-day,
                .tm-tab-month {
                    color: fade(@global-panel-color, 50%);
                }
                
                .tm-tab-day {
                    font-size: 22px;
                    line-height: 26px;
                }
            } 
        }

        .uk-article-lead {
            line-height: 1;
        }

        figcaption {
            font-size: @base-h2-font-size;
            line-height: @base-h1-line-height;
            font-weight: @global-thin-font-weight;
            font-family: @global-heading-font-family;
            box-shadow: inset 0 1px 0 @global-dark-shadow;
            padding: 20px 20px 30px;
            -webkit-transition: @global-transition;
                    transition: @global-transition;
            -webkit-transform: translateY(100px);
                    transform: translateY(100px);
            
            &:empty {
                visibility: hidden;
            }
        }

        .uk-article-meta {
            color: fade(@global-panel-color, 50%);
        }

        .tm-event-tab-footer {
            position: absolute;
            bottom: 0;
            background: @global-primary-light-background;
            max-width: 100%;
            left: 0;
            right: 0;
            padding: 23px;
            border-radius: 0 0 @global-border-radius 0;
            border-top: 1px solid rgba(0, 0, 0, 0.03);

            .uk-button:empty {
                visibility: hidden;
            }
        }
    }

    li.uk-active figcaption {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
        -webkit-transform: translateY(10px);
                transform: translateY(10px);
    }

    .uk-tab li.uk-tab-responsive.uk-active > a {
        padding: 15px 30px;
    }
}

@media (min-width: @breakpoint-medium) {
    .tm-events-tabs {

        .uk-tab-left > li > a, 
        .uk-tab-right > li > a {
            padding-top: 15px;
            padding-bottom: 15px;
        }

        .uk-tab-left > li:not(.uk-active) > a:hover, 
        .uk-tab-left > li:not(.uk-active) > a:focus {
            padding-bottom: 15px;
        }

        .uk-tab-left > li:first-child > a {
            border-radius: @global-border-radius 0 0 0;
        }

        .uk-tab-left > li:nth-child(n+2) > a, 
        .uk-tab-right > li:nth-child(n+2) > a {
            margin-top: 0;
            border-radius: 0;
        }

        .uk-tab-left {
            border-right: 0;
        }
    }
}

@media (max-width: @breakpoint-medium) {

    .tm-event-tabs {
        li figcaption {
            font-size: 26px;
            line-height: 40px;
            padding: 10px 20px 20px;
        }

        li .tm-event-tab-footer {
            position: relative;
            margin: @panel-box-small-padding -@panel-box-small-padding -@panel-box-small-padding;
        }
    }
}

// news tabs
.tm-news-tabs {

    background-color: @global-background;
    border-radius: @global-border-radius;

    .uk-tab > li > a:hover, 
    .uk-tab > li > a:focus, 
    .uk-tab > li.uk-open > a {
        border-color: @global-transparent;
    }

    .uk-tab > li.uk-active {
        .gradient(@panel-box-primary-background, saturate(spin(@panel-box-primary-background, @global-primary-spin), @global-primary-saturation), @panel-box-primary-background);
        
        .tm-tab-title {
            color: @panel-box-primary-color;
        }

        .tm-tag {
            color: @panel-box-primary-color;
        }

        > a {
            background-color: @global-transparent;
            color: @panel-box-primary-color;
        }
    }

    .uk-tab.tm-tab-fullheight {
        -webkit-box-shadow: -1px 0 0 @global-dark-shadow;
                box-shadow: -1px 0 0 @global-dark-shadow;
    }

    .uk-tab > li:not(.uk-disabled):not(.uk-active) {
        -webkit-box-shadow: inset -2px 3px 5px rgba(0, 0, 0, 0.03);
                box-shadow: inset -2px 3px 5px rgba(0, 0, 0, 0.03);

        > a {
            background: @global-transparent;
        }
    }

    .uk-tab > .uk-tab-responsive {

        h3.tm-tab-title {
            font-size: @base-h4-font-size;
            line-height: @base-h5-line-height;
            color: @global-heading-color;
            margin-bottom: 0 !important;
        }

        .tm-tab-date {
            display: none;
        }
    }

    li {
        .tm-tab-day {
            font-family: @global-heading-font-family;
            font-size: @base-h2-font-size;
            font-weight: @global-heading-font-weight;
            letter-spacing: @global-heading-letter-space;
            color: fade(@global-panel-color, 50%);
        }

        .tm-news-link {
            padding-right: 5px;
        }

        .tm-tag {
            margin: 0;
            border: 0;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 12px;
        }

        .tm-tab-title {
            margin: 10px 0 0;
            font-weight: @global-thin-font-weight;
            padding-right: 40px;
        }

        .uk-tab-left > li > a {
            border: none;
        }

        .tm-news-panel {
            box-shadow: -1px 0 0 @global-dark-shadow;
            line-height: @global-line-height;
            color: @global-panel-color;

            .tm-tabs-title {
                font-weight: @global-thin-font-weight;
                line-height: 48px;
                font-size: 36px;
                color: @global-primary-background;

                a:hover { text-decoration: none; }
            }

            .uk-article-lead {
                line-height: @base-h3-line-height;
                font-family: @global-heading-font-family;
            }
        }

        .uk-article-lead {
            line-height: 1;
        }

        figcaption {
            font-size: @base-h3-font-size;
            line-height: @base-h2-line-height;
            font-weight: @global-thin-font-weight;
            font-family: @global-heading-font-family;
            -webkit-box-shadow: inset 0 1px 0 @global-light-glow;
                    box-shadow: inset 0 1px 0 @global-light-glow;
            padding: 15px 15px 40px;
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
            -webkit-transform-origin: 0 0 0;
                    transform-origin: 0 0 0;
            background-color: fade(@panel-box-primary-background, 75%);
            color: @panel-box-primary-color;
            text-shadow: none;
            -webkit-transition: @global-transition;
                    transition: @global-transition;

            &:empty {
                visibility: hidden;
            }
        }
    }

    li.uk-active {
        figcaption {
            transform-origin: 33px 33px 0;
        }
    }
}

@media (max-width: @breakpoint-medium) {

    .tm-news-tabs {
        .uk-tab > li.uk-active {
            width: 100%;
            border-radius: @global-border-radius @global-border-radius 0 0;
        }

        li figcaption {
            transform: none;
            bottom: -20px;
            top: auto;
        }
    }
}

@media (min-width: @breakpoint-medium) {

    .tm-news-tabs {

        .uk-tab-left,
        .uk-tab-right{

            > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
    
            > li:not(.uk-active) > a:hover, 
            > li:not(.uk-active) > a:focus {
                padding-bottom: 15px;
                padding-right: 5px;
            }
    
            > li:first-child {
                border-radius: 0 @global-border-radius 0 0;
            }
    
            > li:nth-child(n+2) > a, 
            > li:nth-child(n+2) > a {
                margin-top: 0;
                border-radius: 0;
            }
        }

        .uk-tab-left {
            border-right: 0;
        }

        ul.tm-tab-fullheight {
            .uk-flex;
            .uk-flex-column;
            
            > li { flex: 1 1 0%; }
        }

    }
}

@media (max-width: 1200px) {

    .tm-news-tabs .tm-tab-news-content {
        .uk-width-large-1-3,
        .uk-width-large-2-3,
        .uk-width-large-1-2 {
            width: 100%;
        }
    }
}

//
// Tags
//

.tagspopular ul {
    padding-left: 0;

    li {
        list-style-type: none;
        float: left;
    }
}

.tm-tags-list {

    ul li {
        display: inline-block;
    }
}

.tm-tags-list a,
.tagspopular ul li a,
.tm-tag {
    line-height: @button-mini-line-height;
    min-height: @button-mini-line-height;
    font-size: round((@button-mini-font-size*1.2));
    font-family: @base-body-font-family;
    margin: 5px 10px 10px 0;
    padding: 0 10px;
    border: 1px solid @button-primary-background;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    color: @button-primary-background;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;

    &:focus,
    &:hover {
        text-decoration: none;
        color: fade(@button-primary-background, 50%);
    }
}

// button link underline 
    
.uk-button-link {
    text-decoration: none;
    position: relative;

    &:hover, 
    &.uk-link:hover {
        text-decoration: none;
    }
    
    &:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 5px;
        left: 0;
        background-color: @global-link-hover-color;
        visibility: hidden;
        -webkit-transform: scaleX(0);
                transform: scaleX(0);
        -webkit-transition: @global-transition;
                transition: @global-transition;
    }

    &:hover:after {
        text-decoration: none;
        visibility: visible;
        -webkit-transform: scaleX(1);
                transform: scaleX(1);
    }
}

//
// Module Classes
// 

.tm-primary-background {
    background-color: @global-primary-background !important;
    color: @global-contrast-color !important;
    border-color: @global-dark-shadow !important;
}

.tm-secondary-background {
    background-color: @global-secondary-background !important;
    color: @global-contrast-color !important;
    border-color: @global-dark-shadow !important;
}

.tm-primary-background,
.tm-secondary-background {
    h1,h2,h3,h4,h5,h6 {
        color: @global-contrast-color;
    }
}

.tm-muted-background { background-color: @global-light-background; }
.tm-primary-color { color: @global-primary-color !important; }
.tm-secondary-color { color: @global-secondary-color !important;}

.tm-rating {
    list-style-type: none;
    padding: 0;
    margin: 0 0 20px;
    
    li {
        color: @theme-rating-color;
        padding-right: 1px;
        display: inline-block;
        line-height: 20px;
    }

    &.tm-rating-small {
        margin: 0;
        line-height: 1;

        li {
            font-size: 11px;
            line-height: 12px;
            padding: 0;
        }
    }
}

.tm-text-large {
    line-height: 1.5 !important;
    font-size: round(@base-h1-font-size * 1.1);
    font-weight: @global-thin-font-weight;
    letter-spacing: -1px;
}

.tm-text-xlarge {
    line-height: 1 !important;
    font-size: round(@base-h1-font-size * 2.5);
    font-weight: @global-thin-font-weight;
}

.tm-thin-font {
    font-weight: @global-thin-font-weight;
}

.tm-caps {
    text-transform: uppercase;
    letter-spacing: 2px;
    
    > .uk-panel-title {
        font-size: @base-h3-font-size;
        letter-spacing: @global-heading-letter-space;
        text-transform: uppercase;
        text-align: center;
        display: block;
        border-bottom: 0;
        margin-bottom: @global-block-gutter;
    }
}

.tm-small-caps {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: round((@global-font-size*0.85));
}

.tm-padding {
    padding: @panel-box-padding;

    &.uk-panel-box {
        padding: @panel-box-padding @panel-box-padding*2;
    }
}

.tm-grid {
    color: @global-panel-color;
}

.tm-grid-box {
    background-repeat: no-repeat;
    background-color: @panel-box-background;
    box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
    border-radius: @panel-box-border-radius;
}

.tm-padding-large-bottom > div > div.uk-panel {
    padding-bottom: @panel-box-padding*4;
}

.tm-background-cover {
    box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;

    .tm-inner-container {
        padding: @panel-box-padding*2.5 @panel-box-padding*1.5 @panel-box-padding*2.5;
    }
}

.tm-inner-padding-large {
    .tm-inner-container {
        padding: @panel-box-padding*3 @panel-box-padding*1.5 @panel-box-padding*3 @panel-box-padding*1.5;
    }
}

.tm-padding-large {
    padding-top: @panel-box-padding*2;
    padding-bottom: @panel-box-padding*2;
}

.tm-padding-sides {
    padding: 0 60px;
}

.tm-padding-small-sides {
    padding: 0 @panel-box-padding;
}

.tm-padding-small-left {
    padding: 0 0 0 @panel-box-padding;
}

.tm-image-left-top { background-position: left top; }
.tm-image-left-center { background-position: left center; }
.tm-image-left-bottom { background-position: left bottom; }
.tm-image-center-top { background-position: center top; }
.tm-image-center { background-position: center; }
.tm-image-center-bottom { background-position: center bottom; }
.tm-image-right-top { background-position: right top; }
.tm-image-right-center { background-position: right center; }
.tm-image-right-bottom { background-position: right bottom; }

p:empty {
    margin: 0;
}

.tm-padding-remove { padding: 0 !important; }
.tm-padding-left-remove { padding-left: 0 !important; }

.tm-overlay-primary,
.tm-overlay-secondary,
.tm-overlay-tertiary {

    border-radius: @global-border-radius;

    > div.tm-background-cover {
        border-radius: @global-border-radius;
        background-blend-mode: overlay;
    }   

    &:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        padding: 0;
        top: 0;
        left: 0;
        display: block;
        border-radius: @global-border-radius;      
    }
}

.tm-overlay-primary,
.tm-overlay-primary > div.tm-background-cover,
.tm-overlay-primary:before {
    background-color: @global-overlay-primary-background;
}

.tm-overlay-secondary,
.tm-overlay-secondary > div.tm-background-cover,
.tm-overlay-secondary:before {
    background-color: @global-overlay-secondary-background;
}

.tm-overlay-tertiary,
.tm-overlay-tertiary > div.tm-background-cover,
.tm-overlay-tertiary:before {
    background-color: @global-overlay-tertiary-background;
}

.tm-slider-title {
    font-weight: @global-thin-font-weight;
    line-height: @base-h1-line-height;
    color: @global-primary-background;
}

.tm-thick-border {
    border: 10px solid @global-background;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: @global-border-radius;
    -webkit-box-shadow: 0 0 1px @global-primary-background;
            box-shadow: 0 0 1px @global-primary-background;
}

// Tablet and bigger
@media (min-width: @breakpoint-medium) {

    .tm-margin-right-gutter-medium { margin-right: -@global-grid-gutter; }

}

// Panel
.tm-panel-box-teaser { margin: -@panel-box-padding!important; }

.tm-panel-space-teaser { margin: -@panel-space-padding -@panel-space-padding ((@panel-space-padding / 2)) -@panel-space-padding; }

.tm-panel-space-teaser:before,
.tm-panel-box-image-teaser:before {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 10;
    border-bottom: 1px solid @global-border;
}

// Large screen and bigger
@media (min-width: @breakpoint-xlarge) {

    .tm-margin-right-gutter { margin-right: -@global-grid-gutter-large; }

}

// 
// Article style
//

.tm-content-grid,
.tm-content #adminForm,
.tm-noblog .tm-content,
.tm-isblog .tm-article {
    padding: @theme-article-padding;
    box-shadow: @theme-article-box-shadow-horizontal @theme-article-box-shadow-vertical @theme-article-box-shadow-blur @theme-article-box-shadow-spread @theme-article-box-shadow-color,
                inset 0 0 0 1px rgba(255, 255, 255, 0.035);
    background: @theme-article-background;
    border-radius: @global-border-radius;
}

.tm-isblog.tm-content-padding-remove .tm-article {
    padding: 0;
}

.tm-isblog .tm-article div.tm-article {
    background-color: @global-transparent;
    padding: 0;
    box-shadow: none;
}

.tm-noblog .uk-article {
    background: none;
    box-shadow: none;
}

.tm-article-featured-image {
    position: relative;
    margin: -@theme-article-padding -@theme-article-padding @theme-article-padding;
    
    img {
        margin-top: 0;
        width: 100% !important;
        border-radius: @global-border-radius @global-border-radius 0 0;
    }

    > a {
        border-radius: @global-border-radius @global-border-radius 0 0;

        &:before {
            content: "";
            background: fade(@global-primary-background, 60%);
            width: @article-left-padding+@panel-box-padding;
            height: 100%;
            position: absolute;
            box-shadow: inset -1px 0 0 @global-light-shadow;
            z-index: 1;
            -webkit-transition: @global-transition;
                    transition: @global-transition;
        }

        &:hover:before{
            width: 0;
        }
    }
}

.tm-article-content {
    margin-top: 20px;
}

.tm-noblog .uk-article + .uk-article {
    padding-top: @article-margin-top;
    border-top: 1px solid @global-border;
}

.tm-page-title {
    padding: 0 0 @panel-space-padding;
    margin-top: -20px;
}

.tm-dropcap-block > p:first-of-type:first-letter,
.tm-dropcap .tm-article > p:first-of-type:first-letter {
    margin: 10px 10px 0 0;
    float: left;
    line-height: 40px;
    color: @global-dark-color;
    font-size: round((@global-font-size*3.5));
    font-family: @base-heading-font-family;
    font-weight: @global-thin-font-weight;
}

.tm-content > h2 {
    padding-bottom: @global-block-gutter;
}

.tm-article-icons {
    border-bottom: 1px dotted fade(@global-heading-color, 20%);
    padding-bottom: 10px;
    margin: 0 0 10px;

    a {
        margin-right: 20px;
    }

    .icon-print,
    .icon-envelope {
        vertical-align: middle;
        padding-right: 5px;
        font-size: 15px;
    }

    .icon-print:before,
    .icon-envelope:before {
        font-family: @global-font-icon;
    }

    .icon-print:before{
        content: "\f02f";
    }

    .icon-envelope:before {
        content: "\f003";
    }
}

//
// Category Module
//

.category-module {
    list-style-type: none;
    padding-left: 0;
}

//
// Contact
//

.contact {
    h3 { .uk-module-title; }

    .form-horizontal {
        .controls {
            margin-right: 22px;
        }

        .control-group {
            margin-bottom: 10px;

            .controls > input,
            .controls > textarea {
                width: 100%;
            }
        }
    }
}

//
// Error
//

.tm-error-icon { font-size: 250px; }
.tm-error-headline { font-size: 100px; }

//
// Offline
//

.tm-offline { width: 300px; }

//
// Social buttons
//

.tm-socialbuttons {

    line-height: 1;

    > div {
        margin-right: 10px;
        float: left;
    }
}

//
// Pricing Tables
//

.tm-price-column{
    box-shadow: 1px 0 0 0 @theme-pricing-table-border,
                inset 1px 0 @theme-pricing-table-border;

    &.tm-shift-top {
        -webkit-transform: translateY(-20px);
                transform: translateY(-20px);
    }

    .tm-price-bottom {
        border-bottom: 3px double @theme-pricing-table-border;
    }
}

.tm-price-title{
    padding: 30px 30px 0;
    color: @global-primary-background;
    font-size: @base-h2-font-size;
    line-height: @base-h3-line-height;
    font-family: @base-heading-font-family;
    font-weight: @global-thin-font-weight;
    letter-spacing: @global-heading-letter-space;
    border-top: 5px solid @global-primary-background;

    sup{
        top: -1em;
    }

    sup,
    sub {
        font-size: @base-h3-font-size;
    }
}

.tm-price-tag {
    padding: 10px 30px;

    h3 {
        color: @global-panel-color;
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
        font-size: @base-h4-font-size;
    }
}

.tm-price-column .uk-button:empty {
    visibility: hidden;
}

.tm-price-list {
    margin: 0;
    padding: 0;

    > li {
        list-style-type: none;
        padding: 0 @panel-box-padding;
        line-height: 36px;

        i {
            float: left;
            padding-right: 15px;
            color: @theme-pricing-table-icon-color;
            font-size: 18px;
            line-height: inherit;
        }
    }
}

.tm-price-bottom > * {
    margin: 25px;
}

@media (max-width: @breakpoint-small-max) {

    .tm-price-column {
        margin-bottom: 20px;
    }

    .tm-price-column.tm-shift-top {
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }

    .tm-footer > .uk-container > .uk-flex {
        .uk-flex-column;
        .uk-flex-center;
    }

    .tm-footer-left + .tm-footer-right { 
        margin-top: @global-margin-small; 
    }
}

// 
// Canvas Background Style
// 

.canvas-bg-style ();

.canvas-bg-style () when (@theme-canvas-background-image = 'absurdity') { html { background: @theme-canvas-background url(../images/patterns/absurdity.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'batthern') { html { background: @theme-canvas-background url(../images/patterns/batthern.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'black-felt') { html { background: @theme-canvas-background url(../images/patterns/black-felt.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'black-paper') { html { background: @theme-canvas-background url(../images/patterns/black-paper.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'brick-wall-dark') { html { background: @theme-canvas-background url(../images/patterns/brick-wall-dark.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'brick-wall') { html { background: @theme-canvas-background url(../images/patterns/brick-wall.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'broken-noise') { html { background: @theme-canvas-background url(../images/patterns/broken-noise.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'connected') { html { background: @theme-canvas-background url(../images/patterns/connected.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'fabric-light') { html { background: @theme-canvas-background url(../images/patterns/fabric-light.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'fresh-snow') { html { background: @theme-canvas-background url(../images/patterns/fresh-snow.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'low-contrast-linen') { html { background: @theme-canvas-background url(../images/patterns/low-contrast-linen.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'navy') { html { background: @theme-canvas-background url(../images/patterns/navy.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'notebook') { html { background: @theme-canvas-background url(../images/patterns/notebook.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'xv') { html { background: @theme-canvas-background url(../images/patterns/xv.png) 0 0 repeat fixed; }}
.canvas-bg-style () when (@theme-canvas-background-image = 'custom') { html { background: @theme-canvas-background url(../images/background/1.jpg) 50% 0 fixed; background-size: cover; }}

// 
// Footer Background Style
// 

.footer-bg-style ();

.footer-bg-style () when (@theme-block-footer-background-image = 'none') { #tm-block-footer { .gradient(@theme-block-footer-background, spin(@theme-block-footer-background, @global-secondary-spin), @theme-block-footer-background); }}
.footer-bg-style () when (@theme-block-footer-background-image = 'absurdity') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/absurdity.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'batthern') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/batthern.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'black-felt') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/black-felt.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'black-paper') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/black-paper.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'brick-wall-dark') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/brick-wall-dark.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'brick-wall') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/brick-wall.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'broken-noise') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/broken-noise.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'connected') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/connected.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'fabric-light') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/fabric-light.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'fresh-snow') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/fresh-snow.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'low-contrast-linen') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/low-contrast-linen.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'navy') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/navy.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'notebook') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/notebook.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'xv') { #tm-block-footer { background: @theme-block-footer-background url(../images/patterns/xv.png) 0 0 repeat fixed; }}
.footer-bg-style () when (@theme-block-footer-background-image = 'custom') { #tm-block-footer { background: @theme-block-footer-background url(../images/background/1.jpg) 50% 0 fixed; background-size: cover; }}

// backgrounds
.tm-overlay-absurdity,
.tm-overlay-batthern,
.tm-overlay-black-felt,
.tm-overlay-black-paper,
.tm-overlay-brick-wall-dark,
.tm-overlay-brick-wall,
.tm-overlay-broken-noise,
.tm-overlay-connected,
.tm-overlay-fabric-light,
.tm-overlay-fresh-snow,
.tm-overlay-low-contrast-linen,
.tm-overlay-navy,
.tm-overlay-notebook,
.tm-overlay-xv {
    background-repeat: repeat;
    background-position: 0 0;
    background-color: inherit;
    background-attachment: fixed;
}

.tm-overlay-absurdity {
    background-image: url(../images/patterns/absurdity.png);
}

.tm-overlay-batthern {
    background-image: url(../images/patterns/batthern.png);
}

.tm-overlay-black-felt {
    background-image: url(../images/patterns/black-felt.png);
}

.tm-overlay-black-paper {
    background-image: url(../images/patterns/black-paper.png);
}

.tm-overlay-brick-wall-dark {
    background-image: url(../images/patterns/brick-wall-dark.png);
}

.tm-overlay-brick-wall {
    background-image: url(../images/patterns/brick-wall.png);
}

.tm-overlay-broken-noise {
    background-image: url(../images/patterns/broken-noise.png);
}

.tm-overlay-connected {
    background-image: url(../images/patterns/connected.png);
}

.tm-overlay-fabric-light {
    background-image: url(../images/patterns/fabric-light.png);
}

.tm-overlay-fresh-snow {
    background-image: url(../images/patterns/fresh-snow.png);
}

.tm-overlay-low-contrast-linen {
    background-image: url(../images/patterns/low-contrast-linen.png);
}

.tm-overlay-navy {
    background-image: url(../images/patterns/navy.png);
}

.tm-overlay-notebook {
    background-image: url(../images/patterns/notebook.png);
}

.tm-overlay-xv {
    background-image: url(../images/patterns/xv.png);
}

// Global slideshow style
.tm-slideshow-gravity,
.tm-slideshow-panel-gravity {

    .uk-dotnav {

        margin-left: 0;

        > * {
            overflow: visible;
            padding-left: 0;
            padding-right: 10px;
        }

        > * > * {
            width: 14px;
            height: 14px;
        }

        li a {
            background-color: @theme-slideshow-dotnav-color;
            -webkit-transform: scale(0.7);
                    transform: scale(0.7);
        }

        > .uk-active > * {
            box-shadow: 0 0 0 2px @theme-slideshow-dotnav-active-color;
            background-color: @global-transparent;
            -webkit-transform: scale(1);
                    transform: scale(1);
        }
    }
}

.tm-slideshow-panel-gravity,
.tm-slideshow-gravity {

    .uk-slidenav {
        top: auto;
        bottom: 0;
        font-size: 20px;
        background-color: @theme-slideshow-slidenav-background;
        width: 50px;
        height: 60px;
        line-height: 60px;
        z-index: 0;
        display: inline-block !important;
        margin-top: 0;
        position: relative;
    }

    .uk-slidenav-next:before,
    .uk-slidenav-previous:before {
        color: @theme-slideshow-slidenav-color;
        font-size: 25px;
        display: block;
    }

    .uk-slidenav:hover {
        background-color: @theme-slideshow-slidenav-hover-background;

        &:before {
            color: @theme-slideshow-slidenav-hover-color;
        }
    }

    .uk-slidenav:active {
        -webkit-transform: scale(1);
                transform: scale(1);
    }

    .uk-slidenav-previous:before { content: "\f104"; }
    .uk-slidenav-next:before { content: "\f105"; }

}

.tm-slideshow-gravity {

    .uk-slideshow:before {
        content: "";
        position: absolute;
        background-color: @global-primary-background;
        height: 60px;
        width: 60px;
        top: 50%;
        left: 50%;
        margin-left: -50px;
        margin-top: -20px;
        border-radius: 50%;
          -webkit-animation-fill-mode: both;
                  animation-fill-mode: both;
        -webkit-animation: ball-scale 1s 0s ease-in-out infinite;
                animation: ball-scale 1s 0s ease-in-out infinite;
    }

    .uk-slidenav-next {
        right: 0;
        border-bottom-right-radius: @global-border-radius;
    }

    .uk-slidenav-previous {
        left: auto;
        right: 0;
        border-top-left-radius: @global-border-radius;
    }
}

//
// Slideshow - style:: default
// 

.tm-slideshow-scroller {

    .uk-dotnav {
        margin: 10px;

         > * > * {
            border-radius: 10px;
         }
    }

    .uk-overlay-panel {
        background-color: rgba(0, 0, 0, 0.3);
    }

    .uk-slidenav {
        display: block;
        font-size: 32px;
        z-index: 0;

        &:before{
            font-size: 50px;
        }
    }

    .uk-dotnav {

        margin-bottom: 20px;

        > * {
            padding-left: 15px;
        }

        li a {
            box-shadow: 0 0 0 1px @global-darkest-shadow;
            border-radius: 10px;
            background: @global-transparent;
            width: 10px;
            height: 10px;
            padding: 1px;
            text-indent: -999em;
        }

        > .uk-active > * {
            background-color: @global-transparent;
            -webkit-box-shadow: 0 0 0 2px @global-primary-background;
                    box-shadow: 0 0 0 2px @global-primary-background;
        }
    }

    .uk-slidenav {
        top: 45%;
        bottom: 0;
        font-size: 30px;
        display: inline-block;
        width: 50px;
        height: 80px;
        line-height: 75px;
        z-index: 0;
    }

    .uk-slidenav-next:before,
    .uk-slidenav-previous:before {
        color: @theme-slideshow-slidenav-color;
        font-family: @global-font-icon;
        font-size: 30px;
    }

    .uk-slidenav-next {
        right: 0;
    }

    .uk-slidenav-previous {
        left: 0;
    }

    .uk-slidenav-previous:before { content: "\f104"; }
    .uk-slidenav-next:before { content: "\f105"; }

    .tm-testimonial {
        margin: 0 45px;
        padding: 0 15px;
        border-width: 0;
    }
}

//
// Slideshow - style:: scroller
//

.tm-slideshow-scroller {

    .tm-testimonial {
        margin: 0 50px;
    }

    .uk-slidenav {
        width: 35px;
        height: 35px;
        line-height: 28px;
        border: 1px solid darken(@global-primary-background, 5%);
        background-color: @global-transparent;
        border-radius: 100%;
    }

    .uk-slidenav-next:before,
    .uk-slidenav-previous:before {
        color: @global-primary-background;
        font-size: 22px;
    }

    .uk-slidenav-next {
        right: 0;
    }

    .uk-slidenav-previous {
        left: auto;
    }
}

//
// Slideshow - style:: gravity
//

.tm-slideshow-gravity {

    overflow: hidden;
    background-color: @global-background;

    &.tm-fullscreen-slideshow {
        background-color: @global-transparent;
    }

    .uk-slideshow:not(.tm-slideshow-fullscreen) {
        max-height: @theme-slideshow-height;
        min-height: @theme-slideshow-height;
        -webkit-transition: height 0.25s;
                transition: height 0.25s;

        > li, 
        > li > canvas {
            max-height: @theme-slideshow-height;
            min-height: @theme-slideshow-height;
        }
    }

    .tm-slidenav {
        .uk-position-absolute;
        .uk-position-bottom-right;
    }

    &.tm-slidenav-left .tm-slidenav {
        right: auto;
        left: 0;

        .uk-slidenav-next {
            left: -50px;
            bottom: 60px;
        }
    }

    > div.uk-margin {
        position: absolute;
        left: 30px;
        bottom: 10px;
        margin: 0;
    }

    .uk-button {
        margin-right: 20px;
    }

    .uk-overlay-panel {
        z-index: 1;
        background: none;
        box-shadow: none;
        text-shadow: none;
        opacity: 0;

        h1,h2,h3,h4,h5,h6 {
            color: @theme-slideshow-text-color;
            font-weight: @global-thin-font-weight;
            letter-spacing: @global-heading-letter-space;

            > strong {
                font-weight: @global-bold-font-weight;
            }
        }

        h1,
        h2,
        h3 {
            font-size: 38px;
            line-height: 50px;
        }

        &.uk-contrast {
            div > * {
                color: @global-contrast-color !important;
            }
        }

        > div {
            display: block;
            width: @theme-slideshow-text-width;

            .uk-button {
                float: left;
            }

            > div {
                text-align: left;
                font-size: @theme-slideshow-text-font-size;
                line-height: @theme-slideshow-text-line-height;
                color: @theme-slideshow-text-color;
            }
        }
    }

    li.uk-active .uk-overlay-panel {

        > div > * {
            -webkit-animation-duration: 0.5s;
                    animation-duration: 0.5s;
            -webkit-animation-timing-function: ease-out;
                    animation-timing-function: ease-out;
            -webkit-animation-fill-mode: both;
                    animation-fill-mode: both;
            -webkit-animation-name: @theme-slideshow-item-animation;
                    animation-name: @theme-slideshow-item-animation;

            &:nth-child(1) {
                -webkit-animation-delay: 0.6s;
                        animation-delay: 0.6s;
            }

            &:nth-child(2) {
                -webkit-animation-delay: 0.85s;
                        animation-delay: 0.85s;
            }

            &:nth-child(3) {
                -webkit-animation-delay: 1.10s;
                        animation-delay: 1.10s;
            }

            &:nth-child(4) {
                -webkit-animation-delay: 1.35s;
                        animation-delay: 1.35s;
            }
        }
    }
}

@media (max-width: @breakpoint-small-max) {

    .tm-slideshow-gravity .uk-slideshow:not(.tm-slideshow-fullscreen) {
        min-height: 0;
        max-height: auto;

        > li, 
        > li > canvas {
            max-height: auto;
            min-height: 0;
        }
    }

}

//
// Gallery - style:: gravity
//

.tm-gallery-gravity {

    .uk-overlay-panel.uk-ignore {
        background-color: @global-transparent;
        background: linear-gradient(180deg, rgba(0,0,0,0) 50%, fade(@global-primary-background, 75%) 100%);
    }

    .uk-overlay > :first-child,
    .uk-overlay.uk-overlay-hover {
        border-radius: @global-border-radius;
    }

    .uk-module-title {
        margin-top: 30px;
        position: absolute;
        top: auto;
        -webkit-transition: @global-transition;
                transition: @global-transition;    
        -webkit-transition-duration: 0.75s;
                transition-duration: 0.75s;
    }

    .tm-gallery-arrow {
        right: @panel-box-padding !important;
        bottom: @panel-box-padding !important;
        -webkit-transition: @global-transition;
                transition: @global-transition;
    }

    .uk-overlay .uk-overlay-panel {
        border-radius: @global-border-radius - 1px;

        &:hover {
            .uk-module-title {
                margin-top: -50px;
                top: 80px;
                -webkit-transition: @global-transition;
                        transition: @global-transition;
            }

            .tm-gallery-arrow {
                bottom: @panel-box-padding*1.5 !important; 
                -webkit-transition-delay: 0.2s;
                        transition-delay: 0.2s;
            }
        }

        .uk-text-large {
            line-height: 32px;
            margin-bottom: 0;
            font-weight: @global-thin-font-weight;
            margin-right: 40px;
        }

        :not(:hover) [class*='uk-animation-'] {
            opacity: 0;
            -webkit-animation-duration: 0.3s;
                    animation-duration: 0.3s;
        }
    }
}

@media (max-width: @breakpoint-small-max) {

    .tm-gallery-gravity {
        .uk-text-large {
            font-size: @global-font-size;
            line-height: @global-line-height;
        }
    }
}

//
// Slideset - style:: gravity
//

.tm-slideset-gravity {

    .uk-subnav {

        margin-bottom: 40px;
        margin-right: 100px;

        li {
            padding: 0;
            margin: 0 10px;

            a { 
                padding: 5px 20px;
                font-family: @global-heading-font-family;
                box-shadow: inset 0 -1px 0 @global-light-border,
                            inset 0 1px 0 @global-light-border;
                font-size: @global-font-size;

                &:before {
                    content: "";
                    position: absolute;
                    width: 0;
                    height: 1px;
                    background-color: @theme-slideset-subnav-active-color;
                    bottom: 0;
                    left: 0;
                    -webkit-transition: @global-transition;
                            transition: @global-transition;
                }

                &:hover{
                    background-color: @global-transparent;
                    box-shadow: none;

                    &:before {
                        width: 100%;
                    }
                }
            }
        }

        li::before {
            content: "";
            position: absolute;
            width: 0;
            left: 0;
            bottom: 0;
            transition: @global-transition;
            border-bottom: 2px solid @global-transparent;
        }

        li.uk-active a {
            border-radius: @global-border-radius;
            background-color: @panel-box-primary-background;
            color: @panel-box-primary-color;
            box-shadow: none;

            &:hover:before {
                width: 0;
            }

            &::before {
                box-shadow: none;
            }
        }
    }

    .uk-slideset {

        .uk-panel-box {
            box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color,
                        -1px 1px @global-light-border,
                        1px 0 @global-light-border;
            border-radius: @global-border-radius;

            &.uk-overlay-hover:hover {
                .uk-overlay .uk-overlay-icon:before {
                    top: 45%;
                }
            }

            .uk-panel-teaser {
                margin: -(@panel-box-padding) -(@panel-box-padding) 0 -(@panel-box-padding);

                .uk-badge {
                    position: absolute;
                    z-index: 10;
                    right: 10px;
                    top: 10px;
                    border-radius: @global-border-radius;
                    letter-spacing: 0;
                    text-transform: none;

                    &:empty { display: none; }
                }

                .uk-overlay {
                    width: 100%;
                    border-radius: @global-border-radius @global-border-radius 0 0;

                    .uk-overlay-icon:before {
                        top: 55%;
                        left: 50%;
                    }
                }
            }

            .uk-panel-title {
                display: block;
                overflow: hidden;
                position: relative;
                color: @panel-box-primary-color;
                margin: -(@panel-box-padding) -(@panel-box-padding/2) @panel-box-padding/2;
                font-size: @base-h4-font-size;
                line-height: @base-h4-line-height;
                padding: 10px @panel-box-padding;
                border-radius: @global-border-radius;
                .gradient(@panel-box-primary-background, saturate(spin(@panel-box-primary-background, @global-primary-spin), @global-primary-saturation), @panel-box-primary-background);
                -webkit-transition: @global-transition;
                        transition: @global-transition;
                box-shadow: inset 0 -4px 0 darken(@panel-box-primary-background, 5%),
                            inset 0 1px 0 @global-light-glow;

                &:before {
                    content: "";
                    background: @global-light-glow;
                    border-left: 1px solid rgba(255, 255, 255, 0.2);
                    width: 50px;
                    height: 100px;
                    right: -20px;
                    top: -10px;
                    z-index: 5;
                    position: absolute;
                    -webkit-transform: rotate(20deg);
                            transform: rotate(20deg);
                }
            }

            a:hover ~ .uk-panel-title {
                -webkit-transform: translateY(10px);
                        transform: translateY(10px);
            }
        }
    }

    .uk-slidenav-position { 

        margin-bottom: 0;

        .uk-slidenav-previous {
            left: 0;
        }

        .uk-slidenav-next {
            right: 0;
        }
    }

    .uk-slideset-nav {

        margin-bottom: -25px;

        li a {
            border-radius: 100%;
            background: @theme-slideset-dotnav-color;
            width: 10px;
            height: 10px;
            padding: 1px;
            -webkit-transition-delay: 0.5s;
                    transition-delay: 0.5s;
            -webkit-transform: scale(0.7);
                    transform: scale(0.7);
        }

        > .uk-active > * {
            box-shadow: 0 0 0 2px @theme-slideset-dotnav-active-color;
            background-color: @global-transparent;
            -webkit-transform: scale(1);
                    transform: scale(1);
        }

        + .uk-slidenav-position {
            margin-top: 60px;
        }
    }
}

// Responsiveness

@media (max-width: @breakpoint-medium) {

    .tm-slideshow-gravity {

        .uk-overlay-panel {

            h1,h2,h3,h4,h5,h6{
                font-size: 30px;
                line-height: 40px;
            }

            > div > div, 
            div p {
                display: none;
            }
        }

        .uk-slidenav {
            display: none !important;
        }

        .caption {
            font-size: @global-font-size - 1;
            line-height: 22px;
        }

        .tm-testimonial {
            padding: 0;
            margin: 0 10px;
        }
    }

    .tm-slideset-gravity {
        .uk-slideset {
            padding: 0;
            li a { margin-bottom: 20px; }

            .uk-panel-box .uk-panel-teaser {
                margin: -@panel-box-small-padding -@panel-box-small-padding 0 -@panel-box-small-padding;
            }
        }

        .uk-subnav {
            margin-right: 0;
            margin-bottom: 20px;

            li a {
                padding: 2px 10px;
                margin-bottom: 10px;
                font-size: round((@global-font-size*0.85));
            }
        }

        .uk-slideset-nav {
            margin-bottom: 40px;
            .uk-flex-center;
        }
    }

    .tm-background-cover .tm-inner-container {
        padding: 30px;
    }
}

// Phones

@media (max-width: @breakpoint-small-max) {

    body.uk-container {
        padding: 0;
    }

    .tm-noblog .tm-content, 
    .tm-isblog .tm-article {
        padding: @panel-box-small-padding;
        overflow: hidden;
    }

    .tm-article-featured-image {
        margin: -@panel-box-small-padding -@panel-box-small-padding @panel-box-small-padding;
    }

    .tm-toolbar {

        .uk-subnav > * {
            padding-left: 10px; 
        }

        > div.uk-float-right > div {
            margin-left: 10px;
        }

        .uk-dropdown.uk-dropdown-small {
            border-radius: @global-border-radius 0 @global-border-radius @global-border-radius;
        }
    }

    .uk-module-title-alt {
        &:before,
        &:after {
            width: 20px;
            bottom: 15px;
        }

        &:after {
            right: -20px;
        }

        &:before {
            left: -20px;
        }
    }

    .uk-panel-space {
        padding: 20px;
    }

    .tm-slideshow-gravity {

        .uk-slideshow,
        .uk-slideshow > li,
        .uk-slideshow > li> canvas {
            max-height: none;
            min-height: 0;
        }

        .uk-overlay-panel {
            padding: 0;

            > div {
                width: 100%;
                text-align: center;

                .uk-button {
                    float: none;
                    margin: 0 auto;
                }
            }

            h1:not([class]),
            h2:not([class]),
            h3:not([class]),
            h1,h2,h3,h4,h5,h6{
                font-size: 25px;
                line-height: 26px;
                padding: 10px 0;
                text-align: center;
                background-color: @theme-slideshow-contrast-background;
            }
        }

        .uk-dotnav { display: none; }

        > div.uk-margin {
            left: 50%;
            margin-left: -40px;
            right: auto;
            bottom: 10px;
        }

        .tm-scroll-arrow {
            display: none;
        }
    }

    .tm-fullscreen-slideshow {
        .uk-slideshow .uk-overlay-panel {

            h1:not([class]),
            h2:not([class]),
            h3:not([class]),
            h1,h2,h3,h4,h5,h6{
                background-color: @global-transparent;
                text-align: left;
                font-size: 30px;
            }      
            > div {
                width: 100% !important;

                .uk-button { float: left; }
                > div { text-align: left; }
            }
        }
    }
}

// Only Tablets (Landscape)

@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-large) {

    .uk-navbar-nav > li > a { padding: 0 20px; }

}

// Only tablets (Portrait)

@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {

    .uk-navbar-nav > li > a { padding: 0 20px; }

}

// All Phones
@media (max-width: @breakpoint-small-max) {

    .uk-panel-box,
    .tm-block {
       padding: @panel-box-small-padding;
    }

    .uk-panel-box > .uk-nav-side {
        padding: 0 -@panel-box-small-padding;
    }

    .uk-panel-box > .uk-panel-teaser {
        margin-top: -@panel-box-small-padding;
        margin-left: -@panel-box-small-padding;
        margin-right: -@panel-box-small-padding;
    }

    .tm-minibar {
        padding: 2px @panel-box-small-padding;
    }

    .tm-toolbar {
        padding: round((@theme-toolbar-padding/2)) 0;
    }

    .tm-padding-top-remove-small { padding-top: 0 !important; }
    .tm-margin-bottom-small { margin-bottom: 40px !important; }

    .uk-nav-offcanvas .uk-nav-sub li {
        line-height: 32px;
    }
}

// Phones portrait

@media (max-width: @breakpoint-mini-max) {

    .tm-article-content p {
        clear: both;
    }
}

//
// counter
//

.tm-counter {
    margin: 10px 0 0;
}

.tm-counter-icon {
    font-size: 40px;
    padding-right: 30px;
    line-height: 1.5;
}

.tm-counter-title {
    font-size: @base-h4-font-size;
    margin: 0;
    text-align: right;
}

.tm-counter-content .tm-counter-number {
    font-size: @base-h2-font-size;
    font-weight: @global-bold-font-weight;
    text-align: right;
    margin: 0;
}

.tm-counter-percent:after {
    content: "%";
}

//
// Timeline
//

#tm-timeline {
    position: relative;
    padding: 0 0 @global-grid-gutter;
    margin-top: @global-grid-gutter;
    margin-bottom: @global-grid-gutter;

    &::before {
        content: '';
        position: absolute;
        top: 0;
        left: 18px;
        height: 100%;
        width: 4px;
        background: @global-primary-light-background;
    }
}

.tm-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: @global-primary-color;
    background-color: @global-background;
    border: 1px solid fade(@global-primary-background, 15%);
    text-align: center;
    font-size: 22px;
    z-index: 10;
    line-height: 40px;

    &:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background: @global-primary-background;
        border-radius: 50%;
        left: 5px;
        top: 5px;
    }

    &:after {
        content: "";
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid @global-primary-background;
        left: -1px;
        top: -1px;
        -webkit-animation: pulsate 2.5s ease-out infinite;
                animation: pulsate 2.5s ease-out infinite;
        opacity: 0;
    }
}

.tm-timeline-block {
    position: relative;
    margin: 2em 0;
    -webkit-animation-duration: 0.2s;
            animation-duration: 0.2s;

    &:after {
      content: "";
      display: table;
      clear: both;
    }

    &:first-child {
      margin-top: 0;
    }

    &:last-child {
      margin-bottom: 0;
    }
}

.tm-timeline-img {
    margin: -@global-margin -@global-margin @global-margin;
    border-radius: @global-border-radius @global-border-radius 0 0;
}

.tm-timeline-content {
    position: relative;
    margin-left: 60px;
    border-radius: @global-border-radius;
    padding: 20px @global-margin;
    z-index: 1;

    &:before {
      content: '';
      position: absolute;
      top: 15px;
      right: 100%;
      height: 0;
      width: 25%;
      z-index: -1;
      border: 1px solid @global-primary-light-background;
    }

    .uk-module-title {
        margin-top: 20px;
    }

    p {
        margin: 0;

        + a {
            margin-top: 20px;
        }
    }

    .tm-timeline-date {
        display: inline-block;
        padding: 0 10px;
        float: right;
        font-weight: bold;
        border-radius: 0 0 @global-border-radius @global-border-radius;
        border-width: 0 1px 1px;
        margin-top: -20px;
        border-style: solid;
        background-color: darken(@global-primary-background, 3%);
        border-color: darken(@global-primary-background, 3%);
        color: @global-contrast-color;
    }
}

.tm-timeline-default .tm-timeline-content {
    background-color: @global-background;
    box-shadow: 0 0 0 1px darken(@global-primary-light-background, 5%),
                inset 1px 1px 0 @global-lighter-shadow;
}

.tm-timeline-light .tm-timeline-content {
    background-color: @global-primary-light-background;
    box-shadow: 0 0 0 1px darken(@global-primary-light-background, 5%),
                inset 1px 1px 0 @global-lighter-shadow;

    h1,h2,h3,h4,h5,h6 {
        &.uk-module-title:after {
            border-bottom-color: inherit;
        }
    }
}

.tm-timeline-primary .tm-timeline-content {
    color: @global-contrast-color;
    background-color: @global-primary-background;
    box-shadow: 0 0 0 1px @global-dark-shadow;

    h1,h2,h3,h4,h5,h6 {
        color: @global-contrast-color;

        &.uk-module-title:after {
            border-bottom-color: @global-contrast-color;
        }
    }

    .tm-timeline-date {
        background-color: @global-secondary-background;
        border-color: darken(@global-secondary-background, 2%);
        color: @global-contrast-color;
    }

    .uk-button.uk-button-simple {
        color: @global-contrast-color;
        border-color: @global-contrast-color;
    }
}

.tm-timeline-secondary .tm-timeline-content {
    background-color: @global-secondary-background;
    color: @global-contrast-color;
    box-shadow: 0 0 0 1px @global-dark-shadow;

    h1,h2,h3,h4,h5,h6 {
        color: @global-contrast-color;
    }
}

@media only screen and (max-width: @breakpoint-medium) {
    .tm-timeline-content {
        h2 {
            font-size: 20px;
        }

        .tm-timeline-date {
            font-size: 14px;
        }

        &:before {
            width: 40px;
        }
    }
}

@media only screen and (min-width: @breakpoint-large) {
    #tm-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
        
        &::before {
            left: 50%;
        }
    }

    .tm-timeline-block {
        margin: 4em 0;
        
        &:first-child {
            margin-top: 0;
        }

        &:last-child {
            margin-bottom: 0;
        }

        &:not(:first-child) {
            margin-top: -100px !important;
        }

        &:nth-child(even) .tm-timeline-content {
            float: right;

            &::before {
                left: auto;
                right: 100%;
            }

            .tm-timeline-date {
                left: auto;
                right: 6%;
                text-align: right;
            }
        }
    }

    .tm-timeline-img {
        margin: -20px -@panel-box-padding @panel-box-padding;
    }

    .tm-timeline-icon {
        width: 30px;
        height: 30px;
        left: 50.5%;
        font-size: 22px;
        margin-left: -20px;
        -webkit-transform: translateZ(0);
                transform: translateZ(0);
        -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
    }

    .tm-timeline-content {
        margin-left: 0;
        padding: 20px @panel-box-padding;
        width: 35%;

        &::before {
            top: 15px;
            left: 100%;
        }

        .tm-timeline-date {
            margin-top: -20px;
        }
    }
}

//
// Timetable
//

.tt_event_columns,
div.tt_event_theme_page {
    width: auto;
    background: @global-background;
    &:extend(.uk-grid);
}

div.tt_event_theme_page {
    * {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }

    h1.uk-article-title {
        margin-top: 20px;
    }
}

.tt_event_column_left,
.tt_event_column_right,
.tt_event_page_left,
.tt_event_page_right {
  &:extend(.uk-grid > * all);
  &:extend([class*='uk-width'] all);
}

.tt_event_page_left {
    &:extend(.uk-width-medium-7-10 all);
    padding-right: 40px;
}

.tt_event_page_right {
    &:extend(.uk-width-medium-3-10 all);
}

.tt_event_column_left,
.tt_event_column_right{
    &:extend(.uk-width-medium-1-2 all);
}



table.tt_timetable {
  font-family: @base-body-font-family;
  font-weight: @base-body-font-weight;
  background: @global-background !important;

  .event_container {
    padding: 15px;
  }

  .event a, 
  .event .event_header {
    font-size: @global-font-size;
  }

  tr {
    background: @global-background !important;
  }

  th,
  td {
    font-size: @global-font-size;
    font-weight: @global-font-weight;
    color: @global-panel-color;
  }

  .event,
  .event.tt_single_event {
      background-color: @theme-timetable-box-background;
      border-radius: @global-border-radius;
      transition: @global-transition;
  }

  .tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected {
      border-radius: 2px;
      border-color: darken(@global-primary-background, 5%);
      width: auto;
  }

  .event > hr:after {
      content: "";
  }
}

.tt_event_items_list {
    .uk-list;
}

.sf-timetable-menu {

    li ul li {
        background-color: @global-background;

        &:hover {
            background-color: @global-background;
        }
    }

    &.tabs_box_navigation {
        font-family: @base-body-font-family;

        .tabs_box_navigation_selected:hover {
          color: @global-contrast-color;
        }

        .tabs_box_navigation_selected > label {
            padding-right: 25px; 
        }
    }

    &.tabs_box_navigation .tabs_box_navigation_selected,
    li ul li a:hover,
    li ul li.selected a:hover {
        background-color: @panel-box-primary-background !important;
        color: @panel-box-primary-color !important;
    }

    .tabs_box_navigation_selected:hover {
        color: @global-contrast-color;
    }

    &.tabs_box_navigation .tabs_box_navigation_selected {
        border-radius: @global-border-radius;
        border-color: @panel-box-primary-background !important;
        min-width: 190px;
        width: auto;
    }
}

.tabs_box_navigation {
    .tabs_box_navigation_icon {
        margin-top: 10px;
        background: none;

        &:after {
            content: "\f107";
            font-size: 20px;
            font-family: @global-font-icon;
            position: absolute;
            top: 15px;
            right: 20px;
        }
    }

    .tabs_box_navigation_selected:hover .tabs_box_navigation_icon:after {
        content: "\f106";
    }
}

.tabs_box_navigation {
    &.sf-timetable-menu {

        li:hover ul a, 
        li.submenu:hover ul a {
            font-family: @global-body-font-family;
            font-weight: @global-font-weight;
            font-size: @global-font-size;
            color: @global-panel-color !important;
            background: @global-background;

            &:hover {
                color: @panel-box-primary-color !important;
            }
        }

        li:hover a,
        li.selected a,
        li.current-menu-item a,
        li.current-menu-ancestor a {
            border-radius: @global-border-radius;
        }

        li ul li.selected a {
            background-color: @global-light-background;
            color: @global-panel-color;
        }

        li:hover ul,
        li.sfHover ul {
            top: 50px !important;
            border: 1px solid @global-light-border;
            border-radius: 0 0 @global-border-radius @global-border-radius;
            background-color: @global-background;
            box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
        }
    }
}

.tt_tabs .tt_tabs_navigation li {

    margin-right: 30px !important;

    a {
        font-size: @global-font-size !important;
        font-weight: @global-font-weight;
        font-family: @global-body-font-family;
        color: @global-panel-color !important;
        border-bottom-color: fade(@global-panel-color, 50%) !important;
    }

    a:hover,
    a.selected,
    &.ui-tabs-active a {
        border-color: @global-primary-background !important;
        color: @global-primary-color !important;
    }
}


// tooltip
.tt_tooltip {
    .tt_tooltip_content {
        background-color: @global-primary-background;
    }

    .tt_tooltip_arrow {
        border-color: @global-primary-background @global-transparent;
    }
}

.tt_timetable .row_gray {
    background: @global-light-background !important;

    > th {
        background: @global-light-background;
    }
}

.tt_event_hours li {
    width: 40%;
}

.tt_event_hours li,
.tt_upcoming_events li > * {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}

.tt_upcoming_events li .tt_upcoming_events_event_container,
.tt_event_hours li {
    border-color: @global-light-border;
    border-left-color: @global-primary-background;
}

.tt_upcoming_events li .tt_upcoming_events_event_container {
    padding: 15px 20px;
}

.tt_event_items_list li.type_info {
    border-bottom-color: @global-light-border;
    padding: 0;

    &:before {
        content: "";
    }
}

.tt_upcoming_event_controls a:hover,
.tt_upcoming_events li .tt_upcoming_events_event_container:hover{
    background: @global-primary-background;
    border-color: @global-primary-background;
}

div.tt_event_theme_page {

    h2, h3, h4, h5 {
        font-family: @base-heading-font-family;
        font-weight: @base-heading-font-weight;
        color: @base-heading-color;
    }

    h2 {
        .uk-article-title;
    }

    h5 {
        .uk-h3;
    }

    .widget > h5,
    h5.box_header {
        &:extend(.uk-module-title all);
    }
}

h3.box_header,
div.tt_event_theme_page h3 {
    .uk-module-title;
}

h3.box_header {
    margin-top: 30px !important;
}

.tt_upcoming_events li .tt_upcoming_events_event_container {
    font-size: @global-font-size;
    font-weight: @global-font-weight;
    color: @global-panel-color;
    font-family: @base-body-font-family;
    background: @global-background;
}

.tm-article .tt_tabs .tt_timetable {
    font-family: @base-body-font-family !important;
}

.tt_timetable .event .before_hour_text,
.tt_timetable .event .after_hour_text {
    font-size: @global-font-size;
    font-weight: @global-font-weight;
}

.tt_event_items_list li,
div.tt_event_theme_page p {
    color: @global-panel-color;
    font-size: @global-font-size;
    font-weight: @global-font-weight;
    font-family: @global-body-font-family;
    line-height: @global-line-height;
}

ul.tt_event_items_list li {
    background: none;
    padding-left: 0;

    &:before {
        content: "\f00c";
        padding-right: 10px;
        font-family: @global-font-icon;
    }
}

.tt_event_theme_page img,
.event-thumbnail {
    .uk-border-rounded;
}

// responsiveness
.tt_timetable.small {
    font-size: @global-font-size;
    font-weight: @global-font-weight;
}

.tt_items_list {
    li {
        border-bottom: 1px dashed @global-light-border;
    }

    .value {
        color: @global-panel-color;
    }
}

.tt_responsive .tt_timetable.small .box_header {
    font-size: @base-h3-font-size !important;
    color: @base-heading-color !important;
    font-family: @base-heading-font-family;
}

.tt_responsive .tt_timetable.small .tt_items_list a,
.tt_responsive .tt_timetable.small .tt_items_list span {
    font-family: @base-body-font-family;
    color: @global-panel-color !important;
}

@media (max-width: @breakpoint-small-max) {
    .tt_event_page_left {
        padding-right: 0;
    }
}

// 
// K2
// 

#k2Container{
    article ul{
        padding: 0;
        margin-bottom: 0
    }

    .uk-pagination {
        margin-top: 20px;
    }
}

// rss feed

.k2FeedIcon a,
a.k2FeedIcon {
    display: block;
    text-align: left;
    line-height: 21px;
    padding: 30px 0 0 0;
    font-family: inherit;
    
    &:before {
        font-family: @global-font-icon;
    }

    &:hover {
        color: @global-panel-color;
    }
}

.k2FeedIcon a {
    float: none;
}

// category list

.k2CategoriesListBlock {

    ul{
        padding: 0;
        line-height: 22px;
        color: @global-panel-color;
        list-style-type: none;
    }

    a { margin: 5px 8px 8px 0; }
}

ul li.itemResizer a {
    display: inline-block;
    height: 26px;
    width: 15px;
    
    span {
        padding: 0 6px 0 0;
    }
}

.smallerFontSize {
    font-size: round((@global-font-size*0.9)) !important;
}

.largerFontSize {
    font-size: round((@global-font-size*1.15)) !important;
}

.tt_timetable .hours {
    font-family: @global-heading-font-family;
}

.itemImageBlock {
    clear: both;

    > a {
        border-radius: 0;
        width: 100%;
    }
}

.itemImage img{
    width: 100% !important;
    border-radius: 0;
}

table.admintable tr{border: 5px solid transparent;}
th.k2ProfileHeading{text-align: left; line-height: 48px;}

.itemLinks .itemCategory a,
.itemLinks .itemAttachmentsBlock ul,
.itemLinks .itemTagsBlock{
    margin-top: 10px;
}
.itemLinks .itemCategory a{
    margin-left: 10px;
}

.itemLinks .itemTagsBlock ul {
    display: block;
    margin: 0 0 0 8%;

    li {
        margin: -3px -5px 0 10px;
        list-style-type: none;
    }
}

.itemBottom .itemRatingBlock span,
.itemBottom .itemRatingBlock .itemRatingList,
.itemBottom .itemRatingBlock .itemRatingForm ul.itemRatingList li,
.itemLinks .itemCategory span,.itemLinks .itemAttachmentsBlock > span,
.itemExtraFields ul li span.itemExtraFieldsLabel,
.itemLinks .itemTagsBlock span,
.itemLinks .itemTagsBlock ul li,
.latestView .itemsContainer {
    float: left;
}

.itemRatingBlock {
    float: right;
    padding-top: 5px;
}

.itemAuthorContent ul,
.itemExtraFields ul{
    padding: 0;
}

.itemBottom {
    clear: both;
    margin: 0 0 6px;
}

.itemLinks {
    clear: both;
    margin: 0 0 38px 0;
    display: inline-block;
    width: 100%;
    
    .itemTagsBlock,
    .itemSocialSharing {
        clear: both;
    }

    .itemAttachmentsBlock ul li a span {
        color: @global-panel-color;
    }
    .itemAttachmentsBlock span{
        margin-right: 10px
    }

    .itemSocialSharing > div {
        float: left;
    }

}

.itemSocialSharing {
    min-height: 38px;
    margin: 42px 0 0 !important;
    overflow: visible !important;
    padding: 20px 0 0 0;
    border-top: 1px solid rgba(0,0,0,0.05);
    box-shadow: 0 1px 0 @global-light-shadow inset;
}

.itemExtraFields {
    margin: 0 20px 25px 0;
    float: left;
    padding: 10px 20px;

    h3 {
        padding: 0 0 15px !important;
    }
}

.itemsCategory {
    padding: 0 0 @global-block-gutter;
}

.itemBottom small.itemDateModified {
    display: block;
    text-align: left;
    font-size: round((@global-font-size*0.9));
}

.itemRatingLog {
    float: left;
    line-height: 20px;
    margin: 0 0 0 10px;
    font-size: round((@global-font-size * 0.75));
    text-transform: uppercase;
    letter-spacing: 1px;
}

#formLog {
    clear: both;
    color: inherit;
    display: block;
    float: none;
    margin: 10px 0;
    position: relative;
    text-align: center;
    top: 10px;

    &:empty { display: none; }
}

.formLogLoading {
    width: 16px;
    height: 21px;
    font-family: @global-font-icon;
    font-size: 16px;
    -webkit-animation: uk-rotate 1s infinite linear;
            animation: uk-rotate 1s infinite linear;
    overflow: hidden;
    margin: 0 0 0 10px;
    color: @global-primary-color;

    &:before{
        content: "\f1ce";
    }
}

.clr + .itemsContainer {
    margin-top: @panel-box-padding;
}

.tm-blog + .tm-blog {
    margin-top: @panel-box-padding*3;
}

.itemView {

    .tm-article-featured-image {
        margin-top: 0;
    }

    + .itemView {
        margin-top: round((@panel-box-padding*3));
    }

    > *:not(.itemImageBlock) {
        margin-left: @article-left-padding !important;
    }

    .uk-article-meta {
        margin-bottom: 10px;
        display: block;
        > span {
            display: inline-block;
            padding-right: 5px;
        }
    }

    .tm-highlight-block,
    blockquote {
        margin-left: -@article-left-padding;
    }

    .tm-article-icons {

        .icon-print, .icon-envelope {
            line-height: 14px;
        }
    }
}

.itemRatingList,
.itemRatingList a:hover,
.itemRatingList .itemCurrentRating {
    background: url("../images/k2/star.svg") left -1000px repeat-x;
}

.itemRatingList {
    background-position: left top;
    float: left;
    height: 20px;
    list-style: none;
    margin: 0 !important;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 100px;
}

#k2Container header {
    .itemRatingList{
        height: 18px !important;
        margin: 18px 5px 0 !important;
    }

    .itemRatingLog{
        margin: 19px 0 0;
    }
}

.itemRatingList {

    li {
        background: none;
        border: none !important;
        display: inline;
        padding: 0;
    }

    a,
    .itemCurrentRating {
        border: none;
        cursor: pointer;
        height: 20px;
        left: 0;
        line-height: 20px;
        outline: none;
        overflow: hidden;
        position: absolute;
        text-align: right;
        top: 0;
        text-indent: 9em;
    }

    a{
        &:hover {
            background-position: left center;
        }

        &.one-star {
            width: 20%;
            z-index: 6;
        }

        &.two-stars {
            width: 40%;
            z-index: 5;
        }

        &.three-stars {
            width: 60%;
            z-index: 4;
        }

        &.four-stars {
            width: 80%;
            z-index: 3;
        }

        &.five-stars {
            width: 100%;
            z-index: 2;
        }
    }

    .itemCurrentRating {
        background-position: 0 bottom;
        margin: 0;
        padding: 0;
        z-index: 1;
    }
}

.itemTags li{
    margin-right: 5px;
    margin-top: -8px;
}

.itemExtraFields ul li {
    list-style: none;
    padding: 5px 0;
}

.itemAuthorEmail {
    margin-right: 5px;
}

.itemAuthorContent {
    margin: 20px 0 32px 0;
    overflow: hidden;
}

.itemNavigation {
    clear: both;
    padding: 0;
}

.k2CommentItem > a {
    color: @global-panel-color;
}

.itemCommentsForm label {
    clear: both;
    width: 30%;
    float: left;
}

.commentReportLink.modal {
    font-size: 12px;
    border: 1px solid @global-primary-color;
    border-radius: 2px;
    padding: 3px 5px;
    top: 25px;
}

.itemCommentsForm textarea,
.itemCommentsForm .inputbox {
    float: left;
}

.itemCommentsForm textarea.inputbox {
    height: 150px;
}

.itemCommentsForm .inputbox {
    width: 100% !important;
    margin-bottom: @global-block-gutter !important;
}

.itemCommentsForm #submitCommentButton {
    clear: both;
}

.itemCommentsForm .itemCommentsFormNotes {
    font-size: 13px;
    margin: 24px 0;
}

#itemCommentsAnchor {
    clear: both;
    margin: 48px 0 0;
}

// Items views

.itemIntroText {
    color: @global-panel-color;
    font-weight: @global-font-weight;
    line-height: @global-line-height;
}

.itemList article header h1,
.itemList article header h2,
.itemsContainerWrap article header h1 {
    line-height: @article-title-line-height;
}

.itemList ul.itemTags {
    clear: both;
}

.itemList ul.itemTags li {
    float: left;
    list-style-type: none
}

.clr {
    clear: both;
}

.itemListSubCategories {
    overflow: hidden;
}

.itemUserBlock,
.userView > div.uk-block-muted {
    margin-bottom: @global-grid-gutter-large*3;
    border: 1px solid @global-border;
    padding: 40px 20px;
}

.itemRelatedItems {
    border: 1px solid @global-border;
    padding: 40px 20px;
}

.has-caption {

    .uk-image-round,
    .itemImage{
        border-radius: @global-border-radius @global-border-radius 0 0;
    }

    .k2ImageCaption{
        background: @global-light-background;
        letter-spacing: 2px;
        font-size: 10px;
        text-transform: uppercase;
        border-bottom: 1px solid @global-border;
        border-radius: 0 0 @global-border-radius @global-border-radius;
        margin-top: -6px;
        padding: 10px 10px 4px;
    }
}

.subCategoryContainer {
    float: left;
    margin-bottom: 32px;
}

.subCategoryContainer .subCategory {
    margin: 0 32px 24px 0;
    height: auto !important;
}

.itemContainer {
    float: left;
}

.itemList article {
    // padding-bottom: 24px;
}

.latestView .itemsContainerWrap {
    margin: 0;
}

.itemContainerLast article {
    margin: 0;
}

#itemListLinks {
    clear: both;

    ul {
        margin: 12px 0 0 0;
    }

    li {
        font-size: @global-font-size - 1;
        padding-left: 24px;
    }

    a {
        color: #737373;
    }
}

.fb_iframe_widget span {
    vertical-align: baseline !important;
    margin-left: 20px;
}

//
// K2 Comments Module
//

.k2LatestCommentsBlock ul{
    padding-left: 0;
    padding-right: 0;
}

.k2LatestCommentsBlock .k2FeedIcon {
    margin-top: 16px;
}

.k2LatestCommentsBlock ul li,
.k2TopCommentersBlock ul li {
    list-style: none !important;
    padding: 5px 0 10px !important;
}

.k2Avatar {
    display: block !important;
    float: left;
    margin: 15px 20px 10px 0;

    img { border-radius: @global-border-radius/2; }
}

.k2CommentItem .tm-tags-list a {
    margin: 0;
}

.k2CommentItem p{
    margin: 0 0 8px;
}

.lcItemTitle {
    padding: 10px 0;
}

.k2CommentItem span {
    display: block;
}

.k2CommentItem span.lcItemCategory{
    font-size: 12px;
    padding: 0 4px;
    border: 1px solid @global-border;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.055);
    box-shadow: 0 1px 0 @global-light-shadow inset;
    display: inline-block;
}

.k2CommentItem span.lcCommentDate {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.k2AuthorsListBlock {

    ul li {
        border: none;
        border-bottom: 1px solid @global-dark-shadow;
        padding: 12px 0;

        a.abAuthorLatestItem {
            clear: both;
            display: inline-block;
            font-size: 12px;
            line-height: 14px;
            margin: 12px 0 0;
            padding: 0;

            span {
                color: #777;
                display: block;
                font-size: 10px;
            }
        }
    }
}

// Top Commenters

.tcUsername {
    color: #333333;
    font-size: 18px;
}

.tcLatestComment {
    display: block;
    color: #737373;
    font-size: 13px;
    margin: 6px 0;
}

.tcLatestCommentDate {
    color: @global-panel-color;
    display: block;
    font-size: 11px;
}

// 
// K2 Content Module 
// 

div .k2ItemsBlock ul {
    margin: 0;
    padding: 0;
}

div .k2ItemsBlock ul li {
    background: none !important;
    list-style: none !important;
    margin: 0 0 12px;
    padding: 12px 20px 12px 0;
}

.moduleItemTitle {
    display: block;
    font-size: 18px;
    font-family: @global-body-font-family;
    font-weight: @global-font-weight;
    line-height: 22px;

    &:hover {
        text-decoration: none;
    }
}

.moduleItemAuthor {
    border-bottom: 1px dotted @global-dark-shadow;
    margin: 0 0 16px;
    overflow: hidden;
    
    a { padding: 0 0 12px;}
    p { clear: both; }
}

.moduleItemIntrotext {
    display: block;
    padding: 12px 0 0;
    line-height: inherit;
    
    .moduleItemImage img {
        margin-left: 15px;
        float: right;
        border-radius: @global-border-radius;
    }
}

.moduleItemIntrotext .moduleItemImage img {

    border-radius: 4px;
}

.moduleItemDateCreated,
.moduleItemCategory {
    color: @global-panel-color;
    font-size: 14px;
    padding: 10px 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.moduleItemExtraFields ul li span.moduleItemExtraFieldsLabel {
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    width: 30%;
}

.itemExtraFieldsLabel {
    width: 50%;
    display: inline-block;
}

.moduleItemTags,
.moduleAttachments {
    border-top: 1px dotted @global-dark-shadow;
    margin: 12px 0 0;
    overflow: hidden;
    padding: 12px 0 0;
}

.moduleItemTags strong {
    font-size: 12px;
}

.moduleItemTags a {
    .tm-tag;
}

a.moduleItemComments {
    font-size: ((@global-font-size * 0.85));
    letter-spacing: 1px;
    text-transform: uppercase;

    &:hover {
        background-position: 0 100%;
        color: @global-contrast-color;
    }
}

.k2ItemsBlock ul li span.moduleItemHits {
    font-size: ((@global-font-size * 0.85));
    letter-spacing: 1px;
    text-transform: uppercase;
}

// Login Module

.k2LoginBlock {

    fieldset.input {
        margin: 0;
        padding: 0 0 8px 0;

        p {
            margin: 0;
            padding: 0 0 4px 0;

            label,
            input {
                display: block;
            }

            &#form-login-remember label,
            &#form-login-remember input {
                display: inline;
            }
        }
    }
}

.k2UserBlock {

    p.ubGreeting {
        border-bottom: 1px dotted @global-dark-shadow;
    }

    .k2UserBlockDetails {

        span.ubName {
            display: block;
            font-weight: bold;
            font-size: 14px;
        }

        > span {
            display: block;
            font-size: 11px;
            line-height: 16px;
            margin: 3px 0;
        }
    }

    .k2UserBlockActions {
        margin-bottom: 10px;
    }

    .ubAvatar {
        margin-right: 12px;
    }

    .ubName {
        font-size: 13px;
    }
}

.k2LoginBlock ul li {
    font-size: 11px;
}

.k2UserBlock .k2UserBlockActions li,
.k2UsersBlock .ubUserItems li,
.k2UsersBlock .ubUserAdditionalInfo a {
    font-size: 12px;
    padding-left: 16px;
}

// Breadcrumbs

.k2BreadcrumbsBlock {
    span.bcTitle {
        color: @global-panel-color;
        padding: 0 4px 0 0;
    }

    span.bcSeparator {
        font-size: 14px;
        padding: 0 4px;
    }
}

// Calendar

.k2CalendarLoader {
    background: @global-background;
}

.k2CalendarBlock {
    margin-bottom: 8px;

    table.calendar {
        margin: 0 auto;
        width: 100%;

        tr {

            td {
                padding: 3px;
                text-align: center;
                vertical-align: middle;

                &.calendarCurrentMonth {
                    background-color: @global-primary-background;
                    color: @global-contrast-color;
                    height: 40px;
                }
            }

            .calendarDate,
            .calendarDateEmpty,
            .calendarDateLinked,
            .calendarTodayLinked{
                box-shadow: none;
            }

            .calendarNavMonthPrev {
                border-radius: @global-border-radius 0 0 0;
            }

            .calendarNavMonthNext {
                border-radius: 0 @global-border-radius 0 0;
            }

            .calendarNavMonthPrev,
            .calendarNavMonthNext {
                font-size: @global-font-size + 1 !important;
                text-align: center;
                background-color: @global-primary-background;
                color: @global-contrast-color;

                a {
                    color: @global-contrast-color;
                    font-size: 24px;
                    text-decoration: none;
                }
            }

            .calendarDayName {
                font-size: 14px;
                font-weight: @global-font-weight;
                width: 14.2%;
                background: @global-light-shadow;
            }

            .calendarDateEmpty {
                background: @global-light-shadow;
            }

            .calendarDateLinked {
                padding: 0;

                a {
                    display: block;
                    padding: 2px;

                    &:hover {
                        display: block;
                        padding: 2px;
                    }
                }
            }

            .calendarToday {
                color: @global-panel-color;
            }

            .calendarTodayLinked {
                color: @global-contrast-color;
                padding: 0;
            }

            .calendarTodayLinked a {
                color: @global-panel-color !important;
                background: @global-dark-shadow;
                font-weight: normal;
                display: block;
                padding: 3px;
                box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.05) inset;

                &:hover {
                    background-color: #f4f4f4;
                    color: #404040;
                    display: block;
                    padding: 2px;
                }
            }
        }
    }
}

// Category Tree select box

.k2CategorySelectBlock form select {
    width: auto;
}

// Tag cloud

.k2TagCloudBlock {
    font-size: 15px;
    padding: 8px 0 0 4px;
}

// google search

#k2Container .gsc-branding-text {
    text-align: right;
}
#k2Container .gsc-control {
    width: 100%;
}
#k2Container .gs-visibleUrl {
    display: none;
}

a.ubUserURL,
a.ubUserFeedIcon {
    clear: both;
    display: block;
    font-size: 12px;
}

span.ubUserEmail {
    display: inline-block;
    height: 16px;
    margin: 0 2px 0 0;
    overflow: hidden;
    padding: 0;
    width: 16px;

    a {
        display: inline-block;
        height: 16px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        width: 16px;
    }
}

.k2UsersBlock{

    ul li h3 {
        clear: both;
        margin: 8px 0 0 0;
        padding: 0;
    }
    .ubUserDescription p {
        font-size: @global-font-size - 2;
    }
    .ubUserAvatar {
        margin-right: 12px;
    }
    .ubUserName {
        display: block;
        line-height: 11px;
    }
    h3 {
        font-size: @base-h4-font-size;
    }
    .ubUserItems {
        font-size: @global-font-size - 2;
    }
}

.catCounter {
    font-size: 13px;
    font-weight: normal;
}

// Fix for the categories view

.itemContainerLast:first-child .itemImageBlock,
.clr + .itemContainerLast .itemImageBlock {
    padding: 0;
}
.itemCommentsPagination ul li {
    display: inline-block;
    font-size: 80%;
    margin: 0 3px;
}
.itemCommentsPagination ul  {
    text-align: right;
}

#k2Container .pagination a,
#k2Container .pagination strong{
    padding: 5px 10px 5px;
}

.itemsContainer{
    max-width: 100%;
}

.k2UsersBlock li {
    list-style-type: none;
}

.recaptchatable {
    float: left;
}

// 
// K2 responsiveness
// 

@media (max-width: @breakpoint-small-max) {
    #k2Container .itemContainer{
        width: 100% !important;
    }

    .itemView > *:not(.itemImageBlock) {
        margin-left: 0 !important;
    }

    .itemCommentsForm .inputbox {
        width: 100%;
    }

    ul.itemCommentsList{
        padding-left: 0;
    }

    .itemAuthorBlock .itemAuthorDetails{
        margin-left: 0;
    }

    .itemComments .itemCommentsList li > div {
        margin-left: 32px;
    }

    #k2Container header > h1 {
        font-size: 24px;
        line-height: 40px;
        margin: 0 0 15px 0;
    }

    .itemView span.uk-blog-date {
        display: none;
    }
}

@media (max-width: @breakpoint-mini-max) {
    .itemExtraFields {
        float: none;
        margin: 0;
    }

    .subCategoryContainer {
        width: 100% !important;
        margin-bottom: 0;
    }

    .subCategoryContainer .subCategory {
        margin: 0;
        height: auto !important;
    }

    article header .itemRatingBlock > div {
        float: left;
    }

    .itemList article header h1,
    .itemList article header h2,
    .itemsContainerWrap article header h1 {
        font-size: 24px;
        line-height: 40px;
    }
}

//
// Acymailing 
//

.tm-toolbar {
    .acysubbuttons .subbutton {
        font-size: 1rem;
        min-height: 30px;
        line-height: 30px;
        padding: 0 12px;
        margin-left: 10px;
    }

    .acymailing_module_form td {
        padding-bottom: 0;
    }
}

//
// J2 Store
//

.j2store-single-product.multiple {

    text-align: center;

    h2.product-title {
        text-align: center;
        font-size: @base-h4-font-size;
        line-height: @base-h4-line-height;
        margin-bottom: 10px;

        a { color: @global-panel-color; }
    }
}

.j2store-single-product.detail {
    .product-title {
        .uk-module-title;
        font-size: 30px;
        margin-bottom: 0;
        line-height: 30px;
    }

    .price-sku-brand-container {
        .product-price-container {
            text-align: left;
        }
    }

    .j2store-addtocart-form {
        text-align: left;
    }

    .simple-product .row-fluid {
        margin-bottom: 40px;
    }
}

.product-price-container {
    text-align: center;

    .sale-price {
        font-weight: @global-font-weight;
        font-size: @base-h4-font-size;
        margin-bottom: 10px;
        display: inline-block;
    }

    .base-price.strike {
        display: inline-block;
        margin-right: 10px;
        color: @global-muted-color;
    }
}

.product-qty input[type="text"], 
.product-qty input[type="number"] {
    padding: 7px !important;
    height: auto;
}

.discount-percentage {
    color: @global-success-background;
    display: inline-block;
    margin-left: 15px;
    .uk-badge;
}

.j2store-thumbnail-image {
    position: relative;
    border: 1px solid @global-primary-light-background;
    border-radius: 5px;

     > a {
        display: block;
        border-radius: 4px;
        -webkit-transition: @global-transition-ease;
                transition: @global-transition-ease;

        &:hover {
            background-color: @global-primary-light-background;
            box-shadow: 0 0 0 1px darken(@global-primary-light-background, 2%);
        }
    }
}

.j2store-addtocart-form {
    text-align: center;

    a {
        .uk-button;
        .uk-button-primary;
        .uk-button-small;
    }
}

.cart-checkout-button > a {
    float: right;
    &:extend(.uk-button all);
    &:extend(.uk-button-primary all);
    .uk-button-large;
}

.cart-action-complete {
    clear: both;

    .text-success {
        .uk-badge;
        color: @global-panel-color;
        background-color: @global-transparent;
        padding-right: 0;
        border: 0;
    }
}

.cart-update-button > input {
    &:extend(.uk-button all);
    &:extend(.uk-button-primary all);
}

.cart-continue-shopping-button > input {
    &:extend(.uk-button all);
}

.j2store-addtocart-form > a.btn-success,
.j2store-cart-button {
    &:extend(.uk-button-small all);
    &:extend(.uk-button-primary all);
}

.j2store-product-list select {
    float: right;
    font-size: 14px;
}

.j2store-remove {
    color: @global-primary-background;
    border: none;
    background-color: @global-transparent;

    i {
        font-size: 18px;
    }
}

#j2store-pagination {
    text-align: center;
    padding-top: 20px;
    margin-bottom: 0;

    .pagination {
        margin: 0;
    }
}

ul.additional-image-list {
    padding-left: 0;
    margin-bottom: 40px;

    li img {
        border: 1px solid @global-darker-shadow;
    }
}

.price-sku-brand-container {
    border: none;
}

.j2store-cart-table {
    &:extend(.uk-table all);
}

.j2store.checkout h1 {
    .uk-module-title;
}

.cart-item-options {
    float: right;
}

.j2store {
    .checkout-content {
        overflow: visible;
        margin: 30px 10px;
    }

    .checkout-heading {
        .tm-toggle .uk-accordion-title;
        padding: 15px 20px;
        font-size: @base-heading-font-family;
        font-size: @base-h3-font-size;
        line-height: @base-h3-line-height;
        font-weight: @global-font-weight;

        a {
            font-size: @base-h4-font-size;
        }
    }
}

.product-upsells-container > div > h3 {
    .uk-module-title;
}

// Estimate shipping

.cart-estimator-discount-block {
    margin-top: 50px;
}

#j2store-cart-modules > label > input {
    margin: -3px 10px 0 0;
}

#shipping-estimate-form table {
    &:extend(.uk-table all);
    border: none;

    td {
        border-bottom: none;
    }
}

// login form

ul.loginLinks {
    list-style-type: none;
    padding-left: 0;
}

.j2storeUserName > input,
.j2storePassword > input {
    clear: both;
    display: block;
}

#akeeba-renderjoomla {
    margin-top: @global-grid-gutter-large;
}

// related items

.product-upsells-container {

    .upsell-product-row {
        text-align: center;

        .product-price-container {
            margin-bottom: 10px;
        }
    }

    .upsell-product-title {
        text-align: center;
        font-size: @base-h4-font-size;
        font-family: @global-body-font-family;
        line-height: @base-h4-line-height;
        margin-bottom: 10px;

        a { color: @global-panel-color; }
    }
}

// profile

.j2store-myprofile table {
    &:extend(.uk-table all);
}

// mod_j2store_detailcart

.detailJ2StoreCartBlock .j2store-cart-table {
    font-size: round((@global-font-size*0.95));

    tr td:nth-child(3) {
        text-align: right;
    }
}

//
// Kunena
//

#kunena.layout {

    .navbar-inner,
    .breadcrumb {
        background-color: lighten(@global-primary-light-background, 1%);
        border-color: darken(@global-primary-light-background, 3%);
    }

    tr.category:nth-child(odd){
        background-color: lighten(@global-primary-light-background, 1%);
    }

    .navbar .nav > .active > a, 
    .navbar .nav > li > a:focus, 
    .navbar .nav > li > a:hover {
        background-color: darken(@global-primary-light-background, 2%);
    }
}

// 
// Countdown
//

#cntdwn {

    i {
        font-style: normal;
        text-transform: lowercase;
        top: 4px;
        font-size: 15px;
        position: relative;
    }

    b {
        display: list-item;
        font-size: 30px;
        font-family: @global-heading-font-family;
        list-style-type: none;
        line-height: 24px;
        padding-top: 10px;
    }

    dl {
        display: inline-block;
        margin: 0 0 0 15px;
        padding: 10px;
        min-width: 60px;
        text-align: center;
        background-color: @global-border;
        border-radius: @global-border-radius;
        box-shadow: inset 0 1px 0 @global-dark-shadow, 
                    0 1px 0 @global-light-shadow;
    }

    dl:first-child {
        margin-left: 0;
    }
}

.tm-cntdwn-title{
    margin: 10px 0;
    line-height: 40px;
    display: inline-block;
    font-size: @base-h2-font-size;
    font-weight: @global-thin-font-weight;
    font-family: @global-heading-font-family;
    
    > a {
        text-decoration: none;
        color: inherit;
    }
}

.tm-cntdwn-details p{
    margin: 0;
    font-size: @global-font-size + 1;
}

@media (max-width: @breakpoint-small-max) {
    
    #cntdwn {

        dl {
            min-width: 40px;
            padding: 5px;
            margin: 0 0 0 5px;
        }
        
        b { font-size: 22px; }
        i {font-size: 12px; }

        .tm-counter {
            margin: 10px 0;
            float: none;
            text-align: center;
        }
    }
}

//
// Jevents
//

#jevents {

    .cal_daysoutofmonth {
        background-color: @global-light-background;
        font-size: round((@global-font-size*0.9));
        font-weight: @global-font-weight;
        color: fade(@global-panel-color, 30%);
    }

    .nav-items > div {
        border: 1px solid @global-primary-background;
        padding: 6px 0;
        border-right: none;

        a {
            color: @global-panel-color;

            &:hover {
                text-decoration: none;
                border-left: none;
                background-color: fade(@global-primary-background, 10%);
                color: @global-panel-color;
            }
        }

        &:first-child { border-left: 1px solid @global-primary-background; }
        &:last-child { border-right: 1px solid @global-primary-background; }
    }

    .icon-print,
    .icon-envelope {
        background: none;
        margin-left: 5px;
    }

    .icon-print:before,
    .icon-envelope:before {
        font-family: @global-font-icon;
    }

    .icon-print:before {
        content: "\f02f";
    }

    .icon-envelope:before {
        content: "\f003";
    }

    #nav-search a {

        text-decoration: none;
        
        &:before {
            font-family: @global-gravity-icon;
            font-size: 20px;
            content: "\e909";
        }

        img {
            display: none;
        }
    }
}

.contentheading {
    .uk-module-title;
}

.month_date > *,
.contentheading {
    font-family: @global-heading-font-family !important;
    font-weight: @global-heading-font-weight !important;
    color: @global-heading-color !important;
}

.month_date {
    text-align: center;
    margin-bottom: @panel-box-padding;

    > * {
        font-size: @base-h3-font-size;
    }
}

#jevents_body {
    background-color: @global-transparent;
    border: none;
    
    div.list_no_e {
        font-size: @global-font-size;
    }

    a.cal_titlelink:link, 
    a.cal_titlelink:visited, 
    a.cal_titlelink:hover {
        font-size: 12px;
        padding: 4px;
    }

    a.ev_link_row:link,
    a.ev_link_row:visited, 
    a.ev_link_row:hover {
        font-size: @global-font-size;
    }

    .cal_daysnoevents,
    .cal_dayshasevents {
        border: none;
        background-color: @global-background;
    }

    .month_cell_st {
        background-color: @global-primary-light-background;
    }

    #jumpto form select {
        font-size: @global-font-size;
        font-weight: @global-font-weight;
        margin-top: 15px;
    }

    #jumpto form button {
        font-size: @global-font-size;
        font-weight: @global-font-weight;
        padding: 5px 15px;
    }

    .jev_pagination select#limit.inputbox {
        margin: 0 25px 0 10px;
    }

    ul.ev_ul li.ev_td_li {
        margin: 15px;
        padding: 15px;
        border-bottom: none;
    }

    .nav-items {
        width: 100%;
        
        > div:first-child a:hover {
            margin-left: 0;
        }

        > div a {
            padding: 8px 12px;
        }
    }

    .nav-items div.active a, 
    .jev_header2 .active a {
        background-color: @global-primary-background;
        padding: 8px 12px;

        &:hover {
            border-left: none;
            border-top: none;
            padding: 8px 12px;
            background: @global-primary-background;
            color: @global-contrast-color;
        }
    }

    .new-navigation #nav-search {
        margin-top: -35px;
        position: relative;
    }

    .cal_today {
        background-color: lighten(@global-background, 5%);

        a.cal_daylink {
            background-color: @global-primary-background;
            border-radius: @global-border-radius;

            &:hover {
                border-radius: @global-border-radius;
                color: @global-primary-background;
                border: 1px solid @global-primary-background;
            }
        }
    }

    .cal_table {
        border: 1px solid @global-primary-light-background;
    }

    .cal_daysnames {
        font-weight: @global-font-weight;
        color: @global-panel-color;
        background-color: @global-background;
        font-size: @global-font-size;
        height: 40px;
        line-height: 40px;
    }

    div.event_legend_name {
        font-weight: @global-font-weight;
        margin-right: 20px;
    }

    .event_legend_container {
        margin-top: @panel-box-padding;
    }

    .jev_toprow {
        div.currentmonth {
            border-top: 1px solid @global-primary-background;
            border-bottom: 1px solid @global-primary-background;
            font-weight: @global-font-weight;
            padding: 8px 0;
        }

        div.previousmonth, 
        div.nextmonth {
            background-color: @global-primary-background;
            border: 1px solid @global-primary-background;
            padding: 8px 0;

            a {
                font-size: @global-font-size;
                background: none !important;

                &:before,
                &:after {
                    font-family: @global-font-icon;
                    font-size: 18px;
                }
            }
        }

        div.nextmonth a:after {
            content: "\f105";
            margin-left: 8px;
        }

        div.previousmonth a:before {
            content: "\f104";
            margin-right: 8px;
        }
    }

    #jev_maincal {
        border-radius: @global-border-radius;
        background-color: @global-primary-light-background;
        border: 1px solid darken(@global-primary-light-background, 7%);
        margin: @panel-box-padding*2 25px 0 12px;

        &.jev_listview .jev_listrow {
            border-color: darken(@global-primary-light-background, 7%);
        }

        &.jev_listview .jev_daysnames {
            border-width: 0 1px 1px 0;
            background-color: @panel-box-primary-background;
            color: @panel-box-primary-color;
            border-radius: 0 0 @global-border-radius 0;
            border-color: darken(@panel-box-primary-background, 5%);
        }
    }
}

a.cal_daylink {

    &:hover {
        color: @global-primary-background;
    }

    &:link,
    &:visited {
        font-weight: @global-font-weight;
        font-size: round((@global-font-size*0.95));
        font-family: @global-body-font-family;
        color: @global-panel-color;
    }
}

div.jevtt_title {
    font-family: @global-heading-font-family;
    font-weight: @global-heading-font-weight;
}

div.jevtt_title {
    font-family: @global-body-font-family;
    font-weight: @global-font-weight;
}

.jev_evdt .jev_evdt_title {
    font-family: @global-heading-font-family;
    font-weight: @global-heading-font-weight;
    font-size: @base-h3-font-size;
    line-height: @base-h3-line-height;
}

// events calendar module
#flatcal_minical {
    table.flatcal_main_t {
        width: 100%;
        border: none;
        background-color: @global-transparent;
        border-radius: @global-border-radius;
    }

    .full_cal_link {
        display: none;
    }

    .flatcal_daycell, 
    .flatcal_todaycell, 
    .flatcal_sundaycell, 
    .flatcal_othermonth {
        color: @global-panel-color;
        padding: 1px;
        font-weight: @global-font-weight;
    }

    .flatcal_todaycell a {
        padding: 0 3px;
    }

    .flatcal_busylink:link, 
    .flatcal_busylink:visited {
        color: @global-link-color;
    }

    table tr,
    table td {
        padding: 0;
    }

    table.flatcal_navbar {
        .gradient(@panel-box-primary-background, saturate(spin(@panel-box-primary-background, @global-primary-spin), 10%), @panel-box-primary-background);
        box-shadow: 0 1px 0 darken(@global-primary-background, 5%);
        border-bottom: 0;
        border-radius: @global-border-radius @global-border-radius 0 0;
        width: 100% !important;
    }

    table.flatcal_weekdays {
        width: 100% !important;
    }

    TD.flatcal_weekdays {
        font-size: round((@global-font-size*0.8));
        color: @global-panel-color;
        border-bottom: 1px solid @global-light-background;
    }

    td.link_next,
    td.link_prev {
        min-width: 25px;
        position: relative;
        padding-right: 10px;

        img {
            display: block;
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
            width: 20px;
            height: 20px;
            z-index: 1;
            position: relative;
      }

        &:before {
            font-family: @global-font-icon;
            position: absolute;
            font-size: 20px;
            color: @panel-box-primary-color;
            z-index: 0;
            line-height: 20px;
            left: 40%;
        }
    }

    td.link_prev {
        position: absolute;
        right: 30px;
        top: 9px;
    }

    td.link_next img {
        padding-right: 20px;
    }

    td.link_prev img {
        padding-left: 20px;
    }

    td.link_next:before {
        content: "\f105";
        left: 30%;
    }
    
    td.link_prev:before {
        content: "\f104";
        line-height: 26px;
    }
    
    .flatcal_month_label {
        color: @panel-box-primary-color;
        height: 45px;
        font-weight: @global-heading-font-weight;
        font-family: @global-heading-font-family;
        font-size: @base-h4-font-size;
        line-height: @base-h4-line-height;
        text-align: left;
        padding-left: 20px;
    }

    .flatcal_daylink, 
    .flatcal_sundaylink, 
    .flatcal_busylink {
        font-size: round((@global-font-size*0.95));
        font-family: @global-body-font-family;
        font-weight: @global-font-weight;
    }

    .flatcal_daylink:link, 
    .flatcal_daylink:visited {
        color: @global-panel-color;
    }

    .flatcal_todaycell a {
        border: 1px solid @global-primary-background;
        background-color: @global-primary-background;
        border-radius: 2px;

        &:hover {
            border: 1px solid @global-primary-background;
        }
    }
}

// Events Latest module 

.mod_events_latest_table {
    .tm-block-time {
        margin-right: 20px;
    }

    .tm-event-descr {
        padding-right: 0;
        margin-bottom: 20px;

        h3, h4 {
            margin-bottom: 5px; 
        }

        p {
            margin: 0;
        }
    }
}

// 
// Easy Social
// 

div#fd,
div#es {

    h1, h2, h3, h4, h5, h6,
    .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
        letter-spacing: @global-heading-letter-space;
    }

    .mt-5 {
        margin-top: 10px !important;
    }

    .es-list-vertical-divider .fa {
        color: @global-secondary-background;
    }

    .form-control {
        color: @global-panel-color;
    }

    .label-info {
        background-color: @global-primary-background;
    }

    label {
        font-size: @global-font-size;
    }
}

div#fd.es,
div#es {
    font-size: round((@global-font-size*0.9));
    font-family: @global-body-font-family;
}

div#fd.es {
    .es-toolbar .fd-navbar-search .search-query, 
    .layout-edit .control-label {
        font-family: @global-body-font-family;
        font-size: inherit;
    }

    .es-widget .es-widget-tab>li>a,
    .es-widget .es-widget-tab>li.active>a {
        font-size: 14px;

        > span {
            font-size: 14px;
        }
    }

    .list-media .media-meta {
        font-size: 14px;
    }

    .media-meta.mt-5 {
        color: @global-panel-color;
    }

    .help-block,
    .btn-group-yesno .btn,
    .form-group .text-note {
        color: fade(@global-panel-color, 50%);
    }

    .es-muted {
        color: fade(@global-panel-color, 40%);
    }

    .es-profile-header-title {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;        
    }

    .es-container .es-sidebar {
        width: 250px;
    }

    .es-snackbar {
        background-color: @global-primary-light-background;
        color: @global-panel-color;

        .row-table>.col-cell {
            font-family: @global-heading-font-family;
            font-weight: @global-heading-font-weight;
        }
    }

    a:hover, 
    a:focus, 
    a:active {
        color: @global-link-hover-color;
    }

    .es-container .es-sidebar {
        border-right: 0;
    }

    .es-stream,
    .es-profile-header {
        border-radius: @global-border-radius;
        border-color: @global-primary-light-background;
    }

    .es-profile-header-cover {
        border-radius: @global-border-radius;

        .es-flyout-content {
            background: fade(@global-secondary-background, 60%);
        }
    }

    .es-profile-header-body {
        margin-right: 0;
    }

    &.view-conversations.layout-read ul.conversation-messages>li.message-item {
        font-size: @global-font-size;
    }

    .es-story-privacy .es-privacy .es-privacy-toggle,
    .es-story-privacy .es-privacy .es-privacy-toggle:hover,
    .es-story-privacy .es-privacy .es-privacy-toggle:focus,
    .es-story-privacy .es-privacy .es-privacy-toggle:active,
    .btn-es-primary,
    .btn-es-primary:focus,
    .btn-es-primary:active {
        color: @button-primary-color;
        background: @button-primary-background !important;
        border: 1px solid @global-border !important;
        outline: none;
    }

    .btn-es-primary:hover {
        color: @button-primary-hover-color !important;
        background: @button-primary-hover-background !important;
        outline: none;
    }

    .fd-nav>li>.dropdown-toggle_>.caret {
        border-top-color: @theme-minibar-color;
        border-bottom-color: @theme-minibar-color;   
    }

    .es-toolbar {
        z-index: 3;
        
        .fd-nav>li>a .fa {
            color: @theme-minibar-link-color;
        }

        .fd-nav>li>a:hover .fa {
            color: @theme-minibar-link-hover-color;
        }

        .fd-nav>li>.dropdown-toggle_>.caret {
            border-top-color: lighten(@theme-minibar-background, 10%);
        }

        .navbar-inner {
            background: @theme-minibar-background;
            border: 1px solid darken(@theme-minibar-background, 3%);
        }
        
        .fd-navbar-search .search-query,            
        .fd-navbar-search {
            background: lighten(@theme-minibar-background, 5%);
        }
    
        .divider-vertical {
            border-left: 1px solid lighten(@theme-minibar-background, 10%);
        }
    }

    .es-story-panel-button {
        font-size: round((@global-font-size*0.95));
        color: fade(@global-panel-color, 75%);

        .active {
            color: @global-primary-background;
            background-color: @global-primary-light-background;
        }
    }

    .es-widget-head,
    .login-box-title {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
        letter-spacing: @global-heading-letter-space;
        color: @global-heading-color;
    }

    &.es-dialog .modal-body label, 
    &.es-dialog .modal-body label>span, 
    &.es-dialog .modal-body div, 
    &.es-dialog .modal-body p,
    .es-stream-login-box,
    .es-stream-list>li.empty,
    .es-dashboard .es-container .es-sidebar .fd-nav-stacked a,
    .es-widget * {
        font-size: round((@global-font-size*0.95));
    }

    .es-widget .widget-title,
    .es-widget > .es-widget-head {
        font-size: 18px !important;
        border-bottom: none;
        position: relative;
        margin-left: 0;
        padding-left: 0;        
    }

    .es-widget .widget-title{
        overflow: visible;

        &:before {
            content: "";
            left: 0;
            bottom: -10px;
            width: 50px;
            position: absolute;
            border-bottom: 1px solid @global-primary-background;
        }
    }

    .es-stream-meta .es-stream-title,
    .es-stream-meta .es-stream-title a {
        font-size: round((@global-font-size*0.9));
    }

    .es-comments>.es-comment {
        padding: 10px;
        border-radius: @global-border-radius*1.5;
        background-color: @global-primary-light-background;
        color: @global-panel-color;
    }

    .es-comments-form .es-form .mentions textarea {
        font-size: @global-font-size;
        line-height: 22px;
    }

    .es-likes-wrap,
    .es-repost-wrap,
    .stream-links,
    .es-stream-counter {
        background: @global-primary-light-background;
    }

    .stream-links,
    .es-cover.es-photo em {
        border-radius: @global-border-radius;
    }

    &.view-profile .es-widget .fd-nav>li>a,
    .es-stream-content-title a {
        font-size: @global-font-size;
    }

    .stream-apps-content .stream-apps-meta li {
        color: @global-panel-color;
        font-size: round((@global-font-size*0.85));
    }

    .es-action-feedback>li+li:before {
        font-size: @global-font-size;
        line-height: 27px;
        color: fade(@global-panel-color, 50%);
    }

    .es-action-feedback>li {
        margin-right: 15px;
    }

    .es-calendar-date,
    .es-profile-header-calendar {
        background-image: none;
        background-color: @global-transparent;
        border: none;
        width: 60px;
        overflow: visible;
        padding-top: 4px;

        .es-calendar-date-mth,
        .es-profile-header-calendar__date-mth {
            .tm-block-month;
            min-width: 50px;
        }

        .es-calendar-date-day,
        .es-profile-header-calendar__date-day {
            .tm-block-text;
            background-color: @global-background;
        }
    }

    .input-sm,
    .mentions textarea {
        font-family: @global-body-font-family;
        font-size: round((@global-font-size*0.95));
    }

    .fd-small,
    .fd-small>a,
    .es-stream-content,
    &.es.popbox .popbox-header {
        font-size: round((@global-font-size*0.95));
        font-weight: @global-font-weight;
    }

    &.es.popbox {
        -webkit-box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
                box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
    }

    &.es.popbox-notifications {
        font-family: @global-body-font-family; 
    }

    &.es {
        .es-stream-meta {
            border-bottom: 1px solid @global-primary-light-background;

            .es-stream-meta-footer {
                font-size: round((@global-font-size*0.75));
            }
        }

        .es-count-no {
            background: @global-primary-light-background;
            border-color: @global-border;
        }

        &.popbox li > a {
            font-size: round((@global-font-size*0.85));
            font-weight: @global-font-weight;
            color: @global-panel-color !important;
            line-height: 20px;
        }

        &.popbox-toolbar h5 {
            font-size: @global-font-size;
            color: @global-heading-color;
        }
    }
}

// EasySocial 2.0

div#es {

    input,
    button,
    select,
    textarea,
    .es-stream-content {
        font-size: @global-font-size;
        font-weight: @global-font-weight;
        font-family: @global-body-font-family;
        line-height: @global-line-height;
    }

    .o-checkbox {
        font-size: @global-font-size;
        line-height: 1;
    }

    li {
        line-height: inherit;
    }

    .es-action-feedback a {
        color: @global-link-color;
    }

    .fa {
        line-height: inherit;
    }

    .es-navbar__body {
        background-color: @theme-minibar-background;
        border: 1px solid darken(@theme-minibar-background, 3%);
    }

    .es-navbar__footer-link {
        color: @global-panel-color;
        font-size: round((@global-font-size*0.85));
    }

    .es-stream-embed {
        background-color: @global-muted-background;
    }

    .es-hr,
    .es-stream-embed,
    .es-story-footer,
    .es-story,
    .es-profile-header,
    .es-profile-header__ft,
    .es-stream-list > li + li,
    .mod-es-leader-item + .mod-es-leader-item,
    .es-story-meta-contents,
    .es-navbar__footer {
        border-color: @global-primary-light-background;
    }

    .es-navbar__footer {
        background-color: @global-background;
    }

    .es-login-box__form {
        background-color: @global-background;
    }

    .g-list-inline li.is-active .es-navbar__footer-link {
        color: @global-link-color;
    }

    .es-navbar__icon-link > i {
        color: @theme-minibar-link-color;
        font-size: round((@global-font-size*0.85));
    }

    .es-story {
        background: @global-background; 
    }

    .es-navbar__icon-link:hover > i {
        color: @theme-minibar-link-hover-color;
    }

    .es-snackbar {
        background-color: @global-primary-light-background;
        color: @global-panel-color;

        .btn-rss {
            font-size: round((@global-font-size*0.85));
        }

        .es-snackbar__title {
            font-size: @global-font-size;
            font-family: @global-heading-font-family;
            font-weight: @global-heading-font-weight;
        }
    }

    .popbox-dropdown-nav__meta-lists a {
        font-size: round((@global-font-size*0.85));
        font-weight: @global-font-weight;
        color: @global-panel-color !important;
        line-height: 20px;
    }

    .es-story-panel-button {
        font-size: round((@global-font-size*0.95));
        
        .active {
            color: @global-primary-background;
            background-color: @global-primary-light-background;
        }
    }

    .es-story-panel-button.active {
        color: @global-panel-color;
        background-color: @global-primary-light-background;
    }

    .es-story-panel-button {
        color: fade(@global-panel-color, 60%);
    }

    .o-tabs {
        font-size: @global-font-size;
    }

    .o-tabs--stacked .o-tabs__link:hover {
        background-color: @global-primary-light-background;
    }

    .es-side-widget .o-tabs__link,
    .o-tabs--stacked .o-tabs__item {
        border: none;

        a {
            color: @global-link-color;

            &:hover {
                color: @global-link-hover-color;
            }
        }
    }

    .o-tabs--stacked .o-tabs__item.active .o-tabs__link {
        border: none;
        background-color: @global-transparent;
    }

    .es-stream-meta .es-stream-title,
    .es-stream-meta .es-stream-title a {
        font-size: round((@global-font-size*0.9));
    }

    // sidebar
    .es-side-widget__title {
        color: @global-heading-color;
        text-transform: @global-heading-text-transform;
        font-size: 18px !important;
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
        margin-bottom: 20px;

        &:before {
            content: "";
            left: 0;
            bottom: 15px;
            width: 50px;
            position: absolute;
            border-bottom: 1px solid @global-primary-background;
        }
    }

    // search
    .es-navbar__search,
    .es-navbar__search-input {
        background-color: lighten(@theme-minibar-background, 5%);
    }

    .es-navbar__search:before {
        color: @theme-minibar-color;
        font-size: round((@global-font-size*0.85));
    }

    .es-navbar__search-input {
        color: @theme-minibar-color;
    }

    .es-story-privacy .es-privacy .es-privacy-toggle,
    .es-story-privacy .es-privacy .es-privacy-toggle:focus,
    .es-story-privacy .es-privacy .es-privacy-toggle:active,
    .btn-es-primary,
    .btn-es-primary:focus,
    .btn-es-primary:active {
        color: @button-primary-color !important;
        background: @button-primary-background !important;
        border: 1px solid @global-border !important;
        font-size: round((@global-font-size*0.85));
        outline: none;
    }

    .es-story-privacy .es-privacy .es-privacy-toggle:hover,
    .es-story-privacy .es-privacy .es-privacy-toggle:active,
    .es-story-privacy .es-privacy .es-privacy-toggle:active:active,
    .es-story-privacy .es-privacy .es-privacy-toggle:hover:hover,
    .es-story-privacy .es-privacy .es-privacy-toggle:hover:active,
    .btn-es-primary:hover {
        color: @button-primary-hover-color !important;
        background: @button-primary-hover-background !important;
        border-color: @global-border !important;
        outline: none;
    }

    .es-story-meta-button {
        color: fade(@global-panel-color, 75%);
    }

    .btn-sm {
        font-size: round((@global-font-size*0.85));
    }

    .es-story-textfield {
        font-size: @global-font-size;
        line-height: 22px;
    }

    .dropdown-menu,
    .popbox-dropdown-nav {
        -webkit-box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
                box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
    }

    .dropdown-menu {
        padding: 10px 15px;

        li {
            line-height: 24px;
        }
    }

    .es-side-widget+.es-side-widget {
        margin-top: 25px;
    }

    .g-list-inline>li {
        font-size: round((@global-font-size*0.85));
    }

    .g-list-inline--delimited>li {
        float: left;
        .uk-flex;
    }

    .es-photo em {
        border-radius: @global-border-radius;
    }

    .es-card__desc {
        display: inline-block;
        margin-top: 5px;
    }

    .es-login-box__msg-title {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
        font-size: @base-h3-font-size;
    }

    .es-stream-meta {
        padding: 10px 0;
    }

    .es-stream-header {
        padding: 7px 8px;
    }

    .es-comments>.es-comment {
        line-height: 24px;
    }

    .es-likes-wrap,
    .es-repost-wrap,
    .es-comments-wrap {
        background-color: @global-primary-light-background;
        border-radius: @global-border-radius;
    }

    .t-text--muted {
        color: @global-muted-color;
        background-color: @global-muted-background;
        border-radius: @global-border-radius;
    }

    .es-comments-form .es-form {
        border-color: darken(@global-primary-light-background, 3%);
    }

    .mentions textarea,
    .es-comments-form .es-form .mentions textarea {
        font-size: round((@global-font-size*0.9));
        color: @global-panel-color;
    }

    .o-form-control {
        background-color: @form-background;
        color: @form-color;
        border-color: @form-border;
    }

    .btn:active, 
    .btn.active {
        background-color: @button-primary-hover-background !important;
    }

    .btn-es-primary-o,
    .btn-es-default-o {
        background-color: @button-primary-background !important;
        color: @button-primary-color !important;
        border: 1px solid @global-border !important;

        &:active,
        &:hover {
            color: @button-primary-color !important;
        }
    }

    // card
    .es-card {
        border-color: darken(@global-primary-light-background, 5%);
        font-size: @global-font-size;
        line-height: @global-line-height;
        border-radius: @global-border-radius;
    }

    .es-card--border {
        border-color: darken(@global-primary-light-background, 5%);
    }

    .es-card__meta {
        display: inline-block;
        margin-top: 0;
        width: 100%;
        color: @global-panel-color;

        a {
            color: @global-link-color;

            &:hover {
                color: @global-link-hover-color;
            }
        }
    }

    .es-card__title {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
        font-size: @base-h4-font-size;
        line-height: @base-h4-line-height;
        margin-bottom: 0;
    }

    .es-calendar-date,
    .es-card__calendar-date {
        background-image: none;
        background-color: @global-transparent;
        border: none;
        top: -70px;
        padding: 0;

        .es-calendar-date-mth,
        .es-card__calendar-day {
            .tm-block-month;
            min-width: 50px;
        }

        .es-calendar-date-day,
        .es-card__calendar-mth {
            .tm-block-text;
            background-color: @global-background;
        }
    }

    .es-create-category-select .btn {
        border-radius: @global-border-radius;
        border-color: darken(@global-primary-light-background, 5%);
    }

    .es-create-category-select .es-title {
        color: @global-panel-color;
    }
}

// 
// Easy Discuss 4.0
// 

#ed {
    font-family: @global-body-font-family;
    font-weight: @global-font-weight;
    font-size: @global-font-size;
    line-height: @global-line-height;

    h1, h2, h3, h4, h5, h6, 
    .h1, .h2, .h3, .h4, .h5, .h6 {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
    }

    input, 
    button, 
    select, 
    textarea {
        font-size: @global-font-size;
        font-weight: @global-font-weight;
        font-family: @global-body-font-family;        
    }

    .form-control {
        color: @global-panel-color;
        font-size: round((@global-font-size*0.85));
        box-shadow: none;
    }

    .progress {
        padding: 0;
    }

    li {
        line-height: inherit;
    }

    .o-pagination > .disabled > span, 
    .o-pagination > .disabled > span:hover, 
    .o-pagination > .disabled > span:focus, 
    .o-pagination > .disabled > a, 
    .o-pagination > .disabled > a:hover, 
    .o-pagination > .disabled > a:focus {
        background-color: @global-background;
        color: @global-panel-color;
        border-color: @global-light-border;
    }

    .ed-navbar__body {
        background-color: @theme-minibar-background;
        border: none;
    }

    .ed-navbar__footer {
        background-color: @global-background;
        border-color: @global-primary-light-background;
    }

    .g-list-inline > li {
        font-size: round((@global-font-size*0.85));
    }

    .ed-navbar__footer-link {
        color: @global-panel-color;
        font-size: round((@global-font-size*0.85));

        &:hover {
            color: @global-link-color;
        }
    }

    .ed-navbar__icon-link {
        color: @theme-minibar-link-color;

        &:hover {
            color: @theme-minibar-link-hover-color;
        }
    }

    .ed-navbar__search,
    .ed-navbar__search-input,
    .ed-navbar__icon-link.is-active {
        background-color: lighten(@theme-minibar-background, 5%);
    }

    .ed-navbar__search:before,
    .ed-navbar__search-input {
        color: @theme-minibar-color;
    }

    .popbox-dropdown {
        background-color: @global-primary-light-background;
        -webkit-box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
                box-shadow: @panel-box-shadow-horizontal @panel-box-shadow-vertical @panel-box-shadow-blur @panel-box-shadow-spread @panel-box-shadow-color;
    }

    .btn-primary,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary:active:focus {
        background-color: @button-primary-background !important;
        color: @button-primary-color !important;
        border-color: @global-border !important;
        outline: none;
    }

    .btn-primary:hover {
        background-color: @button-primary-hover-background !important;
        color: @button-primary-hover-color !important;
        border-color: @global-border !important;
    }

    .ed-statistic__item,
    .ed-post-item {
        background-color: @global-background; 
    }

    .ed-statistic__item {
        border-color: @global-light-border;
    }

    .ed-page-title,
    .ed-post-item__title {
        font-size: round((@base-h3-font-size*0.85));
    }

    .ed-forum-item__title {
        font-size: round((@base-h3-font-size*0.75));
        font-weight: @global-heading-font-weight;
    }

    .ed-forum__hd-title {
        font-weight: @global-heading-font-weight;
        text-transform: lowercase;
        font-size: @global-font-size;
    }

    .ed-forum-item .fa {
        color: @global-panel-color;
    }

    .ed-ask__bd {
        background-color: @global-primary-light-background;
    }

    .ed-ask__input-title {
        font-weight: @global-heading-font-weight;
        font-family: @global-heading-font-family;
        font-size: 20px;
    }

    .o-empty__icon {
        color: @global-panel-color;
    }

    .ed-badge,
    .ed-cat-panel,
    .ed-post-replies__empty,
    .ed-reply-form__bd,
    .o-empty--bordered,
    .ed-editor-widget,
    .ed-ask__bd,
    .ed-ask__input-title,
    .ed-post-item__hd,
    .ed-post-item__sub-hd,
    .has-body .ed-post-item__bd,
    .ed-board-stats__hd,
    .ed-board-stats__bd,
    .ed-forum__hd,
    .ed-forum__bd,
    .ed-forum__ft,
    .ed-post-item__ft,
    .ed-forum-item + .ed-forum-item,
    .ed-post-who-view__ft {
        border-color: @global-primary-light-background;
    }

    .ed-board-stats {
        background-color: @global-background;
    }

    .ed-badge {
        padding: 15px;
        border-radius: @global-border-radius;
    }

    .ed-badge__name {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
    }

    .ed-post-item__sub-hd {
        background-color: @global-primary-light-background;
    }

    .ed-post-who-view__ft,
    .ed-post-item__ft {
        background-color: lighten(@global-primary-light-background, 10%);
    }

    .ed-post-item__ft {
        line-height: 20px;
        font-size: round((@global-font-size*0.75));
        padding: 10px 16px;
    }

    .ed-post-meta-reply,
    .ed-editor-widget__note {
        font-size: round((@global-font-size*0.75));
        color: fade(@global-panel-color, 50%);
    }

    .ed-board-stats__meta,
    .ed-post-meta-tag a, 
    .ed-post-meta-cat a,
    .o-tabs--ed .o-tabs__link {
        color: fade(@global-panel-color, 50%);   
    }

    .o-tabs--ed .active .o-tabs__link {
        color: @global-primary-color;
    }

    .ed-statistic__item a {
        color: @global-panel-color;
    }

    .ed-board-stats__hd {
        font-weight: @global-font-weight;
    }

    .ed-board-stats__bd-title {
        font-weight: @global-font-weight;
        font-size: @global-font-size;
    }

    .ed-reply-form__bd,
    .ed-forum__ft {
        background-color: @global-primary-light-background;
    }
}

// Alerts

#ed,
#es {

    .o-alert {
        font-size: @global-font-size;
        font-weight: @global-font-weight;
    }

    .o-label--danger-o {
        background-color: @global-background !important;
    }

    .o-label--success-o {
        color: @alert-success-color !important;
        background-color: @alert-success-background !important;
        border: 1px solid fade(@alert-success-background, 40%) !important;
    }

    .o-alert--danger, 
    .o-alert--error {
        color: @alert-danger-color !important;
        background-color: @alert-danger-background !important;
        border: 1px solid fade(@alert-danger-background, 40%) !important;
    }

    .o-alert__close {
        color: inherit;
    }
}

// 
// Mega menu
// 

.icemegamenu {

    ul, 
    li {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    > ul {
        position: static;
        margin: 0;
        padding: 0;
        z-index: 999;
        clear: both;
        width: 100%;
        background: none;
        border: 0;
        height: @navbar-nav-height;

         > li {
            position: static;
            display: block;
            float: left;

            // all levels 
            a.iceMenuTitle {
                position: relative;
                display: block;
                font-family: @navbar-nav-font-family;
                font-weight: @navbar-nav-font-weight;
                font-size: @navbar-nav-font-size;
                color: @theme-menuitem-color;
                text-decoration: none;

                &.tm-full-width {
                    + .icesubMenu {
                        left: 0;
                        right: 0;
                        width: 100%;
                    }
                }
            }

            // level 1
            &.iceMenuLiLevel_1 > a.iceMenuTitle {
                padding: @navbar-nav-padding-horizontal;
                height: @navbar-nav-height;
                line-height: @navbar-nav-line-height;
                text-transform: @navbar-nav-text-transform;
            }

            .icemega_title {
                line-height: 2.3;
            }

            // subtitles 
            .icemega_desc {
                display:block;
                line-height: @navbar-nav-line-height;
                font-size: @navbar-nav-font-size - 1;
            }

            .tm-menu-heading {
                border-bottom: 1px dotted fade(@theme-menuitem-color, 20%);
                border-radius: 0 !important;
                
                &:hover {
                    background-color: @global-transparent !important;
                }

                > .icemega_title {
                    color: fade(@theme-menuitem-color, 50%);
                    text-transform: uppercase;
                    font-size: @navbar-nav-font-size - 2;
                    letter-spacing: 1px;
                    margin-bottom: 7px;
                }
            }

            .icemega_title + .icemega_desc {
                line-height: 18px;
                padding-bottom: 5px;
                text-transform: uppercase;
                font-size: round((@navbar-nav-font-size*.75));
                letter-spacing: 1px;
            }

            // when dont have subtitle 
            > a.iceMenuTitle > .icemega_nosubtitle {
                padding-top: 7px;
                display: block;
            }

            // when is current        
            &.active:first-child {
                border-radius: 0;
            }

            span.icemega_title.icemega_nosubtitle,
            > a.iceMenuTitle > span.icemega_nosubtitle {
                padding: 0;
                line-height: inherit;
            }
        }
    }
}

div.icemegamenu ul#icemegamenu {

    li.tm-nav-logo-centered {
        padding: 12px 10px 0;
    }

    li.iceMenuLiLevel_1 > a > span.icemega_title {
        color: @global-header-link-color;
        display: block;
    }

    li.iceMenuLiLevel_1:hover > a,
    li.iceMenuLiLevel_1.active a.icemega_active {
        background-color: @global-transparent;
        color: @global-header-link-active-color;
    }
}

// menu item divider
.icemegamenu ul.icesubMenu {

    ul li:last-child,
    .icemega_modulewrap ul li{
        border-bottom: 0 none;
        box-shadow: none;
    }
}

.ice-megamenu-toggle {
    display: none;
}

// Submenu 
ul.icesubMenu {
    position: absolute;
    z-index: 600;
    padding: 0;
    margin: 30px 0 0;
    opacity: 0;
    top: 47px;
    .gradient(@theme-menubar-dropdown-background, saturate(spin(@theme-menubar-dropdown-background, @global-menubar-spin), @global-menubar-saturation), @theme-menubar-dropdown-background);
    visibility: visible;
    max-height: 0;
    overflow: hidden;
    border-radius: @dropdown-border-radius;
    box-shadow: inset -1px -1px 0 @global-darker-shadow,
                inset 1px 0 0 @global-darker-shadow,
                inset 0 1px 0 @global-darker-shadow,
                2px 2px 1px @global-dark-shadow;  
    -webkit-transition: opacity ease-in-out 0.2s;
            transition: opacity ease-in-out 0.2s;

    ul > li {
        position:relative;

        &:hover > a.iceMenuTitle {
            background-color: @theme-menuitem-hover-background;
            color: @theme-menuitem-hover-color;
        }
    }

    > li a.iceMenuTitle {
        height: auto;
        display: block;
        padding: 3px 10px;
        letter-spacing: 0;
        border-radius: @global-border-radius;
        font-size: @dropdown-font-size;

        &:hover {
            background-color: @theme-menuitem-hover-background;
            color: @theme-menuitem-hover-color;
        }
    }

    li.active > a.iceMenuTitle {
        color: @theme-menuitem-hover-color;
        background-color: @theme-menuitem-hover-background;
    }

    // when is parent
    li.parent > a:before {
        font-family: @global-font-icon;
        content: "\f142";
        position: absolute;
        right: 15px;
        font-size: 14px;
        color: @theme-menuitem-parent-icon-color;
        text-shadow: 0 1px 0 @global-light-shadow;
    }

    li.parent > a:hover:before,
    li.parent:hover > a:before {
        color: @theme-menuitem-hover-parent-icon-color;
    }

    ul > li:hover > ul {
        opacity: 1;
        max-height: 1000px;
        overflow: visible;
        visibility: visible;
        margin-left:-5px;
    } 
}

.tm-header-full-width .iceMenuLiLevel_1 > ul.icesubMenu {
    top: 87px;
}

li.iceMenuLiLevel_1:hover > ul.icesubMenu {
    z-index: 601;
    padding: 10px;
}
        
#icemegamenu > li:hover > ul.icesubMenu {
    opacity: 1;
    max-height: 1000px;
    overflow: visible;
}

// Second Level Dropdown 
ul.sub_level_2,
ul.sub_level_3,
ul.sub_level_4,
ul.sub_level_5 {
    top: -1px;
    left: 100%;
    margin-left: -15px;
    margin-top: 0;
    z-index: 99999;
    box-shadow: inset -1px -1px 0 @global-darker-shadow,
                inset 1px 0 0 @global-darker-shadow,
                inset 0 1px 0 @global-darker-shadow,
                2px 2px 1px @global-dark-shadow;
}

li.parent:hover > ul.icesubMenu {
    padding: 10px;
}
 
// Modules inside dropdown 
.icesubMenu {
    
    .icemega_cover_module {
        padding: 15px;
    }

    .icemega_cover_module span.iceModuleTile {
        font-size: 18px;
        margin-bottom: 6px;
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid @global-dark-shadow;
        box-shadow: 0 1px 0 @global-light-shadow;
    }

    .icemega_cover_module {
        width: auto !important;
    }
}

.ice_righttoleft {
    left: auto !important;
    right: 100%;
}

.sub_level_1.ice_righttoleft {
    right: 0;
}

.tm-navbar {

    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a > span.icemega_title {
        position: relative;
        -webkit-transition: @global-transition;
                transition: @global-transition;

        &:after {
            position: absolute;
            content: "";
            display: inline-block;
            background-color: @theme-menubar-active-item-border;
            width: 8px;
            left: 45%;
            top: 0;
            height: 0;
            -webkit-transform: skew(-20deg);
                    transform: skew(-20deg);
            -webkit-transition: @global-transition;
                    transition: @global-transition;
        }
    }

    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1:hover > a > span.icemega_title,
    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a.icemega_active > span.icemega_title {
        color: @global-header-link-active-color;
    
        &:after {
            height: 100%;
        }
    }
}

.tm-menu-side > div {

    .icemegamenu > ul {
        height: auto;

        > li.iceMenuLiLevel_1 {
            float: none;

            > a {
                padding: 0;
            }

            ul.icesubMenu {
                top: 0;
                margin-top: 0;
                left: 100%;
            }
        }
    }

    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a > span.icemega_title {
        color: @theme-menubar-color;
        height: @theme-menuside-item-height;
        line-height: @theme-menuside-item-height;
    }

    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1:hover > a > span.icemega_title,
    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a.icemega_active > span.icemega_title {
        color: @theme-menubar-active-item-color;
    }

    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a.icemega_active:before {
        color: @theme-menubar-active-item-color;
    }

    .icemegamenu > ul > li.iceMenuLiLevel_1 > a.iceMenuTitle {
        color: @theme-menubar-color;
    }

    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a:before {
        position: absolute;
        content: "\f096";
        right: 15px;
        font-size: 10px;
        font-family: @global-font-icon;
        line-height: @navbar-nav-height;
    }

    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1 > a:hover:before,
    div.icemegamenu ul#icemegamenu li.iceMenuLiLevel_1:hover > a:before {
        color: @theme-menubar-active-item-color;
        content: "\f0c8";
    }
}

@media (max-width: @breakpoint-small-max) {
    .icemegamenu {
        display: none;
    }
}

@media (max-width: @breakpoint-medium-max) and (min-width: @breakpoint-medium) {

    .icemegamenu > ul > li.iceMenuLiLevel_1 > a.iceMenuTitle{
        padding: 0 15px;
    }
}

// 
// S5 Mailchimp Module
// 

#response {
    color: inherit;
    font-style: normal;
    text-align: left;
    padding-left: 20px;

    &:empty {
        display: none;
    }
}

// 
// s5 Map it 
// 

div#s5_map_canvas {
    border-radius: @global-border-radius;
}

// 
// Easyblog
// 

div#fd.eb {
    &.eb-mod * {
        line-height: @global-line-height;
    }

    input,
    button,
    select,
    textarea {
        font-size: @global-font-size;
        font-weight: @global-font-weight;
        font-family: @global-body-font-family;
        line-height: @global-line-height;
    }

    .eb-mod-title {
        font-size: @base-h3-font-size;
        line-height: @base-h3-line-height;
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
    }

    .eb-post {
        border-color: fade(@global-primary-background, 20%); 
    }

    .eb-post-title {
        font-size: @panel-title-font-size;
        line-height: @panel-title-line-height;
    }

    .eb-post-featured i,
    .eb-post-type .fa {
        border: 1px solid fade(@global-primary-background, 25%);
    }

    .eb-post-featured i {
        color: @theme-rating-color;
    }

    .mod-muted,
    .eb-post-type .fa,
    .eb-post-meta .fa {
        color: @global-primary-background;
    }

    .eb-post-thumb .eb-post-image-cover {
        border-radius: @global-border-radius;
        border: none;
        box-shadow: none;
    }

    .eb-post-calendar {
        border: none;
        border-radius: 0;

        .eb-post-calendar-m {
            .tm-block-month;
        }

        .eb-post-calendar-d {
            .tm-block-text;
        }
    }

    .mod-item+.mod-item {
        border: none;
    }

    .eb-showcases {
        line-height: @global-line-height;
    }

    .btn-default,
    .eb-showcase-more .btn {
        color: @button-primary-color !important;
        background: @button-primary-background !important;
        border: 1px solid @global-border !important;

        &:hover {
            color: @button-primary-hover-color !important;
            background: @button-primary-hover-background !important;
        }
    }

    .ticker,
    .ticker-title,
    .ticker-content,
    .ticker-wrapper.has-js,
    .ticker-swipe {
        background-color: @theme-minibar-background;
    }

    .ticker-wrapper.has-js {
        margin: 0;
        padding: 0;
    }
}

// Easyblog 5.1

#eb {

    input,
    button,
    select,
    textarea {
        font-size: @global-font-size;
        font-weight: @global-font-weight;
        font-family: @global-body-font-family;
        line-height: @global-line-height;
    }

    hr {
        border-top-color: @global-border;
    }

    .eb-section-heading {
        border-bottom-color: @global-border; 
        .uk-module-title;
        text-transform: none;
    }

    .ticker,
    .ticker-title,
    .ticker-content,
    .ticker-wrapper.has-js,
    .ticker-swipe {
        background-color: @theme-minibar-background;
    }

    .ticker-wrapper.has-js {
        margin: 0;
        padding: 0;
    }

    .ticker-swipe span {
        height: 18px;
        width: 2px;
        background-color: @theme-minibar-color;
    }

    .eb-tags-item__icon .fa-rss-square,
    .eb-navbar-rss-icon {
        color: @global-warning-background;
    }

    .eb-navbar__body {
        background-color: @theme-minibar-background;
        border: 1px solid darken(@theme-minibar-background, 3%);        
    }

    .eb-navbar__footer {
        border: 1px solid @global-border;
        background-color: @global-background;
    }

    .eb-navbar__footer-link {
        color: @global-panel-color;
        font-size: round((@global-font-size*0.9));

        &:hover {
            color: @global-link-color;
        }
    }

    .is-active>.eb-navbar__footer-link {
        color: @global-link-color;
    }

    .is-active .eb-navbar__footer-link:before {
        background-color: @global-link-color;
    }

    // navbar
    .eb-navbar__search,
    .eb-navbar__search-input {
        background-color: lighten(@theme-minibar-background, 5%);
    }

    .eb-navbar__search:before {
        color: @theme-minibar-color;
        font-size: round((@global-font-size*0.85));
    }

    .eb-navbar__search-input {
        color: @theme-minibar-color;
    }

    .btn-primary,
    .btn-default,
    .eb-showcase-more .btn {
        color: @button-primary-color !important;
        background: @button-primary-background !important;
        border: 1px solid @global-border !important;
        padding: 10px 20px;
        font-size: 16px;

        &:hover {
            color: @button-primary-hover-color !important;
            background: @button-primary-hover-background !important;
            border: 1px solid @global-border !important;
        }
    }

    .btn-sm {
        padding: 3px 15px;
        font-size: 15px;
    }

    .eb-entry-author-recents {
        border-top-color: @global-border;
    }

    .eb-comments-empty,
    .eb-empty {
        background: @global-primary-light-background;
        border: 1px dashed @global-border;
        color: fade(@global-panel-color, 50%);
    }

    .eb-authors-finder .form-control,
    .eb-tags-finder .form-control {
        height: 44px;
    }

    .text-muted {
        color: @global-muted-color;
    }

    // Authors
    .eb-author {
        border-color: @global-border;
    }

    .eb-authors-head {
        background-color: @global-primary-light-background;
        border-color: @global-border;
    }

    .eb-authors-subscribe {
        font-size: @global-font-size;
    }

    .eb-section-heading,
    .eb-author-filter {
        border-bottom-color: @global-border;
    }

    .eb-entry-author-recents {
        background: @global-primary-light-background;
    }

    .eb-comment-form {
        border-color: @global-border;
    }

    // Stats
    .eb-stats-nav>li {
        .btn {
            border-color: @global-transparent !important;
        }

        &.active>.btn {
            background: @global-secondary-background !important;
        }

        .btn:hover, 
        .btn:focus {
            background: darken(@global-primary-background, 5%) !important;
        }
    }

    // Category {
    .eb-category {
        border-color: @global-border;
    }

    .form-control {
        height: @form-height;
        border-color: @form-border;
        background-color: @form-background;
        color: @form-color;
        box-shadow: none;
    }

    // post
    .eb-entry-meta .fa,
    .eb-entry-helper .fa,
    .eb-post-foot>div .fa,
    .eb-post-author .fa, 
    .eb-post-date .fa, 
    .eb-post-category .fa {
        color: @icon-button-color;
    }

    .eb-entry-author-meta>span {
        color: @global-link-color;
        font-size: 14px;

        &:hover {
            color: @global-link-hover-color;
        }
    }

    .eb-entry-author-meta .btn-group--es-friends>a,
    .eb-entry-author-meta .btn--es-subscription {
        background: @global-transparent;
        color: @global-link-color;
        font-size: 14px;
        
        &:hover {
            color: @global-link-hover-color;
        }
    }

    .eb-post-meta {
        border-bottom: 1px dotted fade(@global-heading-color, 20%);
        padding-bottom: 10px;
    }

    .eb-post-more {
        float: right;
    }

    .eb-post-title {
        .uk-article-title;
        font-size: 34px;
        line-height: 48px;
        margin-bottom: 5px;
    }

    .eb-post-author-avatar a {
        margin-top: 15px;
    }

    .eb-post {
        border-color: @global-border;
    }

    .eb-post-thumb.is-full .eb-post-image {
        border: none;
        padding: 0;
        border-radius: 0;
        margin: 10px -30px 30px;

        img {
            border-radius: @global-border-radius;
        }
    }

    .eb-post-calendar {
        border: none;
        border-radius: 0;
        background-color: @global-transparent;

        .eb-post-calendar-m {
            .tm-block-month;
        }

        .eb-post-calendar-d {
            .tm-block-text;
        }
    }

    .eb-tags {

        .cell-tags span {

            &:after {
                content: "";
            }

            a {
                line-height: @button-mini-line-height;
                min-height: @button-mini-line-height;
                font-size: round((@button-mini-font-size*1.2));
                font-family: @base-body-font-family;
                margin: 5px 10px 10px 0;
                padding: 0 10px;
                border: 1px solid @button-primary-background;
                display: inline-block;
                border-radius: 3px;
                vertical-align: middle;
                color: @button-primary-background;
                box-sizing: border-box;
                text-decoration: none;
                text-align: center;

                &:before {
                    content: "";
                }

                &:focus,
                &:hover {
                    text-decoration: none;
                    color: fade(@button-primary-background, 50%);
                }
            }
        }
    }
}

// tags module

.mod-easyblogtagcloud .tag-cloud {
    line-height: @button-mini-line-height !important;
    min-height: @button-mini-line-height;
    font-size: round((@button-mini-font-size*1.2)) !important;
    font-family: @base-body-font-family;
    margin: 5px 10px 10px 0;
    padding: 0 10px;
    border: 1px solid @button-primary-background;
    display: inline-block;
    border-radius: 3px;
    vertical-align: middle;
    color: @button-primary-background;
    box-sizing: border-box;
    text-decoration: none;
    text-align: center;

    &:focus,
    &:hover {
        text-decoration: none;
        color: fade(@button-primary-background, 50%);
    }

}

// Disable strokes

.tm-disable-strokes {

    .uk-module-title:after,
    .uk-article-title:after,
    .contentheading:after,
    h3.box_header:after, 
    .j2store-single-product.detail .product-title:after,
    div.tt_event_theme_page h3:after {
        content: "";
    }

    .tm-navbar .uk-navbar-nav > li > a.uk-active:after, 
    .tm-navbar .uk-navbar-nav > li:not(.tm-nav-logo-centered) > a:after {
        display: none;
    }
}

// 
// Web Chat
// 

#tm-container .onwebchatbox {

    background: @global-transparent !important;
    box-shadow: none !important;
    width: 350px !important;
    bottom: 50px !important;
    border-radius: @global-border-radius !important;

    > * {
        background: @global-background !important;
        background-image: url(../images/background/chat.svg) !important;
        background-repeat: repeat !important;
        background-position: 50% !important;
    }

    * {
        font-family: @global-body-font-family !important;
        font-weight: @global-font-weight !important;
        font-style: normal;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .onwebchat_title2 {
        box-shadow: none !important;
        background: @global-transparent !important;
        color: @global-panel-color !important;
        margin: 10px 0 0 20px !important;
        line-height: @global-line-height !important;
        padding: 0 !important;
        border: none;

        &:before,
        &:after {
            display: none;
        }
    }

    .onweb_minimize_btn,
    #onweb_chaticon {
        width: 60px;
        height: 60px;
        margin: 0 !important;
        border-radius: 50%;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); 
        -webkit-transition: @global-transition;
                transition: @global-transition;

        &:hover {
            box-shadow: 0 2px 8px rgba(0,0,0,.09), 0 4px 40px rgba(0,0,0,.24) !important;
        }
    }

    .onweb_minimize_btn_icon {
        border: 0;
        width: 60px;
        height: 60px;
        position: relative;
        margin-top: 0;
        background-color: @global-primary-background;
        border-radius: 50%;
        padding: 0;
        top: 0;
        left: 0;

        &:before {
            content: "\e870";
            font-family: @global-gravity-icon;
            font-size: 30px;
            position: absolute;
            width: 60px;
            height: 34px;
            text-align: center;
            top: 13px;
            z-index: 0;
            color: @global-contrast-color;
            -webkit-transition: @global-transition;
                    transition: @global-transition;
        }

        &:hover:before {
            -webkit-transform: rotate(90deg);
                    transform: rotate(90deg);
        }
    }

    .onweb_minimize_btn {
        background: @global-primary-background;
        -webkit-transition: @global-transition;
                transition: @global-transition;

        &:hover {
            opacity: 1;
            background: lighten(@global-primary-background, 5%);
        }
     }

    #div_chat_max_title {
        text-align: left;
    }

    .chat_info {
        border-top-color: @global-transparent;
    }

    #div_chat_min_title_span,
    #div_chat_max_title_span {
        color: @global-contrast-color !important;
        font-family: @global-heading-font-family !important;
        font-weight: @global-heading-font-weight !important;
        font-size: 17px !important;
    }

    #onweb-offline-icon {
        display: block;
        background: @global-danger-background;
        width: 10px !important;
        height: 10px !important;
        position: relative;
        top: 0;
        content: "";
        border-radius: 50% !important;
        box-sizing: border-box !important;
        padding: 6px !important;
        margin: 0 !important;
        box-shadow: 1px 1px 0 darken(@global-danger-background, 7%);
    }

    #onweb-online-icon {
        display: block;
        background: @global-success-background;
        width: 10px !important;
        height: 10px !important;
        position: relative;
        top: 0;
        content: "";
        border-radius: 50% !important;
        box-sizing: border-box !important;
        padding: 6px !important;
        margin: 0 !important;
        box-shadow: 1px 1px 0 darken(@global-success-background, 7%);
    }

    .widget-logo,
    #triangle_down,
    #div_chat_min_title_span,
    #div_chat_max_title_span {
        display: none;
    }

    .chat_area {
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 20px 30px rgba(0, 0, 0, 0.12), 0 -40px 0 @global-secondary-background;
        width: 350px;
        padding-top: 0;
        margin-top: -50px;
        border-radius: @global-border-radius @global-border-radius 0 0;

        .me,
        .agent {
            border: 1px solid @global-border;
        }

        a {
            color: @global-link-color;
            &:hover {
                color: @global-link-hover-color;
            }
        }

        p {
            font-size: round((@global-font-size*0.9)) !important;

            &:first-of-type {
                margin-top: 20px;
            }
        }

        .me {
            line-height: round((@global-line-height*0.7));
            color: @panel-box-primary-color;
            margin-bottom: 3px;

            a {
                color: @panel-box-primary-link-color;
                &:hover {
                    color: @panel-box-primary-link-hover-color;
                }
            }
        }

        .agent {
            line-height: round((@global-line-height*0.8));
            color: @global-panel-color;
        }
    }

    .me-bubble {
        background: @panel-box-primary-background;
        
        &:before,
        &:after {
            display: none;
        }

    }

    .agent-bubble {
        background: @global-primary-light-background;
        width: auto !important;
        padding: 8px; 

        &:before {
            border-right: 5px solid @global-primary-light-background;
        }

        &:after {
            display: none;
        }
    }

    .chat_message {
        background-color: @global-primary-light-background;
        border-bottom: 25px solid @global-background !important;
        border-radius: 0 0 5px 5px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05), 0 20px 30px rgba(0, 0, 0, 0.12);

        .onwebtextarea {
            background-color: @global-primary-light-background !important;
            border-radius: @form-input-border-radius !important;
            padding: 5px 10px !important;
            color: @form-color !important;
            border: 1px solid @global-transparent !important;
            box-shadow: none !important;
            font-size: round((@global-font-size*0.9)) !important;
            line-height: round((@global-line-height*0.8)) !important;
            width: 270px !important;
            margin-left: 10px !important;

            &:focus {
                border-color: fade(@form-focus-border, 30%) !important;
            }
        }
    }

    // offline
    #offline_form {
        border-radius: 5px;
        padding-bottom: 1px;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 20px 30px rgba(0, 0, 0, 0.12);

        .onwebchatform_div {
            border-radius: 0 0 5px 5px;
        }
    
        .onweboffline_msg {
            margin-top: 82px !important;
            color: @global-panel-color !important;
            top: 15px;
            left: 5px;
            padding: 0 30px;
            font-size: round((@global-font-size*0.9)) !important;
            line-height: round((@global-line-height*0.8)) !important;
        }

        #offlineform_btn {
            background-color: @button-primary-background !important;
            color: @button-primary-color !important;
            border-radius: @global-border-radius !important;
            margin: 20px 0 !important;
            box-shadow: inset 0 1px 0 @global-light-shadow !important;
            border: 1px solid @global-border !important;
        }

        #off-form-onwebchat-logo {
            opacity: 0;
        }
    }

    #offline_form > .onwebchatform_div > #onwebchatoffname, 
    #offline_form > .onwebchatform_div > #onwebchatoffemail, 
    #offline_form > .onwebchatform_div > #onwebchatemailtext, 
    #offline_form > .onwebchatform_div > #onprechatname, 
    #offline_form > .onwebchatform_div > #onprechatemail, 
    #offline_form > .onwebchatform_div > #onprechattext {
        box-shadow: none !important;
        height: 30px !important;
        font-family: @global-body-font-family !important;
        font-weight: @global-font-weight !important;
        font-size: round((@global-font-size*0.9)) !important;
        line-height: round((@global-line-height*0.8)) !important;
        background-color: @global-background !important;
        border-radius: @form-input-border-radius !important;
        padding: 5px 10px !important;
        color: @form-color !important;
        border: 1px solid @form-border !important;
    }

    .onweboffline_flds + .onweb_mail {
        border: 1px solid @form-border !important;
    }

    .onweboffline_flds {
        font-size: 13px !important;
        line-height: 20px !important;
        color: @global-panel-color !important;
    }

    #offline_form > .onwebchatform_div > #onwebchatemailtext {
        height: 60px !important;
    }

    .server_messages {
        color: fade(@global-panel-color, 50%) !important;
    }

    #iconsdiv {

        &:before,
        &:after {
            position: absolute;
            font-size: 18px;
            width: 30px;
            height: 30px;
            color: @global-primary-background;
        }

        &:before {
            font-family: @global-font-icon;
            content: "\f1d8";
            top: 10px;
            right: 5px;
        }

        &:after {
            font-family: @global-gravity-icon;
            content: "\e854";
            bottom: 10px;
            right: 5px;
        }
    }

    #wb-send-image,
    #wb-smile-image {
        opacity: 0;
    }

    #wb-send-image {
        top: 7px;
    }

    #wb-smile-image {
        z-index: 1;
    }

    .webchat_header {
        background: @global-primary-background !important;
        width: 60px !important;
        height: 60px !important;
        border-radius: 50% !important;
        top: 0 !important;
        right: 0;
        float: right !important;
        position: relative;
        padding: 0 !important;
        background-image: url(../images/icons/chat.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 50% !important;
        margin-bottom: 40px !important;
    }

    // scrollbar
    #chat_area_id::-webkit-scrollbar {
        border: 3px solid @global-background;
    }
    #chat_area_id::-webkit-scrollbar-button:start:decrement, 
    #chat_area_id::-webkit-scrollbar-button:end:increment {
        background: @global-background;
    }
    #chat_area_id::-webkit-scrollbar-track {
        background: @global-background;
        box-shadow: none;
    }
    #chat_area_id::-webkit-scrollbar-thumb {
        background: @global-primary-background;
        
        &:hover {
            background: lighten(@global-primary-background, 10%);
        }
    }
}

// 
// Komento
// 

#kt {
    font-family: @global-body-font-family;
    font-size: @global-font-size;
    font-weight: @global-font-weight;
    line-height: @global-line-height;
    margin-top: @global-height;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: grayscale;

    h1, h2, h3, h4, h5, h6 {
        font-family: @global-heading-font-family;
        font-weight: @global-heading-font-weight;
    }
    
    label {
        font-weight: @global-font-weight;
        font-size: @global-font-size;
    }

    input,
    button,
    select,
    textarea,
    .o-form-control {
        font-size: @form-font-size;
        font-weight: @form-font-weight;
        background-color: @form-background;
        border-color: @form-border;
        color: @form-color;
        font-family: @global-body-font-family;
        box-shadow: none;
    }

    .markItUpEditor {
        font-size: @form-font-size !important;
    }

    .o-checkbox label {
        font-weight: @global-font-weight;
    }
    
    .o-alert {
        font-size: @global-font-size;
    }

    li,
    .markItUpEditor {
        line-height: @global-line-height;
    }

    .markItUpHeader,
    .kt-form-editor,
    .kt-editor-info {
        border-color: @global-border !important;
    }

    .kt-listing-tools {
        font-family: @global-body-font-family;
        display: inline-block;
        float: right;
        margin-top: -40px;
    }

    .o-empty {
        background-color: rgba(0, 0, 0, 0);
    }

    .o-empty__icon {
        color: @global-heading-color;
    }

    .kt-login {
        background-color: rgba(0, 0, 0, 0);
        color: @global-panel-color;
        padding: 20px 0;
    }

    .kt-login__title {
        font-size: @global-font-size;
    }
    
    .o-avatar img {
        border-radius: 50%;
    }

    .btn {
        font-size: @button-font-size;
        font-family: @global-body-font-family;
    }
    
    .btn-kt-default {
        background: @button-background !important;
        color: @global-contrast-color !important;
        border: 1px solid @global-border !important;
        
        &:hover {
            background: @button-hover-background !important;
            color: @global-contrast-color !important;
            border: 1px solid @global-border !important;
        }
        
        &:active:focus,
        &:active {
            background: @button-active-background !important;
            color: @global-contrast-color !important;
            border: 1px solid @global-border !important;
            box-shadow: none;
            outline: none;
        }
    }
    
    .btn-kt-primary {
        background: @button-primary-background !important;
        color: @global-contrast-color !important;
        border: 1px solid @global-border !important;
        
        &:hover {
            background: @button-primary-hover-background !important;
            color: @global-contrast-color !important;
            border: 1px solid @global-border !important;
        }
        
        &:active:focus,
        &:active {
            background: @button-primary-active-background !important;
            color: @global-contrast-color !important;
            border: 1px solid @global-border !important;
            box-shadow: none;
            outline: none;
        }
    }
    
    .g-list-inline > li {
        font-size: @global-font-size;
    }
}

@import "plyr.less";
@import "custom-theme.less";