/*
Theme Name: Easy & WOW
Theme URI: https://www.wowcost.fr
Author: Wowcost
Author URI: https://www.wowcost.fr
Description: Easy to install and easy to use ... Easy &amp; Wow is a Wordpress theme designed for novice users, individuals, very small businesses (SOHO) and small and medium enterprises (SMEs). With Easy &amp; Wow simply follow the steps and you build the appearance of your site, it's simple and fast! Feel free to change according to your desire and your creativity, the changes are endless! One problem in using the template? A recommendation for improvement? <a href="http://tickets.wowcost.fr">Send us a message</a>.
Version: 1.2.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: easy-and-wow
Domain Path: /languages/

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.rgpd_1 {
    display: flex;
    align-items: center;
}
.rgpd_1 a {
  margin-left: 4px;
}
.rgpd_2 {
    display: flex;
    align-items: center;
}
.rgpd_2 a {
  margin-left: 4px;
}
.rgpd_3 {
    display: flex;
    align-items: center;
}

span.wpcf7-list-item {
    display: flex!important;
    align-items: center;
}

input[type="checkbox"] {
    width: 20px!important;
}

figure {
	margin: 0;
}

* {
	box-sizing: border-box;
}

#slide *::selection { background: none; }

body {
	margin: 0;
	padding: 0 10px;
	background-position: center top;
}

img { max-width: 100%; height: auto; width: auto; vertical-align: bottom; }

#page {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	/*box-shadow: 0 0 6px -2px rgba(0,0,0,0.5)*/
}
.site-header,
.site-content,
.site-footer {
	width: 100%;
}
.site-branding {
	padding: 0;
}
.site-branding h1,
.site-branding p { margin: 0; }
.site-branding h1 a {
	color: inherit;
	text-decoration: none;
}
.main-navigation ul {
	margin: 0;
	padding: 0;
	font-size: 0;
	list-style: none;
}
.main-navigation ul li {
	display: inline-block;
}
.sidebar h2:first-child { margin-top: 0; }
.content-area h1:first-child { margin-top: 0; }
.content-area h1 { margin-bottom: 30px; }
.main-navigation ul li a {
	display: block;
	text-decoration: none;
	padding: 20px;
	/*-webkit-font-smoothing: antialiased;*/
}
.site-header {
}
.site-footer {
	padding: 20px;
	font-size: 12px;
	text-align: center;
}
.sidebar--left .site-content,
.sidebar--right .site-content { display: flex; }
.site-content:after {
	content: '';
	display: table;
	clear: both;
}
.site-content a { text-decoration: underline; }
.site-content a:hover { text-decoration: none; }

.sidebar {
	display: none;
	width: 350px;
	box-sizing: border-box;
	padding: 30px;
}
.sidebar.sidebar-in-block {
	padding: 15px;
}
.sidebar.sidebar-in-block #widget-area .widget {
	padding: 15px;
	margin-bottom: 15px;
	border-bottom: 0;
}

.content-area {
	overflow: hidden;
	padding: 30px;
	box-sizing: content-box;
}
.content-area p { margin: 0 0 5px; }
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
body.sidebar--left .sidebar { display: block; order:1; flex: 0; flex-basis: 320px; }
body.sidebar--right .sidebar { display: block; order:2; flex: 0; flex-basis: 320px; }
body.sidebar--left .content-area { flex: 3; order:2; }
body.sidebar--right .content-area { flex: 3; order:1; }




aside.widget {
	margin-bottom: 30px;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 30px;
}
.widget-area { clear: both; }
/*
#slide .slide-item {
background-repeat: no-repeat;
background-size: 1170px;
background-position: center;
}*/



#slide {
	display: block;
	margin: auto;
	position: relative;
	background: #000;
}

.slide-items {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.slide-item {
	position: absolute;
	height: 100%;
	overflow: hidden;
	background-size: cover !important;
	left: 0px;
	width: 100%;
	-webkit-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	-moz-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	-o-transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
	transition: left .8s cubic-bezier(0.77, 0, 0.175, 1);
}
.slide-item a {
    display: block;
    height: 100%;
    width: 100%;
}


#slide input[type=radio] {
	position: absolute;
	left: 50%;
	bottom: 15px;
	z-index: 100;
	visibility: hidden;
}

#slide .slide-control {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 15px;
	z-index: 1000;
}
#slide .slide-control span {
	display: inline-block;
	z-index: 100;
	width: 12px;
	height: 12px;
	margin: 0 2px;
	background-color:#ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	opacity: 0.75;
	/*-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,.8);
	box-shadow: 0px 0px 3px rgba(0,0,0,.8);*/
	-webkit-transition: background-color .2s;
	-moz-transition: background-color .2s;
	-o-transition: background-color .2s;
	transition: background-color .2s;
}

#slide .slide-control span:hover:not(.control--active) { background-color: #666; }
#slide .slide-control span.control--active { background-color: #fff; opacity: 1; }
#slide .slide-nav-prev,
#slide .slide-nav-next {
	position: absolute;
	height: 30px;
	width: 30px;
	margin-top: -15px;
	top: 50%;
	z-index: 1000;
	cursor: pointer;
}
#slide .slide-nav-prev {
	left: 10px;
}

#slide .slide-nav-next {
	right: 10px;
}
#slide .slide-nav-prev:after,
#slide .slide-nav-next:after {
	font-family: dashicons;
	font-size: 30px;
	opacity: 0.75;
	color: #ccc;
	text-shadow:
		0 1px 0 rgba(0,0,0,0.5),
		0 -1px 0 rgba(0,0,0,0.5),
		-1px 0 0 rgba(0,0,0,0.5),
		1px 0 0 rgba(0,0,0,0.5);
	-webkit-font-smoothing: antialiased;
}
#slide .slide-nav-prev:after {
	content: '\f341';
}
#slide .slide-nav-next:after {
	content: '\f345';
}
#slide .slide-nav-prev:hover:after,
#slide .slide-nav-next:hover:after {
	color: #fff;
	opacity: 1;
}

.search-form {
	position: relative;
}
.search-form .search-field {
	height: 40px;
	display: block;
	line-height: 40px;
	width: 100%;
	background: #fff;
	border: 1px solid #CCC;
	outline: none;
	padding: 0 50px 0 10px;
}
.search-form .search-submit {
	background: #333;
	border: 0;
	position: absolute;
	right: 1px;
	top: 1px;
	height: 38px;
	width: 38px;
	cursor: pointer;
	outline: none;
	color: #fff;
}
.search-form .search-submit:before {
	content: '\f400';
	font-family: 'Genericons';
	font-size: 20px;
	line-height: 38px;
}
.widget ul {
	padding-left: 0;
	margin-bottom: 0;
}
.widget li {
	list-style: none;
}
.widget li a {
	padding: 5px 0;
	display: block;
}
/* BLOG */
body.search article h2 a {
	text-decoration: none;
}
body.search article h2,
body.single article h1 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.wp-post-image {
	margin-bottom: 20px;
}
body.archive.blogtype3 .wp-post-image,
body.blog.blogtype3 .wp-post-image {
	margin-bottom: 0;
}

body.blogtype1 .content-area h2,
body.blogtype2 .content-area h2,
body.blogtype3 .content-area h2 {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin:0 0 30px;

}
body.blogtype3.blog .content-area h2,
body.blogtype3.category .content-area h2,
body.blogtype3.archive .content-area h2 {
	margin: 0;
}
body .content-area a {
	text-decoration: none;
}
body.archive.blogtype1 .entry-header,
body.archive.blogtype1 .entry-content,
body.archive.blogtype1 .entry-footer,
body.blog.blogtype1 .entry-header,
body.blog.blogtype1 .entry-content,
body.blog.blogtype1 .entry-footer {
	margin: 0 0 20px;
}
body.archive.blogtype2 .entry-header,
body.archive.blogtype2 .entry-content,
body.archive.blogtype2 .entry-footer,
body.blog.blogtype2 .entry-header,
body.blog.blogtype2 .entry-content,
body.blog.blogtype2 .entry-footer {
	margin: 0 0 20px;
}
body.archive.blogtype3 .entry-header,
body.archive.blogtype3 .entry-content,
body.archive.blogtype3 .entry-footer,
body.blog.blogtype3 .entry-header,
body.blog.blogtype3 .entry-content,
body.blog.blogtype3 .entry-footer {
	padding: 10px;
}
body.archive.blogtype3 .entry-content,
body.blog.blogtype3 .entry-content {
	color: #333;
}
body.single .entry-content {
	padding-bottom: 20px;

}
body.search .entry-footer,
body.single .entry-footer {
	padding: 20px 0;
	margin: 30px 0 60px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-transform: uppercase;
	font-size: 80%;
	opacity: 0.8;
}
.posted-on,
.byline,
.cat-links,
.edit-link {
	margin-right: 5px;
}
.comments-link { float: right; }
body.single #respond label { display: block; font-weight: 600; }
body.single #respond textarea { width: 100%; border: 1px solid #ccc; }
body.single #comments .comments-title,
body.single #respond .comment-reply-title { font-size: 22px; }

body.blog.blogtype1 article.post {


}
body.blog.blogtype2 article.post {


}
body.archive.blogtype3 article.post,
body.blog.blogtype3 article.post {
}
body.archive.blogtype3 a.post-thumbnail,
body.blog.blogtype3 a.post-thumbnail {
	display: block;
}

body.archive.blogtype3 .post-content .grid-sizer,
body.blog.blogtype3 .post-content .grid-sizer {
}
body.archive.blogtype3 .post-content .gutter-sizer,
body.blog.blogtype3 .post-content .gutter-sizer {
width: 4%;
}
body.archive.blogtype3 article.post,
body.archive.blogtype3 .post-content .grid-sizer,
body.blog.blogtype3 article.post,
body.blog.blogtype3 .post-content .grid-sizer {
	width: 48%;
}

body.archive.blogtype3 article.post > *,
body.blog.blogtype3 article.post > * {
    background: #fff;
}
body.archive.blogtype3 article.post footer,
body.blog.blogtype3 article.post footer {
	margin-bottom: 4%;
}
body.archive.blogtype3 article.post:hover img,
body.blog.blogtype3 article.post:hover img {
	opacity: 0.9;
}
body.archive.blogtype3 article.post:nth-child(2n+1),
body.blog.blogtype3 article.post:nth-child(2n+1) {
	/*margin-left: 4%;*/
}
body.archive.blogtype3 article.post:nth-child(n+4),
body.blog.blogtype3 article.post:nth-child(n+4) {
	/*margin-top: 4%;*/
}
.navigation.pagination .nav-links { text-align: center; }
.navigation.pagination {font-size: 0;}
.navigation.pagination h2 { display: none; }
.navigation.pagination .page-numbers {
	display: inline-block;
	font-size: 14px;
	padding: 0;
	margin: 0 1px;
	text-align: center;
	background-color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
}
.navigation.pagination .page-numbers.prev:before {
	content: '\f503';
	line-height: 30px;
    text-indent: -10px;
}
.navigation.pagination .page-numbers.next:before {
	content: '\f501';
	line-height: 30px;
    text-indent: 10px;
}

body #comments ol {
	padding: 0;
}
body #comments ol li {
	list-style: none;
    padding: 20px 0;
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}
body #comments ol li footer {
	width: 60px;
	float: left;
}
body #comments ol li .comment-content {
    padding: 0 0 0 80px;
}
body #comments ol li .commentmetadata {
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-size: 80%;
	opacity: 0.8;
}
body #comments ol li .reply {
	clear: left;
    padding: 10px 0 0 80px;
    text-align: right;
}
body #respond label {
	text-indent: -9999px;
	position: relative;
	display: block;
	height: 0;
}
body #respond label .required {
	text-indent: 0;
	display: block;
	position: absolute;
	right: 7px;
	top: 13px;
}

body #respond p.comment-form-author,
body #respond p.comment-form-email {
	display: inline-block;
}
body #respond p.comment-form-url input {
	width: 422px;
}
body #respond p.comment-form-comment textarea {
	width: 422px;
	padding: 10px;
}
body #respond input {
	padding: 10px;
}
body #respond input#submit {
    background: #333;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 4px;
    color: #FFF;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
}
body.sine #respond input#submit:hover {
	background: #555;
}
body #respond input#submit:active {
	border-top: 1px solid #000;
	border-bottom: 0;
	margin: 1px 0 -1px;
}
.readmore {
	display: block;
	text-align: right;
	font-weight: 600;
}


/* SOCIAL */
.social a:before,
.secondary-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.comment-navigation .nav-next a:after,
.comment-navigation .nav-previous a:before,
.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.image-navigation a:before,
.image-navigation a:after,
.format-link .entry-title a:after,
.entry-content .more-link:after,
.entry-summary .more-link:after,
.author-link:after {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}
.site-footer .social {
	margin: 0;
	text-align: center;
}

.site-topheader .social {
	margin: 0;
	text-align: right;
}
.social a {
	display: inline-block;
	position: relative;
	text-decoration: none;
	margin: 0 2px;
}

.social a:before {
	content: "\f415";
	position: relative;
	top: 0;
	left: 0;
}
.site-footer .social a:before {
	font-size: 29px;
}
.site-topheader .social a:before {
	font-size: 21px;
}
.social a:hover {
	opacity: 0.8;
}
.social a[href*="codepen.io"]:before {
	content: "\f216";
}

.social a[href*="digg.com"]:before {
	content: "\f221";
}

.social a[href*="dribbble.com"]:before {
	content: "\f201";
}

.social a[href*="dropbox.com"]:before {
	content: "\f225";
}
.social a[href*="facebook.fr"]:before,
.social a[href*="facebook.com"]:before {
	content: "\f203";
}

.social a[href*="flickr.com"]:before {
	content: "\f211";
}

.social a[href*="foursquare.com"]:before {
	content: "\f226";
}

.social a[href*="plus.google.com"]:before {
	content: "\f206";
}

.social a[href*="github.com"]:before {
	content: "\f200";
}

.social a[href*="instagram.com"]:before {
	content: "\f215";
}

.social a[href*="linkedin.com"]:before {
	content: "\f208";
}

.social a[href*="pinterest.com"]:before {
	content: "\f210";
}

.social a[href*="getpocket.com"]:before {
	content: "\f224";
}

.social a[href*="polldaddy.com"]:before {
	content: "\f217";
}

.social a[href*="reddit.com"]:before {
	content: "\f222";
}

.social a[href*="stumbleupon.com"]:before {
	content: "\f223";
}

.social a[href*="tumblr.com"]:before {
	content: "\f214";
}

.social a[href*="twitter.com"]:before {
	content: "\f202";
}

.social a[href*="vimeo.com"]:before {
	content: "\f212";
}

.social a[href*="wordpress.com"]:before,
.social a[href*="wordpress.org"]:before {
	content: "\f205";
}

.social a[href*="youtube.fr"]:before,
.social a[href*="youtube.com"]:before {
	content: "\f213";
}

.social a[href*="mailto:"]:before {
	content: "\f410";
}

.social a[href*="spotify.com"]:before {
	content: "\f515";
}

.social a[href*="twitch.tv"]:before {
	content: "\f516";
}

.social a[href$="/feed/"]:before {
	content: "\f413";
}

/* CONTACT */

.content-area form textarea,
.content-area  form input:not([type="submit"]) {
	display: block;
	background: #fff;
	border: 1px solid #CCC;
	outline: none;
	padding: 10px;
	margin-top: 5px;
}


.content-area form .submit-wrap input:not([type="submit"]){
	background: #000;
	color: #FFF;
	transition: 0.3s;
	opacity: 1;
}

.content-area form textarea {
	min-height: 80px;
	max-width: 100%;
}
.content-area form input:not([type="submit"]) {
	height: 40px;
	
}
.content-area form p { margin-bottom: 15px; }
.content-area form label {
	font-size: 12px;
}


.content-area form textarea:hover,
.content-area form input:not([type="submit"]):hover,
.content-area form textarea:focus,
.content-area form input:not([type="submit"]):focus {
	border-color: #333;
}
.content-area form input[type="submit"],
.content-area form button {
	border: 0;
	padding: 10px 20px;
	text-transform: uppercase;
	text-align: center;
	background: #333;
	color: #ddd;
	cursor: pointer;
}
.content-area form input[type="submit"]:hover,
.content-area form button:hover {
	background: #666;
}
span.wpcf7-not-valid-tip {
    background-color: #dc3232;
    font-size: 0.8em;
    display: block;
    padding: 5px;
    color: #FFF;
}
/**
 * Galleries
 */

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 0.8rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/* MEDIAS */
.secondary-toggle {
	vertical-align: bottom;
	display: none;
	height: 60px;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 60px;
	border: 0;
	cursor: pointer;
}

.secondary-toggle:before {
	content: "\f419";
	line-height: 60px;
	width: 60px;
}

.secondary-toggle:hover,
.secondary-toggle:focus {
	outline: 0;
}

.secondary-toggle.toggled-on:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: 1px;
	left: -1px;
}


body.mobile .main-navigation ul li { display: block; }
body.mobile .main-navigation a { text-align: left; }
body.mobile .main-navigation.toggled-on {
	left: 60px;
}
html.toggled-on {
	overflow: hidden;
}

@media screen and (max-width: 1170px) {
	.slide-item {
		background-position: center center !important;
	}
}
@media screen and (min-width: 1025px) {
	.main-navigation ul ul {
		position: absolute;
		z-index: 100;
		top: -1000px;
		background: #
	}
	.main-navigation ul ul li {
		display: block;
	}
	#site-navigation ul ul a {
		padding: 5px 20px;
	}
	.main-navigation ul li:hover ul {
		top: auto;
	}

}
@media screen and (max-width: 1024px) {
	body { padding: 0; }
	.secondary-toggle { display: block; }
	.main-navigation {
		position: fixed;
		overflow: scroll;
		height: 100%;
		top: 0;
		left: 100%;
		right: 0;
		z-index: 10000;
		padding: 32px 0;
		transition: left 500ms;
	}
	#site-navigation a {
		font-size: 16px !important;
		padding: 15px;
	}
	.sidebar--right .site-content,
	.sidebar--left .site-content,
	.site-content { display: block; }
	.sidebar { width: auto; }
	body #respond p.comment-form-comment textarea {
		width: 100%;
	}
	body #respond input#submit {
		width: 100%;
		padding: 15px 10px;
		font-size: 16px;
	}

}
@media screen and (max-width: 768px) {
	body.archive.blogtype3 article.post,
	body.blog.blogtype3 article.post {
		float: none;
		width: auto;
		margin: 0 0 0;
	}
}