/***************************************************************** 

©Kotełkowo Koteczkowo

Design, code & implementation: Appricode IT Mateusz Pielaszkiewicz
https://www.appricode.it 

*****************************************************************/



@charset "UTF-8";

/* Fredoka font */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

/* Applies font to the main body text */
/* body {
    font-family: 'Fredoka', sans-serif !important;
} */

:root {
  --primary-blue-color: #90DCFF;
  --secondary-blue-color: #1e88e5;
  --border-color: #7E7E7E;
}

/* banner background */
.container-header {
  background: linear-gradient(to bottom, white, var(--primary-blue-color)) !important;
}

/* menu - toggler (hamburger) button */
.container-header .navbar-toggler {
  color: white;
  cursor: pointer;
  border: 2px solid var(--secondary-blue-color);
  border-radius: .0rem;
  background: var(--secondary-blue-color);
  line-height: 1.5;
  margin: 0.5em; /* padding under the toggler */
}

/* menu - removes toggler border in focus mode */
.navbar-toggler:focus {
  box-shadow: none; 
  outline: none;
  text-decoration: none;
}

/* menu - back to top button */
.back-to-top-link, .back-to-top-link:focus, .back-to-top-link:hover {
  color: white !important;
  background: var(--secondary-blue-color);
  border: 2px solid var(--secondary-blue-color);
  border-radius: .0rem;
}

/* menu - centers the menu content / toggler */
body.wrapper-fluid .grid-child {
  max-width: max-content
}

/* menu - removes selected tab underscore */
.container-header .mod-menu>li.active:after,.container-header .mod-menu>li:hover:after {
  background: none;
}

/* menu - selected tab */
.container-header .mod-list li.active>a {
  text-decoration: none;
  background-color: var(--secondary-blue-color);
  color: white;
  padding: 1.2em /* active clickable padding size (around the tab's label) */;
}

/* menu - inactive box (around the tab's label) - margin to the left of the label */
.container-header .mod-menu>li+li {
  margin-left: 0 !important;
}

/* menu - padding above and under the tab */
.mod-list li {
  padding: 0em;
}

/* menu - hover highgligh color of the label */
.container-header .mod-list li a:hover {
  text-decoration: none;
  background: var(--secondary-blue-color);
  color: white;
}

/* menu - inactive label background */
.mod-list li a {
  text-decoration: none;
  background: white;
  color: var(--secondary-blue-color);
  padding: 1.2em; /* active clickable padding size (around the tab's label) */
  margin: 1px;
}

/* menu - inactive label color */
.mod-list li {
  padding: 0em;
  color: var(--secondary-blue-color);
}

/* menu - labels always in row */
/* menu/toggler swap is determined by project's php file, class="navbar navbar-expand-lg" */
.mod-menu {
  flex-direction: row;
}

/* menu - vertical labels */
@media (max-width: 991.99px) {
  /* makes sure .navbar-collapse is menu's container */
  .navbar-collapse .nav-item,
  .navbar-collapse .nav-link {
    /* decreases vertical padding */
    padding-top: 1.1em !important; 
    padding-bottom: 1.1em !important;
        
    /* removes horizontal padding */
    padding-left: 0 !important; 
    padding-right: 0 !important;
        
    /* optional: removes margins */
    margin: 0 !important;
  }

  .container-header .mod-menu.mod-list>li>a:hover {
    text-decoration: none;
  }
}

/* menu - removes padding between banner and menu/toggler */
@media (width <= 991.99px) {
  .container-header .container-nav .container-search, .container-header .container-nav nav {
    margin-top: -1.0em !important;
      margin-bottom: -0.4em !important;
      padding: 0em !important;
  }
}

@media (width >= 992.00px) {
    .container-header .container-nav .container-search, .container-header .container-nav nav {
        margin-top: 1.0em !important;
        margin-bottom: 0.6em !important;
        padding: 0em !important;
    }
}

/* menu - centers the toggler, when menu tabs are visible */
.navbar {
  display: flex; 
  justify-content: center !important;
}

/* menu - padding above toggler's menu */
/* .container-header .container-nav {
    padding-bottom: .6em;
} */

/* menu - removes inactive underline of the label */
@media (width >= 992.00px) {
    .container-header .mod-menu>li:after {
        content: "";
        opacity: .2;
        background: 0 0;
        height: 0px;
        margin: auto;
        transition: all .2s, background-color .2s;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 50%;
    }
}

/* SP Image Gallery image border */
.speasyimagegallery-gallery-item img {
  width: 100%;
  border: 1px solid var(--border-color) !important;
}

/* hyperlink colors */
a:link {
  color: var(--border-color);
}

a:hover {
  color: var(--border-color);
}

a:active {
  color: var(--border-color);
}

a:visited {
  color: var(--border-color);
}