/*
Theme Name: My world v2
Author: Sebtiz13
Author URI: http://Sebtiz13.fr/
Version: 2.0.0
License: Private
Tags: white, blue, one-column, custom-background, custom-header, flexible-width, responsive

Copyright 2016 Sebtiz13.fr
*/

html, body {
    font-family : 'Roboto', 'Helvetica', sans-serif;
    margin      : 0;
    padding     : 0;
}

hr {
    margin : 0;
}

a {
    color : rgb(0, 131, 143);
}

a:hover{
    color : rgb(0,96,100);
}

.content-spacer {
    flex-grow : 1;
}

.underline {
    text-decoration : underline;
}

.flex-grow {
    flex-grow : 1;
}

/*headers*/

.is-small-screen .header-mobile {
    padding : 0 72px;
}

.is-small-screen .header-mobile .mdl-layout-title {
    width      : 100%;
    text-align : center;
}

.mdl-layout-title {
    margin-right : 20px;
}

.mdl-layout__header a {
    color : rgb(207, 216, 220);
}

.header-image {
    padding             : 0;
    background-repeat   : no-repeat;
    background-position : center bottom;
    background-size     : cover;
    height              : 280px;
    position            : relative;
}

.header-accueil {
    height           : 500px;
    background-image : url('images/headers/city.jpg');
}

.header-home-blog, .header-blog, .header-category {
    background-image : url('images/headers/index_header.jpg');
}

.header-post:before {
    content             : '';
    display             : block;
    position            : absolute;
    top                 : 0;
    left                : 0;
    right               : 0;
    bottom              : 0;
    z-index             : 0;
    background          : rgba(64, 72, 82, 0.6);
    transition-duration : .3s;
}

.header-conferences {
    background-image: url('images/headers/project_header.jpg');
}

.header-portfolio {
    background-image : url('images/headers/portfolio_header.jpg');
}

.header-about, .header-a-propos {
    background-image    : url('images/headers/about_header.jpg');
    background-position : center 60%;
}

.mdl-layout__header-content {
    width: 100%;
}

.header-post .mdl-layout__header-content {
    z-index : 1;
}

.header-image .mdl-layout__header-content {
    text-align : center;
    font-size  : 50px;
    line-height: 50px;
}

/*navigation*/
.mdl-navigation .mdl-navigation__link {
    display          : inline-block;
    height           : 60px;
    line-height      : 68px;
    background-color : transparent !important;
    border-bottom    : 4px solid transparent;
}

.mdl-layout__header .mdl-navigation__link:hover,
.mdl-layout__header .mdl-navigation .mdl-navigation__link.is-active {
    border-bottom : 4px solid #f2f2f2;
}

.mdl-layout__drawer .mdl-navigation__link:hover,
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link.is-active {
    color : rgb(0, 131, 143);
}

/*content*/
.mdl-layout__content {
    display        : flex;
    flex-direction : column;
}

.content-blog {
    padding   : 10px;
    flex-grow : 1;
}

@media (min-width : 1200px) {
    .mdl-layout__header-content {
        padding: 0;
    }
    .page-template-default .content-blog,
    .single-post .content-blog {
        padding: 40px 0;
    }
    .mdl-layout__header-content,
    .content-blog {
        max-width   : 1168px;
        margin  : 0 auto 0 auto;
    }
}

.section-title {
    display       : block;
    text-align    : center;
    border-bottom : rgb(175, 175, 175) solid 1px;
}

/*Blog*/

/*- Article card -*/
article.mdl-card header {
    background      : rgb(0, 131, 143) center center no-repeat;
    background-size : cover;
    height          : 176px;
}

article.mdl-card .mdl-card__title {
    display : block;
}

@media (min-width : 840px) {
    article.mdl-card .mdl-card__title {
        height        : 81px;
        border-bottom : 1px solid rgba(0, 0, 0, 0.1);
    }
}

article.mdl-card .mdl-card__title-text {
    display    : block;
    text-align : center;
}

article.mdl-card .mdl-card__title-text a {
    font-size  : 20px;
}

article.mdl-card .mdl-card__supporting-text {
    border-top : 1px solid rgba(0, 0, 0, 0.1);
}

/*-- Color --*/
article.mdl-card.Offline .mdl-card__title-text a {
    color : rgb(211, 47, 47);
}

article.mdl-card.Private .mdl-card__title-text a {
    color : rgb(239, 108, 0);
}

/*- Article image -*/
img.size-full{
    height: auto;
    width: 100%;
}

img.aligncenter{
    margin: 0 auto;
}

/*- Tags -*/
section.tags {
    margin-top : 30px;
}

section.tags h3 {
    margin : 0;
}

ul.tags {
    margin          : 15px 0;
    padding         : 0;
    list-style-type : none;
}

ul.tags li {
    display    : inline-block;
    background : rgb(0, 131, 143);
    color      : rgb(235, 235, 235);
    padding    : 5px;
}

ul.tags li a {
    color : rgb(235, 235, 235);
}

/*Portfolio*/
.single-production .galerie .mdl-cell img {
    height : auto;
    width  : 100%;
}

/*About*/
/*- Informations -*/
.page-template-about .informations img.avatar {
    width : 100%;
}

.page-template-about .is-small-screen .informations h4 {
    margin : 0;
}

.page-template-about .informations ul {
    margin          : 0;
    padding         : 0;
    list-style-type : none;
}

.page-template-about .informations li {
    font-weight : 500;
}

.page-template-about .informations li a {
    font-weight     : 500;
    text-decoration : none;
}

.page-template-about .informations li img {
    width : 25px;
}

/*- Details -*/
@media (min-width : 840px) {
    .page-template-about .details {
        border-left : 1px solid #858585;
    }
}

.page-template-about .details div {
    padding : 15px;
}

/*-- Summary --*/
.summary {
    text-align  : center;
    font-weight : 500
}

/*-- Badges --*/
.badges .badges-item {
    text-align : center;
}

.badges .badges-item img {
    height : 140px;
    width  : auto;
}