@import "fonts.css";
@import "base.css";
@import "header-footer.css";
@import "bricks.css";

/*------------------------*/
/* theme colors
/*------------------------*/

:root {
    --textDark: rgba(38, 50, 56, 1);
    --textMedium: rgba(38, 50, 56, 0.7);
    --borderMedium: rgba(38, 50, 56, 0.2); 
    --borderLight: rgba(38, 50, 56, 0.075);
    --accent: #40aca8;
    --textAccent: #40aca8;
    --light: rgba(38, 50, 56, 0.035);
}
/*------------------------*/
/* turn grayscale off
/*------------------------*/

img {filter: grayscale(0);}
.filename_o-nama img {filter: grayscale(1);  transition: 1s ease;}
.filename_o-nama img:hover {filter: grayscale(0);  transition: 1s ease;}

/*------------------------*/
/* colorize_image
/*------------------------*/

.colorize_image {filter: contrast(1) sepia(1) hue-rotate(160deg) grayscale(0.8)!important;}

/*------------------------*/
/* black_2_textDark
/*------------------------*/

.map::after, .black_2_textDark {filter: contrast(0.7) sepia(1) hue-rotate(160deg)!important;}

/*------------------------*/
/* black_2_textMedium
/*------------------------*/

.black_2_textMedium {filter: contrast(0.3) sepia(0.3) hue-rotate(160deg) brightness(1.4)!important;}

/*------------------------*/
/* black_2_accent
/*------------------------*/

.black_2_accent {filter: contrast(0.11) sepia(1) hue-rotate(340deg) contrast(13)!important;}

body {background-color:white; font-size:1.2em; color:black;}

header.sticky {box-shadow:none;}

section:not(.bgimage), body.transparent_header header + section.bgimage .container {
}
section.features{
  padding-top:2rem!important;
  padding-bottom:0px!important;
}
.tabs_container {
  padding-bottom:2rem;
}
section.docs .container .content{
  padding-top:0px;
}
section.docs h1{
  text-align:center;
}
footer {background:url(../uploads/illustrations/bg.svg); border-top:none;}

footer > div:last-child {border-top:none;}

.hero_background-svg {position: absolute; top: 0; left: 0; z-index: -1; width: 65%;}

.hero_background-svg svg { width: 100%; height: 100%; overflow: hidden; vertical-align: middle;}

.title-brush{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: -1;}

div.box, .grid.reviews li {border:none; background:url(../uploads/illustrations/blob-2.svg); background-size:contain; background-repeat:no-repeat;}

.grid.reviews li div.box{
  background:none;
}
header nav li a, section.docs .container .menu ul.nestedmenu li, section.docs .container .menu ul.nestedmenu li a{
  display:block;
}
header nav li, section.docs .container .menu ul.nestedmenu li{
  z-index: 2;
}

header nav li a::after { 
  content: "";
  height: 100%; 
  left: 0; 
  top: 0; 
  width: 0px;  
  position: absolute; 
  transition: all 0.3s ease 0s; 
  -webkit-transition: all 0.3s ease 0s; 
  z-index: -1;
}
header nav li a:hover::after, header nav li a:active::after, h1{ 
  width: 100%;
  background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=dff1f4); 
  background-size:contain;
  background-size: 100% 100%;
  padding-bottom: 10px; 
}

header nav li a:hover::after, header nav li a:active, section.docs .container .menu ul.nestedmenu li a:hover{
  text-decoration: underline;
}

h2 {
  background:  url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=e0e4f4);
  background-size:contain;
  background-size: 100% 100%;
  padding-bottom: 10px;  
  padding-left:50px;
  margin-left:-50px;
  padding-top:5px;
  font-size:2.5rem;
  margin-top:1.5rem;
}

h3{
  font-size:1.8rem;
  background:  url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=dff4e2);
  background-size:contain;
  background-size: 100% 100%;
  padding-bottom: 10px;  
  padding-left:50px;
  margin-left:-50px;
  padding-top:5px;
}
.posts .container h3, .box h3{
  padding-left:20px;
  margin-left:-20px;  
}
header nav > ul > li::after {
  display:none;
}
header nav > ul > li, header nav > ul > li:hover, header nav > ul > li.active{
  padding-left:20px;
  padding-right:20px;
  padding-bottom:0px;
}
#tab_edukatorike-i-supervizorike-raip-a li::marker, section.docs .content li::marker{
  content:"\21A0";
  font-size: 1.5em;
}
#tab_edukatorike-i-supervizorike-raip-a li, section.docs .content li{
  padding-left:5px;
}
section.docs .content li a:hover, .text h2 a:hover{
  text-decoration:none;
}
.overlay{display:none;}
/*
.filename__index .innerbody {background:url(../uploads/illustrations/ptice-5.svg); background-size: 97%; background-repeat: no-repeat; background-position: 57% 2%;}

.filename_programi .innerbody {background:url(../uploads/illustrations/ptice-5.svg); background-size: 104%; background-repeat: no-repeat; background-position: 80% 2%;}
*/

section.bgimage .container h1{color:black;}

section .container.small, .container {background-color:white;}

footer .container, section.image.alt .container {background-color:transparent;}

/* section.image.alt{background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(242,249,251,1) 15%, rgba(246,251,252,1) 85%, rgba(255,255,255,1) 100%); border-top:none; border-bottom:none;}*/

section.image.alt{
  background:url(../uploads/illustrations/block-background.svg); background-size:cover; border-top:none; border-bottom:none;
}

section.image.alt .container{
  padding-top: 80px;
  padding-bottom: 60px; 
}

section.image.alt img{
  filter: grayscale(100);
  transition: 1s ease;
}


ul.tabs li a::after{
  background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=dff1f4);
}

.tabs_container{
  padding-left:30px;
}

/*details {height:150px; background:url(../uploads/illustrations/blob-accordion.svg); background-size: 235% 102%; background-position: -91% -91%;}

details{height:150px; background:url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=dff1f4); font-size:1.5rem; padding:3.35rem 2rem 3.25rem 3rem;}*/

details {background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=dff1f4); font-size: 1.2rem; padding: 0.60rem 1.2rem 1.25rem 2rem; background-size: contain;
  font-weight: normal; border-top: none; border-bottom: none; background-repeat: no-repeat; margin-top:0rem;}

.grid.people li{background: url(../uploads/illustrations/blob-2.svg); background-size:105%; background-repeat:no-repeat;}

.answer {font-weight:normal;}

.fixed-height{
  height:500px;
  position: relative;
}

.fixed-height img{
  position:absolute;
  top: 40px;
  left:15px;
}

.tabs li.selected {background: url(//s2.svgbox.net/pen-brushes.svg?ic=brush-9&color=dff1f4); background-size: 100% 100%;}

ul.tabs li {padding:1rem;}

.bgimage .title-brush {top: 59%;}

.filename_o-nama .colorize_image {display:none;}
.filename_o-nama .box .colorize_image {display:block;}

.image-gallery {margin-top:5rem;}

.filename_o-nama h2{text-align:center;}

.logo span {display:none;}


.grid.people .box p {padding:20px;}

pre {
  display:none;
}
section.docs .container .menu ul.nestedmenu li > a{
  color:black;
  -moz-text-decoration-line: underline;
}
section.docs .container .menu ul.nestedmenu li.current > a{
  color:black;
  -moz-text-decoration-line: line-through;
}

blockquote.quote {
  background:  url(//s2.svgbox.net/pen-brushes.svg?ic=brush-7&color=dff4e2); 
  background-size: 100% 100%;
  padding: 13%;
  padding-top: 13%!important;
  margin-bottom: 100px;
  margin-bottom: 100px;
  margin-top: 50px;
  font-weight: bold;
  border-left: none;
}

.filename_o-nama .is_svg{
  max-height:400px;
  width:auto;
  margin:auto;
}

section.reviews{
 padding-top:0px!important; 
}

ul.reviews li div.box {
  flex-direction: column;
  padding: 1.25rem 1rem;
  height: 63%;
  justify-content: space-between;
  gap: 0rem;
}

ul.reviews li div.box .avatar {
  height: 5.25rem;
  width: 5.25rem;
}

.button.icon, ul.buttons.social .button{
  background-color:#dff4e2;
}

.button.icon img{
  filter:none;
}

footer ul{
  display:none;
}

ul.breadcrumbs {display:none;}

section.posts .filter{
  display:none;
}
.blob {margin:auto; background-color:#e0e4f4;
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
  width: 450px; height: 400px;
  animation: morph 10s linear infinite; 
  transform-style: preserve-3d;
  outline: 1px solid transparent;
  will-change: border-radius;
}

.blob:before{
  animation: morph 3s linear infinite;
  opacity: .21;
  animation-duration: 1.5s;
}
a.logo img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .5s ease-in-out;}
a.logo:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@keyframes morph{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    opacity: .89;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}

@keyframes fadeIn{
  100%{
    transform: scale(1);
    opacity: 0;
  }
}
@media only screen and (max-width: 600px) {
body.mobilemenu header > div.container > div:nth-child(2){
  background-color:white;
  border-left: 2px solid #dff1f4;
  max-width:100%;
  }
body.mobilemenu.menushown header nav > ul > li a{
  color:black;
  }
body.mobilemenu.menushown #togglemenu{
  filter:none;
  right: 1.5rem;
}

h1, header nav > ul > li:hover, header nav > ul > li.active {
  background-size: 99% 100%;
}
.blob{
  width:90%;
  height:300px;
}
.fixed-height {
  height: 400px;
}
section.docs {
  margin-top: 0px;
}
header + section:not(.bgimage), body.transparent_header header + section.bgimage .container{
  padding-top: 6rem!important;
}
section.docs .container .content{
  padding:0px!important;
}
.fixed-height img {
  top: -35px;}
}