/*
 Theme Name:   Le Deuil des Dieux
 Theme URI:    http://ddd.c-ri.com/twentysixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       Corentin Rivollet
 Author URI:   http://c-ri.com
 Template:     twentysixteen
 Version:      1.0.0
 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
*/

@font-face {
    font-family: 'pr_vikingregular';
    src: url('css/pr_viking-webfont.eot');
    src: url('css/pr_viking-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/pr_viking-webfont.woff2') format('woff2'),
         url('css/pr_viking-webfont.woff') format('woff'),
         url('css/pr_viking-webfont.ttf') format('truetype'),
         url('css/pr_viking-webfont.svg#pr_vikingregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'acadian_runes';
    src: url('css/acadian_runes-regular_personal_use-webfont.eot');
    src: url('css/acadian_runes-regular_personal_use-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/acadian_runes-regular_personal_use-webfont.woff2') format('woff2'),
         url('css/acadian_runes-regular_personal_use-webfont.woff') format('woff'),
         url('css/acadian_runes-regular_personal_use-webfont.ttf') format('truetype'),
         url('css/acadian_runes-regular_personal_use-webfont.svg#acadian_runes') format('svg');
    font-weight: normal;
    font-style: normal;
}

body,
body p, 
body li {
	font-family: 'Schoolbell', cursive, serif;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'acadian_runes', cursive, serif;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'acadian_runes', cursive, serif;
    opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'acadian_runes', cursive, serif;
    opacity:  1;
}   
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'acadian_runes', cursive, serif;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    font-family: 'acadian_runes', cursive, serif;
}

body h1, 
body h2,
.widget .widget-title {
    font-family: 'acadian_runes', cursive, serif;
    font-size: 1.5em;
}


.page-title, 
.entry-title, 
.entry-title a, 
.site-title,
.site-title a {
    font-family: 'pr_vikingregular', cursive, serif;
}

body a {
    font-family: 'acadian_runes', cursive, serif;
}

body p, {
    margin: 0 0 1em;
}

.format-aside .entry-title, .format-image .entry-title, .format-video .entry-title, .format-quote .entry-title, .format-gallery .entry-title, .format-status .entry-title, .format-link .entry-title, .format-audio .entry-title, .format-chat .entry-title {
    margin: 0 0 1em;
}

body ul {
    list-style-image: url('img/list.png');
}

body input,
body button,
body select, 
body textarea,
.widget input,
.widget select, 
.widget textarea, 
button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus
 {   
    font-family: 'acadian_runes', cursive, serif;
    opacity: 0.8;
    font-size: 1.4em;
}

body.custom-background {
    background-size: cover;
}

body .site {
    background: transparent;
}

body .site-inner {
    background: url("img/site_bg.jpg") repeat-y;
    background-size: 100% auto;

    box-shadow: 4px 4px 32px -8px #000000;
}

/*======================== Header ======================*/ 

body .site-header {
    padding-top: 24px;
    padding-bottom: 24px;
}

body .header-image {
    margin-top: 0;
    margin-bottom: 0;
}


.site-description {
    margin: 0;
    font-weight: normal;
    font-family: 'acadian_runes', cursive;
    font-style: italic;
    font-size: 1.5em;
}

.page-header {
    border: none;
}

.site-header-menu a {
    font-size: 1.5em;
}


/*======================== Articles ======================*/
article.post, article.page {
    position: relative;
    margin-top: 40px;
}

article.post:before, article.page:before { 
    position: absolute;
    left: 0px;
    top: -40px;
    content: "";
    width: 100%;
    height: 20px;
    background: url("img/runes.png") no-repeat center center;
    background-size: contain;
}

article .byline {
    display: inline;
}


.comments-title, .comment-reply-title {
    position: relative;
    border-top: none;
    font-family: 'acadian_runes', cursive;
}

.comments-title:before, .comment-reply-title:before { 
    position: absolute;
    left: 0px;
    top: -20px;
    content: "";
    width: 100%;
    height: 20px;
    background: url("img/runes.png") no-repeat center center;
    background-size: contain;
}



/*======================== widgets ======================*/ 

body section.widget {
    position: relative;
    border-top: 0;
}

body section.widget .widget-title {
    margin-bottom: 0;
}

body section.widget:before { 
    position: absolute;
    left: 0px;
    top: -10px;
    content: "";
    width: 100%;
    height: 30px;
    background: url("img/runes.png") no-repeat center center;
    background-size: contain;
}

body section.widget:first-child:before {
    background: none;
    width: 0;
    height: 0;
} 

body section.widget:nth-child(odd):before {
    transform: rotate(180deg);
} 


/* ================ fancybox ================ */

body .fancybox-skin {
    background: url("img/text_bg.jpg");
    background-size: cover;
    padding: 24px !important;
}

body .fancybox-inner {
    font-family: 'acadian_runes', cursive;
    font-size: 1.5em;
    line-height: 1.5em;
    padding: 8px 0;
}

body .fancybox-inner h1 {
    font-family: 'pr_vikingregular', cursive;
    font-size: 1.5em;
    margin-top: 0;
    margin-bottom: 16px;
}

body .fancybox-nav {width: 80px;}

body .fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

body .fancybox-nav:hover span {opacity: 1;}
body .fancybox-next {right: -80px;}
body .fancybox-prev {left: -80px;}



/* =============== Media queries  =============== */

@media only screen and (min-width: 61.5625em) {

    .site-title  {
        font-size: 3em;
    }

    .site-description {
        font-size: 2em;
    }

    body article .entry-footer .author img.avatar {
        width: 150px !important;
        height: auto !important;
    }
}