/*
Bienvenue dans l'éditeur de CSS !

Pour en savoir plus sur le fonctionnement de l'éditeur, vous pouvez vous
rendre sur cette page :
http://wp.me/PEmnE-Bt
*/

html {font-size: 62.5%;}

@font-face {
    font-family: 'scotch';
    src: url('/fonts/scotchlidaires-webfont.woff2') format('woff2'),
         url('/fonts/scotchlidaires-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body, button, input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.7rem;
}

ul li, ol li {
    margin: 0.8rem 0;
}

a:focus, a:hover {
	color: black;
}

a:hover {
    text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: black;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "scotch", Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: black;
	text-transform: uppercase;
}

h4 {
	font-size: 2.5rem;
	color: black;
}

h3 {
	font-size: 2.5rem;
}

.btn {
	border-width: 0.3rem;
	border-radius: 0;
	box-shadow: none;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	-o-transition: all .2s ease-in;
	transition: all .2s ease-in;
	font-size: 1.5rem;
}

.btn-theme-primary-outline {
	background: rgb(229,0,125);
	color: white;
}

.btn-theme-primary-outline:hover {
	color: black;
}

@media screen and (max-width: 909px) {
	.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content {
		margin-left: 0;
		margin-right: 0;
	}
}

.entry-header .entry-title {
	line-height: 1.4;
}



/* ------- MENU & LOGO & header */

.site-header {
  line-height: 9.1rem;
}

.custom-logo {
	max-width: 14.5rem;
}

.onepress-menu a {
	font-family: inherit;
}

.onepress-menu ul li a {
	color: black;
}

.onepress-menu a {
	color: #e5007d;
	font-family: Helvetica, Arial, sans-serif;
	padding-left: 1.7rem;
	padding-right: 1.7rem;
	font-size: 1.5rem;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	zoom: 1;
	letter-spacing: 0;
}

/* ------- GENERAL HOMEPAGE */

.section-title-area .section-title {
	font-size: 6rem;
	letter-spacing: 0;
	border-bottom: 0.8rem solid black;
    display: inline-block;
	  font-weight: normal;
}

.section-title-area .section-subtitle {
	font-family: Helvetica, Arial, sans-serif;
	display: block;
}

.section-desc {
	font-weight: 300;
	color: black;
	font-size: 1.7rem;    
	max-width: 83rem;
	margin-left: auto;
	margin-right: auto;
}

.section-inverse {
	background: #000;
}

.section-meta {
	background: white;
}

.section-meta .section-title {
	
}

.section-title-area {
	margin-bottom: 6rem;
}

.feature-media {
	margin-bottom: 2rem;
}

@media only screen and (max-width: 991px) {
	.feature-media {
    margin-top: 2rem;
	}
	.section-title-area {
    margin-bottom: 2rem;
	}
}

/* ------- section hero */

.hero-slideshow-normal .container {
    padding: 11rem 0 !important;
}

.hero__content {
	background: white;
	/*border: 0.8rem solid black;*/
	padding: 3rem 4rem 2.5rem;
	max-width: 102rem;
	margin: 0 auto;
}

.hero-content-style1 h2 {
	font-size: 10.5rem;
	letter-spacing: 0;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 1.05;
	color: black;
	text-shadow: none;
}

span.subtitle-hero {
	color: rgb(229,0,125);
	font-size: 4.9rem;
	display: block;
	line-height: 1.2;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
	text-transform: none;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}
 
span.subtitle-hero a {
	color: rgb(229,0,125);
}

span.subtitle-hero a:hover, span.subtitle-hero a:active,
span.subtitle-hero a:focus {
	color: rgb(229,0,125);
	text-decoration: none;
}

.hero__content .hero-large-text .fp-choice {
	font-family: Helvetica, Arial, sans-serif;
	text-transform: none;
	font-size: 2rem;
	display: block;
	margin-bottom: -4rem;
    margin-top: 2rem;
}

.hero__content .hero-large-text a.btn {
	font-family: Helvetica, Arial, sans-serif;
}

.hero__content .btn-theme-primary:hover {
	color: black;
}

.hero__content .btn-secondary-outline {
	color: white;
	border-color: black;
	background: black;
}

.hero__content .btn-secondary-outline:hover {
	color: rgb(229,0,125);
	background: black;
}

.hero-slideshow-wrapper::after {
	background: transparent !important;
}

.hero__content span.social-network {
	display: block;
	font-size: 1.8rem;
	line-height: 1.3;
	margin: 0;
	text-align: center;
	text-transform: none !important;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.hero__content  span.social-network i {
	color: #e5007d;
	margin-left: 1rem;
}

.hero__content  span.social-network a {
	display: inline-block;
	line-height: 1.8;
}

.hero__content  span.social-network i:first-child {
	margin-left: 0;
}

.hero__content  span.social-network a.link-solidaires {
	color: #e5007d;
}


/* ------- section les élections (fonctionnalités) */
.section-meta#les-elections .feature-item .icon-background-default {
	color: #000;
}

.section-meta#les-elections {
	background: #e5007d;
	color: white;
}

.section-meta#les-elections h4 {
	font-size: 3rem;
    display: inline-block;
    max-width: 25rem;
    font-family: Helvetica, Arial;
    text-transform: none;
    font-weight: bold;
}

.section-meta#les-elections .feature-item h4+div {
    max-width: 26rem;
    margin: 0 auto;
		font-size: 1.75rem;
    line-height: 1.5;
}

.section-meta#les-elections .section-desc,
.section-meta#les-elections .section-subtitle {
	color: white;
}

.section-meta#les-elections .section-content p {
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.4;
}

/* ------- section about */
.section-about#a-propos p {
	font-weight: 300;
	color: black;
}

/* ------- section video lightbox */
.section-videolightbox .videolightbox__heading {
	text-transform: none;
	letter-spacing: 0;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	background: black;
	display: inline;
	font-size: 5.6rem;
	color: white;
	padding: 0 0.5rem;
}

.parallax-videolightbox .parallax-mirror::before {
	background: transparent !important;
}

.section-videolightbox .video_icon i {
	color: white;
	margin-left: 1.2rem;
	margin-top: 0.8rem;
	font-size: 7rem;
}

.section-videolightbox .video_icon {
	border: 0.8rem solid white;
	background: black;
	width: 12rem;
	height: 12rem;
}

.section-videolightbox .video_icon:hover {
	border-color: black;
}

/* ----- section call to action */
.onepage-section#section-cta .cta-button-area {
	float: none;
	text-align: center;
	width: 100%;
}

/* ------- section votons (équipe) */
.section-meta#votons {
	padding-bottom: 0;
}

.section-meta#votons .section-title {
	text-transform: none;
}

.section-meta#votons .section-desc {
	margin-top: .6rem;
}

.section-meta#votons .section-desc img {
	width: 100%;
}

/* ------- section news */
.section-news#actualites .section-title-area {
	margin-bottom: 3rem;
}

.section-news .list-article, 
.archive .list-article, 
.blog .list-article {
	border-top: none;
}

.section-news .list-article:last-of-type, 
.archive .list-article:last-of-type, 
.blog .list-article:last-of-type {
	border-bottom: none;
}

.section-news .entry-excerpt p, 
.archive .entry-excerpt p, 
.blog .entry-excerpt p {
	color: black;
	font-weight: 300;
}

.section-news .btn-theme-primary-outline {
	background: #000;
	border-color: #000;
}

.section-news .btn-theme-primary-outline:hover {
	color: #e5007d;
}

/* ------- section contact */
.section-meta#contact {
	background: #e5007d;
	padding-bottom: 0;
	/*border-top: 2rem solid #1C59A2;*/
}

.section-meta#contact .section-title {
	text-transform: none;
  color: white;
	font-family: Helvetica, Arial, sans-serif;
  padding: 0.5rem 1.2rem 0.2rem;
  font-size: 4rem;
  border: none;
  letter-spacing: 0;
	margin-bottom: 2rem;
	font-weight: bold;
}

.section-meta#contact .section-title-area {
	margin: 0;
}

.section-meta#contact .row {
	display: none;
}

.section-meta#contact .section-desc {
	max-width: none;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.section-meta#mobilisation {
	background-color: #124db3;
	text-align: center;
	letter-spacing: 0;
	font-size: 4rem;
	font-weight: bold;
	padding: 2rem 0;
}

.section-meta#mobilisation a {
	color: #fff;
}

/* ------- WIDGETS & SIDEBAR */
body.single.single-post .sidebar {
	margin-top: 1.5rem;
}

.sidebar .widget .widget-title {
	font-weight: normal;
	letter-spacing: 0;
	font-size: 2.1rem;
	text-transform: uppercase;
	color: black;
}

.sidebar .widget ul {
	margin-top: 2rem;
}

.sidebar .widget a {
	color: #e5007d;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: bold;
	display: block;
	margin-top: 1rem;
}

.widget-area .widget_categories li {
	float: none !important;
	width: 100% !important;
}

.right-sidebar .content-area {
	border-right: medium none;
}

.right-sidebar .sidebar {
	border-left: medium none;
}

/* ------- FOOTER */
.site-footer .btt a {
	background: transparent;
	border-radius: 0;
	color: white;
	top: 1.9rem;
	width: 5rem;
}

.site-footer {
	background: #e5007d;
}

.site-footer .site-info {
	background: black;
	font-weight: normal;
	color: white;
	font-size: 1.1rem;
}

.site-footer .footer-connect {
	padding: 3rem 0 2rem;
}

body.home.page .site-footer .footer-connect {
	padding: 3rem 0 4rem;
}

.site-footer .footer-connect .follow-heading {
	font-size: 3.5rem;
	margin-bottom: 0;
	color: white;
	display: inline-block;
	border-bottom: 0.6rem solid white;
	padding-bottom: 0.3rem;
}

.site-footer .footer-social a {
	color: #ffffff;
	font-size: 5rem;
}

.site-footer .footer-social a:hover {
	color: black !important;
}


/* ------- GENERAL PAGES & ARTICLES */
.site-content {
	border-top: none;
	margin-top: 0;
}

.page-header {
	background: #e5007d none repeat scroll 0 0;
	border-bottom: medium none;
	border-top: medium none;
}

.page-header .entry-title, 
.page-header .page-title {
	color: white;
	font-size: 5rem;
	font-weight: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	display: inline-block;
}

.entry-header .entry-title {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: black;
}

.entry-content {
    font-weight: 300;
    color: black;
    font-size: 1.9rem;
}

.entry-content > h2 {
	margin-top: 4rem;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	text-transform: none;
	font-size: 3rem;
}

.entry-content > h2:first-child {
	margin-top: 0;
}

.entry-meta {
	border-bottom: none;
	font-weight: normal;
	margin-bottom: 0;
}

.entry-footer .cat-links, 
.entry-footer .tags-links {
	font-weight: normal;
}

.entry-footer {
	border-top: medium none;
	padding-top: 0;
}

div.sharedaddy h3.sd-title:before {
	border-top: medium none !important;
}

div.sharedaddy h3.sd-title {
	font-size: 1rem !important;
	font-weight: normal !important;
	margin: 0 0 1rem !important;
	text-transform: uppercase !important;
}

/* ------- btn nav */
.nav-links a {
	border-radius: 0;
	border: 0.3rem solid black;
	color: black;
	letter-spacing: 0;
	font-size: 1.5rem;
	background: white;
	transition: all ease-in-out .25s;
}

.nav-links a:hover,
.nav-links a:focus {
	color: white;
	background: black;
}


/* ------- INPUTS ETC. */
textarea, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
	box-shadow: none;
}

input[type="submit"] {
	border-radius: 0;
	letter-spacing: 0;
}

textarea {
	width: 100%;
}

label {
    line-height: 2;
}

.wpcf7-form {
	font-size: inherit;
	letter-spacing: 0;
	line-height: 1.4;
	text-transform: none;
}

/* -----compte à rebours */

.milestone-header {
	background-color: black;
	padding: 2rem 1rem 1rem 1rem;
}

.milestone-header .date {
	font-size: 2.5rem;
	font-weight: bold;
}

.milestone-header .event {
    font-size: 1.5rem;
    font-weight: normal;
}

.milestone-countdown {
	border: none;
	background: #fef451;
	padding-bottom: 1rem;
  padding-top: 3rem;
}

.milestone-countdown .difference {
  font-size: 9rem;
	line-height: 0.8;
  font-family: scotch;
}


.milestone-countdown span {
	color: #e5007d;
}

.milestone-countdown span.label {
	font-size: 2rem;
}

/* ------ PAGES VERSANTS */

body.page-id-555 .entry-content img, body.page-id-559 .entry-content img, body.page-id-561 .entry-content img {
	border: 0.8rem solid #e5007d;
	padding: 2rem;
	margin-bottom: 1rem;
}

body.page-id-555 .entry-content p, body.page-id-559 .entry-content p, body.page-id-561 .entry-content p {
	margin-bottom: 3rem;
	line-height: 1.5;
}

/* ------ RESPONSIVE */

@media (max-width: 543px) {
  html {font-size: 35%;}
}
@media (min-width: 544px) {
  html {font-size: 45%;}
}
@media (min-width: 768px) {
	html {font-size: 50%;}
}
@media (min-width: 992px) {
  html {font-size: 55%;}
}
@media (min-width: 1200px) {
  html {font-size: 62.5%;}
}


/* CORRECTIONS RESPONSIVE */

.container {
    padding-right: 4rem;
    padding-left: 4rem;
}

.section-news .entry-title, .archive .entry-title, .blog .entry-title {
    font-size: 2.2rem;
}

.section-news .list-article-meta, .archive .list-article-meta, .blog .list-article-meta {
  font-size: 1.1rem;
	margin-bottom: 1rem;
}

@media screen and (max-width: 991px) {
.section-news .list-article-thumb, .archive .list-article-thumb, .blog .list-article-thumb {
    margin-bottom: 3rem;
    display: block;
	}
	.section-desc {
    max-width: 80%;
	}
}

.section-news .list-article, .archive .list-article, .blog .list-article {
    padding: 2.5rem 0;
}

.all-news {
    margin-top: 4rem;
}

@media (max-width: 767px) {
	.hero-content-style1 h2 {
		font-size: 9.5rem;
	}
	span.subtitle-hero {
		font-size: 4rem;
	}	
}

@media (max-width: 445px) {
	.hero-content-style1 h2 {
		font-size: 8rem;
	}
	span.subtitle-hero {
		font-size: 3.5rem;
	}
}

@media (max-width: 350px) {
	.hero-content-style1 h2 {
		font-size: 6.7rem;
	}
	span.subtitle-hero {
		font-size: 2.9rem;
	}
}