/* Branding
 ========================================================================== */

.tm-site-branding,
.tm-site-branding a {
    font-size: 24px;
    line-height: 24px;
    color: @base-heading-color;
    font-weight: 200;
    text-decoration: none;
}


/* Main
 ========================================================================== */

.tm-main {
    word-wrap: break-word;
}


/* Article
 ========================================================================== */

.tm-article-image {
    margin-top: @utility-margin + ( @utility-margin / 2 );
    margin-bottom: @utility-margin + ( @utility-margin / 2 );
}

article > .tm-article-image:first-child,
article header > .tm-article-image:first-child {
    margin-top: 0;
}

/* Phone landscape and smaller */

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

    article.uk-panel-box {
        padding: 20px 15px;
        margin-right: -15px;
        margin-left: -15px;
    }

}


/* Comments
 ========================================================================== */

.tm-comments {
    margin-top: @grid-gutter-vertical;
    margin-bottom: @grid-gutter-vertical;
}

.tm-comment-links a {
    font-size: @text-small-font-size;
    margin-bottom: 0;
}

.form-allowed-tags code {
    white-space: normal;
    display: block;
}

/* Phone landscape and smaller */

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

    .tm-comments.uk-panel-box {
        padding: 20px 15px;
        margin-right: -15px;
        margin-left: -15px;
    }

}

/* Comment form
 ========================================================================== */

.comment-respond {
    margin-top: @grid-gutter-vertical;
}

.comment-reply-title > small a {
    margin-top: -3px;
}


/* Widgets
 ========================================================================== */

.tm-widget .uk-list ul {
    padding-left: 0;
}

.widget_calendar table {
    table-layout: fixed;
    width: 100%;
}

.widget_calendar #next {
    text-align: right;
}

[class*="widget_recent"] ul li:not( :last-of-type ),
.widget_archives ul li:not( :last-of-type ),
.widget_categories ul li:not( :last-of-type ),
.widget_meta ul li:not( :last-of-type ) {
    margin-bottom: 5px;
}


/* WordPress theme requirement
 ========================================================================== */

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

.wp-caption,
.wp-caption img {
    max-width: 100%;
    text-align: center;
}

.wp-caption-text {
    font-size: 11px;
    color: @global-muted-color;
    margin: 3px 0;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}
