/*
Theme Name:     Spun_Childtheme
Description:
Author:         admin
Template:       spun

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url("../spun/style.css");


/* =Header ohne Transparenz
----------------------------------------------- */

    .blog .hentry span.hometitle {
     width: 100%;
     position: absolute;
     top: 73px;
     display: table-cell;

     font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
     font-size: 30px;
     font-size: 3.0rem;
     font-style: italic;
     text-shadow: 0 0 10px #fff;
     text-align: center;

     line-height: 1.2;
     vertical-align: middle;
     word-wrap: break-word;
     color: #6a6363;

     overflow: hidden;

     transition: background .4s ease-in-out;
     -webkit-transition: background .4s ease-in-out;
     -moz-transition: background .4s ease-in-out;
     -o-transition: background .4s ease-in-out;
     -ms-transition: background .4s ease-in-out;
    }

    .blog .hentry {
     position: relative;
    }

    @media screen and ( max-width: 800px ) {
            .blog .hentry span.hometitle {
                    font-size: 24px;
                    font-size: 2.4rem;
            }
    }

/* =Header Logo Größe
----------------------------------------------- */

#masthead img { max-height: 200px; }

#masthead {
  opacity: 1;
}

.post-date {
display: none;
}

/* =Hauptnavi Farbe_Unterstrichen
----------------------------------------------- */

.main-navigation {
        color: #ada2a2;
        display: block;
        float: right;
        font-family: Quicksand, Helvetica, Arial, sans-serif;
        -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
        font-size: 14px;
        font-size: 1.4rem;
        margin: 5px 0 0;
        position: relative;
        text-align: right;
        text-transform: uppercase;
        width: 60%;
        text-shadow: 0px 0.5px 0 #ada2a2;
}

.main-navigation li:hover > a {
        color: #2f2c2c;
        text-shadow: 0px 0.5px 0 #2f2c2c;
        text-decoration: underline
}


/* =Homepage Bubbles unser Grau
----------------------------------------------- */
#primary {
        padding: 0;
        width: 100%;
}
#primary:before,
#primary:after,
#content:before,
#content:after,
#main:before,
#main:after {
        content: "";
        display: table;
}
#primary:after,
#content:after,
#main:after {
        clear: both;
}

.hentry.no-thumbnail {
        background: #d6d0d0;
        border-radius: 180px;
        overflow: hidden;
        transition: background .4s ease-in-out;
        -webkit-transition: background .4s ease-in-out;
        -moz-transition: background .4s ease-in-out;
        -o-transition: background .4s ease-in-out;
        word-wrap: break-word;
}
.hentry.no-thumbnail span {
        color: #fafafa;
        display: table-cell;
        font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
        font-size: 32px;
        font-size: 3.2rem;
        font-style: italic;
        line-height: 32px;
        overflow: hidden;
        text-align: center;
        transition: background .4s ease-in-out;
        -webkit-transition: background .4s ease-in-out;
        -moz-transition: background .4s ease-in-out;
        -o-transition: background .4s ease-in-out;
        -ms-transition: background .4s ease-in-out;
        vertical-align: middle;
        word-wrap: break-word;
}
.hentry.no-thumbnail:hover {
        background: #ada2a2;
        color: #ffffff;
        transition: background .4s ease-in-out;
        -webkit-transition: background .4s ease-in-out;
        -moz-transition: background .4s ease-in-out;
        -o-transition: background .4s ease-in-out;
        -ms-transition: background .4s ease-in-out;
}


/* =Headlines Schriftfarbe
----------------------------------------------- */

.entry-title,
.entry-title a {
        color: #ada2a2;
        font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
        font-size: 32px;
        font-size: 3.2rem;
        font-style: italic;
        line-height: 1em;
        margin: 0 0 20px 0;
}


/* =Text Schriftfarbe
----------------------------------------------- */

body,
button,
input,
select,
textarea {
        color: #ada2a2;
        font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 300;
        line-height: 1.5;
}



/* =Button Farbe
----------------------------------------------- */


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
        background: #d6d0d0;
        border: 0 none;
        border-radius: 50px;
        color: #fff;
        cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1;
        margin: 0;
        padding: .65em 1em;
        text-transform: uppercase;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
        background: #ada2a2;
        color: #fafafa;
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
}


/* =Footer Farbe
----------------------------------------------- */

#colophon {
        color: #d6d0d0;
        clear: both;
        font-family: Quicksand, Helvetica, Arial, sans-serif;
        -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
        font-size: 12px;
        font-size: 1.2rem;
        padding: 100px 0 50px;
        text-align: left;
        text-transform: uppercase;
        width: 100%;
}
#colophon a {
        color: #d6d0d0;
}
#colophon:hover a {
        color: #ada2a2;
}


/* =Widget Plus Zeichen
----------------------------------------------- */

.sidebar-link {
        background: #fafafa;
        border-radius: 40px;
        clear: both;
        color: #d6d0d0;
        cursor: pointer;
        display: block;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 40px;
        margin: 2em auto 0;
        text-align: center;
        transition: background .4s ease-in-out, color .4s ease-in-out;
        -webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
        -moz-transition: background .4s ease-in-out, color .4s ease-in-out;
        -o-transition: background .4s ease-in-out, color .4s ease-in-out;
        -ms-transition: background .4s ease-in-out, color .4s ease-in-out;
        width: 40px;
        height: 40px;
}

.sidebar-link:hover {
        background-color: #ada2a2;
        color: #fafafa;
        transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
}