/*

Theme Name: Cahiers de l'éco

*/
.logo-container .logo {text-align:center !important}
.logo-container .logo img {width:240px !important}
.logo-container .align-items-center {justify-content: center !important;}
a {outline:0 !important}
.top-header-left ul li a {font-size: 13px !important;}
ul.social-icons li a{vertical-align: middle !important;height: 20px !important;}
ul.social-icons li a[href*=".com"] svg {height:20px !important;width: 20px !important;}

.entry_cats ul.post-categories li a {font-weight: 500 !important;}
.cm_banner-five .gutter-right .post-holder, .cm_banner-five .gutter-left .post-holder {
  background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(20%,rgba(0,0,0,.7)),to(#000)) !important;
	background-image: linear-gradient(180deg,transparent,rgba(0,0,0,.7) 20%,#000) !important;}

.primary-navigation > ul > li > a {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  padding: 15px 15px !important;
  text-transform: uppercase !important;
}
.section-title h2, .comments-area .comment-respond .comment-reply-title {font-size: 22px !important; color: #eb690b !important;}
.section-title h2::after, .comments-area .comment-respond .comment-reply-title::after {
  background-color: #222 !important;
  height: 8px !important;
  top: 45% !important;}
.sidebar-widget-area .widget .widget-title h2::after {
  height: 4px !important;
  top: 45% !important;
}
.cm-post-widget-two .small-card .post-holder {
  background:none !important;
  border:none !important;
  padding: 15px 0 !important;
}
.cm_middle_post_widget_four .right_box .post_title h2 {
  font-size: 20px !important;
}
.cm_middle_post_widget_four .post-holder .post_title h2 {
  font-size: 26px !important;
}
.cm_middle_post_widget_four .post-holder {
  background-color:transparent !important;
  border:0 !important;
	padding: 20px 0px !important;}
.cm-post-widget-three .card_content {
  background-color: transparent !important;
  border:none !important;
  padding: 20px 0 !important;
}
.social_widget_style_1 ul li.fb a, .social_widget_style_1 ul li.tw a {
  background: #eb690b !important;
}

.footer-widget-container .widget .widget-title h2::after {
  background-color: #333 !important;
	height: 4px !important;}
.section-title h2 { font-size: 26px !important;}
.home-btn {margin-right:15px !important}
.breadcrumb {font-size:0.9rem !important}
.breadcrumb a {padding:0 0.2rem; color:#111}
.breadcrumb .breadcrumb_last {color:#555;padding:0 0.2rem;}

.single .the_content {width: 80% !important;
  margin-left: auto;
  margin-right: auto;
}
.single .content-entry .post_thumb img {width:100% !important}
.single .the_content p:first-of-type {font-size:1.4rem !important; font-weight:700;
  line-height: 1.6 !important;font-family: 'Playfair Display' !important;}
.single .the_content p {
    line-height: 1.6 !important;
	font-size: 1.2rem !important;}
.single .the_content h2 {font-size:28px !important}
.single .the_content h3 {font-size:24px !important}
.navigation.post-navigation {display:none !important}
.a2a_kit {margin:30px 0}
.sharers {padding: 0.65rem 1.2rem 0.6REM 1.2rem;
  border-radius: 2px;}
.sharers svg {height: 1.2rem;width: auto;fill:#fff;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out}
.sharers:hover svg {fill:#fff;}
.a2a_default_style:not(.a2a_flex_style) a {
  float: left;
  line-height: 14px !important;
  padding:2px !important;
}
.sharers.facebook {background:#4267b2}
.sharers.twitter {background:#000}
.sharers.linkedin {background: #0274b3;}
.sharers.whatsapp {background:#25d366;}
.sharers.telegram {background:#0088CC;}
.sharers.sharemail {background:#44546b;}
.sharers.moreservice {background:#d3492c}

.post-navigation .nav-links .nav-previous a,.post-navigation .nav-links .nav-next a {background-color:#000 !important}

.ticker_carousel.owl-carousel .owl-nav button svg {
  color: #000 !important;
  fill: #000 !important;
}

/*sidebar*/
.cm_banner .post_title h2 a:hover, .big-card .post_title h2 a:hover, .owl-stage-outer .post_title h2 a:hover{color: #fff !important;}
#secondary .post_title a, #secondary a.wpp-post-title, .footer .post_title a, .footer a.wpp-post-title {font-size: 14px !important;font-weight: 700 !important;}
.cm_recent_posts_widget .post_title h2 {line-height:1.2 !important}
.wpp-list li {margin-bottom:20px !important; line-height:1.2} .wpp-list li:last-of-type {margin-bottom:0}
#mc4wp_form_widget-2 {background: #000 !important;color: #fff !important;}
#mc4wp_form_widget-2 a {color:#fff !important;font-size:0.9rem}
.mc4wp-form-fields input[type='email'] {margin-bottom:20px}

.widget-contents .insta, .widget-contents .linken, .widget-contents .pin, .widget-contents .yt {display:none}

footer .footer_inner {padding-bottom: 40px !important;
	padding-top: 60px !important;}
.copyright_section {display:none !important}

.plane-widget {background:none !important;padding:0 !important}

input[type="submit"]:hover {
	background-color: #00ab98 !important;}
.entry_cats ul.post-categories li a:hover, .cm_middle_post_widget_six .middle_widget_six_carousel .item .card .card_content .entry_cats ul.post-categories li a:hover {color:#fff !important}

.primary-navigation .menu-toggle svg {position: relative;
  top: 2px;}
.primary-navigation.dark li a:hover {color:#fff !important}

.primary-navigation.dark li.home-btn a svg, .primary-navigation li.primarynav_search_icon a svg, .cm-search-form .cm-submit-btn svg {position:relative;top:2px}

#toTop {font-size: 24px !important;background: #222 !important}
.footer a:hover {color:#fff !important}
input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], 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"], textarea {
  border: 1px solid #222 !important;
  -webkit-box-shadow:none !important;
	box-shadow: NONE !important;}
.wpcf7-list-item {line-height: 1.4 !important;
  font-weight: 400 !important;margin-bottom: 30px;}
.w60 {width:60%}
/* =Screen Size Max 980px
-------------------------------------------------------------- */
@media (max-width: 61.25rem) {
.top-header {display:none !important}
.home-btn {margin-right:0px !important}	
	.general-header .sticky-wrapper .primary-navigation.mobile > ul {
    height: auto !important;
  }
	.w60 {width:100%}
	.custom-logo-link {
  text-align: center !important;
}
	.custom-logo-link img {
  width:60% !important;
}
	.single .the_content {width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
	.single .the_content p:first-of-type {font-size:1.2rem !important;}
	.single .the_content p {font-size:1rem !important;}
}