.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
  padding: 0 10px;
}
h1, h2, h3,  h4, h5 {
text-shadow: 1px 0px 1px #aaa;
}
h6 {
  font-weight: 100 !important;
}
#sp-main-body {
    padding: 20px 0;
}
#sp-header {
  background: rgba(255,255,255,0.9);
}
ul.social-icons {
  margin: 10px 10px 10px 100px;
}
#sp-top3 {
  padding-top: 41px;
  opacity: 0.5;
}
.header-search {
  width:fit-content
}
#sp-top1 {
  padding-top: 37px;
  opacity: 0.5;
}
#sp-home4 {
  opacity: 0.5;
}
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 10px;
  padding: 10px 2px;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0 0 7px;
}
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {
    border-bottom: 1px dashed #b9e5e2;
}
#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 20px;
  padding: 5px 0;
}
.article-list .article {
    border-bottom: 1px solid #b9e5e2;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
 .article-details .article-header h1, .article-details .article-header h2 {
     margin: 0 0 30px 0;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
  margin: 0 1.5rem 1.25rem 0;
}
.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
  margin: -20px 40px 20px 30px;
}

@media only screen and (max-width: 640px) {
  .article-ratings .rating-symbol {
  font-size: 1rem;
    margin-left: 8px;
    margin-right: 2px;
}
  .article-ratings .rating-symbol span.rating-star {
    font-family: "Font Awesome 5 Free";
    font-weight: normal;
    font-style: normal;
    display: contents;
  }    
  .article-social-share {
font-size: 1rem;
      margin-left: 8px;
    margin-right: 2px;
  }
  ul.social-icons {
    font-size: 1rem;
      margin-left: 8px;
    margin-right: 2px;
  }
.article-details .article-full-image img {
    margin: 10px;
}
  .article-social-share .social-share-icon ul li a {
    margin-top: 0.5em;
  }
}
.fa-pull-right {
  float: right;
  margin-top: 1em;
}
.fa-flip-horizontal {
  margin-top: 1em;
}
/* body, .sp-preloader {
    background-color: #FFFFFF;
}
*/

.cbp-l-filters-button {
  margin-bottom: 5px !important;
}
.article-details .article-full-image img {
  display: flex !important;
  margin: auto;
}
.article-ratings .ratings-count {
  margin-right: 1em;
}
.pager > li a {
  margin-bottom: 1em;
}
.category-desc.clearfix {
  border-bottom: 1px solid #b9e5e2;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  margin-bottom: 2em;
}
/*web-eau-net-magazine-category*/
.b-0 {
    bottom: 0;
  color:#313437;
  background-color:#fff;
}
-.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
-.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}
-.overflow {
    position: relative;
    overflow: hidden;
}
-.zoom img {
    transition: all 0.2s linear;
}
-.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/* web-eau-net-flexbox-card */
* {
  box-sizing: border-box;
}
.module-card-wrap {
  max-width: 100%;
  display: inline-flex;
  -flex-wrap: wrap;
  margin: 0 auto;
}
.module-card {
  background: #e5e3db;
  border: 0px solid #f1f1f1;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.05);
  min-width: 100%;
  padding: 10px;
  margin-bottom: 5%;
  display: flex;
  flex-direction: column;
}
.module-card-title {
  font: 400 18px/30px "Open Sans",sans-serif;
  color: #444;
  display: block;
  margin-top: 17px;
}
.module-card-meta {
  font-size: 12px;
  position: relative;
}
.module-card-category, .module-card-author {
  flex: 1;
}
.module-card-author {
  text-align: right;
}
.module-card-bottom {
  display: flex;
  flex-direction: column;
  flex-grow: 1; /* a flex: 1 also works here, but is buggy on IE11 */
}
.module-card-img {
  margin: 20px 0;
  align-self: center;
  width: 100%;
  height: auto;
}
.module-card-button {
  background: seagreen;
  color: white;
  border: none;
  margin-top: auto;
  padding: 10px;
}

.mod-articles-category-introtext {
  font: 400 13px/18px "Open Sans",sans-serif;
  color: #404040;
  margin-top: 9px;
}
@media screen and (min-width: 600px) {
  .module-card {
    width: 48%;
    margin: 0 auto 2%;
    min-width: 0;
  }
}