/**
*
* Moved from single_blog.css
*
*/

@import url(https://fonts.googleapis.com/css?family=PT+Serif&display=swap);
.post-template-default #content,
.post-template-default #title {
  background: #fff !important;
}
.post-template-default.single-format-standard #content .container {
  max-width: 1080px !important;
  margin-top: 40px;
  width: 100% !important;
}
.post-template-default.single-format-standard #title .container {
  max-width: 1080px !important;
  width: 100% !important;
}
.blog-long {
  padding-left: 80px !important;
  padding-right: 50px !important;
}
.post-template-default .blog-long h2 {
  font-weight: 500;
  margin: 0 0 5px;
}
.post-template-default .blog-long h3 {
  font-weight: 500;
  margin: 0 0 5px;
}
.post-template-default .blog-long h4 {
  font-weight: 500;
  margin: 0 0 5px 0;
  font-size: 21px;
}
.post-template-default .content-blog p {
  margin-bottom: 30px;
}
.post-template-default .content-blog p {
  font-size: 18px !important;
  font-family: "PT Serif", Georgia, Serif;
  line-height: 1.6 !important;
}
.blogtitle .container .row {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.blogtitle .featured img {
  max-height: 370px !important;
  object-fit: cover !important;
  box-shadow: 0 15px 23px 0 rgba(0, 0, 0, 0.15) !important;
  margin-bottom: 20px;
  border-radius: 3px;
}
.blogtitle .breadcrumbs li {
  font-size: 14px !important;
}
.title-blog h1 {
  font-size: 3rem !important;
}
.top-meta-blog .top-author,
.top-meta-blog .top-date {
  display: inline-block;
  font-weight: 500;
  color: #666;
}
.top-meta-blog {
  margin: 20px 0 15px;
}
.share-icon,
.share-text {
  display: block;
  text-align: center;
}
.social-share {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}
.share-button:visited {
  color: #fff;
}
.share-button:hover {
  color: #fff;
  -ms-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
  z-index: 95;
}
.share-twitter {
  background-color: #1da1f2;
  border-radius: 100px;
  margin: 10px;
  width: 45px;
  height: 45px;
}
.share-facebook {
  background-color: #3b5998;
  border-radius: 100px;
  margin: 10px;
  width: 45px;
  height: 45px;
}
.share-linkedin {
  background-color: #007bb5;
  border-radius: 100px;
  margin: 10px;
  width: 45px;
  height: 45px;
}
.share-icon {
  font-size: 19px;
  line-height: 1;
}
.share-button {
  color: #fff;
  display: inline-block;
  line-height: 15px;
  padding: 13px;
  margin-right: -4px;
}
.post-template-default .tags {
  text-align: center;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
}
.social-share.bottom-post {
  margin-bottom: 20px;
}
.btn-fb-blog-lead {
  color: #fff !important;
}
.post-template-default .blog-long a:hover {
  color: #4b7dbe !important;
}
.post-template-default .blog-long a.share-button:hover {
  color: #fff !important;
}
.blog-long .postauthor {
  text-align: center;
  border: none;
  margin-bottom: 0;
}
.postauthor .auth_image img {
  max-width: 100px !important;
  border-radius: 100px !important;
  margin-bottom: 15px;
}
.postauthor .author_info h6 {
  font-size: 19px;
}
.postauthor .author_info .description {
  text-align: left;
  font-size: 17px;
  font-family: "Pt Serif", Georgia, Serif;
}
.post-template-default #comments .comment-respond {
  padding: 0 15px;
}
.post-template-default #comments h3.comments-title {
  display: none !important;
}
.post-template-default #comments h3.comment-reply-title {
  text-transform: initial;
  letter-spacing: 0;
  font-weight: 500;
  font-size: 19px;
}
.post-template-default #comments .form-submit #submit {
  text-transform: initial;
  font-size: 15px;
}

.post-template-default #comments .form_field{
  font-size:17px;
}

.sidebar-blog #custom_html-9{
  box-shadow:0 15px 23px 0 rgba(0,0,0,.15);
  border-radius:10px;
  margin-bottom:50px;
}
.post-template-default .col-md-4 {
  padding:0 20px;
}
.post-template-default .sfs-plus-promo {
  max-width:992px!important;
  margin:60px 30px;
}
.post-template-default #comments .comment-respond {
  padding:0!important;
}
.post-template-default .title-blog h1 {
  padding:0 30px
}
.blogtitle .container,
.post-template-default .title-blog {
  padding:0!important
}
.blog-long .postauthor {
  padding:15px 0
}
@media (max-width:1200px) {
  .post-template-default .blog-long {
    padding-left:30px!important
  }
}
@media (max-width:767px) {
  .post-template-default .blog-long {
    padding:30px!important;
    max-width:550px;
    margin:0 auto
  }
  .post-template-default .col-md-4{
    max-width:550px;
    margin:0 auto;
    padding:30px
  }
}
@media (max-width:676px) {
  .sfs-plus-promo-img img{
    display:none
  }
  .sfs-plus-promo-content{
    width:100%!important;
    padding:20px!important
  }
  .sfs-plus-promo-img-wrapper {
    display:none!important
  }
  .post-template-default .sfs-plus-promo {
    margin:60px 10px
  }
}
.sfs-plus-promo{
  background:url(https://soofos.nl/wp-content/uploads/2020/03/plus-achtergrond-drieheok-blue.jpg);
  -webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);
  box-shadow:0 2px 10px rgba(0,0,0,.1);
  margin:30px 0 10px;
  border:1px solid #eee;
  border-radius:6px;
  padding:0;
  text-align:center;
  display:flex;
  background-size:cover;
  background-position:center center
}
.sfs-plus-promo-img-wrapper{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  width:50%
}
.sfs-plus-promo-img img{
  max-height:400px;
  float:right
}
.sfs-plus-promo-content{
  width:50%;
  align-items:center;
  display:flex;
  vertical-align:middle;
  text-align:left;
  padding:30px 0 15px 30px;
  float:left
}
.sfs-plus-promo-content h4{
  font-size:22px;
  font-weight:500!important
}
.sfs-plus-promo-wrapper{
  justify-content:center;
  align-items:center;
  margin-top:-50px;
  width:100%
}
.sfs-plus-promo-text{
  max-width:550px
}
.sfs-plus-promo .probeer-plus{
  margin-top:10px;
  background:#ec563e;
  color:#fff!important;
  padding:12px 20px;
  font-size:16px;
  font-weight:500;
  display:inline-block;
  margin:25px 0 10px;
  box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
.sfs-plus-promo .probeer-plus:hover{
  background-color:#d0270e!important
}
.sfs-plus-promo-text .meer-info-plus{
  display:none
}
.sfs-plus-promo ul{
  list-style:none!important;
  margin-left:10px!important
}
.sfs-plus-promo ul li{margin:5px 0}
.sfs-plus-promo .fa-check{color:#1cad62}
.sfs-plus-promo-top-img{
  max-width:120px;
  margin-bottom:20px
}
.blog-long iframe,.blog-long img{margin:0 0 20px}
.blog-long ul{
  padding-left:25px;
  list-style:disc;
  font-size:18px;
  font-family:"Pt Serif",Georgia,Serif;
  padding-left:40px!important;
  margin-top:-15px;
  margin-bottom:30px
}
.blog-long ol{
  padding-left:25px;
  list-style:decimal;
  font-size:18px;
  font-family:"Pt Serif",Georgia,Serif;
  padding-left:40px!important;
  margin-top:-15px;
  margin-bottom:30px
}
.post-template-default .blog-long .fb-blog-lead-titel p{
  font-family:Roboto!important;
  font-size:26px!important
}
.fb-blog-lead{
  margin-bottom:70px;
  border-radius:8px;
  box-shadow:0 2px 10px rgba(0,0,0,.1)
}
.post-template-default .blog-long a.btn-fb-blog-lead:hover {
  color:#fff!important
}
.btn-fb-blog-lead .fa{
  margin-left:10px
}
.blog-long h3+ol,
.blog-long h3+ul {
  margin-top:0!important
}
.pcs-list-widget{
  border-style:solid;
  border-width:0 0 0 2px;
  border-color:#d0dae7;
  padding:0 15px
}

.pcs-list-widget h4 span {
  font-weight:600;
  font-size:19px;
  line-height:1.5
}
.pcs-list-widget a{
  font-size:16px;
  text-decoration:underline;
  font-weight:500
}
.pcs-list-widget a:hover{
  color:#4b7dbe!important
}
.widget_custom_html .blog-pop-link{
  font-size:17px;
  color:#000
}
.widget_custom_html .blog-pop-link:hover{
  text-decoration:underline
}
.wrapper-blog-link{
  margin-bottom:40px
}
.blog-long #comments ol,
.blog-long #comments ul{
  list-style:none;
  padding-left:0!important
}
.custom-html-widget iframe{border-radius:6px!important}
.custom-html-widget .ju_inpage_back{background:0 0!important}
@media (min-width:767px){
  .sidebar-blog{
    max-width:300px;
    margin:0 auto
  }
}
@media (min-width:767px) and (max-width:850px) {
  .post-template-default .col-md-4{padding-left:0!important
  }
}
@media (max-width:767px){
  .post-template-default.single-format-standard #content .container{
    margin-top:0!important
  }
}
.blog-long .featured{
  margin-top:-10px
}
.postauthor .author_info h6{
  text-align:left;
  text-transform:initial!important;
}

/**
* Single Post CSS
*
* @package WPLMS_Maatos
* @since 1.0.0
*/




.post-template-default #content {
  background: #fff !important
}
.post-template-default.single-format-standard #content .container{
  max-width:1080px!important;
  margin-top:40px;
  width:100%!important
}
.post-template-default.single-format-standard #title .container{
  max-width:1080px!important;width:100%!important
}
.blog-long {
  padding-left:80px!important;padding-right:50px!important
}
.post-template-default .blog-long h2{
  font-weight:500;margin:0 0 5px
}
.post-template-default .blog-long h3{
  font-weight:500;margin:0 0 5px
}
.post-template-default .blog-long h4{
  font-weight:500;margin:0 0 5px 0;font-size:21px
}
.post-template-default .content-blog p {
  margin-bottom: 2rem;
}
.post-template-default .content-blog p {
  font-size: 18px;
  line-height: 1.6;
}
.blogtitle .container .row{
  max-width:1200px;margin:0 auto;text-align:center
}
.blogtitle .featured img{
  max-height:370px!important;object-fit:cover!important;box-shadow:0 15px 23px 0 rgba(0,0,0,.15)!important;margin-bottom:20px;border-radius:3px
}
.blogtitle .breadcrumbs li{
  font-size:14px!important
}
.title-blog h1{
  font-size:3rem!important
}
.top-meta-blog .top-author,.top-meta-blog .top-date{
  display:inline-block;font-weight:500;color:#666
}
.top-meta-blog{
  margin:20px 0 15px
}
.share-icon {
  display:block;
  height: 20px;
  margin: auto;
  width: auto;
}
.social-share {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.share-button {
  border-radius:100px;
  width:45px;
  height:45px;
  color: #fff;
  display: block;
  line-height:15px;
  padding: 13px;
  transition: .2s;
}
.share-button:visited{
  color:#fff
}
.share-button:hover{
  color:#fff;
  -ms-transform:scale(1.08);
  -moz-transform:scale(1.08);
  -o-transform:scale(1.08);
  -webkit-transform:scale(1.08);
  transform:scale(1.08);
  z-index:95
}
.share-twitter{
  background-color:#1da1f2;
}
.share-facebook{
  background-color:#3b5998;
}
.share-linkedin{
  background-color:#007bb5;
}
.share-whatsapp {
  background-color: #25D366;
}
.post-template-default .tags{
  text-align:center;padding-bottom:30px;border-bottom:1px solid #eee;margin-bottom:30px
}
.social-share.bottom-post{
  margin-bottom:20px
}
.btn-fb-blog-lead{
  color:#fff!important
}
.post-template-default .blog-long a:hover{
  color:#4b7dbe!important
}
.post-template-default .blog-long a.share-button:hover{
  color:#fff!important
}
.blog-long .postauthor{
  text-align:center;border:none;margin-bottom:0
}
.postauthor .auth_image img{
  max-width:100px!important;border-radius:100px!important;margin-bottom:15px
}
.postauthor .author_info h6{
  font-size:19px
}
.postauthor .author_info .description{
  text-align:left;font-size:17px;
}
.post-template-default #comments .comment-respond{
  padding:0 15px
}
.post-template-default #comments h3.comments-title{
  display:none!important
}
.post-template-default #comments h3.comment-reply-title{
  text-transform:initial;letter-spacing:0;font-weight:500;font-size:19px
}
.post-template-default #comments .form-submit #submit{
  text-transform:initial;font-size:15px
}
.post-template-default #comments .form_field{
  font-size:17px
}
.sidebar-blog #custom_html-9{
  box-shadow:0 15px 23px 0 rgba(0,0,0,.15);border-radius:10px;margin-bottom:50px
}
#content .post-template-default .col-md-4{
  padding:0 20px
}
.post-template-default .sfs-plus-promo{
  max-width:992px!important;margin:60px 30px
}
.post-template-default #comments .comment-respond{
  padding:0!important
}
.post-template-default .title-blog h1{
  padding:0 30px
}
.blogtitle .container,.post-template-default .title-blog{
  padding:0!important
}
.blog-long .postauthor{
  padding:15px 0
}
@media (max-width:1200px){
  .post-template-default .blog-long{
    padding-left:30px!important
  }

}
@media (max-width:767px){
  .post-template-default .blog-long{
    padding:30px!important;max-width:550px;margin:0 auto
  }
  #content .post-template-default .col-md-4{
    max-width:550px;margin:0 auto;padding:30px
  }

}
@media (max-width:676px){
  .sfs-plus-promo-img img{
    display:none
  }
  .sfs-plus-promo-content{
    width:100%!important;padding:20px!important
  }
  .sfs-plus-promo-img-wrapper{
    display:none!important
  }
  .post-template-default .sfs-plus-promo{
    margin:60px 10px
  }

}
.sfs-plus-promo{
  background:url(https://soofos.nl/wp-content/uploads/2020/03/plus-achtergrond-drieheok-blue.jpg);-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);margin:30px 0 10px;border:1px solid #eee;border-radius:6px;padding:0;text-align:center;display:flex;background-size:cover;background-position:center center
}
.sfs-plus-promo-img-wrapper{
  display:flex;justify-content:flex-end;align-items:center;width:50%
}
.sfs-plus-promo-img img{
  max-height:400px;float:right
}
.sfs-plus-promo-content{
  width:50%;align-items:center;display:flex;vertical-align:middle;text-align:left;padding:30px 0 15px 30px;float:left
}
.sfs-plus-promo-content h4{
  font-size:22px;font-weight:500!important
}
.sfs-plus-promo-wrapper{
  justify-content:center;align-items:center;margin-top:-50px;width:100%
}
.sfs-plus-promo-text{
  max-width:550px
}
.sfs-plus-promo .probeer-plus{
  margin-top:10px;background:#ec563e;color:#fff!important;padding:12px 20px;font-size:16px;font-weight:500;display:inline-block;margin:25px 0 10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)
}
.sfs-plus-promo .probeer-plus:hover{
  background-color:#d0270e!important
}
.sfs-plus-promo-text .meer-info-plus{
  display:none
}
.sfs-plus-promo ul{
  list-style:none!important;margin-left:10px!important
}
.sfs-plus-promo ul li{
  margin:5px 0
}
.sfs-plus-promo .fa-check{
  color:#1cad62
}
.sfs-plus-promo-top-img{
  max-width:120px;margin-bottom:20px
}
.content-blog iframe,
.content-blog img {
  margin:0 0 20px
}
.content-blog ul {
  padding-left:25px;list-style:disc;font-size:18px;padding-left:40px!important;margin-top:-15px;margin-bottom:30px
}
.blog-long ol{
  padding-left:25px;list-style:decimal;font-size:18px;padding-left:40px!important;margin-top:-15px;margin-bottom:30px
}
.post-template-default .blog-long .fb-blog-lead-titel p{
  font-family:Roboto!important;font-size:26px!important
}
.fb-blog-lead{
  margin-bottom:70px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)
}
.post-template-default .blog-long a.btn-fb-blog-lead:hover{
  color:#fff!important
}
.btn-fb-blog-lead .fa{
  margin-left:10px
}
.blog-long h3+ol,.blog-long h3+ul{
  margin-top:0!important
}
.pcs-list-widget{
  border-style:solid;border-width:0 0 0 2px;border-color:#d0dae7;padding:0 15px
}
.pcs-list-widget h4 span{
  font-weight:600;font-size:19px;line-height:1.5
}
.pcs-list-widget a {
  font-size:16px;text-decoration:underline;font-weight:500
}
.pcs-list-widget a:hover{
  color:#4b7dbe!important
}
.widget_custom_html .blog-pop-link{
  font-size:17px;color:#000
}
.widget_custom_html .blog-pop-link:hover{
  text-decoration:underline
}
.wrapper-blog-link{
  margin-bottom:40px
}
.blog-long #comments ol,.blog-long #comments ul{
  list-style:none;padding-left:0!important
}
.custom-html-widget iframe{
  border-radius:6px!important
}
.custom-html-widget .ju_inpage_back{
  background:0 0!important
}
@media (min-width:767px) {
  .sidebar-blog{
    max-width:300px;margin:0 auto
  }
}
@media (min-width:767px) and (max-width:850px) {
  #content .post-template-default .col-md-4{
    padding-left:0!important
  }
}
@media (max-width:767px) {
  .post-template-default.single-format-standard #content .container{
    margin-top:0!important
  }
}
.blog-long .featured {
  margin-top:-10px
}
.postauthor .author_info h6{
  text-align:left;text-transform:initial!important;
}

.post-template-default .blog-long .share-button:hover {
  color:white!important;
}

.share-whatsapp {
  background-color: #25D366;
  border-radius: 100px;
  margin:10px;
  width: 45px;
  height: 45px;
}
.share-whatsapp .fa {
  font-weight: 600;
}
.post-template-default .blog-long .share-button:hover {
  color:white!important;
}