@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');


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


.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: 400;
}

/* 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;
}

/* ======================================================================= 
navbar
========================================================================= */
.navbar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: none;
    -ms-flex-direction: column;
    flex-direction: none;
    padding: .5rem 1rem
}

/* ======================================================================= 
Github ribbon
========================================================================= */

<!-- begin github animated corner https://github.com/eugena/github-animated-corners/ --><a target="_blank" href="https://github.com/jtylek/EpesiCRM/" class="github-corner" aria-label="View Epesi on GitHub" title="View Epesi on GitHub"><svg xmlns="http://www.w3.org/2000/svg" style="fill:#fff; color:#24292e; position: absolute; top: 0; right: 0" viewBox="0 0 250 250" fill="#151513" height="80" width="80"><path fill="#fff" class="octo-background" d="M 249.57771,250.29409 C 163.6834,162.06673 87.406263,88.122635 -0.4222853,0.29408743 H 249.57771 Z"></path><path fill="currentColor" class="octo-body" d="m 194.57892,71.296301 c -2,-4 -5.00268,-7.999511 -9.00269,-11.999515 -3.99999,-3.999997 -7.9995,-7.002681 -11.9995,-9.002681 -4.00001,-14.000002 -8.99659,-16.998292 -8.99659,-16.998292 -8,3.999999 -11.00464,8.998533 -11.00462,10.998545 -6.00001,0 -10.99732,2.000735 -15.99732,7.000731 -16,16.000004 -10.00195,29.997316 -2.00195,40.997318 -3,0 -6.99854,0.998782 -10.99855,4.998771 L 113.57917,109.2968 c -2,1 -5.99975,-1.00097 -5.99975,-1.00097 l 26.99584,26.99584 c 0,0 -1.99999,-3.99877 0,-4.99877 l 14.00147,-14.00147 c 2.00001,-3 3.00294,-5.9956 3.00293,-7.9956 11,8 23.99732,14.99804 40.99732,-2.00195 5,-5.00001 7.00073,-9.997326 7.00073,-15.997325 -0.90398,-9.744341 -2.80609,-14.23012 -4.99878,-19.000243 z"></path><path fill="currentColor" d="m 121.28633,101.84712 c -14.99999,-9.000009 -8.99999,-19.00001 -8.99999,-19.00001 2.99999,-6.999997 1.99999,-10.999997 1.99999,-10.999997 -1,-7.000002 3,-1.999998 3,-1.999998 4.00001,4.999996 2,11 2,11 -2.99999,9.999998 5.00001,14.999998 9,15.999996" style="transform-origin: 130px 106px;"></path><path fill="currentColor" class="octo-ear" d="m 210.61601,77.354548 c 0,0 -2.99732,-5.000738 -15.99732,-7.000737 -0.0144,-0.02843 0.007,0.01428 0,0 -0.007,-0.01428 -3.99055,0.468874 -3.99055,0.468874 l 5.4469,19.797551 3.57294,-1.284473 c 2.01561,-1.004006 6.98378,-3.016688 10.96801,-11.981199 z" style="transform-origin:180px 90px;"></path></svg><style>.github-corner:hover .octo-ear{animation: octocat-twitch 560ms ease-in-out;}@keyframes octocat-twitch{0%, 100%{transform: rotate(0deg);}25%, 75%{transform: rotate(6deg);}50%{transform: rotate(-4deg) scale(1);}}@media (max-width: 500px){.github-corner:hover .octo-ear{animation: none;}.github-corner .octo-ear{animation: octocat-twitch 560ms ease-in-out;}}</style></a><!-- end github animated corner -->


/* ======================================================================= 
btn btn-primary 
========================================================================= */

.btn {
padding: none;
    
}

/* ======================================================================= 
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-title {
    margin-bottom: 10px;
    margin-top: 5px;
  }

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

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


  
/*====================================================================== 
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;
}

/* ======================================================================= 
#body-wrapper .container {
    padding: 1rem 2rem;
}
========================================================================= */