/*
 Theme Name:   Twenty Seventeen miriam
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Seventeen TM
 Author:       Tissot Mayenfisch
 Author URI:   http://example.com
 Template:     twentyseventeen
 Version:      4.7
 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:  twentyseventeen-tm
*/

/*
.site-branding {
	margin-bottom: 20px !important;
}
*/

/* https://karavadra.net/reduce-size-front-page-panels-twenty-seventeen-theme/ */
/* Mobile view*/
.panel-image {
	/*background-position: center center;*/
	/*background-repeat: no-repeat;*/
	/*-webkit-background-size: cover;*/
	/*background-size: cover;*/
	/*position: relative;*/
	height: 5vh;
}
 
/*Full screen laptop/computer screen view*/
@media screen and (min-width: 48em) {
	.panel-image {
		/*height: 100vh;*/
		height: 5vh;
		/*max-height: 1200px;*/
	}
}


.custom-logo-link img {
    /*display: none;*/
    max-height: 80px;
    width: auto;
}


/* https://karavadra.net/reduce-header-height-size-twenty-seventeen-theme-front-page/ */
/*Computer screen */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: 1200px;*/
	/*height: 100vh;*/
	height: 5vh;
	/*max-height: 100%;*/
	/*overflow: hidden;*/
	}
}
 
/* Mobile screen*/
.has-header-image.twentyseventeen-front-page .custom-header {
	/*display: table;*/
	/*height: 300px;*/
	/*height: 75vh;*/
	height: 5vh;
	/*width: 100%;*/
}
 
/* Computer screen with logged in user and admin bar showing on front end*/
@media screen and (min-width: 48em) {
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-image {
	/*height: calc(100vh - 32px);*/
	height: calc(50vh - 32px);
	}
}

/* normal 75%*/
/*.content-area {
	width: 100%;
}
*/

/* largeur menu %*/
/*


/*
.navigation-top .wrap {
max-width: 100%;
position: relative;
padding: 0.75em 3.4166666666667em;
}

@media screen and (min-width: 48em) {
.navigation-top .wrap {
max-width: 100%;
position: relative;
padding: 0.75em 3.4166666666667em; 
}
}
*/

 /*largeur 1200 semble un max pour l'instatn*/

 
 
/* 
 @media screen and (min-width: 67em)
.navigation-top .wrap {
	width: 1200px;
    padding: 0.75em 2em;
}
 
 @media screen and (min-width: 48em)
.navigation-top .wrap {
    max-width: 1200px; 
    padding: 0.75em 2em;
}
  
 
 @media screen and (min-width: 48em)
.main-navigation {
    width: 1200px;
}
*/ 
 
 /*
.wrap,
.navigation-top .wrap{
		max-width: 1200px;
		padding-left: 2em;
		padding-right: 2em;
	}
*/

 /*marge au-dessus titre page  (5.5em) permettant au titre de glisser sous le menu*/	
	.site-content {
		padding-top: 1.5em;
		/*background-color: red;*/
			
	}









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

.panel-content .wrap {
    padding-bottom: 4.5em;
    padding-top: 0em;
}
}

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

.panel-content .wrap {
    padding-bottom: 2em;
    padding-top: 1.5em;
}
}


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

.panel-content .entry-header {
    margin-bottom: 1em;
}
}






/*
.page .panel-content .entry-title, .page-title, body.page, twentyseventeen-front-page .entry-title {
    color: #222;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

*/






 /*marge avant footer  (3.25em)*/
.page:not(.home) #content {
	    padding-bottom: 1.25em;
	    /*background-color: yellow;*/
	    /*height: 50em;*/
		
}

 /*largeur contenu page*/

	/*.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		/*float: right;*/
		/*width: 100%;*/
		/*height:50em; probleme cela glisse sous menu*/
		/*background-color: blue;*/
		
/*}*/
	
	 /*largeur contenu article*/
	/*.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {*/
   /* margin-left: auto;*/
   /* margin-right: auto;*/
   /* max-width: 1200px;*/
/*}*/


/*masquer image à la une*/	
	.single-featured-image-header {
    display: none;
}
/*masquer par auteur date article*/
.entry-meta a {
    display: none;
}
.single .byline, .group-blog .byline {
    display: none;
}
/*masquer precedent suivant*/
.post-navigation .nav-links {
    display: none;
    padding: 0em 0;
}

@media screen and (min-width: 48em) {
.site-info {
    float: left;
    padding: 0.7em 0 0;
    width: 70% !important;
	}
}