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

/* kt 15.08.2024 

.h1, .h2, h1, h2, {
    font-family: 'Exo 2', sans-serif;
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.1;
    color: inherit;
    margin-top: 0;
}

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

*/

/* ======================================================================= 
Text body, h, p, a - copied from footer.css on epe.si
========================================================================= */


.h1, .h2, h1, h2 {
	font-family: 'Exo 2', sans-serif;
    font-weight: bold;
    font-weight: 600;
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: 0;
}

.h2, h2 {
    font-size: 1.8rem;
    font-weight: 600;
    font-weight: bold;
}

.h3, h3, {
	font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    font-weight: 600;
}

.h4, .h5, .h6, h4, h5, h6 {
	font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.1;
    margin-top: 0;
    margin-bottom: .5rem;
}

html, p, body {
	font-family: 'Titillium Web', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	color: #292b2c;
    line-height: 1.5;

a,
button {
    cursor: pointer;
}

a {
    color:#06b106;
    font-weight: bold;
}

b, strong {
    font-weight: bolder;
}

/* ----------------------------------------------------------------------- */

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

/* ======================================================================= 
Banner
========================================================================= */

#banner {
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff !important;
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #eceeef;
    border-radius: .3rem
}

@media (min-width: 576px) {
    .jumbotron {
        padding:4rem 2rem;
    }
}

.jumbotron-hr {
    border-top-color: #d0d5d8
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

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

.font-weight-normal {
    font-weight: 400;
}



/* ======================================================================= 
Buttons
========================================================================= */

/*
.btn, .button {
    color: #ffffff;
    background: #00B600;
    border-radius: 22px !important;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
    height: 2rem;
    padding: .25rem .4rem;
    display: inline-block;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1.3rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
    box-sizing: content-box;
}
*/


.atlas-cta {
    border-radius: 22px !important;
    padding: 12px 30px !important;
    font-family: 'Exo 2', sans-serif;
    font-weight: 600;
}

.atlas-cta:hover {
    text-decoration: none;
    transform: translateY(-5px);
    border: 1px solid #ffe100 !important;
}

.atlas-cta-wide {
    width: 100%;
}

.cta-green {
    color: #ffffff;
    background: #00B600;
    border: none;
}

.cta-green:hover {
	background: #192440;
	color: #00B600;
}

.cta-blue {
	color: #ffffff;
    background: #2009d2;
}

.cta-blue:hover {
	background: #ffffff;
    color: #00B600;
}

.cta-ghost {
    border: 2px solid #192440 !important;
    color: #ffffff;
	background: #121a2e;
}

.cta-ghost:hover {
    color: #00B600;
    background: #192440;
}

#banner {
    background-size: cover;
}

/*
section.section {
    padding-right: 0;
    padding-left: 0;
}
*/


/* ======================================================================= 
container
========================================================================= */

.container {
    
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 15px;
}

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

#body-wrapper .container{
    padding: 0;
}

@media (min-width: 768px) {
    .text-md-left {
        text-align:left!important
    }

/* ======================================================================= 
bootstrap button
========================================================================= */

button,input,optgroup,select,textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}


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


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

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