section.post-content-section {
    font-family:Raleway, sans-serif;
    
    background-color:var(--hdf-color-gray-lightest);
}

section.post-content-section .post-content-wrapper {
    background-color:var(--hdf-color-white);
    padding-bottom:4.25rem;
}

section.post-content-section #dates {
    color:var(--hdf-color-gray-darker);
    font-family:Raleway, sans-serif;
}
section.post-content-section #dates .published_at {font-size:0.75rem;font-weight: 800;}
section.post-content-section #dates .modified_at {font-size:0.625rem;font-weight: 600;}

section.post-content-section #share .btn.dropdown-toggle {
    color:var(--hdf-color-blue);
    font-family: Raleway;
    font-size: 0.75rem;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 0.6875rem;
    text-align: right;
    text-transform:uppercase;
}

section.post-content-section #share .btn.dropdown-toggle:focus {
    text-decoration: underline;
}

section.post-content-section #share .btn.dropdown-toggle:after { content: none }
section.post-content-section #share .dropdown-menu {
    min-width:auto;
    border-color:var(--hdf-color-blue);
    border-radius:3px;
    padding:0.25rem;
}
section.post-content-section #share a.dropdown-item {
    color:var(--hdf-color-blue);
    font-size:0.75rem;
    font-weight: 600;
    padding:0.25rem;
}

/* .shariff .theme-round a {width:30px;height:30px;}
.shariff .shariff-buttons.theme-round li {width:30px !important;height:30px !important;}
section.post-content-section #share .shariff .shariff-icon svg {width:24px !important;height:auto !important}
*/
section.post-content-section #tags {}
ul.tag-list,
section.post-content-section #tags ul.tag-list {
    font-size:0.625rem;
}
section.post-content-section #tags ul.tag-list li {}
#tags ul.tag-list li a ,
ul.tag-list li a {
    font-size: 0.625rem;
    font-weight: 600;
    letter-spacing: 0;
    color:var(--hdf-color-gray-dark);
}
#tags ul.tag-list li a:hover,
ul.tag-list li a:hover {
    color:var(--hdf-color-gray-darker);
}



section.post-content-section #related-posts {}
section.post-content-section #related-posts .btn-related {
    background-image:url(../../img/new/icon-round-add.svg);
    background-size:1.5rem;
    background-position: 1rem center;
    background-repeat:no-repeat;
}

section.post-content-section #related-posts-list h3 {
    color:var(--hdf-color-green) !important;
}
section.post-content-section #related-posts-list .media h5 {font-weight:bold;}
section.post-content-section #related-posts-list .media h5 a {color:var(--hdf-coilor-blue) !important;}
section.post-content-section #related-posts-list .media h5 a:hover {color:var(--hdf-color-blue-darker) !important;}
/*
.article-content {}
.article-content .breadcrumb {}
*/

.article-content .alert-archive {
    background-color:var(--hdf-color-gray-lightest);
    color:--hdf-color-gray-dark;
}

.article-content h1.title {
    color: var(--hdf-color-black);
    font-family: Raleway;
    font-size: 2.625rem;
    font-weight: 800;
    letter-spacing: -0.05rem;
    line-height: 2.625rem;
}
.article-content h2 {
    color: var(--hdf-color-blue-content);
    font-family: Raleway;
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.75rem;
}
.article-content h3 {
    color: var(--hdf-color-blue-content);
    font-family: Raleway;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.02rem;
    line-height: 1.25rem;
}

.article-content h4 {
    color: var(--hdf-color-blue-content);
    font-family: Raleway;
    font-size: 1.125rem;
    font-weight: 800;
    letter-spacing: -0.02rem;
    line-height: 1.25rem;
}

.article-content p,
.article-content ol li,
.article-content ul li {
    font-family: Raleway;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.625rem;
    color:var(--hdf-color-black);
}

.article-content ol li {
    list-style: decimal;
}
.article-content ul li {
    list-style: none;
}
.article-content ul li:before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: var(--hdf-color-blue); /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.article-content div#readspeaker_button.rsbtn ul.rsbtn_toollist li:before {
    content: "" !important;
    display:none !important;
}


.article-content p.lead {
    font-weight:bolder;
}

.article-content .content-wrapper em {
    color:#677B5C /*var(--hdf-color-green)*/;
    font-weight: bold;
}

.article-content .content-wrapper a {
    text-decoration:none;
    color: var(--hdf-color-blue-content) !important;
    font-weight:bold;
    border-bottom: solid 1px var(--hdf-color-blue-content);
}
.article-content .content-wrapper a:hover {
    border-bottom-width:3px;
}

.article-content .content-wrapper a.btn {
    color: var(--hdf-color-white) !important;
    border-bottom-width:0px;
}
.article-content .content-wrapper a.btn:hover {
    border-bottom-width:0px;
}


.article-content .content-wrapper img.aligncenter {
    width:100%;
    height:auto;
}

.article-content .content-wrapper .card .collapse {
    padding:0.875rem;
}

section#post-comments {
    background-color:var(--hdf-color-blue-light);
    color:var(--hdf-color-white);
    padding-top:3rem;
    padding-bottom:3rem;
}

section#post-comments a {    text-decoration:none;
    color: var(--hdf-color-blue-content);
    font-weight:bold;
    border-bottom: solid 1px var(--hdf-color-blue-content);
}
section#post-comments a:hover {
    border-bottom-width:3px;
}

section#post-comments a img {border:none}

.article_content .content-wrapper p a.btn-dispositifcv {
    color: #FFF !important;
    background-color: #0050A4 !important;
    border-bottom:none !important;
}
.article_content .content-wrapper p a.btn-dispositifcv:hover {
    color: #FFF !important;
    background-color: #00377e !important;
}

.article-content .content-wrapper .media img.wpdm_icon {width:64px !important;height:64px !important;}

.article-list-item h4 a {text-transform:none;}
.article-list-item p {line-height:1.625rem;}

.article-content .media-list .media h4.media-heading {
    font-size: 1.125rem;
    font-weight: bold;
  }





section.post-content-related-section {
    background-color:var(--hdf-color-gray-lightest);
}
section.post-content-related-section .post-content-wrapper  {
    background-color:var(--hdf-color-blue-light);
}
section.post-content-related-section .post-content-wrapper {padding-bottom:0;}
section.post-content-related-section h2 {
    color:var(--hdf-color-blue-dark);
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 2.5rem;
}

section.post-content-related-section .card .card-title a {
    color:var(--hdf-color-blue-dark);
    text-align: center;
    font-weight: 800;
    font-family: Raleway, sans-serif;
    letter-spacing: -0.4px;
    font-size: 1.3125rem;
}
section.post-content-related-section .card .card-title a:hover {text-decoration:underline}


section.post-content-related-section .card,
section.post-content-related-section .card .card-body {
    background-color:transparent;
    text-align: center;
}