/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}

@media screen and (min-width:48em) {
	html,
	body {
	    overflow-x: hidden;
	}
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.site-header #logo svg {
    max-width: 35rem;
    width: 100%;
    display: block;
}

.site-header #logo {
	display: inline-block;
}

.site-header .content-slick > .slick-list {
	width: 100%;
}

.custom-header {
	position: relative;
}

.custom-header-carousel img,
#image-bandeau img {
	display: block;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
	padding: 0;
}


/* Front Page - Recent Posts */

.widget-news {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.widget-news .entry-title {
	font-weight: 700;
}

.recent-posts-title {
	font-size: 3rem;
	line-height: 3rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.recent-posts .thumbnail-front-news img {
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.page .site-main article iframe[src*="https://www.google.com/maps"] {
	width: 98% !important;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.post-sticky {
	background-color: #ddd;
	padding-top: 0.75rem;
}

.page .panel-content .entry-title,
.page-title {
	color: #222;
	font-size: 1.5rem;
	font-weight: 700;
}

.blog .site-main > article .thumbnail-news img,
.archive .site-main > article .thumbnail-news img,
.search .site-main > article .thumbnail-news img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.75rem;
}

.entry-title a {
	color: #333;
	text-decoration: none;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 1.5rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 2.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 1.3rem;
	width: 48%;
}

/* Blog landing, search, archives */

body:not(.twentyseventeen-front-page) .entry-header {
	/*padding: 1em 0;*/
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 1.3rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 740px;*/
}

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

.page-links {
	font-size: 1.5rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	border-radius: 2px;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.format-quote blockquote {
	color: #333;
	font-size: 2rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 2em 0 3em;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 1.1rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size:1.5rem;
	line-height: 1.4;
    display: inline-block;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	/*padding-bottom: 2em;*/
}

.page .entry-header .edit-link {
	font-size: 1.5rem;
}

.search .page .entry-header .edit-link {
	font-size: 1.1rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: clamp(3.2rem, 3.4vw, 6.4rem);
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: clamp(2.2rem, 2.5vw, 4.8rem);
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
	/*border-top: 1px solid #eee;*/
}

.site-footer .logo {
	display: inline-block;
}


/* Footer widgets */

/* Mentions nav */

.mentions-navigation ul {
	margin: 1rem auto;
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}