@charset "UTF-8";
/***!  /templates/shaper_helixultimate/css/custom.css  !***/

#sp-top3 {
  position: fixed;
  top: 10px;  right: 20%;
  width: 50%;
  background-color: #000; 
  text-align: end;
  font-size: 0.8em; 
  color: #aaa;
  z-index: 921;
}
#sp-header {
    height: 150px;
    width: 100%;
    position: fixed;
    top: 0;  left: 0;
    z-index: 99;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
}
#sp-logo .logo a {
font-family:'Open Sans', sans-serif;
font-size: 4em; 
color: #ff4500;
font-weight: bold;
}
#sp-logo .logo-slogan {
font-family:'Open Sans', sans-serif;
font-size: 1em; 
color: #999;
font-weight: 400;
letter-spacing: 0.55em;
padding-left: 0em;
padding-bottom: 18px;
}
#sp-header .logo {
    height: 150px;
    display: inline;
    margin: 0;
    align-items: center;
}
a.sp-sign-in { color: #ff4500; }
a.sp-sign-in:hover, a.sp-sign-in:focus { color: #ffffff; }
.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {padding: 0 10px;}
.menu-parent .menu-child {display: block !important;}
.menu-parent .menu-toggler {display: none !important;}
.offcanvas-menu {overflow: scroll;}

#sp-main {
  width: 100%;
  margin-top: 40px;
  z-index: 200;
}
#sp-bottom {
  position: fixed;
  bottom: 0;  left: 0;
  width: 100%;
  padding: 10px 0 30px;
  background-color: #000; 
  font-size: 1.2em; 
  color: #aaa;
  z-index: 911;
}
#sp-footer1 {
  position: fixed;
  bottom: 10px;  left: 11%;
  width: 50%;
  background-color: #000; 
  text-align: start;
  font-size: 0.8em; 
  color: #aaa;
  z-index: 920;
}
#sp-footer2 {
  position: fixed;
  bottom: 10px;  right: 20%;
  width: 50%;
  background-color: #000; 
  text-align: end;
  font-size: 0.8em; 
  color: #aaa;
  z-index: 921;
}
.article-list .article .featured-article-badge { display: none; visibility: hidden;}
.article-details .featured-article-badge { display: none; visibility: hidden;}
.view-companies .sp-page-title { display: none !important;}
.page-header { display: none; visibility: hidden;}

/* ==== VIDEO RESPONSIVE POUR JOOMLA ==== */
:root {
  --margin: .1rem;
}

div.item-content {
  padding: 0 var(--margin);
  max-width: 100%;
}

iframe[src*="youtube"],
iframe[src*="vimeo"],
iframe[src*="dailymotion"],
iframe[src*="allocine"],
object[data*="youtube"],
object[data*="vimeo"],
object[data*="franceculture"],
object[data*="bpi.fr"],
object[data*="franceinter"] {
  max-width: calc(100vw - (var(--margin) * 2));
  max-height: calc((100vw - (var(--margin) * 2)) * 0.5625);
}