/*
Theme Name: Simone's Child
Theme URI: http://mor10.com/simone-wordpress-theme/
Template: simone
Author: Morten Rand-Hendriksen
Author URI: http://mor10.com/
Description: Simone is a responsive, accessible, high-resolution theme featuring custom header and custom link colors, large images, and easy to read typography that scales to fit all screens. Other features include keyboard accessible navigation, optional social menu, sidebar- and footer widgets, no-sidebar page template, Aside post format, and collapsible author profile box. Simone is translation ready and ships in English with translations in Catalan, Chinese (simplified), Dutch, Finnish, French, German, Hungarian, Italian, Norwegian Bokmål, Persian, Russian, Spanish, Swedish, and Turkish.
Tags: white,black,blue,light,one-column,two-columns,right-sidebar,responsive-layout,accessibility-ready,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,sticky-post,threaded-comments,translation-ready,rtl-language-support
Version: 2.1.1.1468838839
Updated: 2016-07-18 10:47:19

*/



/*--------------------------------------------------------------
X.X Header
--------------------------------------------------------------*/


.header-image img {
    display: block;
    margin: 0 auto;
}

.header-background-image {
    background: no-repeat center;
    background-size: cover!important;
    -moz-background-size: cover!important;
    -webkit-background-size: cover!important;
}

.header-background-image .title-box {
    background: #4d4d4d;
    background: hsla(0, 0%, 30%, 0.7);
}
.site-branding {
    padding: 6rem 0;
    text-align: center;
    background: transparent;

}
.title-box {
    width: 600px;
    max-width: 75%;
    padding: 6rem;
    margin: 0 auto;
    border: solid 1px #fff;
    border: solid 1px hsla(0, 0%, 100%, .3);
}

.site-title {
    font-weight: 700;
    font-size: 40px;
    font-size: 4.5rem;
    text-transform: uppercase;
    line-height: normal;
    padding-bottom: 1rem;
}

.site-description {
    font-weight: 100;
    font-size: 20px;
    font-size: 2rem;
}

.site-title a,
.site-description {
    color: #fff;
    color: hsl(0, 0%, 100%);
}

.hide-text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* Header search */

.search-toggle {
    float: right;
    width: 54px;
    height: 54px;
    padding: 12px;
    margin-right: 20px;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

.search-toggle:hover,
.search-toggle.active {
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

@media screen and (max-width: 600px) {
    .search-toggle {
        position: absolute;
        top: 0;
        right: 0;
        margin-right: 0;
    }
}


input[type="search"] {
    box-sizing: border-box;
    width: 100%;
}

.search-box-wrapper {
    z-index: 2;
    width: 100%;
    display: none;
}

.search-box {
    padding: 1em;
    background: #4d4d4d;
    background: hsl(0, 0%, 30%);
}

.search-box .search-field {
    max-width: 362px;
    float: right;
    padding: 1rem 2rem 1rem 4rem;
    font-size: 20px;
    font-size: 2rem;
    background-color: #fff;
    border: 0;
}

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit {
    display: none;
}

/* Header responsive */
@media screen and (max-width: 600px) {
    .site-branding { padding: 0; }

    .title-box {
        max-width: 100%;
        margin: 0;
        padding: 4rem;
        border: none;
    }
}

/* forms */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 1em 2em;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Lato';
    text-transform: uppercase;
    line-height: 1;
    color: hsl(0, 0%, 100%);
    background: #3c3c3c;
    background: hsl(0, 0%, 24%);
    border: none;
    border-radius: 3px;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

form.td {
    font-size: 10px;
    font-size: 1rem;
    font-family: 'Lato';
}


/* sjv test tweaks */


/*--------------------------------------------------------------
Links
--------------------------------------------------------------*/


/* light up a link as it's moused */

a:hover
{
    color: #b81900;
}

/* .display-left for a div to put its image to the left
and the text to the right of the image, with margins */

.display-left {
    position: relative;
    width:100%;
    float: left;
    margin-right: 3.333333333%;
    margin-bottom: 1rem;
    background: #fff;

}

/*
.display-left, img {
    position: relative;
    float: right;
    max-width:100%;
    margin-right: 3.333333333%;
    margin-bottom: 1rem;
}
*/

.display-tbl, table {
    width: 100%;
}

.display-tbl, td, th {
    border: 1px solid black;
    padding: .5em;
}

.display-tbl, table {
    border: none;
}

.display-tbl, th {
    text-align: center;
    font-size: .8em;
}


/* ----------Typography -------------*/

/* fonts for larger screens */
/* modified smaller by sjv 151124 */

.entry-title {
    margin: 1rem 0 2rem;
    font-weight: 700;
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.3em;
    color: #000;
    color: hsl(0, 0%, 0%);
}

.entry-content a {
    text-decoration: underline;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 { margin-bottom: .4em; }

.entry-content h1 {
    font-size: 28px;
    font-size: 2.8rem;
}

.entry-content h2 {
    font-size: 24px;
    font-size: 2.4rem;
}

.entry-content h3 {
    font-size: 20px;
    font-size: 2.0rem;
}

.entry-content h4 {
    font-size: 18px;
    font-size: 1.8rem;
}

.entry-content h5 {
    font-size: 15px;
    font-size: 1.5rem;
}

.entry-content h6 {
    font-size: 15px;
    font-size: 1.5rem;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.9em;
}

.entry-content blockquote p {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.2em;
}

/* Smaller fonts for smaller screens */


@media screen and (max-width: 680px) {
    .entry-title {
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.3em;
    }
    .entry-content h1 {
        font-size: 26px;
        font-size: 2.6rem;
    }

    .entry-content h2 {
        font-size: 22px;
        font-size: 2.2rem;
    }

    .entry-content h3 {
        font-size: 18px;
        font-size: 1.8rem;
    }

    .entry-content h4 {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .entry-content h5 {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .entry-content h6 {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .entry-content p,
    .entry-content ul,
    .entry-content ol  {
        font-size: 15px;
        font-size: 1.5rem;
    }

    .entry-content blockquote p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1em;
    }
}

/* Alignment core classes */

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

/* Blockquotes - modified by sjv 151124 */

blockquote {
    padding: 1em 1.5em 0;
    margin-bottom: 1em;
    font-style: italic;
    border-top: solid 1px hsl(0, 0%, 80%);
    border-bottom: solid 1px hsl(0, 0%, 80%);
}

blockquote em {
    font-style: normal;
}

blockquote cite {
    display: block;
    margin-top: 1em;
    margin-left: 40%;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'Lato', sans-serif;
    font-style: normal;
    line-height: 1.5em;
    text-align: right;
}

blockquote.alignleft {
    width: 50%;
    padding: 1em 0 0;
    margin-right: 2em;
}

blockquote.alignright {
    width: 50%;
    padding: 1em 0 0;
    margin-left: 2em;
}


/* Blockquotes responsive */
@media screen and (max-width: 780px) {
    blockquote.alignleft,
    blockquote.alignright { width: 40%; }
}

@media screen and (max-width:600px) {
    blockquote.alignleft,
    blockquote.alignright {
        width: 100%;
        padding: 1em 1.5em 0;
    }
}

/* Images - modified by sjv 151202 */

div.alignleft {
    padding: 1em 0 0;
    margin-right: 2em;
}

div.alignright {
    padding: 1em 0 0;
    margin-left: 2em;
}


/* Images responsive */

@media screen and (max-width: 780px) {
    div.alignleft,
    div.alignright { width: 40%; }
}

@media screen and (max-width:600px) {
    div.alignleft,
    div.alignright {
        width: 100%;
        padding: 1em 1.5em 0;
    }
}


/* adhoc menu navigation (menus embedded at top of page by sjv)*/

.adhocmenu li {
    display: inline;
    margin-left: 1em;
}

/* floating TOC+ menu that's sticky */

.widget li {
    padding: 0em 0 0;
}