.single-article ol{
padding-left: 40px;
}
.single-article ol li {
list-style-type: inherit;
}
#singular a:hover .text--title{
text-decoration:underline;
}
#singular article a:hover {
text-decoration:underline;
}
.single-article {padding: 32px 0;}
.single-article .container{display: flex;}
.single-article article{width: 70%;}
.single-article article H1{
margin: 20px 0;
font-size: 32px;
}
.single-article article h2,
.single-article article h3{
font-weight: 400;
line-height: 1;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: none;
background: none;
display: block;
border: 0;
border-radius: 0;
box-shadow: none;
font-family: Roboto-700;
color: #313131;
clear: both;
font-size: 28px;
letter-spacing: 0;
margin-bottom: 17px;
}
.single-article article h3{
font-size: 26px;
}
.single-article article p{
font-family: 'Roboto-400';
font-size: 1.125em;
margin-bottom: 17px;
line-height: 1.2;
}
.single-article article cite{
margin-bottom: 17px;
}
.single-article .article-body{
font-size: 20px;
}
.single-article .article-body > p > img {
height: auto;
max-width: 100%;
width: 100%;
margin-bottom: 16px;
}
.single-article article .bloc--action{
margin: 5px auto 20px auto;
text-align: center;
}
.single-article  article .generic-cta{
background-color: #8ed1fc;
color: #265380;
text-decoration: none;
}
.single-article  article .generic-cta:hover{
text-decoration: underline;
}
.single-article  ul li{
margin: 0 0 7px 50px;
position: relative;
list-style-type: square;
line-height: 1.7;
}  .single-article .article-date{
font-family: 'Roboto-400';
font-style: italic;
font-weight: 400;
text-align: right;
}
.single-article .article-date b{
font-weight: 700;
} .single-article .share{
align-items: center;
border-top: 1px solid #DEDEDE;
border-bottom: 1px solid #DEDEDE;
display: flex;
justify-content: center;
padding: 15px 0;
}
.single-article .share .img-responsive{
width: auto;
height: 22px;
margin: 0;
}
.single-article .share .share-post {
display: flex;
}
.single-article .share .share-post a:first-child{
margin: 0;
}
.single-article .share .share-post a{
margin: 0 0 0 10px;
}
.single-article .share .share-post a svg{
width: 22px;
height: 22px;
}
.single-article .share .comment .text{
color: #666666;
margin: 0;
}
.single-article .share .comment .text:after,
.single-article .share .like-container:after
{
content: "|";
color: #666666;
margin: 0 10px;
}
.single-article .share .icon-inline,
.single-article .share .like-button{
padding: 0;
} .single-article .post-pagination {
display: flex;
justify-content: space-between;
margin: 16px 0;
}
.single-article .post-prev,
.single-article .post-next{
width: 45%;
}
.single-article .post-prev .post-prev_flex,
.single-article .post-next .post-next_flex{
display: flex;
}
.single-article .post-prev .post-prev_img{
margin-right: 10px;
}
.single-article .post-next .post-next_img{
margin-left: 10px;
}
.single-article .post-next .post-next_category,
.single-article .post-prev .post-prev_category{
margin-bottom: 10px;
}
.post-next_text .text{
text-align: right;
}
.post-next_text,.post-prev_text{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.single-article .post-next .post-next_category,.post-next .text--title{text-align: right}
.single-article .post-pagination .text,
.single-article .post-pagination .text--title{
font-size: 0.875em;
margin:5px 0 0 0;
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.single-article .post-pagination .text{color: #666666;}
.single-article .post-pagination .text--title{text-transform: uppercase}
.single-article .post-pagination a {
color: #313131;
} .single-article .post-related{
margin: 32px 0;
}
.single-article .post-related .text--title,
.single-article .comment .text--title,
.single-article .comment-respond .comment-reply-title{
position: relative;
text-align: center;
display: inline-block;
padding: 8px 10px;
font-size: 20px;
font-family: "Roboto-400";
color: #8F8F8F;
border-top: 1px solid #DEDEDE;
width: 100%;
}
.single-article .post-related_title,
.single-article .comment,
.single-article .comment-respond{text-align: center;}
.single-article .figure{width: 304px}
.single-article .block--figure{display: flex;justify-content: space-between}
.single-article .block--figure a:first-child{padding: 0 10px 0 0;}
.single-article .block--figure a:nth-child(2){padding: 0 10px 0 10px;}
.single-article .block--figure a:last-child{padding: 0 0 0 10px;}
.single-article .figure--image .img-responsive{
width: 304px;
height: 168px;
}
.single-article .figure--figcaption_subtitle{
color: #313131;
font-family: Roboto-700;
font-size: 0.875em;
margin-top:15px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-align: left;
} .single-article .comment article{margin-bottom: 40px}
.single-article header,
.single-article .comment-author img,
.single-article .screen-reader-text,
.single-article .comment-edit-link,
.single-article .comment-metadata span,
.single-article .comments-header,
.single-article .comment-notes,
.single-article .comment-footer-meta{display: none !important;}
.single-article .comment article {width: 100%;}
.single-article #comment-link{padding-bottom: 21px;width: 100%;}
.single-article .comment-author,
.single-article .comment-metadata{text-align: left;}
.single-article .comment-author span{
display: block;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 1px;
color: #313131;
margin-bottom: 4px;
font-family: "Raleway", sans-serif;
font-weight: bold;
}
.single-article .comment-metadata{font-size: 12px;display: block;}
.single-article .comment-metadata time {color: #666666;}
.single-article .comment p{font-size: 15px;line-height: 21px;text-align: left;margin-top:8px;text-align:justify}
.single-article .comment .comment--infos{font-size: 12px;line-height: 21px;text-align: left;margin-top:8px;text-align:justify}
.single-article .comment label{font-size: 14px;}
.single-article .comment-form-comment,
.single-article .comment-form-author,
.single-article .comment-form-email,
.single-article .comment-form-url
{display: flex;flex-direction: column}
.single-article .comment input{
padding: 14px 20px;
border: 1px solid #DEDEDE;
margin-bottom: 28px;
font-size: 12px;
font-weight: normal;
font-family: 'Roboto-400';
max-height: 50px;
}
.single-article textarea{
padding: 14px 20px;
border: 1px solid #DEDEDE;
margin-bottom: 28px;
font-size: 12px;
font-weight: normal;
font-family: 'Roboto-400';
width: 100%;
max-width: 100%;
height: 100%;
min-height: 120px;
}
.single-article .comment-form-cookies-consent{
align-items: center;
display: flex;
}
.single-article #wp-comment-cookies-consent{
margin: 0 15px 0 0;
}
.single-article p.form-submit{text-align: center}
.single-article input.submit{
max-width:300px;
text-transform: uppercase;
font-family: "Raleway", sans-serif;
font-weight: bold;
background: #000;
border-radius: 32px;
font-size: 14px;
color: #fff;
padding: 15px 20px;
display: inline-block;
transition: .3s;
cursor: pointer;
width: auto;
text-align: center;
margin: 0;
border: none;
}
.single-article input.submit:hover{
background: #fff;
color: #000;
}
#comment-link a{
text-decoration:underline;
}
.single-article .block--figure:last-child {
flex-wrap: nowrap;
overflow: auto hidden;
justify-content: flex-start;
}
@media (max-width: 991px) {
.single-article article{width:100%;padding: 0;}
.single-article  .container{
flex-direction: column;
}
.single-article .sidebar-article .custom-block--image,
.single-article .custom-block--content_text{
width:initial;
}
}
@media(max-width:767px) {
.single-article {
padding: 0;
}
.single-article .figure {
flex-basis: auto;
flex-shrink: 0;
width: 304px;
}
.single-article article h1{
font-size: 28px;
}
.single-article article h2{
font-size: 26px
}
.single-article article h3{
font-size: 24px
}
.single-article .article-body{
font-size: 18px;
}
.single-article .post-next_img,.post-prev_img {display: none}
.single-article .post-pagination .text--title{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.single-article .post-prev {
margin-bottom: 20px;
}
.single-article .post-next{
justify-content: flex-end;
}
}
@media(max-width:600px) {
.single-article .post-related .text--title:after,
.single-article .post-related .text--title:before,
.single-article .comment .text--title:after,
.single-article .comment .text--title:before,
.single-article .comment-respond .comment-reply-title:after,
.single-article .comment-respond .comment-reply-title:before{
display:none;
}
.single-article .block--figure {
max-height: 250px;
}
} .like-post {
display: flex;
align-items: center;
gap: 10px;
}
.like-container {
display: flex;
align-items: center;
gap: 8px;
}
.like-button {
background: none;
border: none;
cursor: pointer;
padding: 4px;
transition: transform 0.2s ease;
}
.like-button:hover:not(:disabled) {
transform: scale(1.1);
}
.like-button:active {
transform: scale(0.95);
}
.like-button:disabled {
cursor: not-allowed;
opacity: 0.8;
}
.like-button.liked {
animation: likeAnimation 0.3s ease;
}
@keyframes likeAnimation {
0% { transform: scale(1); }
50% { transform: scale(1.2); }
100% { transform: scale(1); }
}
.like-count {
color: #333;
}
.like-text {
color: #666;
font-size: 14px;
} .like-button .icon-inline--img svg path {
fill: none;
stroke: #494949;
stroke-width: 1;
transition: all 0.2s ease;
}
.like-button:hover:not(:disabled) .icon-inline--img svg path {
stroke: #FF6B6B;
}
.like-button.liked .icon-inline--img svg path {
fill: #FF6B6B !important;
stroke: #FF6B6B !important;
}#heateor_sss_error{color:red;margin:7px 0}#heateor_sss_sharing_more_providers .filter svg{position:absolute;left:16px;top:18px}div.heateor_sss_sharing_ul a:link,div.heateor_sss_sharing_ul a:focus{text-decoration:none;background:transparent!important}.heateor_sss_login_container{margin:2px 0}.heateor_sss_login_container img,.heateor_sss_sharing_container img{cursor:pointer;margin:2px;border:none}.heateor_sss_login_container img{display:none;float:left}#heateor_sss_loading_image{display:block!important;float:none}.heateor_sss_error{background-color:#ffffe0;border:1px solid #e6db55;padding:5px;margin:10px}#heateor_sss_sharing_more_providers{position:fixed;top:50%;left:47%;background:#fafafa;width:650px;margin:-180px 0 0 -300px;z-index:10000000;text-shadow:none!important;height:308px}#heateor_sss_mastodon_popup_bg,#heateor_sss_popup_bg{background:url(//blog.nordnet.com/wp-content/plugins/sassy-social-share/images/transparent_bg.png);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:10000}#heateor_sss_sharing_more_providers .title{font-size:14px!important;height:auto!important;background:#58b8f8!important;border-bottom:1px solid #d7d7d7!important;color:#fff;font-weight:700;letter-spacing:inherit;line-height:34px!important;padding:0!important;text-align:center;text-transform:none;margin:0!important;text-shadow:none!important;width:100%}#heateor_sss_sharing_more_providers *{font-family:Arial,Helvetica,sans-serif}#heateor_sss_sharing_more_providers #heateor_sss_sharing_more_content{background:#fafafa;border-radius:4px;color:#555;height:auto;width:100%}#heateor_sss_sharing_more_providers .filter{margin:0;padding:10px 0 0;position:relative;width:100%}#heateor_sss_sharing_more_providers .all-services{clear:both;height:250px;overflow:auto}#heateor_sss_sharing_more_content .all-services ul{display:block;margin:10px!important;overflow:hidden;list-style:none;padding-left:0!important;position:static!important;width:auto!important}#heateor_sss_sharing_more_content .all-services ul li{padding:0;margin:0 0 0 5px;background:0 0!important;float:left;width:24.1%;text-align:left!important}#heateor_sss_sharing_more_providers .close-button img{margin:0}#heateor_sss_sharing_more_providers .close-button.separated{background:0 0!important;border:none!important;box-shadow:none!important;width:auto!important;height:auto!important;z-index:1000}#heateor_sss_sharing_more_providers .close-button{height:auto!important;width:auto!important;left:auto!important;display:block!important;color:#555!important;cursor:pointer!important;font-size:29px!important;line-height:29px!important;margin:0!important;padding:0!important;position:absolute;right:-16px;top:-16px}#heateor_sss_sharing_more_providers .filter input.search{width:96%;display:block;float:none;font-family:"open sans","helvetica neue",helvetica,arial,sans-serif;font-weight:300;height:auto;line-height:inherit;margin:0 11px;padding:5px 8px 5px 27px!important;border:1px solid #ccc!important;color:#000;background:#fff!important;font-size:16px!important;text-align:left!important;max-width:-webkit-fill-available;line-height:1}#heateor_sss_sharing_more_providers .footer-panel{background:#fff;border-top:1px solid #d7d7d7;padding:6px 0;width:100%;color:#fff}#heateor_sss_sharing_more_providers .footer-panel p{background-color:transparent;top:0;text-align:left!important;color:#000;font-family:'helvetica neue',arial,helvetica,sans-serif;font-size:12px;line-height:1.2;margin:0!important;padding:0 6px!important;text-indent:0!important}#heateor_sss_sharing_more_providers .footer-panel a{color:#fff;text-decoration:none;font-weight:700;text-indent:0!important}#heateor_sss_sharing_more_providers .all-services ul li a span{width:51%}#heateor_sss_sharing_more_providers .all-services ul li a{border-radius:3px;color:#666!important;display:block;font-size:12px;height:auto;line-height:20px;overflow:hidden;padding:8px 8px 8px 1px;text-decoration:none!important;text-overflow:ellipsis;white-space:nowrap;border:none!important;text-indent:0!important;background:0 0!important;text-shadow:none}.heateor_sss_share_count{display:block;text-indent:0!important;visibility:hidden;background-color:#58b8f8!important;width:5px;height:auto;text-align:center;min-width:8px!important;padding:1px 4px!important;color:#fff!important;font-family:'Open Sans',arial,sans-serif!important;font-size:10px!important;font-weight:600!important;-webkit-border-radius:15px!important;border-radius:15px!important;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4);box-shadow:0 2px 2px rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2);line-height:14px!important;border:2px solid #fff!important;z-index:1;margin:2px auto!important;box-sizing:content-box!important}.heateor_sss_share_count,.heateor_sss_vertical_sharing{-webkit-box-sizing:content-box!important;-moz-box-sizing:content-box!important}div.heateor_sss_follow_ul,div.heateor_sss_sharing_ul{padding-left:0!important;margin:1px 0!important}#heateor_sss_mastodon_popup_close img,#heateor_sss_sharing_popup_close img{opacity:1!important;background:0 0!important;border:none!important;outline:0!important;box-shadow:none!important;width:auto!important;height:auto!important;top:inherit!important;right:inherit!important;left:9px!important;padding:0!important}div.heateor_sss_follow_ul .heateorSssSharingRound,div.heateor_sss_sharing_ul .heateorSssSharingRound{background:0 0!important}.heateor_sss_square_count{display:none;text-align:center;font-weight:bolder;font-family:sans-serif;font-style:normal;font-size:.6em;visibility:hidden}div.heateor_sss_follow_ul a,div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a{float:left;padding:0!important;list-style:none!important;border:none!important;margin:2px}.heateorSssSharing,.heateorSssSharingButton{display:block;cursor:pointer;margin:2px}div.heateor_sss_follow_ul a:before,div.heateor_sss_sharing_ul a:before{content:none!important}div.heateor_sss_follow_ul a{width:auto}.heateor_sss_vertical_sharing{background:0 0;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1);position:fixed;overflow:visible;z-index:10000000;display:block;padding:10px;border-radius:4px;opacity:1;box-sizing:content-box!important}div.heateor_sss_horizontal_counter li.heateor_sss_facebook_share,div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_share{width:96px}li.heateor_sss_facebook_like .fb-like span,li.heateor_sss_facebook_recommend .fb-like span,li.heateor_sss_facebook_share .fb-share-button span{vertical-align:top!important}li.heateor_sss_facebook_like .fb-like span iframe,li.heateor_sss_facebook_recommend .fb-like span iframe{max-width:none!important;z-index:1000}.heateor_sss_counter_container li{height:21px}.heateorSssTCBackground:hover{border-width:0!important;background-color:transparent}.heateorSssTCBackground{border-width:0!important;background-color:transparent!important;font-style:normal;word-wrap:normal;color:#666;line-height:1;visibility:hidden}.heateorSssSharingSvg{width:100%;height:100%}.heateorSssSharing{float:left;border:none}.heateorSssSharingArrow{height:16px;width:16px;cursor:pointer;margin-top:10px}.heateorSssPushIn{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%207%206%20q%202%206%2010%206%20v%20-6%20l%206%209%20l%20-6%209%20v%20-6%20q%20-10%202%20-10%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssPullOut{background:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20height%3D%22100%25%22%20viewBox%3D%220%200%2030%2030%22%3E%0A%3Cpath%20d%3D%22M%2023%206%20q%20-2%206%20-10%206%20v%20-6%20l%20-6%209%20l%206%209%20v%20-6%20q%2010%202%2010%20-12%22%20stroke-width%3D%221%22%20stroke%3D%22%23000%22%20fill%3D%22%23000%22%20stroke-linecap%3D%22round%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) left no-repeat}.heateorSssCommentingTabs li{padding-left:0!important;float:left;margin:0 1em 0 0 !important;list-style:none;color:#aaa;display:block;cursor:pointer;font-size:.85em}div.heateorSssTotalShareCount{word-wrap:normal!important;font-weight:bolder;font-family:sans-serif;padding:0;margin:0;text-align:center}div.heateorSssTotalShareText{word-wrap:normal!important;margin:0;padding:0;text-align:center}div.heateor_sss_horizontal_sharing li{width:auto}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_like{width:91px}div.heateor_sss_horizontal_sharing li.heateor_sss_facebook_recommend{width:145px}div.heateor_sss_horizontal_sharing li.heateor_sss_twitter_tweet{width:95px}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share span{vertical-align:text-top!important}div.heateor_sss_horizontal_sharing li.heateor_sss_linkedin_share{width:96px}div.heateor_sss_horizontal_sharing li.heateor_sss_buffer_share{width:108px}div.heateor_sss_horizontal_sharing li.heateor_sss_reddit_badge{width:130px}div.heateor_sss_horizontal_sharing li.heateor_sss_yummly{width:106px}div.heateor_sss_horizontal_sharing li.heateor_sss_pinterest_pin{width:76px}div.heateor_sss_horizontal_sharing li.heateor_sss_xing{width:98px}.heateor_sss_sharing_container a{padding:0!important;box-shadow:none!important;border:none!important}.heateorSssClear{clear:both}div.course_instructor_widget .heateor_sss_vertical_sharing{display:none!important}@media screen and (max-width:783px){#heateor_sss_sharing_more_providers{width:80%;left:60%;margin-left:-50%;text-shadow:none!important}}@media screen and (max-width:752px){#heateor_sss_sharing_more_content .all-services ul li{width:32.1%}}@media screen and (max-width:590px){#heateor_sss_sharing_more_content .all-services ul li{width:48.1%}#heateor_sss_sharing_more_providers .filter input.search{width:93%}}@media screen and (max-width:413px){#heateor_sss_sharing_more_content .all-services ul li{width:100%}}div.heateor_sss_bottom_sharing{margin-bottom:0}div.heateor_sss_sharing_container a:before,div.heateor_sss_follow_icons_container a:before{content:none}.heateor_sss_mastodon_popup_button{background:linear-gradient(#ec1b23,#d43116);padding:8px 0 10px;font-size:18px;border:0;color:#fff;border-radius:8px;margin:4px auto;font-weight:bolder;width:35%;cursor:pointer;border-bottom-style:groove;border-bottom-width:5px;border-bottom-color: rgb(0,0,0,.2)}@media screen and (max-width: 783px)#heateor_sss_sharing_more_providers .filter input.search{border:1px solid #ccc;width:92.8%}div.heateor_sss_follow_icons_container svg,div.heateor_sss_sharing_container svg{width:100%;height:100%}