/*
Theme Name: lokan2021
Theme URL: https://lokan.jp
Description: Theme du site LoKan.jp
Author: Valentin Le Dandec
Last Updated : 18/03/2022
Author URL: http://xioyuna.com
Version: 2.0
*/

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

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

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

@font-face {
	font-family: 'plus';
	src: url('fonts/fontello.eot');
	src: url('fonts/fontello.eot#iefix') format('embedded-opentype'), url('fonts/fontello.woff') format('woff'), url('fonts/fontello.ttf') format('truetype'), url('fonts/fontello.svg#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
}

.icon-menu:before {
	content: '\e800';
}

.icon-facebook:before {
	content: '\e801';
}

.icon-twitter:before {
	content: '\e802';
}

.icon-flickr:before {
	content: '\e803';
}

.icon-rss:before {
	content: '\e804';
}

.icon-shuffle:before {
	content: '\e805';
}

.icon-flashlight:before {
	content: '\e806';
}

.icon-sun:before {
	content: '\e808';
}

.icon-moon:before {
	content: '\e809';
}

body {
	background-color: #fafbfb;
	color: rgba(0, 0, 0, 0.8);
	overflow-x: hidden;
	overflow-y: scroll !important;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	outline: none;
}

textarea:focus {
	outline: 1px solid rgba(255, 255, 255, 1);
}

code,
pre {
	display: inline-block;
	padding: 3px 8px 5px;
	color: #131315;
	font-size: 18px;
	background-color: #ececec;
	word-break: break-all;
	white-space: pre-wrap;
}

.hidden {
	display: none !important;
}


/* --------------------------------------------------------------------------
ADBLOCK
-------------------------------------------------------------------------- */

#screen_message {
	position: fixed;
	z-index: 200;
	width: 100%;
	height: 100%;
	top: 0;
	margin: 0;
	background-color: #469f7f;
	color: #f4f4f4;
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 1.5vw;
	text-align: center;
	display: none;
}

#screen_message .content-block {
	width: 80%;
	height: 330px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -165px 0 0 -40%;
}

#screen_message .content-block h1 {
	width: 100%;
	margin: 0;
	padding: 0;
	color: #303030;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 60px;
	text-transform: uppercase;
}

#screen_message .content-block p {
	width: 100%;
}

#screen_message .content-block a {
	color: #303030;
	text-decoration: none;
}

#screen_message .content-block a:hover {
	text-decoration: underline;
}


}

/* --------------------------------------------------------------------------
HEADER
-------------------------------------------------------------------------- */
.nav-desktop {
	display: block;
}
.nav-mobile {
	display: none;
}
.content-nav-mobile {
	display: none;
}
.nav-desktop {
	width: 100%;
	height: 60px;
	background-color: #FFF;
	position: relative;
	border-bottom: 1px solid #f5f5f5;
}
.nav-desktop .width-limit {
	width: calc(100% - 40px);
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
}
.nav-desktop .logo {
	display: block;
	float: left;
	margin-left: 0;
}
.nav-desktop .logo img {
	width: 60px;
	height: 60px;
	display: block;
	margin-left: -8px;
}
.nav-mobile {
	width: 100%;
	height: 50px;
	background-color: #fff;
	position: relative;
	border-bottom: 1px solid #f5f5f5;
}
.nav-mobile .logo {
	width: 50px;
	height: 50px;
	display: block;
	float: left;
}
.nav-mobile .logo img {
	display: block;
}

/* ============================================================
	ELEMENTS NAVIGATION DESKTOP
============================================================ */
.nav-desktop ul,
.nav-desktop .search-form {
	height: 60px;
	line-height: 60px;
	float: right;
}
.nav-desktop ul li {
	float: left;
	margin: 0;	
	list-style-type: none;
}

/*
DayByDay 			#469f7e
Geek 				#3da8df
Photo & Vidéo 		#ef1515
Sport & santé		#fb4c00
Tuto & Test 		#a025e8
Voyage 				#fcd920
*/
.nav-desktop ul li a {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	font-weight: 400;
	display: block;
	height: 100%;
	padding: 0 10px;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
}
.nav-desktop ul li a:hover {
	color: #469f7e;
	/*background-color: #469f7e;*/
}
.nav-desktop a.icon-shuffle {
	font-family: "lokan_v2";
	font-size: 20px;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	float: right;
	margin-left: 30px;
	margin-right: 15px;
	line-height: 60px;
}
.nav-desktop a.icon-shuffle:hover {
	color: #469f7f;
}
.nav-desktop .search-form {
	margin: 0 0 0 20px;
	position: relative;
}
@media screen and (min-width: 1280px) {
	.nav-desktop .search-form {
		margin: 0 0 0 20px;
	}
}
.nav-desktop .search-form>input[type=search].search-input {
	height: 40px;
	border: none;
	line-height: 40px;
	padding: 0 50px 0 10px;
	font-family: "Open Sans";
	font-size: 15px;
	font-weight: 300;
	-webkit-appearance: none;
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.03);
	border-radius: 3px;
}
.nav-desktop .search-form>input[type=submit] {
	height: 24px;
	width: 24px;
	display: block;
	background: url("images/search.svg") center center no-repeat;
	position: absolute;
	right: 8px;
	top: 17px;
	border: none;
}
.nav-desktop .search-form>input[type=submit]:hover {
	cursor: pointer;
}
.icon-menu {
	font-family: "lokan_v2";
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align: center;
	color: #303030;
	float: right;
}
.icon-menu:hover {
	cursor: pointer;
	background-color: #f4f4f4;
}
.nav-desktop .night {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	z-index: 2000;
}
.nav-desktop .night:hover {
	cursor: pointer;
}
/* --------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------- */
#content {
	width: calc(100% - 40px);
	padding: 0;
	max-width: 1280px;
	height: auto;
	min-height: 100px;
	margin: 0 auto;
	position: relative;
}
.last-article {
	background-color: black;
	display: block;
	float: left;
	margin-top: 20px;
	position: relative;
	background: no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;
	width: calc(50% - 10px);
	padding-top: 30%;
}
.large-article {
	width: 100%;
	padding-top: 39%;
}
.last-article:first-of-type {
	margin-right: 10px;
}
.last-article:nth-of-type(2) {
	margin-left: 10px;
}
.last-article>.wrap-content {
	position: absolute;
	z-index: 2;
	left: 0;
	margin: 0 !important;
	padding: 0 30px;
	width: 100%;
	color: #ffffff;
	bottom: 4%;
	font-family: "Montserrat", sans-serif;
}
.last-article>.wrap-content>.category {
	float: left;
	line-height: 50px;
}
.last-article>.wrap-content>.category ul li {
	float: left;
	list-style-type: none;
	margin-right: 6px;
}
.last-article>.wrap-content>.category>ul>li>a {
	font-size: 14px;
	line-height: 36px;
	padding: 4px 7px;
	width: auto;
	color: #ffffff;
	text-decoration: none;
	border-radius: 1px;
	font-family: "Open Sans", sans-serif;
	font-weight: 400;
}

/*
DayByDay 			#469f7e
Geek 				#3da8df
Photo & Vidéo 		#ef1515
Sport & santé		#fb4c00
Tuto & Test 		#a025e8
Voyage 				#fcd920
*/
.nav-desktop ul li:nth-of-type(1) a:hover {color: #469F7E;}
.nav-desktop ul li:nth-of-type(2) a:hover {color: #CC0000;}
.nav-desktop ul li:nth-of-type(3) a:hover {color: #fc9520;}
.nav-desktop ul li:nth-of-type(4) a:hover {color: #fb4c00;}
.nav-desktop ul li:nth-of-type(5) a:hover {color: #3da8df;}

.category-header-daybyday { background-color: #A025E8 !important; }
.category-header-geek_new { background-color: #469F7E !important; }
.category-header-maison-domotique { background-color: #fc9520 !important; }
.category-header-sport-sante { background-color: #fb4c00 !important; }
.category-header-voyages { background-color: #3da8df !important; }
.category-header-tesla { background-color: #CC0000 !important; }


.category-daybyday { color: #A025E8 !important; }
.category-geek_new { color: #469F7E !important; }
.category-home-sweet-home { color: #fc9520 !important; }
.category-sport-sante { color: #fb4c00 !important; }
.category-voyages { color: #3da8df !important; }
.category-maison-domotique { color: #fc9520 !important; }
.category-tesla { color: #CC0000 ! important; }


.category-single-daybyday:hover { color: #A025E8 !important; }
.category-single-geek_new:hover { color: #469F7E !important; }
.category-single-home-sweet-home:hover { color: #fc9520 !important; }
.category-single-sport-sante:hover { color: #fb4c00 !important; }
.category-single-voyages:hover { color: #3da8df !important; }
.category-single-tesla:hover{ color: #CC0000 ! important; }



.last-article>.wrap-content>h1 {
	float: left;
	width: 100%;
	line-height: 1.1;
	margin-bottom: 8px;
}
.last-article>.wrap-content>h1 a {
	font-size: 24px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	line-height: normal;
	font-family: "Montserrat", sans-serif;
	letter-spacing: -0.01em;
}
.last-article.large-article>.wrap-content>h1 a {
	font-size: 35px;
	font-weight: 500;
	text-decoration: none;
	color: #ffffff;
	line-height: 1.5em;
	font-family: "Montserrat", sans-serif;
	letter-spacing: -0.01em;
	display: block;
	margin-bottom: 5px;
}
.last-article>.wrap-content>.time {
	font-size: 14px;
	line-height: 50px;
	float: left;
	margin-right: 20px;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
}
.mask-thumb {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 60%;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
}
.link_last_post {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	z-index: 10;
}
.col-left {
	width: calc(100% - 370px);
	float: left;
}
.col-left .post-header {
	display: none;
}
.col-left article {
	float: left;
	display: flex;
	margin-bottom: 20px;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.02);
}
.col-left article>.link_post {
	width: 45%;
	float: left;
	overflow: hidden;
	position: relative;
	padding-top: 29%;
	background-position: center;
	-webkit-background-size: cover;
	/* pour anciens Chrome et Safari */
	
	background-size: cover;
	/* version standardisée */
}
.col-left article>.link_post>a {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
}
.col-left article>.link_post>img {
	width: 100%;
	height: auto;
	display: block;
	/*float: left;*/
	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.col-left article>.infos-article>.time {
	display: block;
	font-size: 14px;
	font-family: "Open Sans";
	font-weight: 400;
	color: rgba(76, 78, 82, 0.4);
}
.col-left article>.infos-article>.category ul li {
	font-family: "Open Sans", sans-serif;
	list-style-type: none;
	display: inline-block;
	margin-right: 5px;
}
.col-left article>.infos-article>.category ul li a {
	font-size: 14px;
	display: block;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
}
.col-left article>.infos-article {
	width: 55%;
	display: block;
	float: right;
	padding: 25px;
}
.col-left article>.infos-article>h1 {
	float: left;
	width: 100%;
	margin: 15px 0;
}
.col-left article>.infos-article>h1 a {
	font-family: "Montserrat";
	font-size: 22px;
	font-weight: 500;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.5;
	letter-spacing: -0.02em;
}
.col-left article>.infos-article>p {
	float: left;
	margin-top: 15px;
	font-family: "Open Sans";
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 964px) {
	.infos-recherche {
		margin-top: unset !important;
	}
}
.infos-recherche {
	margin-bottom: 30px;
	float: left;
	font-family: "Open Sans", sans-serif;
	color: rgba(0, 0, 0, 0.8);
	margin-top: -44px;
}
.infos-recherche span {
	font-family: "Montserrat";
	letter-spacing: -0.02em;
	font-size: 22px;
	margin-left: 5px;
}
.infos-recherche a {
	font-family: "Montserrat";
	letter-spacing: -0.02em;
	font-size: 18px;
	margin-left: 5px;
	color: rgba(0, 0, 0, 0.8);
}
.more-article {
	float: left;
	width: 100%;
	text-align: center;
}
.more-article a {
	width: 300px;
	height: 50px;
	line-height: 50px;
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: "Montserrat";
	font-size: 13px;
	color: #ffffff;
	margin: 0 auto;
	margin-bottom: 20px;
	background-color: #469f7f;
	border-radius: 1px;
	transition: all 0.15s ease-in-out;
}
.more-article a:hover {
	color: #469f7f;
	background-color: #ffffff;
	box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.02);
}
div#infscr-loading {
	width: 100%;
	float: left !important;
	height: 64px;
	text-align: center;
	margin: 20px 0 0 0;
}
div#infscr-loading img {
	blend: overlay;
	width: 64px;
}
div#infscr-loading span {
	display: block;
	width: 64px;
	height: 64px;
	background-image: url('https://lokan.jp/wp-content/uploads/2015/09/Preloader_41.gif');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-blend-mode: overlay;
}
.col-left,
.col-right {
	margin: 20px 0;
	height: auto;
	min-height: 200px;
}
.col-right {
	width: 350px;
	float: right;
	overflow: visible;
	background-color: #fff;
	box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.02);
	padding: 20px !important;
	margin: 20px 0 !important;
}
.col-right-category {
	margin-top: 77px;
}
.col-right>img.sidebar-sep {
	float: left;
}
.col-right>.sidebar-title {
	float: left;
	font-family: "Montserrat";
	font-size: 15px;
	text-transform: uppercase;
	margin: 40px 0 15px;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.8);
}
.col-right>.sidebar-title:first-of-type {
	margin-top: 0;
}
.col-right #mc_embed_signup {
	margin-bottom: 20px;
}
.col-right>ul.social,
.content-nav-mobile>ul.social {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 15px;
}
.col-right>ul.social>li,
.content-nav-mobile>ul.social>li {
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;
	height: 70px;
	line-height: 70px;
	text-align: center;
	font-family: 'lokan_v2';
	font-size: 22px;
	background-color: rgba(0, 0, 0, 0.02);
}
.col-right>ul.social>li span,
.content-nav-mobile>ul.social>li span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	margin-left: 8px;
}
.content-nav-mobile>ul.social>li {
	height: 50px;
	line-height: 50px;
}
.content-nav-mobile>ul.social {
	margin-top: 10px;
}
.col-right>ul.social>li>a,
.content-nav-mobile>ul.social>li>a {
	display: block;
	width: 100%;
	height: 100%;
	color: #000;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
	margin: 5px 0;
	border-radius: 5px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
}
.col-right>ul.social>li:nth-child(1),
.content-nav-mobile>ul.social>li:nth-child(1) {
	margin: 0px;
}
.col-right>ul.social>li:nth-child(3),
.content-nav-mobile>ul.social>li:nth-child(3) {
	margin: 0px;
}
.col-right>ul.social>li:nth-child(2),
.content-nav-mobile>ul.social>li:nth-child(2) {
	margin: 0 10px;
}
.col-right>ul.social>li>.social-rss {
	background-color: #FF6600;
	color: #fff;
}
.col-right>ul.social>li>a:hover {
	color: #fff;
}
.social .social-rss svg {
	margin-right: 8px;
	font-size: 22px;
}
.col-right>.partenaire {
	display: block;
	width: 100%;
	height: 70px;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	/* pour anciens Chrome et Safari */
	
	background-size: cover;
	/* version standardisée */
	
	margin: 5px 0;
	border-radius: 5px;
	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
}

/* Mailchimp */
#mc_embed_signup {
	background: #fff;
	clear: left;
	font: 14px Helvetica, Arial, sans-serif;
	max-width: 750px;
}
#mc_embed_signup input.email {
	width: 100%;
	margin-right: 7px;
	font-size: 14px;
	padding: 0 0.6em;
	border: 1px solid #dcdcdc;
}
#mc_embed_signup input.email:focus {
	outline: none;
}
#mc_embed_signup .button {
	background-color: #4a9e7e;
	font-family: "Montserrat", sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	padding: 0 10px;
}
#mc_embed_signup_scroll {
	display: flex;
	justify-content: space-between;
}
#mc_embed_signup form {
	padding: 0;
}
.card-img-top {
	position: relative;
	top: -60px;
	left: 50%;
	margin-left: -40px;
	width: 90px !important;
	height: 90px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 6px solid #469f7f;
}
.mailing #mc_embed_signup {
	color: rgba(0, 0, 0, 0.8);
	clear: left;
	font: 14px Helvetica, Arial, sans-serif;
	margin: 0 auto;
	padding: 20px 40px 40px 40px;
	background-color: #469f7f;
	margin-bottom: 20px;
	margin-top: 50px;
	border: 1px solid #469f7f;
	box-shadow: 0 1px 4px 0px #999;
	border-radius: 10px;
}
.mailing #mc_embed_signup .mc-field-group label {
	font-size: 15px;
	font-family: "Montserrat";
	font-weight: normal;
}
.mailing #mc_embed_signup .mc-field-group h4 {
	font-size: 16px;
	font-family: "Montserrat";
}
.mailing #mc_embed_signup input.email {
	width: 100%;
	margin-right: 7px;
	font-size: 14px;
	padding: 0 0.6em;
	border: 1px solid #dcdcdc;
	color: black;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	float: left;
	margin-bottom: 15px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500 !important;
	font-size: 17px;
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.03);
	max-width: 100% !important;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: white;
}
.mailing #mc_embed_signup input.email::placeholder {
	color: #000;
	font-size: 18px;
	font-weight: 500 !important;
}
.mailing #mc_embed_signup .button {
	font-family: "Montserrat", sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding: 15px 20px;
	border: none;
	margin: 10px 0;
	color: black;
	background-color: white;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	letter-spacing: 0.03em;
	transition: all 0.2s ease-in-out;
	height: auto;
	line-height: 13px;
	border-radius: 10px;
	margin-top: -2px;
	width: 150px !important;
	margin: 0 auto;
}
.mailing #mc_embed_signup_scroll {
	color: rgba(0, 0, 0, 0.8) !important;
	display: block;
}
.mailing #mc_embed_signup_scroll p {
	color: #FFFFFF !important;
}

#mc_embed_signup .mc-field-group {
	margin-left: 0 !important;
}

/* TOOLTIP SIDEBAR */
[tooltip] {
	position: relative;
}

/* Applies to all tooltips */
[tooltip]::before,
[tooltip]::after {
	text-transform: none;
	font-size: .9em;
	line-height: 1;
	user-select: none;
	pointer-events: none;
	position: absolute;
	display: none;
	opacity: 0;
}
[tooltip]::before {
	content: '';
	border: 5px solid transparent;
	z-index: 1001;
}
[tooltip]::after {
	content: attr(tooltip);
	font-family: "Open Sans", sans-serif;
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	width: 200px;
	padding: 10px;
	border-radius: .3ch;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: #232323;
	color: #fff;
	z-index: 1000;
}

/* Tooltip hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
	display: block;
}
[tooltip='']::before,
[tooltip='']::after {
	display: none !important;
}

/* Left tooltip */
[tooltip]::before {
	top: 50%;
	border-right-width: 0;
	border-left-color: #333;
	left: calc(0em - 5px);
	transform: translate(-.5em, -50%);
}
[tooltip]::after {
	top: 50%;
	right: calc(100% + 5px);
	transform: translate(-.5em, -50%);
}
@keyframes tooltips-horz {
	to {
		opacity: .9;
		transform: translate(0, -50%);
	}
}
[tooltip]:hover::before,
[tooltip]:hover::after {
	animation: tooltips-horz 300ms ease-out forwards;
}
.col-right>.recent-post {
	width: 100%;
	display: block;
	position: relative;
	float: left;
	padding-top: 56.25%;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.col-right>.recent-post>h1 {
	position: absolute;
	z-index: 2;
	bottom: 20px;
	right: 20px;
	left: 20px;
	line-height: 18px;
}
.col-right>.recent-post>h1 a {
	font-size: 18px;
	font-family: "Open Sans";
	text-decoration: none;
	color: #ffffff;
}
.col-right>.recent-post>.mask-thumb {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 80%;
	background-image: linear-gradient(rgba(0, 0, 0, 0), black);
}
.col-right>.wrap-flickr {
	width: 100%;
	height: auto;
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	background-color: #469f7f;
}
.col-right>.wrap-flickr>.item-flickr {
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
.col-right>.wrap-flickr>.item-flickr img {
	width: calc(100% / 3);
	float: left;
}
.col-right>.news-lokan {
	padding-bottom: 20px;
	float: left;
	width: 100%;
	height: auto;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	position: relative;
	background-color: #131315;
}
.col-right>.news-lokan>h3 {
	width: 100%;
	padding: 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 24px;
	color: #469f7f;
}
.col-right>.news-lokan>.textwidget {
	width: calc(100% - 40px);
	float: left;
	margin: 0 20px;
	padding: 20px 20px 10px 20px;
	font-size: 16px;
	background-color: #303030;
	color: #ffffff;
	word-wrap: break-word;
}
.col-right>.news-lokan>.textwidget p {
	margin-bottom: 10px;
}
.col-right>.news-lokan>.textwidget a {
	color: #469f7f;
	text-decoration: none;
}
.col-right>.news-lokan>.textwidget a:hover {
	text-decoration: underline;
}
.col-right>.news-lokan>.textwidget:before {
	content: url(images/guillemet-left.svg);
	width: 40px;
	height: 54px;
	position: absolute;
	left: -8px;
	top: 54px;
	z-index: 1;
}
.col-right>.news-lokan>.textwidget:after {
	content: url(images/guillemet-right.svg);
	width: 40px;
	height: 54px;
	position: absolute;
	right: -6px;
	bottom: -15px;
	z-index: 1;
}

/* --------------------------------------------------------------------------
CONTENT
-------------------------------------------------------------------------- */
#content .content-single {
	width: 100%;
	text-align: center;
	position: relative;
}
#content .content-single h1 {
	float: left;
	width: 100%;
	margin-top: 30px;
}
#content .content-single h1>span {
	color: #469f7f;
}
#content .content-single h1,
#content .content-single h1 a {
	font-size: 45px;
	font-family: "Montserrat";
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.3em;
	letter-spacing: -0.02em;
	padding: 0 60px;
}
#content .content-single .time {
	font-size: 20px;
	float: left;
	width: 100%;
	margin: 20px 0 30px;
	font-family: "Open Sans";
	text-align: center;
}
#content .content-single .time>span {
	font-family: "Open Sans";
	font-weight: 400;
	font-size: 17px;
	color: rgba(76, 78, 82, 0.5);
	margin-top: 20px;
	display: inline;
	padding: 0 20px;
}
#content .content-single .time>span>a {
	text-decoration: none;
	color: inherit;
	display: inline-block;
}
#content .content-single .time>span>a:visited {
	text-decoration: none;
	color: inherit;
}
#content .content-single .time>ul {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline;
}
#content .content-single .time>ul li {
	list-style-type: none;
	display: inline;
}
#content .content-single .time>ul li a {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 36px;
	padding: 6px 15px;
	width: auto;
	color: #ffffff;
	text-decoration: none;
}
#content .content-single img.img-intro {
	width: 100%;
	height: auto !important
}
.top-video {
	width: 100%;
	display: block;
	overflow: hidden;
	float: left;
}
.top-video .videocontainer {
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 56.25%;
	overflow: hidden;
	position: relative;
}
.top-video .videocontainer iframe {
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
}
#content .content-single .content-article {
	width: 100%;
	padding: 20px 10%;
	display: block;
	text-align: left;
	float: left;
}
#content .content-single .content-article h2 {
	font-size: 27px;
	font-family: "Montserrat";
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	color: #469f7f;
	letter-spacing: -0.02em;
	margin: 20px 0;
}
#content .content-single .content-article h3 {
	font-size: 21px;
	font-family: "Montserrat";
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	letter-spacing: -0.02em;
	color: #469f7f;
	margin: 20px 0;
}
#content .content-single .content-article p {
	font-size: 17px;
	line-height: 26px;
	font-family: "Open Sans";
	font-weight: 400;
	margin: 20px 0;
	height: auto;
	text-align: justify;
	color: rgba(0, 0, 0, 0.8);
}
#content .content-single .content-article p img.emoji {
	width: 1em !important;
	height: 1em !important;
	margin: 0 !important;
}
#content .content-single .content-article p strong {
	font-family: "Open Sans";
	font-weight: 600;
}
#content .content-single .content-article p>img,
#content .content-single .content-article p>a>img {
	width: 125% !important;
	height: auto !important;
	margin-left: -12.5% !important;
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
	max-width: 125%;
}
#content .content-single .content-article div.wp-caption {
	width: 124% !important;
	height: auto !important;
	left: -12%;
	position: relative;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
}
#content .content-single .content-article div.wp-caption>img,
#content .content-single .content-article div.wp-caption>a>img {
	width: 100%;
	height: auto;
	margin: 20px 0 0 0;
}
#content .content-single .content-article p a,
#content .content-single .content-article li a {
	color: #469f7f;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
}
#content .content-single .content-article p a:hover,
#content .content-single .content-article li a:hover {
	text-decoration: underline;
}
#content .content-single .content-article>ul {
	width: 100%;
	padding: 0 3%;
	text-align: left;
	float: left;
	margin: 0 0 20px 0;
}
#content .content-single .content-article>ul li {
	width: 100%;
	float: left;
	list-style-type: disc;
	font-size: 17px;
	line-height: 26px;
	font-family: "Open Sans", sans-serif;
}
#content .content-single .content-article>ul li a {
	color: #469f7f;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
}
#content .content-single .content-article>blockquote {
	width: calc(100% - 40px);
	float: left;
	padding: 0 4%;
	margin: 20px 20px 40px 20px;
	background-color: rgba(234, 235, 236, 0.5);
	color: #ffffff;
	font-family: "Open Sans", sans-serif;
	border: 1px solid rgba(0, 0, 0, 0.02);
	font-weight: 300;
	font-size: 24px;
	position: relative;
	font-style: italic;
}
#content .content-single .content-article>blockquote:before {
	content: url(images/guillemet-left.svg);
	width: 64px;
	height: 54px;
	position: absolute;
	left: -37px;
	top: -22px;
	z-index: 1;
}
#content .content-single .content-article>blockquote:after {
	content: url(images/guillemet-right.svg);
	width: 64px;
	height: 54px;
	position: absolute;
	right: -37px;
	bottom: -22px;
	z-index: 1;
}
#content .content-single .content-article div.wp-caption {
	margin-bottom: 20px;
}
#content .content-single .content-article div.wp-caption>p.wp-caption-text {
	font-size: 15px;
	display: block;
	color: #ffffff;
	margin: -20px 0 0 0;
	padding: 9px 15px;
	width: 100%;
	color: rgba(76, 78, 82, 0.7);
	font-style: italic;
	background: rgba(234, 235, 236, 0.8);
	margin-top: -4px;
	width: auto;
	display: inline-block;
	position: relative;
}
#content .content-single .content-article div.wp-caption>p.wp-caption-text:before {
	content: "";
	position: absolute;
	top: 0;
	right: -35px;
	width: 0;
	height: 0;
	border-bottom: 44px solid transparent;
	border-left: 35px solid #edeeef;
}
#content .content-single .content-article .vvqbox iframe,
#content .content-single .content-article .vvqbox object,
#content .content-single .content-article p iframe {
	width: calc(125% + 1px);
	margin-left: -12.5%;
}
.vvqbox {
	width: 124% !important;
	height: 56.25% !important;
	display: block;
}
.vvqbox object {
	width: 124% !important;
	max-width: 1280px !important;
}
.author {
	width: 100%;
	height: 100px;
	float: left;
	background-color: #ededed;
}
@media screen and (max-width: 950px) {
	.author {
		display: none;
	}
}
.author .infos-author {
	width: 70%;
	height: 100px;
	float: left;
	background-color: #ededed;
}
.author .infos-author .avatar {
	width: 60px;
	height: 60px;
	border-radius: 50px;
	overflow: hidden;
	float: left;
	margin: 20px;
}
.author .infos-author .avatar>img {
	margin: 0 !important;
}
.author .infos-author .desc-author {
	width: 65%;
	height: 100%;
	padding: 20px;
	float: left;
	text-align: left;
}
.author .infos-author .desc-author h3 {
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
}
.author .infos-author .desc-author h3 span {
	color: #469f7f;
}
.author .infos-author .desc-author p {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 14px;
}
.author .share {
	width: 30%;
	height: 100px;
	float: left;
	position: relative;
}
.author .share>ul {
	margin: 0 !important;
	padding: 0;
	width: 100%;
	height: 100%;
}
.author .share>ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 33.333%;
	height: 100%;
	display: block;
	float: left;
}
.author .share>ul li a {
	display: block;
	width: 100% !important;
	height: 100% !important;
	border: none;
	position: relative;
}
.author .share>ul li a:hover {
	cursor: pointer;
}
.author .share>ul li a img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30% 0 0 -30%;
}
.author .share>ul li:nth-child(1)>a {
	background-color: #3cf !important;
}
.author .share>ul li:nth-child(2)>a {
	background-color: #3b5998 !important;
}
.author .share>ul li:nth-child(3) {
	background-color: #bd081c !important;
}
.author .share>ul li:nth-child(3) a img {
	width: 60%;
}
.nav-article {
	width: 100%;
	height: 28.125%;
	display: block;
	position: relative;
	float: left;
	margin: 20px 0;
}
.nav-article div {
	width: calc(50% - 10px);
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.nav-article div:nth-child(odd) {
	float: left;
	text-align: left;
}
.nav-article div:nth-child(even) {
	float: right;
	text-align: right;
}
.nav-article div a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.nav-article div a>.infos-thumb {
	width: 100%;
	position: absolute;
	bottom: 10%;
	z-index: 11;
	color: #ffffff;
	transition: all 0.2s ease-in-out;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}
.nav-article div a>.infos-thumb>h1 {
	width: 100% !important;
	text-transform: uppercase;
	font-size: 30px !important;
	margin: 0;
	padding: 0 5%;
	float: left;
	line-height: 30px !important;
	color: #ffffff !important;
}
.nav-article div a>.infos-thumb p {
	width: 100%;
	font-size: 18px;
	margin-bottom: 10px;
	padding: 0 5%;
	float: left;
}
.nav-article div a>.mask-thumb {
	position: absolute;
	z-index: 10;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('images/mask-thumb.png') bottom left repeat-x;
	transition: all 0.2s ease-in-out;
	transform: translateY(0px);
	opacity: 1;
}
.nav-article div a>.mask-thumb-hover {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(#469f7f, 0.7);
	transition: all 0.2s ease-in-out;
	opacity: 0;
}
.nav-article div a:hover>.mask-thumb-hover {
	opacity: 1;
}
.don {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px 0 0 0;
	float: left;
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
}
.don {
	background-color: #ededed;
}
.don h1 {
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 50px;
	line-height: 50px;
	text-transform: uppercase;
}
.don p {
	font-family: "Open Sans" !important;
	font-size: 20px;
	padding: 10px 10%;
}
.don strong {
	font-family: "Open Sans" !important;
	color: #469f7f;
}
.don>.btn1 {
	float: left;
	width: 50%;
	height: auto;
	text-align: right;
	padding-right: 40px;
	display: block;
	margin: 50px 0 70px 0;
}
.don>.btn2 {
	float: right;
	width: 50%;
	height: auto;
	text-align: left;
	padding-left: 40px;
	display: block;
	margin: 50px 0 70px 0;
}
.don>.btn1 img,
.don>.btn2 img {
	padding: 6px;
	border: 2px solid #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.don a {
	font-family: "Open Sans", sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 18px;
	text-decoration: none;
	color: #ededed;
	padding: 20px 40px 20px 80px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background-color: #469f7f;
	position: relative;
}
.don a>img {
	position: absolute;
	top: 9px;
	left: 10px;
	width: 45px;
}
.post-similaire {
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0 40px 0;
	background-color: #f4f4f4;
	text-align: center;
}
.post-similaire h4 {
	margin: 0 0 10px 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	font-size: 22px;
	color: #469f7f;
	text-align: left;
}
.post-similaire div {
	width: calc(100% / 3 - 10px);
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	display: inline-block;
	margin: 0 3px;
}
.post-similaire div a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.post-similaire div a:hover {
	background-color: rgba(#469f7f, 0.7);
}
.post-similaire div a>.infos-thumb {
	width: 100%;
	position: absolute;
	z-index: 11;
	color: #ffffff;
	transition: all 0.2s ease-in-out;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	bottom: 10%;
}
.post-similaire div a>.infos-thumb h1 {
	width: 100%;
	text-transform: uppercase;
	font-size: 25px;
	text-align: left;
	float: left;
	padding: 0 5%;
	margin: 0;
}
.post-similaire div a>.infos-thumb p {
	width: 100%;
	font-size: 18px;
	margin-bottom: 10px;
	padding: 0 5%;
	float: left;
}
.post-similaire div a>.mask-thumb {
	position: absolute;
	z-index: 10;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url('images/mask-thumb.png') bottom left repeat-x;
	transition: all 0.2s ease-in-out;
	transform: translateY(0px);
	opacity: 1;
}
.post-similaire div a>.mask-thumb-hover {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(#469f7f, 0.7);
	transition: all 0.2s ease-in-out;
	opacity: 0;
}
.post-similaire div a>.mask-thumb-hover:hover {
	opacity: 1;
}
#disqus_thread {
	font-family: "Open Sans", sans-serif !important;
}
#disqus_thread a {
	color: #469f7e;
}
#disqus_thread a:visited {
	color: #469f7e;
}
.serif .post-message p,
.serif .top-thread-post p,
.serif .top-user p {
	font-family: "Open Sans", sans-serif;
}
.comment {
	background-color: #262626;
	color: #fff;
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
	padding: 30px 0 0 0;
	float: left;
	display: block;
}
.comment>.comment-width {
	width: 100%;
	max-width: 1280px;
	position: relative;
	margin: 0 auto;
	display: block;
	overflow: hidden;
	overflow-x: hidden;
}
.comment>.comment-width>h2 {
	width: 100%;
	float: left;
	display: block;
	font-size: 40px;
	line-height: 85px;
	margin: 0 auto 20px auto;
	color: #fff;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	letter-spacing: -0.02em;
}
.comment>.comment-width h3 {
	width: 100%;
	float: left;
	display: block;
	font-size: 40px;
	line-height: 45px;
	margin: 20px auto 20px auto;
	color: #469f7f;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}
.comment>.comment-width>p {
	width: 100%;
	float: left;
	display: block;
	font-size: 17px;
	margin: 0 auto 30px auto;
	padding: 30px 10px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	background-color: rgba(64, 64, 64, 0.25);
}
.comment>.comment-width>p a {
	font-family: "Open Sans", sans-serif;
	color: #469f7f;
	text-decoration: none;
}
.comment>.comment-width>p a:hover {
	text-decoration: underline;
}
.comment .commentlist {
	float: left;
	width: 100%;
	max-width: 1280px;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 0;
}
.comment .commentlist .comment {
	border-top: none;
}
ol {
	width: 100%;
	padding: 0 3%;
	text-align: left;
	float: left;
	margin: 0 0 20px 0;
}
ol>li,
ol>li .children li {
	float: left;
	width: 100%;
	text-align: left;
	word-wrap: break-word;
	font-size: 17px;
	font-family: "Open Sans";
	margin-bottom: 14px;
	line-height: 26px;
}
ol>li .children {
	margin-bottom: 0;
	margin-top: 10px;
}
.comments-container ol>li,
.comments-container ol>li .children li {
	padding: 10px 20px !important;
}
ol.commentlist>li:nth-child(odd) ol.children>li,
ol.commentlist>li:nth-child(even) ol.children>li {
	border-left: 4px solid rgba(154, 154, 154, 0.7);
}
ol>li .comment-author,
ol>li .comment-meta {
	text-align: left;
}
ol>li .comment-meta {
	margin-top: -3px;
	font-size: 14px !important;
}
ol>li .comment-meta a {
	font-size: 14px !important;
}
ol>li .comment-author .fn,
ol>li .comment-author .fn a {
	font-size: 18px;
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
	text-decoration: none;
	font-style: normal;
	letter-spacing: -0.02em;
}
ol>li .comment-author .fn {
	padding-top: 5px;
	display: block;
}
ol>li .comment-author .says {
	display: none;
}
ol>li .comment-author img {
	width: 60px;
	height: 60px;
	border-radius: 50px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.author .infos-author .avatar>img {
	margin: 0 !important;
}
.comment .commentlist>li a,
.comment .commentlist>li>.commentmetadata a {
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	color: #469f7f;
	text-decoration: none;
}
.comment .commentlist>li a:hover,
.comment .commentlist>li>.commentmetadata a:hover {
	text-decoration: underline;
}
ol>li p {
	float: left;
	width: 100%;
	margin-top: 15px;
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
	text-align: left;
}
ol>li p a,
ol>li .comment-meta a {
	font-family: "Open Sans", sans-serif;
	color: #469f7f;
	text-decoration: none;
}
ol>li p a:hover,
ol>li .comment-meta a:hover {
	text-decoration: underline;
}
ol>li .reply,
ol>li .reply a {
	float: left;
	width: 60%;
	font-size: 16px !important;
	font-family: "Open Sans" !important;
	color: #469f7f;
	text-decoration: none;
	text-align: left;
	margin-top: 10px;
}
.comment .commentlist>li .comment-reply-link {
	font-size: 16px !important;
}
ol>li .reply a:hover,
ol>li .children li .reply a:hover {
	text-decoration: underline;
}
.comment-respond {
	float: right;
	width: 100%;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-align: center;
	display: flex;
    flex-direction: column;
}
.comment-respond h3 small {
	width: 100%;
	float: left;
	margin: -20px 0 0 0;
}
.comment-respond p {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	float: left;
	text-align: center;
}
.comment-respond .comment-notes,
.comment-respond .comment-form-url,
.comment-respond .form-allowed-tags {
	display: none;
}
.comment-respond .logged-in-as a {
	color: #469f7f;
	text-decoration: none;
}
.comment-respond .logged-in-as a:hover {
	text-decoration: underline;
}
.comment-respond input[type=text] {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border: none;
	padding: 0 10px;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	margin-right: 10px;
	float: left;
}

/* placeholder */
.comment-respond ::-webkit-input-placeholder {
	color: #303030;
}
.comment-respond :-moz-placeholder {
	color: #303030;
}
.comment-respond ::-moz-placeholder {
	color: #303030;
}
.comment-respond :-ms-input-placeholder {
	color: #303030;
}
.comment-respond textarea {
	width: 100%;
	padding: 10px;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	margin: 0 auto 20px auto !important;
	color: #303030;
}
.comment-respond #submit {
	padding: 10px 20px;
	border: none;
	background-color: #469f7f;
	color: #ffffff;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}
.comment-respond #submit:hover {
	cursor: pointer;
}
.trackback,
.pingback {
	display: none;
}
.no-comments {
	font-family: "Open Sans", sans-serif;
	color: #469f7f;
	margin-bottom: 30px;
}
form#commentform {
	float: left;
	width: 100%;
	padding: 0 20px;
	margin: 0 auto 20px auto !important;
	max-width: 1024px;
}
form#commentform p {
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	float: left;
}
form#commentform p label {
	width: 20%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	margin-right: 10px;
	float: left;
	text-align: left;
}
form#commentform p label.subscribe-label {
	width: 90%;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	float: left;
	text-align: left;
	margin-left: 20px;
}
form#commentform p input[type=checkbox] {
	float: left;
	height: 40px;
	line-height: 40px;
}
form#commentform p input[type=text] {
	width: 100%;
    margin-right: 7px;
    font-size: 14px;
    padding: 0 0.6em;
    border: 1px solid #dcdcdc;
    color: black;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    float: left;
    margin-bottom: 15px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.03);
    max-width: 100% !important;
    background-color: white;
}

/* placeholder */
form#commentform ::-webkit-input-placeholder {
	color: #303030;
}
form#commentform :-moz-placeholder {
	color: #303030;
}
form#commentform ::-moz-placeholder {
	color: #303030;
}
form#commentform :-ms-input-placeholder {
	color: #303030;
}
form#commentform textarea {
	/*float: left;*/
	
	width: 100%;
    margin-right: 7px;
    font-size: 14px;
    padding: 0 0.6em;
    border: 1px solid #dcdcdc;
    color: black;
    line-height: 40px;
    padding: 0 20px;
    float: left;
    margin-bottom: 15px;
    font-family: "Open Sans", sans-serif;
    font-weight: 500 !important;
    font-size: 17px;
    background-color: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.03);
    max-width: 100% !important;
 
    background-color: white;
}
form#commentform #submit {
	padding: 10px 20px;
border: none;
background-color: #469f7f;
color: #ffffff;

font-family: "Open Sans", sans-serif;
text-transform: uppercase;
font-size: 13px;
font-weight: bold;
text-decoration: none;
padding: 15px 20px;
border: none;
-webkit-appearance: none;
letter-spacing: 0.03em;
transition: all 0.2s ease-in-out;
height: auto;
line-height: 13px;
margin: 0 auto;
}
form#commentform #submit:hover {
	cursor: pointer;
}

/* --------------------------------------------------------------------------
PAGE ABOUT
-------------------------------------------------------------------------- */
ul.about {
	width: 100%;
	height: auto;
	padding: 0;
}
ul.about>li {
	width: 100%;
	min-height: 200px;
	float: left;
	list-style-type: none;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}
ul.about>li:last-child {
	margin-bottom: 50px !important;
	padding-bottom: 30px;
}
ul.about>li:first-child {
	margin-bottom: 50px !important;
}
ul.about>li a {
	color: #469f7f;
	text-decoration: none;
}
ul.about>li a:hover {
	text-decoration: underline;
}
ul.about>li h1 {
	margin-bottom: 20px;
}
ul.about>li p {
	font-size: 17px;
	line-height: 26px;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.8);
}
ul.about>li {
	background-color: rgba(234, 235, 236, 0.25);
}
ul.about>li .wrap-img {
	width: 50%;
	text-align: center;
	float: left;
	margin-top: 30px;
}
ul.about>li:nth-child(1) .wrap-img img {
	width: 40%;
}
ul.about>li:nth-child(2) .wrap-img img {
	width: 90%;
}
ul.about>li:nth-child(3) .wrap-img img {
	width: 90%;
}
ul.about>li:nth-child(4) .wrap-img img {
	width: 90%;
}
ul.about>li .wrap-img ul {
	width: 80%;
	text-align: left;
	float: left;
	margin: 20px 10% 20px 10%;
}
ul.about>li .wrap-img ul li {
	font-size: 18px;
	list-style-type: disc;
}
ul.about>li .txt {
	width: 50%;
	text-align: left;
	float: left;
	margin-top: 30px;
	padding: 0 20px;
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
}
ul.about>li .wrap-img-full {
	width: 100%;
	text-align: center;
	float: left;
	margin-top: 10px;
}
ul.about>li .txt-full {
	width: 90%;
	text-align: left;
	float: left;
	margin: 0 5%;
	padding: 0 20px;
	font-family: "Open Sans", sans-serif;
	font-size: 17px;
	-webkit-columns: 2;
	columns: 2;
	-webkit-column-gap: 40px;
	column-gap: 40px;
}
ul.about>li .txt-transport {
	width: 90%;
	text-align: left;
	float: left;
	margin: 0 5%;
	padding: 0 20px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 18px;
}
ul.about>li .administratif img {
	width: 48%;
	margin-bottom: 20px;
}
ul.about>li .administratif img:first-child {
	margin-right: -30px;
}
ul.about>li .txt-transport h3 {
	margin-bottom: 15px;
}
ul.about>li .txt-full ul li,
ul.about>li .txt-transport ul li {
	list-style-type: disc;
	font-size: 17px;
	font-weight: 400;
	line-height: 26px;
	color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 700px) {
	ul.about>li .txt-full {
		-webkit-columns: 1;
		columns: 1;
	}
	
	ul.about>li .txt-transport .txt {
		width: 100% !important;
		margin-bottom: 30px !important;
	}
	
	ul.about>li .administratif img {
		width: 100%;
	}
	
	ul.about>li .administratif img:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	ul.about>li .administratif img:last-child {
		margin-bottom: 30px;
	}
	
	ul.about>li {
		min-height: 0px;
	}
	
	.separator {
		width: calc(100% - 40px) !important;
		margin: 30px 20px !important;
	}
}
.wrap-flickr-about {
	width: 100%;
	height: auto;
	min-width: 400px;
	position: relative;
	float: left;
	margin: 40px 0 20px 0;
	padding: 0;
	background-color: #469f7f;
}
.wrap-flickr-about .item-flickr {
	width: 100%;
	height: 100%;
	opacity: 0.5;
}
.wrap-flickr-about>.item-flickr a>img {
	width: calc(100% / 7) !important;
	float: left;
	margin: 0;
}
.icon-plus {
	color: rgba(0, 0, 0, 0.8);
	transition: 0.2s;
}
.icon-plus:before {
	content: '\e800';
	font-family: "plus";
	font-style: normal;
	font-size: 30px;
	position: absolute;
	background-color: #f6f7f8;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin-top: -31px;
	margin-left: -30px;
	border-radius: 30px;
	-webkit-transition: transform 0.1s ease;
	transition: transform 0.1s ease;
}
.icon-plus:hover {
	color: #469f7f;
	cursor: pointer;
}
.separator {
	border-top: 1px solid #cccccc;
	width: calc(100% - 100px);
	margin: 30px 50px;
	text-align: center;
	float: left;
}
.toggle {
	display: block;
	float: left;
	width: 100%;
	margin: 20px 0;
}
.plus-active:before {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
.travaux-container {
	height: calc(100vh - 208px);
	clear: both;
	padding: 60px;
}
.travaux-container img {
	width: 100%;
	height: 100%;
	max-width: 1100px;
	max-height: 500px;
}
.about-administratif-img {
	margin: 15px 0 10px;
}
#content .about .content-article h2 {
	color: rgba(0, 0, 0, 0.8);
	font-size: 28px;
	font-weight: 500;
	margin-top: 30px;
	-webkit-font-smoothing: subpixel-antialiased;
	margin: 50px 0 25px;
}
#content .about .content-article h3 {
	color: rgba(0, 0, 0, 0.8);
}
#content .about .content-article h2:first-of-type {
	margin-top: 30px;
}
#content .about .content-article h2 .emoji {
	display: inline-block !important;
	width: 45px;
	font-size: 32px;
	float: left;
	margin-top: -7px;
}
.card-container {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	margin-bottom: -25px;
}
.card-object {
	width: calc(100% / 6 - 15px);
	height: auto;
	background: #fff;
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 20px;
	text-decoration: none;
}
.card-object:empty {
	height: 0;
	border: none;
	margin-bottom: 0;
}
.card-object:hover .object-name {
	color: #469e7e;
	transition: all 0.2s;
}
.card-object .object-img {
	height: 145px;
	width: 100%;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.card-object .object-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.card-object .object-name {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	line-height: normal;
	font-size: 14px;
	text-decoration: none;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1.45em;
	letter-spacing: -0.02em;
	width: 100%;
	border-top: 1px solid rgba(0, 0, 0, 0.04);
	padding: 10px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(100% - 145px);
}
.mobilite-container {
	margin-bottom: 50px;
}
.mobilite-container .card-object,
.cyclisme-container .card-object {
	width: 100%;
}
.mobilite-container .card-object .object-img,
.cyclisme-container .card-object .object-img {
	height: 380px;
	padding: 40px;
}
.mobilite-subcontainer,
.cyclisme-subcontainer {
	width: calc(50% - 10px);
}
.mobilite-accessoires,
.cyclisme-accessoires {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.mobilite-accessoires .card-object,
.cyclisme-accessoires .card-object {
	width: calc(33% - 10px);
}
.mobilite-accessoires .card-object .object-img,
.cyclisme-accessoires .card-object .object-img {
	height: 140px;
	padding: 20px;
}

/* --------------------------------------------------------------------------
PAGE ARCHIVE
-------------------------------------------------------------------------- */

/*
gris sidéral 		#303030
gris ultra sidéral	#131315
vert				#469f7f
*/
#content .content-single .content-article>ul#smart-archives-block {
	width: 100%;
	padding: 0;
	margin-bottom: 40px;
	background-color: #ffffff;
}
#content .content-single .content-article>ul#smart-archives-block>li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 40px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
}
#content .content-single .content-article>ul#smart-archives-block>li strong {
	height: 40px;
	width: 10%;
	line-height: 40px;
	background-color: #131315;
	display: block;
	float: left;
	text-align: center;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	overflow: hidden;
}
#content .content-single .content-article>ul#smart-archives-block>li strong>a {
	color: #ffffff;
	background-color: #131315 !important;
	text-decoration: none;
}
#content .content-single .content-article>ul#smart-archives-block>li strong>a:hover {
	text-decoration: underline;
}
#content .content-single .content-article>ul#smart-archives-block>li>a,
#content .content-single .content-article>ul#smart-archives-block>li>.empty-month {
	height: 40px;
	width: 7.5% !important;
	line-height: 40px !important;
	display: block !important;
	float: left;
	text-align: center;
	color: #131313 !important;
	font-family: "Open Sans";
	font-weight: 300;
	padding: 0 !important;
	text-decoration: none;
}
#content .content-single .content-article>ul#smart-archives-block>li>a {
	background-color: rgba(237, 237, 237, 0.7) !important;
}
#content .content-single .content-article>ul#smart-archives-block>li>.empty-month {
	background-color: #ffffff !important;
}
#content .content-single .content-article>ul#smart-archives-block>li>a:hover {
	background-color: #469f7f !important;
	text-decoration: none;
	color: #303030;
}
#content .content-single .content-article>#smart-archives-list {
	margin-top: 20px;
}
#content .content-single .content-article>#smart-archives-list>h2 {
	text-align: center !important;
	float: left;
	width: 100%;
	margin: 50px 0 20px 0;
}
#content .content-single .content-article>#smart-archives-list>h2>a {
	font-size: 30px;
	line-height: 40px;
	text-transform: uppercase;
	color: #303030;
	font-family: "Montserrat";
	text-decoration: none !important;
}
#content .content-single .content-article>#smart-archives-list>h2>a:hover {
	color: #469f7f;
	text-decoration: none;
}
#content .content-single .content-article>#smart-archives-list>ul {
	float: left;
	width: 100%;
}
#content .content-single .content-article>#smart-archives-list>ul>li {
	list-style-type: none;
	text-align: center !important;
}
#content .content-single .content-article>#smart-archives-list>ul>li>a {
	color: #303030;
	font-family: "Open Sans";
	font-weight: 300;
	text-decoration: none !important;
	font-size: 17px;
}
#content .content-single .content-article>#smart-archives-list>ul>li>a:hover {
	color: #469f7f;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
PAGE CONTACT
-------------------------------------------------------------------------- */
#content .content-single .content-article>form {
	display: block;
	min-height: 100%;
	height: auto;
	background-color: #ededed;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#content .content-single .content-article>div.wpcf7 {
	margin: 0 auto;
	padding: 20px 40px 40px 40px;
	background-color: #ffffff;
	margin-bottom: 20px;
	margin-top: 30px;
	border: 1px solid #f5f5f5;
	box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.02);
}
#content .content-single .content-article>div.wpcf7 h1 {
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	margin: 0 0 20px 0;
	font-family: "Montserrat";
	font-size: 35px;
	color: rgba(0, 0, 0, 0.8);
}
#content .content-single .content-article>div.wpcf7 p {
	margin: 0;
}
#content .content-single .content-article>div.wpcf7 input[type="text"].wpcf7-form-control {
	width: 100%;
	border: none;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	float: left;
	margin-bottom: 15px;
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 17px;
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.03);
}
#content .content-single .content-article>div.wpcf7 .prenom input[type="text"].wpcf7-form-control {
	width: calc(50% - 8px);
	margin-right: 15px;
}
#content .content-single .content-article>div.wpcf7 .nom input[type="text"].wpcf7-form-control {
	width: calc(50% - 7px);
}
#content .content-single .content-article>div.wpcf7 textarea.wpcf7-form-control {
	width: 100%;
	border: none;
	height: 240px;
	padding: 20px;
	float: left;
	margin-bottom: 15px;
	resize: none;
	font-family: "Open Sans";
	font-weight: 300;
	font-size: 17px;
	background-color: rgba(0, 0, 0, 0.03);
	border: 1px solid rgba(0, 0, 0, 0.03);
}
#content .content-single .content-article>div.wpcf7 input[type="submit"].wpcf7-form-control {
	font-family: "Montserrat";
	text-transform: uppercase;
	font-size: 13px;
	text-decoration: none;
	padding: 20px 50px;
	border: none;
	margin: 10px 0;
	color: #ffffff;
	background-color: #469f7f;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	letter-spacing: 0.03em;
	transition: all 0.2s ease-in-out;
}
#content .content-single .content-article>div.wpcf7 input[type="submit"].wpcf7-form-control:hover {
	cursor: pointer;
	background-color: #303030;
	transition: all 0.2s ease-in-out;
}
#content .content-single .content-article>div.wpcf7 p>img {
	display: none;
}
div.wpcf7-mail-sent-ok {
	border: 2px solid #469f7f !important;
}
div.wpcf7-response-output {
	margin: 2em 0 1em !important;
	padding: 0.5em 1em !important;
	font-family: "Open Sans" !important;
	font-size: 15px !important;
}
.captcha {
	float: left;
	margin-right: 20px;
}
.grecaptcha-badge {
	display: none;
}

/* --------------------------------------------------------------------------
PAGE FAQ
-------------------------------------------------------------------------- */
#content .content-single .content-article>h2.coming {
	width: 100%;
	padding: 20% 0;
	text-align: center;
}
#content .content-single .content-article.faq>h2 {
	color: #131315;
	margin-bottom: 20px;
	margin-top: 30px;
}
#content .content-single .content-article.faq>h3 {
	font-size: 24px;
	/*font-size: 20px;*/
	
	-webkit-font-smoothing: antialiased;
	margin-top: 40px;
}

/* --------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------- */
footer {
	width: 100%;
	height: auto;
	display: block;
	float: left;
	background-color: #303030;
}
footer>.wrap-content>.line1,
footer>.wrap-content>.line2 {
	background-color: #303030;
}
footer .line1 {
	width: 100%;
	height: 60px;
	float: left;
}
footer .line1>.partI {
	width: 47%;
	height: 60px;
	float: left;
}
footer .line1>.partI ul {
	height: 60px;
	line-height: 60px;
	float: right;
	text-align: right;
}
footer .line1>.partI ul li,
footer .line1>.partII ul li {
	height: 60px;
	line-height: 60px;
	padding: 0 15px;
	float: left;
	list-style-type: none;
	color: #ffffff;
	font-size: 14px;
	font-family: "Open Sans";
}
footer .line1>.partI ul li a,
footer .line1>.partII ul li a {
	color: #ffffff;
	text-decoration: none;
}
footer .line1>.partI ul li a:hover,
footer .line1>.partII ul li a:hover {
	color: #469f7f;
}
footer .line1>.partII {
	width: 47%;
	height: 60px;
	float: right;
}
footer .line1>.partII ul {
	height: 60px;
	line-height: 60px;
	float: left;
	text-align: left;
}
footer .line1>a .footer-logo {
	float: left;
	padding: 5px;
	height: 60px !important;
}
footer .line2 {
	width: 100%;
	height: 60px;
	float: left;
	border-top: 1px solid #252525;
	text-align: center;
}
footer .line2 ul {
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
}
footer .line2 ul>li {
	list-style-type: none;
	display: inline;
	padding: 0 15px;
	color: #a6a6a6;
	font-family: "Open Sans", sans-serif;
}
footer .line2 ul>li a {
	color: #a6a6a6;
	text-decoration: none;
}
footer .line2 ul>li a:hover {
	color: #469f7f;
}

/* --------------------------------------------------------------------------
GOOGLE ADSENSE
-------------------------------------------------------------------------- */
.google-ad {
	width: 100%;
	text-align: center;
}
.col-right .google-ad {
	clear: both;
}
.content-single .google-ad {
	width: 125% !important;
	margin-left: -12.5% !important;
}
.content-single .google-ad:nth-of-type(2) {
	float: left;
}
@media screen and (max-width: 950px) {
	.google-ad {
		width: 100% !important;
		margin-left: 0 !important;
	}
	
	.static-ad img {
		width: 100% !important;
		margin-left: 0 !important;
	}
	
	.bar {
		margin-top: 20px;
	}
}

/* --------------------------------------------------------------------------
BANDEAU LOKAN.JP
-------------------------------------------------------------------------- */
.bandeau-lokanjp {
	padding: 0 12px;
	text-align: center;
	font-family: "Open Sans";
	background-color: rgb(255, 255, 0);
	border-bottom: 1px solid rgba(0, 0, 0, 0.02);
	font-size: 15px;
	color: #000;
	width: 100%;
	top: 0;
	z-index: 99999;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 630px) {
	.bandeau-lokanjp {
		height: 60px;
	}
}
.bandeau-lokanjp a {
	color: #000;
	font-weight: 600;
}

/* --------------------------------------------------------------------------
MOBILE
-------------------------------------------------------------------------- */
@media screen and (max-width: 1150px) {
	.col-right {
		width: 330px;
	}
	
	.col-left {
		width: calc(100% - 350px);
	}
}
@media screen and (max-width: 950px) {
	#screen_message {
		display: none !important;
	}
	
	#content .content-single .content-article>ul#smart-archives-block {
		display: none;
	}
	
	.col-right {
		display: none;
	}
	/* --------------------------------------------------------------------------
	AFFICHAGE DES DIFFERENTS MENU
	-------------------------------------------------------------------------- */
	
	.nav-desktop {
		display: none;
	}
	
	.nav-mobile {
		display: block;
		z-index: 100;
	}
	
	.content-nav-mobile {
		width: 260px;
		height: 100%;
		padding: 20px;
		top: 0;
		right: 0;
		background-color: #fff;
		color: rgba(0, 0, 0, 0.8);
		box-shadow: -5px 0px 4px 0px rgba(0, 0, 0, 0.03);
		display: block;
		position: fixed;
		z-index: 999;
		transition-property: transform;
		transition-duration: 0.3s;
		transform: translate3d(100%, 0, 0);
		display: block;
	}
	
	.panel-active {
		transform: translate3d(0, 0, 0);
		transition-delay: 0s;
	}
	
	.panel-overlay {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
		opacity: 0;
		z-index: 998;
		visibility: hidden;
		transition: all 0.2s ease-in-out;
	}
	
	.panel-overlay-active {
		opacity: 1;
		transition: all 0.2s ease-in-out;
		visibility: visible;
	}
	
	.content-nav-mobile ul {
		margin: 0;
	}
	
	.content-nav-mobile li {
		/*float: left;*/
		margin: 0;
		padding: 0 20px;
		width: 100%;
		text-align: center;
		height: 30px;
		line-height: 30px;
		list-style-type: none;
	}
	
	.content-nav-mobile li a {
		font-family: "Open Sans", sans-serif;
		display: block;
		height: 100%;
		font-size: 16px;
		color: rgba(0, 0, 0, 0.8);
		text-decoration: none;
	}
	
	.content-nav-mobile ul.social>li>a {
		font-family: "lokan_v2", sans-serif !important;
	}
	
	.content-nav-mobile li a:hover {
		color: #469f7e;
	}
	
	.content-nav-mobile>.search-form {
		position: relative;
	}
	
	.social {
		display: flex;
		justify-content: space-between;
	}
	
	.social li {
		margin: 0 !important;
		padding: 0 !important;
		width: 65px !important;
	}
	
	.social li a {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	.content-nav-mobile>.search-form>input[type=search].search-input {
		height: 40px;
		width: 100%;
		border: none;
		line-height: 40px;
		padding: 0 50px 0 10px;
		font-family: "Open Sans", sans-serif;
		font-weight: 300;
		font-size: 15px;
		-webkit-appearance: none;
		background-color: rgba(0, 0, 0, 0.03);
		border: 1px solid rgba(0, 0, 0, 0.03);
		border-radius: 1px;
	}
	
	.content-nav-mobile>.search-form>input[type=submit] {
		height: 24px;
		width: 24px;
		display: block;
		background: url("images/search.svg") center center no-repeat;
		position: absolute;
		right: 8px;
		top: 10px;
		border: none;
	}
	
	.content-nav-mobile>.search-form>input[type=submit]:hover {
		cursor: pointer;
	}
	
	.content-nav-mobile .sepMob {
		width: calc(100% - 40px);
		height: 1px;
		margin: 20px;
		display: block;
		background-color: #131315;
	}
	
	.content-nav-mobile .title-panel {
		font-family: "Montserrat", sans-serif;
		text-transform: uppercase;
		text-align: center;
		margin: 30px 0 5px;
		font-size: 14px;
		font-weight: 700;
	}
	
	.content-nav-mobile .partenaire-mobile {
		width: 100%;
		height: 55px;
		display: block;
		background-position: center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		margin: 10px 0;
		border-radius: 5px;
		box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.07);
	}
	
	.content-nav-mobile #mc_embed_signup {
		margin-top: 12px;
	}
	/* --------------------------------------------------------------------------
	HOME - Dernier article
	-------------------------------------------------------------------------- */
	
	#content {
		width: 100%;
		margin: 0;
		padding: 0;
		left: 0;
		overflow-x: hidden;
	}
	
	.last-article {
		display: none;
	}
	
	.col-left .post-header {
		display: block;
	}
	
	.last-article {
		margin: 0 0 20px 0 !important;
		/*padding: 0;*/
		padding-top: 56.25%;
		position: relative;
		width: 100%;
		margin: 0 20px;
	}
	
	.last-article>.wrap-content {
		/*height: 60%;*/
		position: absolute;
		bottom: 15%;
	}
	
	.last-article>.wrap-content>h1,
	.last-article>.wrap-content>h1 a {
		font-size: 5vw;
		line-height: 5vw;
	}
	
	.last-article>.wrap-content>.time {
		display: none;
	}
	
	.last-article>.wrap-content>.category {
		float: left;
		margin-top: 10px;
		font-size: 14px;
		line-height: 26px;
	}
	
	.last-article>.wrap-content>.category>ul>li>a {
		font-size: 14px;
		line-height: 26px;
		padding: 4px 10px;
	}
	/* --------------------------------------------------------------------------
	HOME - Colonne Gauche
	-------------------------------------------------------------------------- */
	
	.col-left {
		width: 100%;
		float: left;
		margin: 0;
		padding: 20px;
	}
	
	.col-left article {
		float: left;
		margin-bottom: 30px;
		padding: 0;
		display: block;
	}
	
	.col-left article>.link_post {
		width: 100%;
		display: block;
		float: left;
		overflow: hidden;
		display: block;
		padding-top: 60%;
	}
	
	.col-left article>.infos-article {
		width: 100%;
		display: block;
		float: left;
	}
	
	.col-left article>.infos-article>h1 {
		float: left;
		width: 100%;
		margin: 10px 0;
	}
	
	.col-left article>.infos-article>h1 a {
		font-size: 18px;
		line-height: normal;
	}
	
	.col-left article>.infos-article>p {
		font-size: 14px;
		float: left;
		margin-top: 10px;
	}
	
	.col-left article>.link_post>.infoscat>.time {
		display: none;
	}
	
	.col-left article>.link_post>.infoscat>.category>ul>li>a {
		font-size: 14px;
		line-height: 26px;
		padding: 4px 10px;
	}
	
	.more-article {
		padding: 0 20px;
	}
	/* --------------------------------------------------------------------------
	HOME - Colonne Droite
	-------------------------------------------------------------------------- */
	
	.col-right {
		width: 100%;
		float: left;
		margin-bottom: 0;
	}
	
	.col-right>.recent-post>h1 {
		line-height: 20px;
	}
	
	.col-right>.recent-post>h1 a {
		font-size: 18px;
	}
	
	.col-right>.recent-post>.mask-thumb {
		height: 80%;
	}
	/* --------------------------------------------------------------------------
	HOME - Footer
	-------------------------------------------------------------------------- */
	
	footer {
		display: none;
	}
	/* --------------------------------------------------------------------------
	SINGLE
	-------------------------------------------------------------------------- */
	
	.content-single {
		width: 100%;
	}
	
	#content .content-single .content-article {
		padding: 0 20px;
		padding-top: 20px;
	}
	
	#content .content-single h1,
	#content .content-single h1 a {
		font-size: 30px;
		line-height: 35px;
		padding: 0 20px;
		margin-top: 20px;
	}
	
	#content .content-single .time {
		margin: 20px 0;
	}
	
	#content .content-single .time>span {
		width: 100%;
		margin-top: 0;
	}
	
	#content .content-single .content-article h2 {
		font-size: 26px;
	}
	
	#content .content-single .content-article h3 {
		font-size: 22px;
	}
	
	.author .infos-author {
		display: none;
	}
	
	.author .share {
		width: 100%;
	}
	
	.nav-article div {
		width: 100%;
	}
	
	.nav-article div a>.infos-thumb h1 {
		font-size: 18px !important;
		margin-top: 10px !important;
		font-family: "Open Sans", sans-serif;
	}
	
	#content .content-single .content-article p>img,
	#content .content-single .content-article p>a>img {
		width: calc(100% + 40px) !important;
		margin-left: -20px !important;
	}
	
	#content .content-single .content-article div.wp-caption {
		width: calc(100% + 40px) !important;
		margin-left: -20px !important;
		left: 0;
	}
	
	#content .content-single .content-article>blockquote:before {
		width: 45px;
		height: auto;
		left: -10px;
	}
	
	#content .content-single .content-article>blockquote:after {
		width: 45px;
		height: auto;
		right: -10px;
	}
	
	.don h1 {
		font-size: 30px;
		line-height: 30px;
	}
	
	.don p {
		font-size: 18px;
	}
	
	.don>.btn1 {
		width: 100%;
		margin: 50px 0 10px 0;
		text-align: center;
		padding-right: 0px;
	}
	
	.don>.btn2 {
		width: 100%;
		margin: 50px 0 70px 0;
		text-align: center;
		padding-left: 0px;
	}
	
	.post-similaire {
		display: none;
	}
	
	.comment>.comment-width {
		left: 0;
	}
	
	.comment>.comment-width>h2 {
		font-size: 30px;
	}
	
	.comment>.comment-width>h3 {
		font-size: 40px;
		line-height: 45px;
	}
	
	form#commentform p label.subscribe-label {
		width: 80%;
		height: 70px;
		line-height: 20px;
		font-size: 18px;
		font-family: "Open Sans", sans-serif;
		font-weight: 300;
		float: left;
		text-align: left;
		margin-left: 20px;
	}
	
	form#commentform p input[type=checkbox] {
		float: left;
		height: 22px;
		line-height: 22px;
	}
	
	ol>li .reply,
	ol>li .reply a {
		width: 100%;
	}
	
	.comments-container ol>li .children li {
		padding: 10px 0px 10px 20px !important;
	}
	
	ol {
		padding: 0 0 0 20px;
	}
	
	ol li {
		text-align: justify;
	}
	
	#content .content-single .content-article .vvqbox iframe,
	#content .content-single .content-article .vvqbox object,
	#content .content-single .content-article p iframe {
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	/* --------------------------------------------------------------------------
	PAGE ABOUT
	-------------------------------------------------------------------------- */
	
	ul.about>li .wrap-img {
		width: 100%;
	}
	
	ul.about>li p {
		width: 100%;
		padding: 0;
	}
	
	ul.about>li .txt {
		width: 100%;
	}
	
	ul.about>li .wrap-img-full {
		width: 100%;
		text-align: center;
		float: left;
		margin-top: 10px;
	}
	
	ul.about>li .txt,
	ul.about>li .txt-full {
		width: 90%;
		text-align: left;
		float: left;
		margin: 0 5%;
		padding: 0 20px;
		font-family: "Open Sans", sans-serif;
		font-weight: 300;
		font-size: 18px;
	}
	
	ul.about>li .txt-transport>.txt {
		width: calc(50% - 20px);
		text-align: left;
		float: left;
		margin: 10px;
		padding: 0;
	}
	
	ul.about>li:last-child {
		margin-bottom: 0px !important;
	}
	
	.wrap-flickr-about {
		margin-bottom: 0;
	}
	
	.wrap-flickr-about .item-flickr {
		width: 90%;
	}
	/* --------------------------------------------------------------------------
	PAGE CONTACT
	-------------------------------------------------------------------------- */
	
	.wpcf7-form h1 {
		font-size: 30px !important;
		line-height: normal !important;
	}
	
	#content .content-single .content-article>div.wpcf7 {
		padding: 20px;
		border: none;
		box-shadow: none;
		margin-bottom: 0;
		width: calc(100% + 40px);
		margin-left: -20px;
	}
	
	#content .content-single .content-article>div.wpcf7 h1 {
		height: 60px;
	}
}

/* ----------------------------------
			BARATOUFAIRE
---------------------------------- */
.bar {
	display: flex;
	justify-content: space-between;
	float: left;
	font-family: "Open Sans", sans-serif;
	background-color: rgba(234, 235, 236, 0.25);
	padding: 20px;
	width: 100%;
	margin: 10px 0 20px 0;
	border: 1px solid rgba(0, 0, 0, 0.02);
	border-radius: 3px;
}
.bar-left {
	float: left;
	width: 570px;
	margin-right: 40px;
}
.bar-right {
	display: flex;
	align-items: center;
	justify-content: center;
}
.author-img {
	width: 100px;
	border-radius: 50px;
	height: auto;
	margin-bottom: -5px;
}
.author-details {
	padding: 0 0 0 20px;
	margin-bottom: -2px;
	float: right;
	width: calc(100% - 100px);
}
.author-name {
	font-family: "Montserrat";
	font-size: 20px;
	color: #469f7e;
	letter-spacing: -0.02em;
	font-weight: 500;
	display: block;
}
.written-by {
	color: rgba(0, 0, 0, 0.8);
}
.author-description {
	margin: 5px 0 0 0;
	font-size: 16px;
	font-weight: 400;
	color: rgba(76, 78, 82, 0.5);
	display: block;
	margin-top: 5px
}
.thanks-button {
	width: 150px;
	background-color: #FFF;
	text-align: center;
	padding: 0px 15px;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.01);
	margin-right: 10px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	transition: all 0.2s;
}
.thanks-button.thanks-youtube {
	padding: 0 10px;
}
.thanks-button.thanks-patreon {
	padding: 0 10px;
}
.thanks-button.thanks-instagram {
	padding: 15px;
}
.thanks-button.thanks-instagram img {
	height: 100%;
	width: auto;
}
.thanks-button.thanks-amazon {
	padding: 5px 18px 0;
}
.thanks-button:hover {
	transform: scale(1.05);
	transition: all 0.2s;
}
.thanks-button img {
	width: 100%;
}
.thanks-button:last-of-type {
	margin-right: 0px;
}

/* Bandeau newsletter */
.newsletter-bar {
	float: left;
	width: 100%;
	height: 80px;
	margin-bottom: 50px;
	background: #c3febc;
	background: -moz-linear-gradient(left, #c3febc 0%, #c4e8e6 100%);
	background: -webkit-linear-gradient(left, #c3febc 0%, #c4e8e6 100%);
	background: linear-gradient(to right, #c3febc 0%, #c4e8e6 100%);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 50px;
	font-family: 'Montserrat', sans-serif;
	border-radius: 3px;
}
.newsletter-bar-left {
	display: flex;
	align-items: center;
	width: 50%
}
.newsletter-bar-right {
	flex-grow: 1;
	padding-left: 40px;
	width: 50%
}
.newsletter-bar-left img {
	width: 45px;
	height: 45px;
	margin-right: 20px;
}
.newsletter-bar-title {
	margin-bottom: 6px;
	font-weight: 600;
}
.newsletter-bar-subtitle {
	font-size: 14px;
}
.newsletter-bar #mc_embed_signup {
	margin-bottom: 0px;
	background: transparent;
}
.newsletter-bar #mc_embed_signup input.email {
	width: 100%;
	height: 38px;
	border: none;
	border-radius: 0;
	padding: 0 1em;
}
.newsletter-bar #mc_embed_signup .button {
	padding: 0 20px;
	height: 38px;
	border-radius: 0;
	font-weight: 500;
	background: #333333;
	-webkit-appearance: none;
}
.newsletter-bar #mc_embed_signup .button:hover {
	background: #555555;
}
.newsletter-sidebar.newsletter-bar {
	height: 70px;
	padding: 0;
	list-style: none;
	margin: 5px 0;
	border-radius: 5px;
}
.newsletter-sidebar.newsletter-bar li {
	text-align: center;
	width: 100%;
}
.newsletter-sidebar.newsletter-bar li span {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 18px;
	margin-left: 8px;
}
.newsletter-sidebar.newsletter-bar li a {
	line-height: 40px;
	color: rgba(0, 0, 0, 0.8);
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle;
}
.newsletter-sidebar.newsletter-bar li a img {
	width: 40px;
	height: 40px;
	margin-right: 10px;
	vertical-align: middle;
}
@media screen and (max-width: 680px) {
	.thanks-button,
	.thanks-button:last-of-type {
		margin: 5px;
	}
	
	.bar-right {
		flex-wrap: wrap;
	}
}

/* Responsive */
@media screen and (max-width: 1190px) {
	.author-details {
		padding: 0 0 0 20px;
	}
	
	.bar {
		flex-direction: column;
		align-items: center;
	}
	
	.bar-left {
		margin-bottom: 20px;
		margin-right: 0;
		width: auto;
	}
	
	.author-img {
		display: block;
		margin: 0 auto;
	}
	
	.author-details {
		padding: 0;
		width: 100%;
		text-align: center;
		margin: 20px 0 10px;
	}
	
	.card-object {
		width: calc(100% / 5 - 15px);
	}
}
@media screen and (max-width: 1180px) {
	.newsletter-bar-title {
		margin-bottom: 4px;
		font-size: 14px;
	}
	
	.newsletter-bar-subtitle {
		font-size: 13px;
		line-height: 1.6em;
	}
}
@media screen and (max-width: 1020px) {
	.card-object {
		width: calc(100% / 4 - 15px);
	}
	
	.mobilite-accessoires .card-object,
	.cyclisme-accessoires .card-object {
		width: calc(50% - 10px);
	}
}
@media screen and (max-width: 830px) {
	.newsletter-bar {
		padding: 20px 25px;
		height: auto;
		flex-direction: column;
	}
	
	.newsletter-bar-right {
		padding-left: 0;
		margin-top: 20px;
		width: 100%;
		max-width: 500px;
	}
	
	.newsletter-bar-left {
		width: 100%;
		max-width: 500px;
	}
	
	.newsletter-bar-left img {
		margin-right: 20px;
		width: 40px;
		height: 40px;
	}
}
@media (max-width: 768px) {
	#mc_embed_signup .clear {
		width: auto;
	}
	
	#mc_embed_signup .button {
		width: auto;
	}
}
@media (max-width: 640px) {
	.card-object {
		width: calc(100% / 3 - 10px);
	}
	
	.mobilite-container,
	.cyclisme-container {
		flex-direction: column;
	}
	
	.mobilite-subcontainer,
	.cyclisme-subcontainer {
		width: 100%;
	}
}
@media (max-width: 520px) {
	.card-object {
		width: calc(100% / 2 - 8px);
		margin-bottom: 16px;
	}
	
	.mobilite-accessoires .card-object,
	.cyclisme-accessoires .card-object {
		width: calc(100% / 2 - 8px);
	}
	
	.mobilite-container .card-object .object-img,
	.cyclisme-container .card-object .object-img {
		height: 180px;
	}
}

/* Correction font pour écrans non-retina */
@media not screen and (-webkit-min-device-pixel-ratio: 2),
not screen and ( min--moz-device-pixel-ratio: 2),
not screen and ( -o-min-device-pixel-ratio: 2/1),
not screen and ( min-device-pixel-ratio: 2),
not screen and ( min-resolution: 192dpi),
not screen and ( min-resolution: 2dppx) {
	h1,
	h2,
	.social-name {
		font-weight: 400;
	}
}

/* Newsletter Popup */
#exitpopup-modal .exitpopup-modal-window {
	background: #fff !important;
}
#exitpopup-modal .modal-title {
	padding: 4px !important;
}
#exitpopup-modal .modal-body {
	height: calc(100% - 11px) !important;
	padding: 28px !important;
}
.newsletter-popup {
	display: flex;
	flex-direction: column;
	height: 100%;
	align-items: center;
	justify-content: space-between;
}
.newsletter-popup img {
	width: 70px;
	margin-top: 10px;
}
.newsletter-infos {
	text-align: center;
}
.newsletter-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 18px;
}
.newsletter-description {
	color: #8e8e8e;
	font-family: 'Open Sans', sans-serif;
	margin-top: 5px;
}
.newsletter-popup #mc_embed_signup input.email {
	height: 35px;
	background: rgba(0, 0, 0, 0.04);
	font-weight: 500;
}
.newsletter-popup #mc_embed_signup .button {
	font-weight: 600;
	height: 35px;
}
@media (max-width: 500px) {
	#exitpopup-modal .exitpopup-modal-window {
		max-width: 90%;
	}
}

/* Static Ad */
.static-ad {
	display: none;
}
.static-ad img {
	width: 100%;
}
.static-ad.bandeau a {
	background-image: url('https://lokan.jp/wp-content/themes/lokan2017/images/blackfriday-banner.jpg');
	width: 100%;
	height: auto;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 10.31%;
	margin-bottom: 10px;
	cursor: pointer;
}
@media screen and (max-width: 414px) {
	.static-ad a {
		background-image: url('https://lokan.jp/wp-content/themes/lokan2017/images/blackfriday-square.jpg') !important;
		background-position: center;
		padding-top: 88% !important;
	}
}
.col-right .static-ad {
	margin-bottom: 20px;
}
.banner-link {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	display: flex;
	height: 100px;
	line-height: 30px;
	font-size: 18px;
	margin: 20px 0;
	text-decoration: none !important;
	color: #fff !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 500;
	width: 125% !important;
	margin-left: -12.5% !important;
	border-radius: 3px;
	overflow: hidden;
}
.banner-link span.icon,
.banner-link span.title {
	display: block;
	position: relative;
	line-height: 80px;
}
.banner-link span.left.icon {
	width: 230px;
	min-width: 100px;
}
.banner-link span.left.icon img {
	height: 50px;
}
.banner-link span.title {
	padding: 0 30px 0 20px;
	font-size: 20px;
}
.banner-link span.left {
	float: left;
}
.banner-link span.right {
	float: right;
}
.banner-link span.icon {
	font-size: 46px;
	display: flex;
	padding-right: 15px;
	align-items: center;
	justify-content: center;
	background-color: #222222;
}
.banner-link span.title {
	background-color: #469f7e;
	width: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.banner-link span.title span {
	line-height: 23px;
}
.banner-link span.arrow-left {
	position: absolute;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	-webkit-transition: all .15s;
	-transition: all .15s;
	-webkit-transition-property: left, right;
	transition-property: left, right;
}
.banner-link span.arrow-left {
	right: 0;
	-webkit-box-shadow: 20px 0 0 0 #469f7e, 20px 0 0 0 #00ae94;
	box-shadow: 20px 0 0 0 #469f7e, 20px 0 0 0 #00ae94;
	border-right: 20px solid #469f7e;
}
.banner-link:hover span.arrow-left {
	right: 20px;
}

/* Amazon */
.banner-link.amazon span.icon {
	font-size: 55px;
}
.banner-link.amazon span.title {
	background-color: #ff9900;
}
.banner-link.amazon span.arrow-left {
	-webkit-box-shadow: 20px 0 0 0 #ff9900;
	box-shadow: 20px 0 0 0 #ff9900;
	border-right: 20px solid #ff9900;
}

/* Netflix */
.banner-link.netflix span.title {
	background-color: #e50914;
}
.banner-link.netflix span.arrow-left {
	-webkit-box-shadow: 20px 0 0 0 #e50914;
	box-shadow: 20px 0 0 0 #e50914;
	border-right: 20px solid #e50914;
}

/* Strava */
.banner-link.strava span.title {
	background-color: #ff7415;
}
.banner-link.strava span.arrow-left {
	-webkit-box-shadow: 20px 0 0 0 #ff7415;
	box-shadow: 20px 0 0 0 #ff7415;
	border-right: 20px solid #ff7415;
}

/* Patreon */
.banner-link.patreon span.title {
	background-color: #f86754;
}
.banner-link.patreon span.arrow-left {
	-webkit-box-shadow: 20px 0 0 0 #f86754;
	box-shadow: 20px 0 0 0 #f86754;
	border-right: 20px solid #f86754;
}
.banner-link.patreon span.icon {
	background-color: #052f48;
}

/* Sungod */
.banner-link.sungod span.title {
	background-color: #22aaff;
}
.banner-link.sungod span.arrow-left {
	-webkit-box-shadow: 20px 0 0 0 #22aaff;
	box-shadow: 20px 0 0 0 #22aaff;
	border-right: 20px solid #22aaff;
}
.banner-link.sungod span.left.icon img {
	height: 40px;
}

/* App Store */
.banner-link.app span.icon {
	font-size: 55px;
}
.banner-link.app span.title {
	background-color: #1cabf9;
}
.banner-link.app span.arrow-left {
	-webkit-box-shadow: 20px 0 0 0 #1cabf9;
	box-shadow: 20px 0 0 0 #1cabf9;
	border-right: 20px solid #1cabf9;
}

/* GitHub */
.banner-link.github span.title {
	background-color: #2b3137;
}
.banner-link.github span.arrow-left {
	-webkit-box-shadow: 20px 0 0 0 #2b3137;
	box-shadow: 20px 0 0 0 #2b3137;
	border-right: 20px solid #2b3137;
}
.banner-link.github span.icon {
	background-color: #22262b;
}
@media screen and (max-width: 950px) {
	.banner-link {
		width: calc(100% + 40px) !important;
		margin-left: -20px !important;
	}
}
@media screen and (max-width: 414px) {
	.banner-link span.title {
		padding: 0 10px 0 0px;
	}
}
@media screen and (max-width: 550px) {
	.wrapper-404 {
		width: 100% !important;
		top: 10% !important;
		left: 0 !important;
		margin: 0 !important;
		padding: 0 30px;
	}
	
	.wrapper-404 .wrap img {
		width: 100%;
		height: auto;
	}
	
	.wrapper-404 .oho {
		font-size: 30px !important;
		margin-bottom: 5px;
	}
}
#mc_embed_signup_scroll input {
	-webkit-appearance: none;
}
.search-page .col-right {
	margin-top: 77px !important;
}

/**** Dark Theme ****/
@media (prefers-color-scheme: dark) {
	body {
		background: #191919;
		color: rgba(255, 255, 255, 0.8);
	}
	
	.nav-desktop,
	.nav-mobile {
		background-color: #212121;
		border-bottom: none;
	}
	
	.icon-menu {
		color: rgba(255, 255, 255, 0.8);
	}
	
	.icon-menu:hover {
		background-color: #212121;
	}
	
	.col-left article,
	.col-right,
	.bar,
	.content-nav-mobile {
		background-color: #212121;
	}
	
	.col-left article>.infos-article>h1 a,
	.nav-desktop ul li a,
	.nav-desktop a.icon-shuffle,
	#content .content-single h1,
	#content .content-single h1 a,
	.written-by,
	#content .content-single .content-article.faq>h2,
	#content .content-single .content-article>#smart-archives-list>h2>a,
	.infos-recherche,
	.infos-recherche a,
	#content .about .content-article h2,
	#content .about .content-article h3 {
		color: rgba(255, 255, 255, 0.9);
	}
	
	.col-left article>.infos-article>p,
	.author-description,
	.content-nav-mobile li a {
		color: rgba(255, 255, 255, 0.6);
	}
	
	#content .content-single .time>span,
	.col-left article>.infos-article>.time {
		color: rgba(255, 255, 255, 0.4);
	}
	
	.author-description {
		color: rgba(255, 255, 255, 0.6);
	}
	
	#content .content-single .content-article p,
	#content .content-single .content-article>#smart-archives-list>ul>li>a {
		color: rgba(255, 255, 255, 0.8);
	}
	
	.col-right>.sidebar-title,
	.content-nav-mobile .title-panel {
		font-weight: 600;
		color: rgba(255, 255, 255, 0.9);
	}
	
	#mc_embed_signup {
		background: #212121;
	}
	
	#mc_embed_signup_scroll {
		background: #212121;
	}
	
	.mailing #mc_embed_signup {
		border: 1px solid #212121;
		background: #469f7f;
	}
	
	.mailing #mc_embed_signup_scroll {
		background: #469f7f !important;
	}
	
	.mailing #mc_embed_signup_scroll p {
		color: #fff !important;
	}
	
	.mailing #mc_embed_signup_scroll h4 {
		color: #fff !important;
	}
	
	.mailing #mc_embed_signup .mc-field-group label {
		color: #fff !important
	}
	
	.mailing #mc_embed_signup input.email {
		border: 1px solid #dcdcdc !important;
	}
	
	#mc_embed_signup input.email {
		color: #fff;
	}
	
	.nav-desktop .search-form>input[type=search].search-input {
		background-color: rgb(41, 41, 41);
		border: 1px solid rgb(47, 47, 47);
		color: rgba(255, 255, 255, 0.9);
	}
	
	.nav-desktop .search-form>input[type=submit] {
		background: url(images/search-black.svg) center center no-repeat;
	}
	
	footer>.wrap-content>.line1,
	footer>.wrap-content>.line2 {
		background-color: #212121;
	}
	
	.newsletter-bar-left {
		color: rgba(0, 0, 0, 0.8);
	}
	
	.newsletter-bar-right #mc_embed_signup_scroll {
		background: transparent;
	}
	
	#content .content-single .content-article div.wp-caption>p.wp-caption-text {
		background: #333333;
		color: rgba(255, 255, 255, 0.6);
	}
	
	#content .content-single .content-article div.wp-caption>p.wp-caption-text:before {
		border-left: 35px solid #333333;
	}
	
	#content .content-single .content-article>blockquote {
		background-color: rgba(234, 235, 236, 0.03);
	}
}
@media screen and (max-width: 950px) and (prefers-color-scheme: dark) {
	.content-nav-mobile>.search-form>input[type=search].search-input {
		color: rgba(255, 255, 255, 0.8);
		background-color: rgb(41, 41, 41);
		border: 1px solid rgb(47, 47, 47);
	}
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em; }

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em; }

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em; }

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em; }

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em; }

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: calc(var(--fa-li-width, 2em) * -1);
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit; }

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em); }

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em); }

.fa-beat {
  -webkit-animation-name: fa-beat;
          animation-name: fa-beat;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-bounce {
  -webkit-animation-name: fa-bounce;
          animation-name: fa-bounce;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }

.fa-fade {
  -webkit-animation-name: fa-fade;
          animation-name: fa-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-beat-fade {
  -webkit-animation-name: fa-beat-fade;
          animation-name: fa-beat-fade;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
          animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }

.fa-flip {
  -webkit-animation-name: fa-flip;
          animation-name: fa-flip;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
          animation-timing-function: var(--fa-animation-timing, ease-in-out); }

.fa-shake {
  -webkit-animation-name: fa-shake;
          animation-name: fa-shake;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-delay: var(--fa-animation-delay, 0);
          animation-delay: var(--fa-animation-delay, 0);
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 2s);
          animation-duration: var(--fa-animation-duration, 2s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, linear);
          animation-timing-function: var(--fa-animation-timing, linear); }

.fa-spin-reverse {
  --fa-animation-direction: reverse; }

.fa-pulse,
.fa-spin-pulse {
  -webkit-animation-name: fa-spin;
          animation-name: fa-spin;
  -webkit-animation-direction: var(--fa-animation-direction, normal);
          animation-direction: var(--fa-animation-direction, normal);
  -webkit-animation-duration: var(--fa-animation-duration, 1s);
          animation-duration: var(--fa-animation-duration, 1s);
  -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
          animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  -webkit-animation-timing-function: var(--fa-animation-timing, steps(8));
          animation-timing-function: var(--fa-animation-timing, steps(8)); }

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    -webkit-animation-delay: -1ms;
            animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
            animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s; } }

@-webkit-keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@keyframes fa-beat {
  0%, 90% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  45% {
    -webkit-transform: scale(var(--fa-beat-scale, 1.25));
            transform: scale(var(--fa-beat-scale, 1.25)); } }

@-webkit-keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@keyframes fa-bounce {
  0% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  10% {
    -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
            transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
  30% {
    -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
            transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
  50% {
    -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
            transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
  57% {
    -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
            transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
  64% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); }
  100% {
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@-webkit-keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4); } }

@-webkit-keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 1;
    -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125));
            transform: scale(var(--fa-beat-fade-scale, 1.125)); } }

@-webkit-keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-flip {
  50% {
    -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
            transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@-webkit-keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes fa-shake {
  0% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg); }
  4% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg); }
  8%, 24% {
    -webkit-transform: rotate(-18deg);
            transform: rotate(-18deg); }
  12%, 28% {
    -webkit-transform: rotate(18deg);
            transform: rotate(18deg); }
  16% {
    -webkit-transform: rotate(-22deg);
            transform: rotate(-22deg); }
  20% {
    -webkit-transform: rotate(22deg);
            transform: rotate(22deg); }
  32% {
    -webkit-transform: rotate(-12deg);
            transform: rotate(-12deg); }
  36% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg); }
  40%, 100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

.fa-rotate-by {
  -webkit-transform: rotate(var(--fa-rotate-angle, none));
          transform: rotate(var(--fa-rotate-angle, none)); }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto); }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: var(--fa-inverse, #fff); }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0::before {
  content: "\30"; }

.fa-1::before {
  content: "\31"; }

.fa-2::before {
  content: "\32"; }

.fa-3::before {
  content: "\33"; }

.fa-4::before {
  content: "\34"; }

.fa-5::before {
  content: "\35"; }

.fa-6::before {
  content: "\36"; }

.fa-7::before {
  content: "\37"; }

.fa-8::before {
  content: "\38"; }

.fa-9::before {
  content: "\39"; }

.fa-a::before {
  content: "\41"; }

.fa-rss:before{content:"\f09e"}


#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}