/*-----------------------------------------------------------------------------------*
/* = COLORS
/*-----------------------------------------------------------------------------------*/
:root {
  --black: #000;
  --white: #fff;
  --seo_primary: #b28c56;
  --seo_secondary: #ee1655;
  --seo_third: #666;
}

/*-----------------------------------------------------------------------------------*
/* = FONTS
/*-----------------------------------------------------------------------------------*/
#ref_container, #local_seo_cta_1, #local_seo_cta_2,
#ref_container .post-excerpt .text,
#ref_container .post_content_container {
  font-family: 'Open Sans', sans-serif !important;
  font-family: 'Source Sans Pro', sans-serif !important;
  color: var(--seo_third);
  color: var(--black);
}

#ref_container h1, #ref_container h2, #ref_container h3, #ref_container h4, #ref_container h5, #ref_container h6, #ref_container .related-posts-links ul li {
	font-family: 'Roboto', sans-serif !important;
	font-family: 'Source Sans Pro', sans-serif !important;
	font-weight: 700 !important;
	position: relative !important;
	letter-spacing: 2px !important;
  color: var(--black);
}
#ref_container .local-blog-posts .local-blog-post h3,
#ref_container .local-blog-posts .local-blog-post h3 a {
  font-weight: 600;
}

#ref_container .post_content_container a, #ref_container .post_content_container a:visited,
#ref_container .post_content_container p a, #ref_container .post_content_container p a:visited {
  color: var(--seo_primary);
}

/*-----------------------------------------------------------------------------------*
/* = GENERAL
/*-----------------------------------------------------------------------------------*/
#ref_container {
  margin: 0 auto;
  padding-top: 100px;
  padding-top: 0px;
  padding-bottom: 50px;
}

#ref_container .post_title_container h1::after {
  background-color: var(--seo_primary);
}

/*-----------------------------------------------------------------------------------*
/* = HOVER
/*-----------------------------------------------------------------------------------*/
#ref_container .local-blog-posts .local-blog-post h3 a:hover,
#ref_container .post_content_container a, .post_content_container a:visited,
#ref_container .post_content_container p a, .post_content_container p a:visited,
#ref_container .local-blog-posts .local-blog-post .post-excerpt a.readmore:hover,
#ref_container .related-posts-links ul li a:hover {
  color: var(--seo_primary);
}

/*-----------------------------------------------------------------------------------*
/* = YOAST BREADCRUMB
/*-----------------------------------------------------------------------------------*/
.landing_yoast_breadcrumb #breadcrumbs a {color: var(--black); text-decoration: none;}
.landing_yoast_breadcrumb #breadcrumbs a:hover {color: var(--seo_primary);}
.landing_yoast_breadcrumb #breadcrumbs, .landing_yoast_breadcrumb #breadcrumbs span.breadcrumb_last {
	color: var(--seo_third);
	font-size: 14px;
	cursor: default;
	margin: 0;
	text-align: right;
}

/*-----------------------------------------------------------------------------------*
/* = BTN
/*-----------------------------------------------------------------------------------*/
.seo-btn {
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  padding: 15px 18px 17px;
  border: 2px solid;
  border-color: var(--seo_primary);
  color: var(--white);
  background-color: var(--seo_primary);
  text-decoration: none;
  font-weight: 400;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.seo-btn:hover {
  background-color: transparent;
  border-color: var(--seo_primary);
  color: var(--seo_primary);
}

.seo-btn.seo-btn-dark {
  border-color: var(--black);
  color: var(--black);
  background-color: transparent;
}

.seo-btn.seo-btn-dark:hover {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white);
}

.seo-btn.seo-btn-light {
  border-color: var(--white);
  color: var(--white);
  background-color: transparent;
}

.seo-btn.seo-btn-light:hover {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--black);
}


/*-----------------------------------------------------------------------------------*
/* = CTA 1 Without IMG
/*-----------------------------------------------------------------------------------*/
#local_seo_cta_1 {background-color: var(--seo_primary);}
.local_seo_cta_1 {
  padding: 100px 0;
  color: var(--white);
}

.local_seo_cta_1 h2 {
  font-size: 36px;
  margin: 0 0 25px;
  color: var(--white);
}

.local_seo_cta_1 p {
  font-size: 20px;
  margin: 0 0 30px;
  line-height: 1.2em;
}

.local_seo_cta_1 .seo-btn {
  margin: 0 10px;
}

/*-----------------------------------------------------------------------------------*
/* = CTA 2  With IMG
/*-----------------------------------------------------------------------------------*/

/*#local_seo_cta_2 {background-color: var(--seo_secondary);}*/
#local_seo_cta_2 {background-color: var(--seo_primary);}

.local_seo_cta_2 {
  padding: 100px 0;
  padding-top: 125px
}

.local_seo_cta_2_content {
  display: flex;
  justify-content: space-between;
}

.local_seo_cta_2_content .local_seo_cta_2_content_cta_bloc {
  margin-bottom: 25px;
  width: 33.33%;
}

.local_seo_cta_2_content .local_seo_cta_2_content_cta_bloc a {
	padding: 0 15px;
	display: block;
}

.local_seo_cta_2_content .cta_icon {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
  margin-bottom: 25px;
  filter: invert(1);
}

.cta_icon-1 {background-image: url("img/truffe.png");}
.cta_icon-2 {background-image: url("img/epicerie.png");}
.cta_icon-3 {background-image: url("img/chene.png");}

.local_seo_cta_2_content .cta_icon_title  {
  font-weight: 500 !important;
  line-height: 1.2em;
  margin: 0;
  text-decoration: none;
}

.local_seo_cta_2_content h3.cta_icon_title  {
  font-size: 22px;
  color: var(--black);
  color: var(--white);
}

.local_seo_cta_2_content a:hover .cta_icon_title  {
  color: var(--seo_primary);
  color: var(--black);
}

.local_seo_cta_2_content a, .local_seo_cta_2_content a .cta_icon_title {
  text-decoration: none;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}



/*-----------------------------------------------------------------------------------*
/* = RESPONSIVE
/*-----------------------------------------------------------------------------------*/

@media (min-width: 1400px) {}

@media (max-width: 1400px) {}

@media (min-width: 1200px) {
  #ref_container, .bottom_cta {width: 1200px;}/*ONLY ALENA*/
}

@media (max-width: 1200px) {}

@media (min-width: 992px) {}

@media (max-width: 992px) {}

@media (min-width: 768px) {}

@media (max-width: 767px) {
  .local_seo_cta_1, .local_seo_cta_2 {padding: 50px 0;}
  .local_seo_cta_2_content .local_seo_cta_2_content_cta_bloc:last-child {margin-bottom: 0;}
  .local_seo_cta_2_content {flex-direction: column;}
  .local_seo_cta_2_content .local_seo_cta_2_content_cta_bloc {width: 100%;margin-bottom: 50px;}
}

@media (min-width: 576px) {}

@media (max-width: 576px) {}