/*
Theme Name: www.folkbladet.nu
Author: VK
Description: Nya folkbladet.nu barntema
Version: 1.1
Template: vkwp
*/

/*
 HEADERS
*/
@import "static/css/arlima.css?v=2";

/* THEME COLORS */
.theme-main-color {
    background: #b22e2a; /* folkbladet-röd */
}

.theme-light-color {
    background: #ececec; /* ljusgrå */
}

.theme-contrast-color {
    background: #98a900; /* ljusgrön */
}

.theme-body-color {
    background: #eae7d8; /*beige*/
}

.readmore {
    color: #b22e2a !important;
}

/*
 LOGO & HEADER
*/
#logo-container {
    padding: 1px 4px 1px;
}

#panorama {
    background: #FFF;
    padding-bottom: 0;
}

#header .tmpl-article {
    background: none;
}

#date-panel {
    padding: 3px 5px;
    font-size: 90%;
    margin:4px 2px 0;
}

#date-panel .todays-date {
    margin-left: 0;
}

.header-box,
.header-box:first-child {
    padding: 0;
    height: 79px;
    padding: 0;
    margin: 0;
    border: 0;
}

.header-box.weather {
    border: 0;
    padding: 0 15px;
}

.header-box.weather a {
    color: #666;
}

.header-box.teasers {
    width: 609px; /* this can not be 610 due to font rendering on mac */
    height: 76px;
}

    .header-box.teasers .vkslider {
        height: 76px !important;
    }

.header-box.teasers .tmpl-article {
    float: left;
    width: 48%;
    border-left: #DDD solid 1px;
    padding-left: 8px;
    height: 78px;
    overflow: hidden;
}

.header-box.teasers h6 {
    line-height: 16px;
    color: #b22e2a;
    font-weight: normal;
    font-size: 90%;
    margin-bottom: 2px;
}

.header-box.teasers p {
    color: #333;
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    text-decoration: none;
}

#top-header .links .prenumerera {
    background: #ff7200;
}

#right-now li.plus a {
    background-image: url('static/img/plus.png');
    padding-left: 34px;
}

/*
 Paygate / Login (including mobile)
*/
#login-container.inner-menu.user,
.inner-menu.user,
#login-container,
#paygate-container a.custom-login-btn,
#paygate-container a.login-btn {
    background-color:  #b22e2a;
}

#login-container.inner-menu h4, body.mobile #login-container h4 {
    background: #691d1a;
}

#menu-container li #login-container a {
    background-color: #b22e2a;
}

    #menu-container li #login-container a:hover {
        background-color: #691d1a;
    }


/*
 NAVIGATION COLORS
*/

#menu-container {
    border-top: #FFF solid 4px;
}

    #menu-container.fixed {
        border: none;
    }

#menu-container ul {
    background: #ECECEC;
}

#main-menu li a  {
    color: #666 !important;
}

#main-menu li a:hover  {
    color: #333 !important;
}

#menu-container li.active a {
    background: #b22e2a;
    color: #FFF !important;
}

#menu-container #sub-menu {
    background: #b22e2a;
}

#menu-container #sub-menu a {
    color: #fff !important;
}

#sitemap .sitemap-column {
    width: 140px;
}

#menu-container #sub-menu .sitemap-column-header a {
    font-weight: bold;
}


/* Sport menu */
.main-cat-sport .cat-bg,
.main-cat-sport #menu-container li.active a,
.main-cat-sport #menu-container #sub-menu {
    background: #fcb614;
}

/* Kultur menu */
.main-cat-kultur-noje .cat-bg,
.main-cat-kultur-noje #menu-container li.active a,
.main-cat-kultur-noje #menu-container #sub-menu {
    background: #894b94;
}

/* Sköna Lördag menu */
.main-cat-antligen-helg .cat-bg,
.main-cat-antligen-helg #menu-container li.active a,
.main-cat-antligen-helg #menu-container #sub-menu {
    background: #88ab2e;
}

/* A-Ö menu */
#menu-container li.sitemap.active a,
#menu-container #sub-menu.sitemap {
    background: #333;
}

/* Block Headers Colors! */
.main-cat-sport .block-header {
    background: #fcb614;
}

.main-cat-kultur-noje .block-header {
    background: #894b94;
}

.main-cat-antligen-helg .block-header {
    background: #88ab2e;
}

.swipe-buttons .label.cat-sport { color: #fcb614; }
.swipe-buttons .label.cat-asikter { color: #b22e2a; }
.swipe-buttons .label.cat-kultur-noje { color: #894b94; }
.swipe-buttons .label.cat-antligen-helg { color: #78963d; }


#paygate-container {
    background-image: url('../../static/img/menu/red-border-bottom.png');
}

    #paygate-container a.login-btn {
        background-color: inherit;
    }

    #main-menu li #paygate-container a,
    #main-menu li #login-container a {
        color: #fff !important;
    }

#menu-container li.subscription-link {
    background-image: url('../../static/img/menu/green-border-bottom.png');
}

    #menu-container li.subscription-link a {
        color: #fff !important;
    }

    #menu-container li.subscription-link .triangle {
        background-image: url('../../static/img/menu/triangle-lightgrey.png');
    }

    #menu-container li.subscription-link .plus {
        background-image: url('static/img/plus.png');
    }

    #menu-container li.subscription-link:hover,
    #menu-container li.subscription-link a:hover {
        background-image: url('../../static/img/menu/black-border-bottom.png');
    }

/* Arlima stuff */
a.teaser-entryword {
    /*color: #444;*/
    font-weight: bold;
}

a.main-cat {
    text-transform: none;
}
.arlima-pre-title {
    color: #b22e2a !important;
}

/* Single */
.single article a {
    color: #b22e2a;
    text-decoration: underline;
}

.single article a:hover {
    color: #e83b30;
    text-decoration: none;
}

.main-cat {
    color: #b22e2a;
}

.single.post .post-related.red h4 {
    background-image: url('../../static/img/dots-red.png');
}

    .single.post .post-related.red h4 span {
        color: #b22e2a;
    }

    .single.post .post-related.red .desc {
        padding: 10px 10px 20px;
        line-height: 1.5em;
    }

        .single.post .post-related.red .desc a {
            font-weight: bold;
        }

 blockquote {
    background-size: 44px;
    background-position: 26px 7px;
    background-image: url('static/img/quote-red.png');
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 24px;
}

/* Polls */

.wp-polls {
    background: #F0EFE7;
}

.wp-polls h4 {
    background: #E9E2D1;
}

.block-header.poll-header h5 {
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

/* Fact box */
.fact_box {
    background: #F0EFE7;
}

.fact_box h5 {
    background: #E9E2D1;
}

/* Latest news */
body.mobile .tabbed .block-header span.activated,
.tabbed .block-header span.activated,
.tabbed .block-header span.activated:hover {
    background-color: #b22e2a;
    color: #FFF;
}

.latest-news.tabbed .block-header h5 {
    border-color: #b22e2a;
}


    .mCSB_draggerContainer,
    .mCSB_draggerRail {
        background: #ececec !important;
    }

/* Make comment bubble round (no fb stats will be added) */
/*.comments-wrapper a {
    border-radius: 3px;
}*/

/* Quiz */
.vkuiz-info {
    background: #ececec;
}

/*
 BLOGS
*/
.blog-portal-blog {
    overflow: auto;
    padding: 12px 8px;
    border-bottom: #CCC solid 1px;
}

.blog-portal-blog img {
    float:left;
    margin-right: 12px;
}

.blog-portal-blog p {
    color: #333;
}

.blog-portal-blog a:link,
.blog-portal-blog a:visited {
    text-decoration: none;
}


/*
 FOOTER
*/
#footer .footer-content {
    background-image: url(static/img/logo-inverted.png);
    background-repeat: no-repeat;
}

.most-read h3 {
    font-family: 'Palatino Linotype', Palatino, 'Palatino LT STD', 'Book Antiqua', Georgia, serif;
    font-weight: normal;
    letter-spacing: 0;
}

/*
 SINGLE
 */
.subheading {
    font-size: 16px;
}



/* Share message */
#shared-article-message {
    text-align: center;
}

#shared-article-message .when-txt {
    text-align: center;
    float: none;
    margin-top: 0;
}

#shared-article-message .when-txt .created-info {
    text-align: right;
    padding-top: 8px;
}

/* Website message */

.website-message {
    border-color: #333;
}

.website-message .message a,
.website-message,
.website-message p,
.mobile .website-message,
.mobile .website-message p {
    color: #333 !important;
}

.mobile .website-message.important,
.mobile .website-message.private,
.website-message.important,
.website-message.private {
    background: #ECECEC;
    color: #333;
}

body.mobile .website-message .controls.multiple-buttons a.answer,
.website-message .controls.multiple-buttons a.answer {
    color: #333;
    background: #FFF;
}

/* fancybox */
.fancybox-skin {
    background: #fff !important;
    border-color: #fff !important;
}

#right-now li.first {
    background-color: #000;
    background-image: url('../../static/img/right-now-arrow-head-blackwhite.png');
}

/* Author info */
#single-article-block.kronika .block-header.top {
    display: none;
}
#single-article-block.kronika #single-sidebar {
    margin-top: 6px;
}
.fb-author-info {
    border-bottom: 3px #ececec solid;
    margin: 15px;
    position: relative;
    min-height: 100px;
}
    .fb-author-info h1 {
        padding-top: 25px;
        padding-right: 125px;
        font-weight: normal !important;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 32px !important;
    }
        .fb-author-info h1 span.large {
            font-family: "Open Sans", sans-serif;
            font-size: 48px;
            font-weight: bold;
            text-transform: uppercase;
            color: #b22e2a;
        }
    .fb-author-info .fb-author-image {
        position: absolute;
        width: 125px;
        height: 125px;
        bottom: 0;
        right: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center bottom;
    }

/* Contact-box */
.contact-wrapper {
    padding: 5px;
}
    .contact-wrapper h1 {
        margin: 0;
        border-bottom: 2px #b22e2a solid;
    }
.contact {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    width: calc(50% - 10px);
    margin-right: 5px;
    overflow: hidden;
}
    .contact .contact-image {
        width: 50px;
        height: 50px;
        background-size: contain;
        position: absolute;
        top: 0;
        left: 0;
    }
    .contact p {
        font-size: 12px;
        margin-left: 60px;
    }
    .contact p a {
        font-size: 11px;
        color: #b22e2a;
    }