/*
Theme Name: Include
Description: Theme enfant de twentytwentyfive
Author: Florence Perret
Author URI: https://idip.unistra.fr/
Template: oceanwp
Version: 0.1.0
*/

@font-face{
    font-family: 'Brill';
    src: url('Fonts/Brill Roman 2.06 051.ttf');
}

@font-face{
    font-family: 'Brill-Italic';
    src: url('Fonts/Brill Italic 2.06 051.ttf');
}

@font-face{
    font-family: Brill-Bold;
    src: url('Brill Bold 2.06 051.ttf');
}

@font-face{
    font-family: Brill-BoldItalic;
    src: url('Brill Bold Italic 2.06 051.ttf');
}

@font-face{
    font-family: 'UnistraA';
    src: url("Fonts/UnistraA-Regular.ttf");
}

@font-face{
    font-family: UnistraA-Bold;
    src: url('Fonts/UnistraA-Bold.ttf');
}

@font-face{
    font-family: UnistraA-Italic;
    src: url('Fonts/UnistraA-Italic.ttf');
}

@font-face{
    font-family: UnistraA-BoldItalic;
    src: url('Fonts/UnistraA-BoldItalic.ttf');
}

@font-face{
    font-family: UnistraB;
    src: url('Fonts/UnistraB-Regular.ttf');
}

@font-face{
    font-family: UnistraB-Italic;
    src: url('Fonts/UnistraB-Italic.ttf');
}

@font-face{
    font-family: UnistraB-Bold;
    src: url('Fonts/UnistraB-Bold.ttf');
}

@font-face{
    font-family: UnistraB-BolItalic;
    src: url('Fonts/UnistraB-BoldItalic.ttf');
}

@font-face{
    font-family: UnistraC;
    src: url('Fonts/UnistraC-Regular.ttf');
}

@font-face{
    font-family: UnistraC-Italic;
    src: url('Fonts/UnistraC-Italic.ttf');
}

@font-face{
    font-family: UnistraC-Bold;
    src: url('Fonts/UnistraC-Bold.ttf');
}

@font-face{
    font-family: UnistraC-BoldItalic;
    src: url('Fonts/UnistraC-BoldItalic.ttf');
}

@font-face{
    font-family: UnistraD;
    src: url('Fonts/UnistraD-Regular.ttf');
}

@font-face{
    font-family: UnistraD-Italic;
    src: url('Fonts/UnistraD-Italic.ttf');
}

@font-face{
    font-family: UnistraD-Bold;
    src: url('Fonts/UnistraD-Bold.ttf');
}

@font-face{
    font-family: UnistraD-BolItalic;
    src: url('Fonts/UnistraD-BoldItalic.ttf');
}

@font-face{
    font-family: UnistraEncadre-Bold;
    src: url('Fonts/UnistraEncadre-Bold.ttf');
}

@font-face{
    font-family: UnistraEncadre-Regular;
    src: url('Fonts/UnistraEncadre-Regular.ttf');
}

@font-face{
    font-family: UnistraSymbol;
    src: url('Fonts/UnistraSymbol-Regular.ttf');
}


body {
  font-family: "UnistraA"!important;
  font-size: 18px!important;
  line-height: 1.222222222;
  color: #171c1d;
}

h1, h2, h3, h4, h5, h6, p, ul, li { 
    font-family: "UnistraA"!important;
}

h2, .wp-block-heading, h2.elementor-heading-title elementor-size-default{ 
    font-size: 25px!important;
      margin-top: 25px;
  margin-bottom: 15px;

}

h3, h3.elementor-heading-title elementor-size-default{ 
    font-size: 22px!important;

}


.elementor-heading-title.elementor-size-default {
  margin-top: 25px!important;
  margin-bottom: 20px!important;
}

.symbol { 
font-family: "UnistraSymbol"!important;
}

p {
    margin-bottom: 11px;
}

h4, h4.elementor-heading-title elementor-size-default { 
    color: #f12e27!important;
        font-size: 18px!important;
}


a:focus {
  outline: none!important;
}

.page-header.background-image-page-header#post-98 {
  display: none;
}


.body.post-id-28 .page-header background-image-page-header {
    display: none;
}

.essaimage {
color: #7B6CFF!important;
    padding-bottom: 20px;
}

.levier1 {
  color: #01BF81!important;
    padding-bottom: 20px;
}

h3.levier1 {
    padding-bottom: 0px;
    font-size: 20px !important;
    margin-bottom: 5px;
}

.levier2 {
  color: #ff8c36!important;
    padding-bottom: 20px;
}

h3.levier2 {
    padding-bottom: 0px;
    font-size: 20px !important;
    margin-bottom: 5px;
}

.levier3 {
  color: #EE555F!important;
    padding-bottom: 20px;
}

.levier4 {
 color: #152652!important;
    padding-bottom: 20px;
}

.levier5 {
  color: #CD69E0!important;
    padding-bottom: 20px;
}


#site-header.medium-header #site-navigation-wrap .dropdown-menu > li > a {
  font-size: inherit;
}

.container {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
  width: 1370px;
}

#content-wrap {
  width: 1370px;
  max-width: 85%;
}

@media only screen and (max-width: 959px) {
  #main #content-wrap.container {
  max-width: 85%;
  }
}

#main #content-wrap, .separate-layout #main #content-wrap {
  padding-top: 30px!important;
padding-bottom: 30px!important;
}

#div.container clr page-header-inner#post-98{
    display: none!important;
}

.ufa-solid fa-house::before {
  content: "¾"!important;
  font-family: UnistraSymbol!important;
}

p{
    color: #041926!important;
}

ul li {
  list-style-image: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"7\" height=\"7\" viewBox=\"0 0 12 12\" fill=\"none\"><rect x=\"6\" width=\"8.48528\" height=\"8.48528\" transform=\"rotate(45 6 0)\" fill=\"black\"/></svg>");
    }
    

.content-section p > a {
  color: #f12e27!important;
}

.content-section p > a:hover {
  color: #b8231d!important;
}

.content-area {
  border-style: none;
}

#content-wrap {
  width: 75%!important;
}


.white-text {
  color: #ffffff !important;
}


.div.header-top.clr{
    position: fixed;

}

#content-wrap {
   width: 90%;
   max-width: 100%;
}

div#site-header-inner {
    padding: 0;
}

#footer {
    text-align: center;
}
#footer-widgets .footer-box .widget-title {
    padding: 0;
}

/* Menu */

.fa-angle-down {
  --fa: "\f107";
  font-size: 10px;
}

#site-logo #site-logo-inner a:hover img {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}


.e-con {
padding-right: 0!important;
padding-left: 0!important;
    }

.dropdown-menu ul li a.menu-link {
  text-transform: inherit;
}

.fa-solid.fa-house {
  font-size: 15px;
}

/* fin CSS Menu */


/*
h5, h5.elementor-heading-title elementor-size-default { 
    color: #081c29!important;
        font-size: 25px!important;
}


h5, h5.elementor-heading-title elementor-size-default {
background-image: linear-gradient(120deg, #2BC0E4,#EAECC6 100%);
 background-repeat: no-repeat;
 background-size: 100% 0.5em;
 background-position: 0 80%;
 transition: background-size 0.25s ease-in;
 }

h5, h5.elementor-heading-title elementor-size-default{
    &:hover {
 background-size: 100% 88% !important;
 }
     }
*/

.carte-include {
  background: #FFFFFF;
  border-radius: var(--border-radius-lg);
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  transition: all .15s cubic-bezier(.4,0,.2,1);
}
    

.carte-include {
  &:focus, &:hover {
    color: var(--color-ink);
    text-decoration: none;
    transform: translate3d(0,-8px,0);
    box-shadow: 0 10px 20px 0 #98a2b31a,0 2px 6px 0 #98a2b340 !important;
  }
}



/* Page équipe */



.team-member img {
  height: 180px;
width:180px;
  border-radius: 50%;
  object-fit: cover;
filter: gray; 
-webkit-filter: grayscale(1); 
      display: block;
      margin: auto;
}

.team-member img:hover {
    filter: none;
      -webkit-filter: grayscale(0);
}

.team-member {
  margin-right: 15px;
  margin-left: 15px;
}

.team-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.team-member .image-container {
  position: relative;
}

.circle {
  margin: auto;
}

.team-member .image-container .circle {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  inset: 0;
  z-index: -1;
  transform-origin: bottom;
    
}

.circle.essaimage {
  background: #7B6CFF;
}

.circle.levier1 {
  background: #01BF81;
}

.circle.levier2 {
  background: #ff8c36;
}

.circle.levier3 {
  background: #EE555F;
}

.circle.levier4 {
  background: #152652;
}

.circle.levier5 {
  background: #CD69E0;
}

.team-member .details {
  margin-top: 16px;
}



/* Fin css page équipe */

/*Encart pour aller plus loin */

.article, .ressources {
  font-weight: 700;
}

.article::before {
  content: "d";
  font-family: "UnistraSymbol";
    color: #04a9a6;
  font-weight: 100;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-right: 5px;
  font-size: 20px;
}

.ressources::before {
  content: "Ù";
  font-family: "UnistraSymbol";
  color: #04a9a6;
  font-weight: 100;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-right: 5px;
  font-size: 20px;
}

.alert-info:not(.alert-no-icon)::before {
  content: "g";
  font-family: "UnistraSymbol";
  color: white;
  background-color: #04a9a6;
  font-size: 30px;
}
.alert::before, .focus::before, blockquote::before {
  position: absolute;
  font-style: normal;
  width: 60px;
  height: 60px;
  top: 15px;
  left: -15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.news-item.news-mh {
        margin-top: 30px;
}

.alert-info:not(.alert-no-icon),.focus-info:not(.focus-no-icon) {
  padding-left: 75px;
}
.alert-info, .focus {
  background-color: #f9f5f5;
}
.alert, .focus, blockquote {
  display: block;
    padding-top: 2px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;

  margin-right: 0;
  position: relative;
}


.focus:not(.focus-no-icon)::before {
  content: ">";
  font-family: "UnistraSymbol";
  color: white;
  background-color: #04a9a6;
  font-size: 30px;
}


.news-item.news-mh {
  padding: 0;
  background: #fff;
  height: auto;
  display: flex;
  flex-direction: row;
  border: 0 solid #dde9ea;
}

.news-image-container {
  height: auto;
  overflow: visible;
  width: 40%;
      display: flex;
}

.focus-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: unset;
  padding: 0 30px;
}

.news-item .news-image {
  display: block;
  position: relative;
  height: 100%;
  filter: brightness(0.97);
  transition: all 0.3s ease;
}