// FIX HEAD
// Change background of .head with:
.head {
    background: #333333;
}


// ADD RSS TO FORUM
// Latest post, add this html:
<div class="head">Latest posts <img src="/templates/default/images/social/white/rss.svg" alt="" class="fright" width="23px"></div>



// UPDATE SHARE
.article .share {
    padding: 0px 14px 7px;
    line-height: 47px;
}
// Replace .article .share span with .article .share > span
.article .share > span {
    background: none repeat scroll 0% 0% #428BCA;
    color: #FFF;
    font-weight: 800;
    padding: 7px 8px 10px 8px;
    padding: none;
    width: auto;
    box-shadow: 0px -4px rgba(0, 0, 0, 0.1) inset;
}


// FIX OVERLAPPING COMMENT ACTIONS
// Replace styles for each of the class with theses
.comment .comment-meta .comment-post {
    float: left;
    margin: 0;
}
.comment .comment-meta .comment-actions {
    float: left;
    margin: 6px 0 0 0;
    width: 100%;
}
.comment .comment-meta .comment-actions ul {
    float: left;
}

// Better quotes in comments
.comment .comment-body blockquote {
    margin: 0 0 14px 0;
}

// In css/reset.css find blockquote and update the padding, looks a bit silly atm
blockquote {
    padding: 0px 14px 0px 14px;
}









// ADD GAMING ON LIUX NEXT TO LOGO
// Replace current h1 with
<h1 id="logo-res">
    <a href="/index.php"><img alt="" src="/templates/default/images/icon.svg"><span>Gaming On Linux</span></a>
</h1>

// Update css
#wrapper #header #logo-res {
    float: left;
    padding: 5px 0px 0px;
    margin: 0px;
    font-size: 16px;
    color: #ffffff;
}
// Add underneath
#wrapper #header #logo-res a {
    color: #ffffff;
    float: left;
}
#wrapper #header #logo-res img {
    float: left;
}
#wrapper #header #logo-res span {
    display: none;
    margin-top: 20px;
    float: left;
    margin-left: 7px;
}

/* DESKTOP */
@media only screen and (min-width: 1200px) {
    #wrapper #header #logo-res span {
        display: inherit;
    }
}
/* MOBILE LANDSCAPE */
@media only screen and (max-width: 480px) {
    #wrapper #header #logo-res span {
        display: inherit;
    }
}
/* MOBILE PORTRAIT */
@media only screen and (max-width: 320px) {
    #wrapper #header #logo-res span {
        display: inherit;
    }
}


// FIX GOTY GUTTER / EXTRA space
// This may be problematic if each box is not the same (example one has an extra line in the title)
// Wrap all the col-4 inside of .goty
<div class="goty">
    <div class="col-4">...</div>
    <div class="col-4">...</div>
    <div class="col-4">...</div>
    <div class="col-4">...</div>
    <div class="col-4">...</div>
    <div class="col-4">...</div>
    <div class="col-4">...</div>
</div>

// Add this css
.goty .col-4 {
  width: 32.666666666666666666666666666667%;
  margin: 0;
}
.goty .col-4:nth-child(3n+2) {
    margin: 0 1%;
}
@media only screen and (max-width: 768px) {
    .goty .col-4 {
        width: 100%;
    }
    .goty .col-4:nth-child(3n+2) {
        margin: 0;
    }
}


// Find .dark a.button and replace with
.dark input, .dark textarea, .dark select {
    background: #333;
    border: 1px solid #444;
    color: #ffffff;
}
.dark .button, .dark button, .dark input[type=submit], .dark input[type=reset], .dark input[type=button] {
    background: #428BCA;
    border: 1px solid #357CB7;
    color: #ffffff;
}
.dark .button:hover, .dark button:hover, .dark input[type=submit]:hover, .dark input[type=reset]:hover, .dark input[type=button]:hover {
    background: #357CB7;
    color: #ffffff;
}