@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;700&family=Titillium+Web:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

/*
===============================================================================================================================
Put your custom CSS in this file.
===============================================================================================================================
*/

/* Load of Font Awesome for use by Presentation Plugin */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css');

#header .logo img, #header .logo svg {
    height: 84px;
}

.h1, .h2, h1, h2, .h3, h3 {
	font-family: 'Exo 2', sans-serif;
	font-weight: 700;
}


.h4, .h5, .h6, h4, h5, h6 {
	font-family: 'Titillium Web', sans-serif;
}

html, p, body {
	font-family: 'Titillium Web', sans-serif;
	font-weight: 400;
}

a, button {
    cursor: pointer;
}


/* Overwriting quark font weight 400 */
.title-h1h2 h1 bold, .title-h1h2 h1 strong {
    font-weight: 700;
}

/* CSS to style Presentation Plugin slides */
.reveal .slides {
    text-align: left;
}

.shadow {
max-width: 100%;
box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
border-radius: 5px;
}

/* ======================================================================= 
Image figure right 
========================================================================= */

.figure-right {
    
    
}

/* ======================================================================= 
Anchor
========================================================================= */

.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/* ======================================================================= 
Cards  
========================================================================= */

  .card-container {
    display: flex;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
  }
  
  @media only screen and (max-width: 600px) {
  .card-container {
    display: grid;
  }
}

  .card {
    flex: 1;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    text-align: center;
    margin: 10px;
    border: 2px solid;
  }
  
  .card:hover {
  background-color: .05rem solid #e7e9ed;
  border: 0px solid;
  }

  .card-title {
    margin-bottom: 10px;
    margin-top: 5px;
  }

  .card-text {
    margin-bottom: 20px;
  }

/* ======================================================================= 
Card buttons
========================================================================= */

  .card-button {
    display: inline-block;
    padding: 10px 20px;
    color: white;
    border: 2px solid;
    border-radius: 5px;
    text-decoration: none;
    /*transition-duration: 0.3s ease; */
  } 
  
/*====================================================================== 
Card green
========================================================================= */
  
  .card-green {
    border-color: #14b34c;
  }
  
/*====================================================================== 
Card yellow
========================================================================= */  
  
  .card-yellow {
    border-color: #dcb50e;
  }
  
/*====================================================================== 
Card blue
========================================================================= */  
  
  .card-blue {
    border-color: #133e5b;
  }

/* ======================================================================= 
Mobile menu  added 20/10/2023 by kt
========================================================================= */

.overlay {
background: #fff;
}

.mobile-menu .button_container .top {
    background: #12b04b;
}

.mobile-menu .button_container .middle {
    background: #093b5e;
}

.mobile-menu .button_container .bottom {
    background: #093b5e;
}
    
.mobile-menu .button_container.active .top {
    background: #093b5e;
}
    
.mobile-menu .button_container.active .middle {
    background: #093b5e;
    opacity: 0;
}
    
.mobile-menu .button_container.active .bottom {
    background: #093b5e;
}

.treemenu li {
    line-height: 2rem;
    margin: 0 0 1px;
}

.treemenu .toggler {
    font-size: 1.3rem;
    padding-left: 15px;
    line-height: 2rem;
}

.treemenu li a {
    font-size: 1rem;
    margin-left: 2.5rem;
    color: green;
}


.treemenu li a.active{
    color: #071629!important;
}

/* ======================================================================= 
Coockies 
========================================================================= */

.cc-color-override--1608664607 .cc-btn {
    color: #50596c;
    background-color: rgb(247 234 38);
}

.cc-color-override--1608664607.cc-window {
    color: #fff;
    background-color: rgb(4 37 37);
    border: 2px solid;
    border-radius: 10px;
}