/*
 Theme Name:   sprakwebben
 Theme URI:    http://idg.se/
 Description:  Språkwebben wordpress theme - child theme of twentysixteen
 Author:       IDG
 Author URI:   http://idg.se/
 Template:     twentysixteen
 Version:      2018.03.20
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child
*/



/* Header */

/*Header top menu*/
#site-header-menu {
    text-align: center;
    margin: 0;
}
#site-header-menu ul.primary-menu {
    display: inline-block;
}
.site-header {
    padding: 20px;
    margin-bottom: 30px;
    background-color: rgba(0,0,0,0.2);
}
.menu-toggle {
    background-color: rgba(255,255,255,0.5);
    margin: 0;
}
.main-navigation li {
    border-color: #aaa;
}

#menu-primar-meny a[href="http://computersweden.se"] {
    background-image: url('//www.idg.se/polopoly_fs/1.607022.1476104581!computersweden-from-idg.svg');
    margin-top: 1px;
    margin-right: 10px;
    width: 120px;
    display: block;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


@media screen and (min-width: 44.375em) {
    .site-description {
        color: #333;
        font-weight: 600;
        margin-top: 0;
    }
}

/* Logo and title */
.site-title {
    font-size: 55px;
    line-height: 1.25;
}
.site-title a {
    text-decoration: none;
    position: relative;
}
/* Beta stamp */
/*
#masthead .site-title a:after {
    content: "beta";
    display: inline-block;
    font-size: 20px;
    color: #cb0101;
    position: absolute;
    top: 9px;
    opacity: 0.5;
}
*/
.site-header-main {
    display: block;
    text-align: center;
}
@media screen and (min-width: 44.375em) {
    .site-title {
        font-size: 75px;
    }
}

@media screen and (min-width: 61.5625em) {
    .site-header {
        padding-top: 1em;
    }
    .site-header-main {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 56.875em) {
    #widget_area_header {
        margin-left: 15%;
        margin-right: 15%;
    }
}

/* Widget area in header */
#widget_area_header {
    margin-bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 3px solid rgba(0,0,0,0.4);
}



/* Header Search box */

.search-form.header-search {
    margin-bottom: 1.75em;
    text-align: center;
}
.search-form.header-search input[type="search"].search-field {
    margin-bottom: 0.75em;
    text-align: center;
    width: 100%;
}
.search-form.header-search .search-submit {
    position: static;
    display: inline-block;
    width: 100px;
    text-align: center;
    line-height: 42px;
    padding-right: 8px;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
}
.search-form.header-search .search-submit.randomizer {
    width: 150px;
    background: #1a1a1a;
    border: 0;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    letter-spacing: 0.046875em;
    text-transform: uppercase;
    max-width: 100%;
    background-color: #cb0101;
    text-decoration: none;
}

.search-form.header-search .search-submit:before {
    width: auto;
    margin-right: 8px;
}
.search-form.header-search .search-submit.randomizer:before {
    content: '\f514';

}

@media screen and (min-width: 56.875em) {
    .search-form.header-search {
        margin-left: 15%;
        margin-right: 15%;
    }
}

@media screen and (min-width: 600px) {

    /* Larger ajax-results on larger screen*/
    body ul.dwls_search_results {
        width: 500px;
    }
}



/* Content */

body.no-sidebar:not(.search-results) article.type-ord .post-meta-related {
    margin-right: 7.6923%;
    margin-left: 7.6923%;
}

@media screen and (min-width: 56.875em) {
    body.no-sidebar:not(.search-results) article.type-ord .entry-content {
        margin-left: 15%;
        width: 70%;
        margin-bottom: 20px;
    }
    body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer {
        margin-right: 0;
        margin-left: 0;
    }

    body.no-sidebar:not(.search-results) article.type-ord .post-meta-related  {
        clear: both;
        margin-left: 15%;
        margin-right: 15%;
    }
}

.entry-title {
    margin-bottom: 20px;
    font-size: 1.5em;
}
@media screen and (min-width: 61.5625em) {
    .entry-title {
        font-size: 2em;
    }
}

.post-meta-related {
    overflow: hidden;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.post-meta-related .related-links {
    float: left;
}
.post-meta-related .related-links h3 {
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}

.post-meta-related .related-links ul li {
    font-size: 14px;
}

/* Share links  */
.post-meta-related .share-word {
    float: right;
    padding-top: 5px;
}
.post-meta-related .share-word a {
    text-decoration: none;
}
.post-meta-related .share-word.twitter i {
    color: #4099FF;
    top: 1px;
    position: relative;
}
.post-meta-related .share-word.facebook i {
    color: #3b5998;
}
.post-meta-related .dagens-ord {
    clear: both;
    font-size: 12px;
}
.post-meta-related .dagens-ord .dagens-ord-title {
    font-weight: bold;
}
.post-meta-related .dagens-ord .dagens-ord-date {
    background-color: #cb0101;
    display: inline-block;
    float: none;
    border-radius: 2px;
    padding: 0px 2px;
    color: #fff;
}



/* Words alphabetical list /ordlistan/ */
.letter-index {
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 10px;
}
.letter-index a {
    text-transform: uppercase;
    font-size: 1.5em;
    color: #000;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,0.2);
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 5px;
}
.letter-index a:hover {
    background-color: rgba(0,0,0,0.2);
}

.words-list {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    list-style: none;
    margin: 0;
}
.words-list li a {
    color: #000;
}


@media all AND (min-width: 600px) {

    .letter-index a {
        font-size: 1.0em;
    }
    .words-list {
        -webkit-column-count: 3; /* Chrome, Safari, Opera */
        -moz-column-count: 3; /* Firefox */
        column-count: 3;
    }

}





@media screen and (min-width: 600px) {

    /* Larger ajax-results on larger screen*/
    body ul.dwls_search_results {
        width: 500px;
    }
}







/* Links */
a {
    text-decoration: underline;
}
.entry-content a,
.entry-summary a,
.taxonomy-description a,
.logged-in-as a,
.comment-content a,
.pingback .comment-body > a,
.textwidget a,
.entry-footer a:hover,
.site-info a:hover {
    box-shadow: none;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.textwidget a:hover,
.textwidget a:focus {
    text-decoration: none;
}



/* Footer */
.site-footer .site-title:after {
    display: none;
}