/*
 Theme Name:   IFSS (Twenty Fifteen Child)
 Theme URI:    
 Description:  Wordpress Theme for ifss.nu
 Author:       Jonathan Wahlund
 Author URI:   http://www.jonathanwahlund.se/
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         
 Text Domain:  twenty-fifteen-child
*/
body {
    font-family: "Noto Sans", sans-serif;
}

.textwidget a, .entry-content a {
    border-bottom: 0;
}

.hentry, .page-header, .page-content {
    margin: 0;
}

.logoimage {
    width: auto;
    max-width: 247px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
}

.site-footer {
    display: none;
}

.site-main {
    padding: 0;
}

.widget {
    margin-bottom: 20px;
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.main-navigation {
    margin-bottom: 30px;
}

#indexpage-content {
    padding: 0 1% 1%;
}

.post-thumbnail {
    margin-bottom: 10px;
}

.secondary {
    padding: 0 3%;
}

.site-header {
    padding: 2% 3% 2% 3%;
}

#indexpage-content .indexpage-imagelinkdiv {
    position: relative;
    width: 98%;
    margin: 1%;
    float: left;

    /*border: 1px solid black;*/

    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
}

#indexpage-content .indexpage-imagelinkdiv h2 {
    margin: 5px;
}

#indexpage-content .indexpage-imagelinkdiv .so-widget-sow-image h2 {
    position: absolute;
    pointer-events: none;
    padding: 1px;
    background: rgb(255, 255, 255); /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, 0.6);
    line-height: 100%;
}

/*#indexpage-content .indexpage-imagelinkdiv .so-widget-sow-image .rounded{*/
     /*display: none;*/
 /*}*/

#indexpage-content .indexpage-imagelinkdivexclusive .textwidget {
    margin: 0;
}

#secondary h2 {
    margin: 10px 0 5px 0;
}

#cff {
    margin-top: 10px;
}

.textwidget {
    margin: 0 5px 5px;
}

#indexpage-content .indexpage-textdiv {
    width: 98%;
}

@media screen and (min-width: 38.75em) {
    #indexpage-content .indexpage-imagelinkdiv {
        width: 48%;
    }

    .secondary {
        margin: 2%;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    }

    #cff .cff-item {
        border-bottom: 0;
    }

    #indexpage-content .indexpage-textdiv {
        width: 98%;
    }
}

@media screen and (min-width: 59.6875em) {
    body:before {
        width: 26%;

        -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    }

    .site-content {
        margin-left: 28%;
        width: 70.5882%;
    }

    .content-area {
        padding: 3% 0;
        max-width: 960px;
    }

    .site-main article {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    }

    .site-header {
        margin: 10% 0;
        padding: 0 20%;
    }

    .hentry + .hentry, .page-header + .hentry, .page-header + .page-content {
        margin-top: 3%;
    }

    #indexpage-content .indexpage-imagelinkdiv {
        width: 31.3333%;
    }

    .secondary {
        -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
        box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    }

    .logoimage {
        max-width: 95%;
    }

    .widget {
        margin-bottom: 20px;
        border-top: 0;
        padding-left: 3%;
        padding-right: 15%;
    }

    .main-navigation {
        margin: 0 15% 30px 3%;
    }

    .site-header {
        padding-left: 6%;
        margin-left: 2%;
    }

    #indexpage-content .indexpage-textdiv {
        width: 97.9%;
    }
}

@media screen and (min-width: 87.6875em) {
    body:before {
        width: -webkit-calc(50% - 340px);
        width: calc(50% - 340px);
    }
}

#countdown_days_number, #countdown_message {
    display: block;
}