/* istok-web-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/istok-web-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/istok-web-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* istok-web-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Istok Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/istok-web-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/istok-web-v21-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* abeezee-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'ABeeZee';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/abeezee-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body.site {
	background: transparent;
	background-image: url(../images/background.jpg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
  	font-size: 14px;
  	color: #626262;
}
.container-header {
    background-color: #91368800;
    background-image: unset;
}

:root {
  --cassiopeia-color-primary: #913688;
  --cassiopeia-color-link: #FFF;
  --cassiopeia-color-hover: #ee9542;
  --cassiopeia-font-family-headings:'Istok Web';
  --cassiopeia-font-family-body: 'ABeeZee',Helvetica,Arial,sans-Serif;
    --cassiopeia-font-family-headings: "Istok Web",sans-serif;
    --cassiopeia-font-weight-headings: 400;
    --cassiopeia-font-weight-normal: 400;
}

h1{
  font-family: 'Istok Web';
    font-size: 1.7em;
    line-height: 130%;
    margin-bottom: 10px;
    color: var(--cassiopeia-color-primary);
  	text-transform: uppercase;
}

h2 {
  	font-family: 'Istok Web';
    font-size: 1.7em;
    line-height: 130%;
    margin-bottom: 10px;
    color: var(--cassiopeia-color-primary);
  	text-transform: uppercase;
}
h3 {
    font-size: 16px;
    line-height: 130%;
  	text-transform: uppercase;
}
.container-component a{
  color: #ee9441;
}
a{
  text-decoration: none !important;
}
a:hover{
  text-decoration: underline !important;
}
.site-grid {
    grid-gap: 0;
  	background-color: #FFF;
}
.grid-child, .site-grid {
    max-width: 1100px;
  	margin:auto;
}
.container-component, .container-bottom-a, .container-sidebar-right{
  padding: 10px 20px;
  height: 100%;
}
.container-below-top{
    display: block;
    text-align: right;
}
@media screen and (min-width: 800px) {
  .container-header .navbar-brand {
	margin-top: -90px;
    margin-left: -10px;
	}
}
.container-below-top .mod-finder{
  float: right;
}
.container-below-top .mod-finder input {
  	width: 240px !important;
    background: #FFFFFF url(../images/s5_search.png) no-repeat right center;
    height: 34px;
    border: solid 4px #913688;
  	font-size: 13px;
    padding-left: 8px;
}
/* MENU LANGUE*/
div.mod-languages{
  margin-top: 20px;
    margin-bottom: 10px;
    margin-right: -10px;
}
div.mod-languages img {
    width: 30px;
  padding-bottom: 1px;
}
div.mod-languages a {
    padding: 2px;
}
div.mod-languages ul li.lang-active {
    background-color: #ee9643;
}


.jdGallery a.right, .jdGallery a.left{
  opacity: 1!important;
}



/* MENU */
@media (min-width: 992px) {
  .container-header .grid-child {
      margin-top: 30px;
  }
}
.container-header .container-nav {
      background-color: #7e2b76;
  }
.mod-list li a{
    text-transform: uppercase;
  }

@media (max-width: 991px) {
  .metismenu.mod-menu .mm-collapse {
    display: block !important;
    background-color: transparent;
    position: relative !important;
    box-shadow: unset !important;
  }
  .metismenu.mod-menu .metismenu-item>ul {
      box-shadow: unset
      position: relative;
  }
  .metismenu.mod-menu .mm-collapse a{
        color: #FFF;
        font-size: 14px;
  }
  .metismenu.mod-menu .metismenu-item {
      display: block;
  }
  .metismenu.mod-menu .metismenu-item button{
        display: none;
    }
  .search{
    position: absolute;
    top: 10px;
    z-index: 100;
    right: 0px;
  }
      
}

@media (min-width: 992px) {
  .container-header nav {
      margin-top: 0px;
  }
  .container-header .container-nav {
      background-color: #00000066;
      padding: 0px;
  }
  
  .metismenu.mod-menu .metismenu-item {
      font-size: 15px;
      padding: 22px 20px;
      transition: all 0.2s ease;
  }
  .metismenu.mod-menu .metismenu-item:first-child {
      padding-left: 32px;
  }
  .metismenu.mod-menu .mm-collapse a{
      color: #FFF;
      font-size: 14px;
  }
  .metismenu.mod-menu .metismenu-item button{
      pointer-events: none;
  }
  .metismenu.mod-menu .mm-collapse {
      display: block !important;
      opacity: 0;
      margin-top: -60px;
      margin-left: -20px;
      transition: all 0.3s ease-out;
      z-index: 0;
      position: absolute;
      padding-top: 0px;
      background-color: #ee9441;
      pointer-events: none;
  }
  .metismenu.mod-menu .metismenu-item:hover{
      background-color: #ee9441;
  }
  .metismenu.mod-menu .metismenu-item:hover .mm-collapse {
      opacity:1;
      margin-top: 0px;
      padding-top: 4px;
      pointer-events: auto;
  }
  .metismenu.mod-menu .mm-collapse .level-2{
      padding: 0px 20px;
      border-bottom: 1px solid #ffffff45;
      transition: all 0.5s ease-out;
  }
  .metismenu.mod-menu .metismenu-item:hover .mm-collapse .level-2{
      padding: 10px 20px;
  }
  .metismenu.mod-menu .metismenu-item>ul {
      z-index: -1;
  }
}

/* MODULE */
.card {
  	border-radius: 0px !important;
}

.card-header {
    background-color: #913688;
    border-bottom: unset;
  	border-radius: unset!important;
    color: #FFF;
    padding: var(--card-cap-padding-y) var(--card-cap-padding-x);
    width: fit-content;
  	margin-top: 20px;
    margin-bottom: 20px;
  	padding: 10px 16px 6px 16px;
}
.card-body{
  padding: 20px;
}

.container-bottom-b {
	background-color: #00000066;
  	padding: 10px;
}


.container-bottom-b .card{
	margin: 10px;
  	border: unset;
  	background-color: #913688;
}
.container-bottom-b .card-header, .container-sidebar-right .card-header{
  	background-color: #ee9441;
}
.container-bottom-b .card , .container-sidebar-right .card{
	margin: 10px;
  	border: unset;
  	background-color: #913688;
  	color: #dbd5d5;
}
@media (min-width: 768px) {
  .container-bottom-b {
        display: grid;
  		grid-template-columns: 22% 22% 22% 34%;
	}
}



@supports (display: grid) {
  @media (min-width: 992px) {
  .site-grid {
    grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,25%) minmax(0,20%) minmax(0,20%) minmax(0,35%) [main-end] minmax(0,1fr) [full-end];
    }
  }
}
/* FOOTER */
.footer{
  background-color: transparent;
  background-image: unset;
  margin-bottom: 40px;
}
.footer .grid-child{
  background-color: #913687;
  display: block;
}
.footer .grid-child div{
  display: block;
}

.jdGallery .slideInfoZone{
  width: fit-content !important;
  margin: 20px !important;
  padding: 20px 20px 90px 20px !important;
  background-color: #00000088 !important;
}
.jdGallery .slideInfoZone h2 {
    font-size: 30px !important;
  	font-weight: 400 !important;
}

@media (max-width: 991px) {
  .container-nav{
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
  }
  .container-header .container-nav nav{
      margin-top: 1em;
  }
  .container-below-top {
    margin-top: 50px;
  }
  .container-header .navbar-toggler {
    margin-left: 20px;
    margin-bottom: 12px;
  }
  body.site {
    padding: 10px;
  }
  .jdGallery .slideInfoZone h2 {
    font-size: 26px !important;
	}
}
@media (max-width: 600px) {
  .jdGallery a.right,.jdGallery a.left {
      background-size: 36px !important;
  }
  .jdGallery .slideInfoZone h2 {
    font-size: 16px !important;
	}
  .jdGallery .slideInfoZone {
    width: fit-content !important;
    padding: 10px !important;
    height: fit-content !important;
	}
}
@media (max-width: 400px) {
  .jdGallery .slideInfoZone {
    display:none !important;
	}
}

#search-form .btn-secondary{
  display: none !important;
}