/* font */
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');

:root {
	--K15t-font-family-headline: 'Titillium Web', cursive;
    --K15t-font-family-code:  'Titillium Web', cursive;
    --K15t-banner-foreground: #00ffff !important;
    --color_general:#00BFBF;
    --K15t-color-blue-600: #0101ec;
}

/* Titles landing page help */
.tile__image {
  margin-right: 1.5rem;
  float: left;
}

.tile--large .tile__image {
  height: 7rem;
  width: 7rem;
}

.tile__headline {
  color: black !important;
  font-size: 1.5rem !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 33%;
  float: right;
}

.portal__header__content__intro--heading {
  color: #00ffff;
  font-weight: bold;
  text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
  font-size: 5em;
  padding-bottom: 5px;
}

/* general background color */
body {
  background-color: #f1f1f1 !important;
}

/* titles */
.vp-article__heading {
    font-weight: 600;
}

.space-overview__hero__header__content__intro--heading {
  color: #00ffff;
  font-weight: bold;
  text-shadow: 0.08em 0.08em 0.08em rgba(0,0,0,0.4);
  font-size: 5em;
  padding-bottom: 5px;
}

h3 {
font-size: 1.1rem !important;
}

.article__content h2 {
  font-size: 1.25rem;
}

/* footer logo size */
.footer__logo {
  min-width: 32px;
}

.footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* hide text intro */
.portal__header__content__intro--intro, .space-overview__hero__header__content__intro--intro {
  display: none;
}

/* width pages */
.vp-article {
--_content-width: var(--content-width,960px);
}

/* tables margin and padding */
.article__content .table-wrap {
    margin-bottom: 0.5rem;
    padding-top: 0rem;
}
/* puces */

li::marker {
  color: var(--color_general);
  font-size: 1rem;
}

/* couleur bordure sommaire */

.vp-article__aside-left {
    border-right: 1px solid var(--color_general) !important;
}

/* couleur hover liens */

.cell.medium-6.large-4.list:hover a.list__topic, .space-overview__detail__news--title, a:hover {
  color: var(--color_general) !important;
  transition: color .3s linear;
  text-decoration: none !important;
}

/* espacement */

.panel-macro {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* replace code class for text higher */

code {
  background-color: transparent !important;
  font-size: 2rem !important;
  font-weight: 600 !important;
}

figure.vp-image img {
  border: 0px !important;
}

hr {
  border-top: 1px solid var(--color_general);
}

#site-navigation {
  border-bottom: 2px solid #00ffff;
}