/*
Theme Name: Sketch child
Description: Thème enfant pour Sketch
Author: Cat
Template: sketch
*/

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

.site-info {
display:none;
}
.site{
max-width: 100%;	/* full size page */
background: transparent;	/* pour silder sinon white */
/* padding: 0px; */
margin-top: 0px;
}

.site-title {
float: left;
}

.site-description {
font-size: 1.1em;                /* ici c'est pour la taille du sous-titre */
display: inline-block;
float: left;
clear: both;
margin-top:5px;                /* ça c'est pour la distance entre le sous-titre et le titre principal, donc ton nom */
color: grey;                        /* et ça c'est pour si tu veux changer la couleur. Là j'ai mis gris pour faire un petit constrate avec le titre, mais tu peux mettre autre chose, voir virer complètement la ligne.*/
}



.page-id-53 #content{ 	/* landing-home page */
max-width:100%;
}

.page-id-53 .site-footer{	/* landing-home page footer */
border-top: 0px;
}

.page-id-53 .site-header{	/* landing-home page header*/
border-bottom: 0px;
}

.main-navigation{
max-width:100%;		/* full size menu */
font-size: 0.75em;
background: white;
/* margin: 54px 54px 0 0; */
}



#content{
max-width:1200px;	/* limit content size */
}

#primary{
font-family: 'Josefin Sans', sans-serif;
color: #606060;
font-size: 1;
/* font-weight:lighter; */
}

body {
font-family: 'Josefin Sans', sans-serif;
background:white;
}
#mask{
background:white;
z-index:20;
width:100%;
height:125px;
margin-bottom:-125px;
}

h2.portfolio-entry-title{
font-family: 'Josefin Sans', sans-serif;
font-weight: 400;
font-size: 0.9em;
text-align:center;
}



nav.project-navigation{		/* disable project navigation wrapper bas de page */
display:none;
}




@media screen and ( max-width: 1281px ) {	/* mods screen resize > background slide front page */
	.site{
	padding:0px;
	margin-top: 0px;
	}
	.main-navigation{
	margin:27px 0px 0 0;
	padding-right:0px;
	}
	.main-navigation li{
	padding: 0 0 0 27px;
	}
	
	.site-branding{
	margin: 27px 0 0 27px;
	}
	.site-navigation{
	margin-right:0px 27px 0 0;
	}
	
	button.menu-toggle{
	margin: 0 27px 0 0;
	}
	
	#content{
	padding: 0 27px 0 27px;
	}
}