// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import "uikit/uikit.less";

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


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

@theme-body-background:                         #303d4d;

@theme-container-background:                    lighten(@theme-body-background, 5%);
@theme-container-shadow:                        0px 0px 50px rgba(29,37,47,0.8);

@theme-navbar-height:                           110px;
@theme-navbar-attached-dropdown-top:            (@theme-navbar-height - 20px);
@theme-toolbar-height:                          40px;
@theme-toolbar-total-height:                    (@theme-toolbar-height + (@theme-bar-padding-vertical * 2));
@theme-bar-padding-horizontal:                  35px;
@theme-bar-padding-vertical:                    5px;
@theme-bar-total-height:                        (@theme-navbar-height + (@theme-toolbar-height + (@theme-bar-padding-vertical * 2)));

@theme-navbar-dropdown-background:              @global-contrast-color;

@theme-navbar-offset-color:                     @global-contrast-color;
@theme-navbar-offset-hover-color:               fade(@global-contrast-color, 70%);
@theme-navbar-offset-active-color:              @global-contrast-color;

@theme-footer-highlight-color:                  #9babc1;
@theme-footer-color:                            fade(@theme-footer-highlight-color, 50%);

@theme-subnav-color:                            @theme-footer-color;
@theme-subnav-hover-color:                      @theme-footer-highlight-color;
@theme-subnav-active-color:                     @theme-footer-highlight-color;

@theme-blog-wrapper-width:                      700px;

//
// Widgetkit
//

@theme-heading-text-transform:                  @global-text-transform;

@theme-gallery-border-width:                    120px;
@theme-switcher-nav-width:                      240px;

// Slideset Bento
@theme-slideset-nav-offset:                     -70px;
@theme-slideset-slidenav-width:                 round(@global-line-height + (@subnav-pill-padding-vertical * 2));

// Slideshow
@theme-slideshow-panel-width:                   480px;


// Layout
// ========================================================================

body { background-color: @theme-body-background; }

// Document height for desktop devices
.uk-notouch body { min-height: 100vh; }

// modifier 'tm-container'
.tm-container {
    background: @theme-container-background;
    box-shadow: @theme-container-shadow;
}

// removing javascript grid margins
.uk-padding-vertical-remove > .uk-grid > div {
    .uk-margin-top-remove;
    .uk-margin-bottom-remove;
}

//
// Logo
//

// Stick Logo
.tm-logo .tm-logo-sticky { display: none; }

// Sticky logo when header-offeset is enabled
.tm-header-offset .tm-navbar:not(.tm-navbar-attached) .tm-logo {

    .tm-logo-sticky { display: block; }

    img:not(.tm-logo-sticky) { display: none; }

}

//
// Toolbar
//

.tm-toolbar {
    height: @theme-toolbar-height;
    padding: @theme-bar-padding-vertical @theme-bar-padding-horizontal;
    background: @global-light-background;
}

//
// Navbar
//

.tm-navbar {
    box-sizing: border-box;
    .uk-flex;
    .uk-flex-middle;
    .uk-flex-space-between;
    box-shadow: 0 4px 2px -2px rgba(0,0,0,0.1);
}

// Sticky navigation placeholder (Warp Option)
.uk-sticky-placeholder {
    position: relative;
    z-index: 2;
}

// Navbar background
body.tm-navbar-fixed:not(.tm-header-offset) > .uk-container > .uk-sticky-placeholder,
.tm-navbar { background: @block-default-background; }

// Remove navbar background if header-offset is active (Warp setting)
body.tm-navbar-fixed.tm-header-offset .tm-navbar:not(.tm-navbar-attached) {
    background: none;
    box-shadow: none;
}

.tm-navbar-attached .uk-dropdown-navbar { top: @theme-navbar-attached-dropdown-top; }

// Menu Icon on fixed navigation
body.tm-navbar-fixed.tm-header-offset .tm-navbar:not(.tm-navbar-attached) {

    [class*='tm-icon-'] {

        &::before,
        &::after { background: @global-contrast-color; }

    }

    .tm-icon-menu { background: @global-contrast-color; }
}

// Overlay Menu
.tm-overlay-menu {

    background: @global-background;

    // Logo
    .tm-logo {
        .uk-margin-large-top;
        .uk-margin-large-bottom;
        .uk-text-center;
    }

    // Navigation
    .tm-modal-nav { position: relative; }

    // Navbar items
    .uk-navbar-nav {

        float: none;
        position: static;
        margin-bottom: 10px;

        > li {

            float: none;
            position: static;
            margin-bottom: 10px;

            > a {

                height: 50px;
                background: none;
                color: @global-highlight-color;
                font-size: 32px;
                line-height: 50px;
                // Fixing safari flickering bug
                -webkit-transform: translateZ(0);

                // Hover
                &:hover { color: @global-primary-color; }

            }

        // Active
        &.uk-active > a { color: @global-primary-color; }

        }

    }
    // Navbar dropdown
    .uk-navbar-nav .uk-dropdown {

        top: 0;
        left: auto;
        right: 0;
        background: @theme-navbar-dropdown-background;
        padding: 0;

        // Navbar sub items
        .uk-nav-navbar > li {

            // Item
            > a {

                color: @global-highlight-color;
                text-transform: @global-text-transform;
                letter-spacing: @global-letter-spacing;

                // Hover
                &:hover {
                    background: none;
                    color: @global-primary-color;
                }

                // Onclick
                &:active,
                &:focus { background: none; }

            }

            // Active
            &.uk-active > a { color: @global-primary-color; }

        }

    }

    // Search
    .uk-search::before { content: ''; }

    .uk-search-field {
        height: 50px !important;
        width: 250px !important;
        padding: 0 15px !important;
        border: none;
        color: @global-color !important;
        font-family: @navbar-nav-font-family !important;
        font-size: 32px !important;
        text-transform: uppercase !important;
        line-height: 50px !important;
    }

    .uk-search-field:focus { border: none; }

    .uk-search-field:focus,
    .uk-search.uk-active .uk-search-field {  padding: 0 15px !important; }


    .uk-search-field:-ms-input-placeholder {
        color: @global-muted-color !important;
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s;
    }
    .uk-search-field::-moz-placeholder {
        color: @global-muted-color;
        transition: all linear 0.2s;
    }
    .uk-search-field::-webkit-input-placeholder {
        color: @global-muted-color;
        -webkit-transition: all linear 0.2s;
        transition: all linear 0.2s;
    }

    .uk-search-field:focus::-ms-input-placeholder { color: rgba(0,0,0,0) !important; }
    .uk-search-field:focus::-moz-input-placeholder { color: rgba(0,0,0,0); }
    .uk-search-field:focus::-webkit-input-placeholder { color: rgba(0,0,0,0); }

}

// Header offset (Warp Option)
.tm-header-offset .tm-navbar:not(.tm-navbar-attached) {

    // Navbar items
    .uk-navbar-nav {

        > li {

            > a {
                color: @theme-navbar-offset-color;

                // Hover
                &:hover { color: @theme-navbar-offset-hover-color; }

            }

        // Active
        &.uk-active > a { color: @theme-navbar-offset-active-color; }

        }

    }

    // Search icon
    .uk-search:before { color: @theme-navbar-offset-color; }

    // Search color
    .uk-search-field { color: @theme-navbar-offset-color; }

}

// Icon toggle in navbar
.tm-icon {
    display: block;
    width: 26px;
    height: 26px;
    position: relative;
}

.tm-icon-menu { background: @global-highlight-color; }

[class*='tm-icon-'] {
    position: absolute;
    top: 50%;
    width: 25px;
    height: 3px;
}

[class*='tm-icon-']::before,
[class*='tm-icon-']::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: @global-highlight-color;
    -webkit-transition: all 0.2s cubic-bezier(0, 0.990, 0.20, 1);
    transition: all 0.2s cubic-bezier(0, 0.990, 0.20, 1);
}

.tm-icon-menu:before {
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%);
}
.tm-icon-menu:after {
    -webkit-transform: translateY(300%);
    transform: translateY(300%);
}

:hover > .tm-icon-menu:before {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
}
:hover > .tm-icon-menu:after {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
}

.tm-icon-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.tm-icon-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

:hover > .tm-icon-close:before {
    -webkit-transform: rotate(45deg) scaleX(1.5);
    transform: rotate(45deg) scaleX(1.5);
}
:hover > .tm-icon-close:after {
    -webkit-transform: rotate(-45deg) scaleX(1.5);
    transform: rotate(-45deg) scaleX(1.5);
}

//
// Footer
//

// Padding around for block component & footer (Warp Option)
.tm-footer,
.tm-padding-around { padding: @block-large-padding-vertical; }

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

    .tm-footer,
    .tm-padding-around { padding: @block-large-padding-vertical-medium; }

}

// Desktop and bigger
@media (min-width: @breakpoint-large) {

    .tm-footer,
    .tm-padding-around { padding: @block-large-padding-vertical-large; }

}

.tm-footer {

    color: @theme-footer-color;
    font-size: 12px;
    line-height: 18px;
    font-family: @base-heading-font-family;
    font-weight: @base-heading-font-weight;
    text-transform: @global-text-transform;
    letter-spacing: @global-letter-spacing;

    // Link
    a {

        color: @theme-footer-highlight-color;

        &:hover { color: @theme-footer-highlight-color; }

    }

    // Adjusting grid gutter
    .uk-grid > * > .uk-panel + .uk-panel { margin-top: @global-margin; }

}


//
// Fullscreen / Fixed navigation calculations
//

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

    // Full Height (Warp Option)
    .tm-block-fullheight {

        height: 100vh;
        padding: 0;

        > .uk-grid {
            height: 100vh;
            .uk-flex;
            .uk-flex-middle;
            .uk-flex-center;
            .uk-flex-space-between;
        }
    }

    // Navbar height
    .tm-navbar {
        height: @theme-navbar-height;
        padding: @theme-bar-padding-horizontal;
    }

    // Calculating the height of the fullscreen child elements when sticky navigation (Warp Option) is enabled
    .tm-navbar-fixed .uk-sticky-placeholder + .tm-block-fullheight,
    .tm-navbar-fixed .uk-sticky-placeholder + .tm-block-fullheight .uk-slideshow-fullscreen,
    .tm-navbar-fixed .uk-sticky-placeholder + .tm-block-fullheight .uk-slideshow-fullscreen > li { height: 100vh; }

    // Calculating the height of the fullscreen child elements when sticky navigation (Warp Option) is disabled
    .tm-navbar + .tm-block-fullheight,
    .tm-navbar + .tm-block-fullheight .uk-slideshow-fullscreen,
    .tm-navbar + .tm-block-fullheight .uk-slideshow-fullscreen > li { height: ~'calc(100vh - @{theme-navbar-height})'; }

    // Calculating the height of the fullscreen child elements when sticky navigation (Warp Option) is disabled and toolbar is published
    .tm-toolbar + .tm-navbar + .tm-block-fullheight,
    .tm-toolbar + .tm-navbar + .tm-block-fullheight .uk-slideshow-fullscreen,
    .tm-toolbar + .tm-navbar + .tm-block-fullheight .uk-slideshow-fullscreen > li { height: ~'calc(100vh - @{theme-bar-total-height})'; }

    .tm-navbar-fixed .tm-toolbar + .uk-sticky-placeholder + .tm-block-fullheight,
    .tm-navbar-fixed .tm-toolbar + .uk-sticky-placeholder + .tm-block-fullheight .uk-slideshow-fullscreen,
    .tm-navbar-fixed .tm-toolbar + .uk-sticky-placeholder + .tm-block-fullheight .uk-slideshow-fullscreen > li { height: ~'calc(100vh - @{theme-toolbar-total-height})'; }

    // Offset for tm-block-fullheight when sticky navigation (Warp Option) is enabled
    .tm-navbar-fixed .uk-sticky-placeholder + .tm-block-fullheight {
        height: 100vh;
        margin-top: -@theme-navbar-height;
    }

    // Header Offset (Warp Option) will move the tm-header layout position under the sticky navbar
    .tm-navbar-fixed.tm-header-offset .tm-header {  margin-top: -@theme-navbar-height; }

}

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

    // Background on mobile
    .tm-navbar {
        display: block;
        background: @global-background !important;
    }

}

//
// Main
//

// Adding margin to main-top and main-bottom container
.tm-main-top + .tm-content,
.tm-content + .tm-main-bottom { margin-top: @global-grid-gutter; }

// Large Screens
@media (min-width: @breakpoint-large-max) {

    .tm-main-top + .tm-content,
    .tm-content + .tm-main-bottom { margin-top: @global-grid-gutter-large; }

}


// Blog
// ==========================================================================

.tm-article-blog {

    // Blog image
    .tm-featured-image { margin-bottom: @grid-gutter-large-vertical; }

    // Centering the article content
    .tm-article-wrapper {
        width: 80%;
        margin: 0 auto;
    }

    // Meta informations
    .uk-article-meta {
        text-align: center;
        text-transform: uppercase;
    }

    .uk-article-title {

        position: relative;
        margin-bottom: 50px;
        .uk-margin-top-remove;
        text-align: center;

        &::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -20px;
            width: @theme-gallery-border-width;
            margin-left: -(@theme-gallery-border-width / 2);
            border-bottom: 2px solid @overlay-panel-background-color;
        }
    }

}

// Adding space when featured article is published (Joomla only)
.tm-leading-article + .uk-grid { margin-top: @article-margin-top; }

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

    .tm-content .tm-leading-article .tm-article-blog .tm-article-wrapper,
    .tm-content .uk-width-medium-1-1 .tm-article-blog .tm-article-wrapper { width: @theme-blog-wrapper-width; }

}


// Theme Additions
// ==========================================================================

//
// Block Textures
//

.tm-block-texture-1 {
    background-image: url('../images/bg1.svg');
    background-position: 50% 50%;
    background-size: cover;
}
.tm-block-texture-2 {
    background-image: url('../images/bg2.svg');
    background-repeat: repeat;
}
.tm-block-texture-3 {
    background-image: url('../images/bg3.svg');
    background-repeat: repeat;
}


//
// Grid modifier 'tm-grid-divider'
//

.tm-grid-divider:not(:empty) {
    margin-left: -@grid-gutter-horizontal;
    margin-right: -@grid-gutter-horizontal;
}

.tm-grid-divider > * {
    padding-left: @grid-gutter-horizontal;
    padding-right: @grid-gutter-horizontal;
}

.tm-grid-divider > div:not(.uk-width-1-1):nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }

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

    .tm-grid-divider { margin-top: @block-large-padding-vertical-large; }

    .tm-grid-divider > div:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }

}

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

    .tm-grid-divider > div:not(.uk-width-large-1-1):nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }

}

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

    .tm-grid-divider:not(:empty) {
        margin-left: -@grid-gutter-large-horizontal;
        margin-right: -@grid-gutter-large-horizontal;
    }

    .tm-grid-divider > * {
        padding-left: @grid-gutter-large-horizontal;
        padding-right: @grid-gutter-large-horizontal;
    }

    .tm-grid-divider:empty {
        margin-top: @grid-gutter-large-vertical;
        margin-bottom: @grid-gutter-large-vertical;
    }

}

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

    .tm-grid-divider > div:nth-child(n+2) {
        margin-top: @grid-gutter-vertical;
        margin-bottom: @grid-gutter-vertical;
        border-top: @grid-divider-border-width solid @grid-divider-border;
    }

}

//
// Pricing Options
//

.tm-price {
    margin-top: @global-margin-large;
    margin-bottom: 60px;
    margin-left: -15px;
    font-size: 120px;
}

.tm-price sup {
    margin-right: 6px;
    margin-left: -1,2em;
    top: 0;
    font-size: 32px;
    font-weight: 500;
}


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

    .tm-price {
        margin-bottom: 60px;
        margin-left: -15px;
        font-size: 120px;
    }

    .tm-price sup {
        margin-right: 6px;
        margin-left: -1,2em;
        top: -1.8em;
        font-size: 32px;
        font-weight: 500;
    }

}

//
// modifier 'tm-subnav-footer'
//

.tm-subnav-footer {

    // Items
    > li {

        width: 33%;
        min-width: 33%;
        padding: 0;
        line-height: 15px;

        // Link
        > a {

            font-size: 14px;
            color: @theme-subnav-color;

            // Hover + focus
            &:hover,
            &:focus { color: @theme-subnav-hover-color;  }

        }

        // Active
        &.uk-active > a { color: @theme-subnav-active-color; }

    }

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

        margin-top: @grid-gutter-horizontal;
        margin-left: 0;

    }

}

// To-Top Scroller
.tm-footer .tm-totop-scroller {
    display: block;
    width: 30px;
    height: 30px;
    margin-top: @global-grid-gutter-large;
    line-height: 30px;
    font-size: 26px;
    color: @theme-subnav-color;
}

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

    .tm-footer .tm-totop-scroller { margin-top: round(@global-grid-gutter-large * 1.5); }

}

.tm-footer .tm-totop-scroller::after {
    content: "\f106";
    font-family: 'FontAwesome';
}

.tm-footer .tm-totop-scroller:hover,
.tm-footer .tm-totop-scroller:focus {
    outline: none;
    text-decoration: none;
}

//
// Hide / Show page title (Warp Option)
//

.tm-page-title-false .tm-content > .uk-article > .uk-article-title { display: none; }

//
// Internet Explorer 10 + 11
//

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    // Known issue in IE 10 + 11 when display behaviour is set to flex and a min-height is given
    .tm-flex-ie { height: 1px; }

}


// Widgetkit
// ========================================================================

//
// Slideshow
//

// Slideshow Header

// Dotnav (Pills style)
.tm-dotnav {

    .uk-dotnav a {
        width: 50px;
        height: 10px;
        margin-bottom: 40px;
        border-radius: 0;
    }

    .uk-dotnav li:first-child a {
        padding-left: 0;
        border-radius: 10px 0 0 10px;
    }

    .uk-dotnav li:last-child a { border-radius: 0 10px 10px 0; }

}

// Overlay
.tm-header-overlay {

    // Headline
    h1 {
        margin: 15px 0 18px 0;
        padding: 10px 20px;
        border: 3px solid @global-contrast-color;
        text-transform: @theme-heading-text-transform;
        letter-spacing: @global-letter-spacing;
    }

    // Content
    p {
        font-family: @base-heading-font-family;
        font-weight: @base-heading-font-weight;
        font-size: @base-h3-font-size;
        line-height: @base-h3-line-height;
        text-transform: @global-text-transform;
        letter-spacing: @global-letter-spacing;
        .uk-margin-remove;
    }
}

// Slideshow Bottom A

.tm-slideshow {

    // Layout
    .uk-overlay-panel.uk-flex-middle:not(.uk-flex-center) {

        // Overwriting flex layout for overlay panel
        padding-right: round(@dotnav-width + @global-margin-large);
        .uk-flex;
        .uk-flex-middle;
        .uk-flex-right;

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

            padding: @global-margin-extra-large round(@global-margin-extra-large * 2) @global-margin-extra-large @global-margin-extra-large;

        }

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

            > div { max-width: @theme-slideshow-panel-width; }

        }


        // Decrease font size for small devices
        @media (max-width: @breakpoint-mini-max) {

            .uk-h3 { font-size: 20px; }

        }

    }

    // Dotnav overlay
    .uk-overlay-panel.uk-overlay-bottom {

        top: 50%;
        left: auto;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);

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

            right: (@global-margin-extra-large / 2);

        }

    }

    // Dotnav
    .uk-dotnav {
        .uk-dotnav-vertical;
    }

    // List style
    .uk-list > li { margin-top: 15px; }

    // Position videothumb
    figure {

        margin-top: 11px;

        > div { margin-top: 11px; }

    }

}

//
// modifier 'tm-switcher'
//

.tm-switcher {

    position: relative;

    .uk-switcher {
        padding: 0 @global-grid-gutter-large;
        .uk-text-center;
    }

    // Adding space
    @media (min-width: @breakpoint-large) {

        .uk-switcher {
            padding: 0 @block-large-padding-vertical-large;
            .uk-text-left;
        }

    }

    .uk-thumbnav {

        margin: 0 0 @global-margin 0;
        padding-top: @global-margin;
        border-top: @global-border-width solid @global-border;

        > * > * { background: transparent; }

    }

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

        // Content
        .uk-switcher { margin-bottom: 0 !important; }
        .uk-switcher .uk-grid div:last-child .uk-panel { margin-top: -@global-margin-extra-large; }

        // Navigation
        .uk-thumbnav {
            position: absolute;
            bottom: 0;
            right: ~'calc(50% - @{theme-switcher-nav-width})';
            padding-top: 0;
            border: none;
        }

    }

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

        // Navigation
        .uk-thumbnav { bottom: @global-margin-extra-large; }

    }

}

//
// modifier 'tm-gallery'
//

.tm-gallery {

    // Layout
    .uk-overlay-panel.uk-flex {

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

            padding-top: @global-margin-extra-large;
            padding-bottom: @global-margin-extra-large;

        }

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

            padding: @global-margin-extra-large;

        }

        > div {
            height: 100%;
            .uk-flex;
            .uk-flex-column;
            .uk-flex-space-between;
        }

    }

    // Subtitle
    span {
        font-family: @base-heading-font-family;
        font-size: @base-h6-font-size;
        text-transform: @global-text-transform;
    }

    // Headline
    h3 {

        position: relative;
        text-transform: @global-text-transform;
        .uk-margin-remove;

        // Headline border
        &::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -8px;
            width: @theme-gallery-border-width;
            margin-left: -(@theme-gallery-border-width / 2);
            border-bottom: 2px solid @overlay-panel-background-color;
        }

    }

}

//
// modifier 'tm-slideset-bento'
//

.tm-slideset-bento {

    position: relative;

    // Filter nav position
    @media (min-width: @breakpoint-xlarge) {

        .uk-subnav {
            position: absolute;
            top: @theme-slideset-nav-offset;
            right: 0;
            margin-bottom: 0;
        }

    }

    .tm-slideset-title { margin-top: @global-margin; }

    .tm-slideset-date { padding-left: @global-grid-gutter; }


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

        // Item list
        .uk-slideset {

            .uk-flex;
            .uk-flex-column;
            margin-left: 0 !important;

            // Item
            > li {

                box-sizing: border-box;
                width: 100%;
                padding: 25px 0;
                border-top: @global-border-width solid @global-border;

                > .tm-slideset-panel {

                    .uk-flex;
                    .uk-flex-middle;

                    // Media
                    > .tm-slideset-media {

                        .uk-margin-right;
                        .uk-text-center;

                        // remove margin-bottom for uk-panel-teaser class
                        &.uk-panel-teaser {
                            .uk-margin-bottom-remove;
                        }
                    }

                    // Content
                    > .tm-slideset-main {

                        // Flex grow behaviour for content
                        .uk-flex-item-1;

                        // Title
                        .tm-slideset-title {

                            .uk-margin-small-top;

                            // Badge
                            .tm-slideset-badge-title {
                                .uk-margin-small-left;
                            }

                        }

                    }

                    // Custom field 'date'
                    .tm-slideset-date {

                        .uk-text-right;

                        > span {
                            display: block;
                            font-size: @base-h3-font-size;
                        }

                    }

                }

            }

        }

    }

}

#tm-slideset-bento-slidenav {

    // Filter nav position
    @media (min-width: @breakpoint-xlarge) {

        .uk-subnav { right: round((@theme-slideset-slidenav-width * 2) + @subnav-pill-margin-horizontal + @global-grid-gutter-small); }

        .tm-slideset-slidenav {

            position: absolute;
            top: @theme-slideset-nav-offset;
            right: 0;
            margin-top: 0 !important;

            .uk-slidenav {
                width: @theme-slideset-slidenav-width;
                height: @theme-slideset-slidenav-width;
                line-height: @theme-slideset-slidenav-width;
                font-size: 20px;
            }


        }

    }

}

//
// modifier 'get in touch'
//

.tm-contact {

    // Adding space
    padding-left: 50px;

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

        padding-left: @block-large-padding-vertical;

    }

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

        padding-top: @global-grid-gutter;

        > .uk-grid { margin-bottom: @grid-gutter-horizontal; }

    }

}


// 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;
    }

}


// WordPress only
// ========================================================================

.alignleft {
    display: block;
    margin-right: @utility-align-horizontal;
    float: left;
}

.alignright {
    display: block;
    margin-left: @utility-align-horizontal;
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


// Style modifications
// ==========================================================================

//
// Background gradients
//

.body-style ();

// Pink Style
.body-style () when (@global-style = 'pink') {

    body {
        background-image: -webkit-linear-gradient(-35deg, lighten(@theme-body-background, 8%), darken(@theme-body-background, 5%));
        background-image: linear-gradient(125deg, lighten(@theme-body-background, 8%), darken(@theme-body-background, 5%));
        background-attachment: fixed;
    }

}

// Light Style
.body-style () when (@global-style = 'light') {

    body {
        background-image: -webkit-linear-gradient(-35deg, lighten(@theme-body-background, 100%), darken(@theme-body-background, 12%));
        background-image: linear-gradient(125deg, lighten(@theme-body-background, 100%), darken(@theme-body-background, 12%));
        background-attachment: fixed;
    }

}