/*
Theme Name: BWL Starter
Theme URI: https://bridgewaterlabs.com/
Author: BWL
Author URI: https://bridgewaterlabs.com/
Description: A blank starter theme for WordPress development.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bwlstarter
Tags: blank, starter, custom
*/

/* Add your custom styles below */

body {
	margin:0 !important;
}
.gradient-bnd-140 {
	background: linear-gradient(140deg, #dc28281a 0%, #0846aa0d 50%, #bce6d733 100%);
}
.hero-section{
    background: linear-gradient(
    135deg,
    #e8f8f2 10%,
    #ffffff 30%,
    #ffffff 60%,
    #ffffff 80%,
    #ffe7cc 90% 
  );
}
.korist-registra {
    border-radius: 10px;
    padding: 20px !important;
}

.korist-registra:hover {
    -webkit-box-shadow: 0px 7px 10px 5px #00000010;
    box-shadow: 0px 7px 10px 5px #00000010;
	cursor:pointer;
}
	.korist-registra svg {
    width: 80px !important;
    height: 80px !important;
}
	.korist-registra svg path {
    fill: #fff !important;
}
.koraci-registracija {
    border-radius: 10px;
    border: 1px solid #efefef;

}
.koraci-registracija:hover {
    -webkit-box-shadow: 0px 7px 10px 5px #00000010;
    box-shadow: 0px 7px 10px 5px #00000010;
		cursor:pointer;
}
.koraci-registracija:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
	.koraci-registracija img {
	-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
	
	/* homepage temp filter */
.registar-filter {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.registar-filter a {
  display: inline-block;
  width: 20%;
  background: #dc2928;
  padding: 15px 20px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}

.select-wrapper {
    position: relative;
    width: 37%;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 10px 3px #00000017;
    box-shadow: 0px 1px 10px 3px #00000017;
}

.select-wrapper select {
  width: 100%;
  padding: 15px 20px;
  border: 2px solid #dbdbdb;
  border-radius: 5px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  font-size: 16px;
  cursor: pointer;
}

.select-wrapper::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}
	.blog-page-posts article {
    border: 2px solid #e2e8f0;
    border-radius: 20px;
}
	.blog-page-posts article .elementor-post__text {
    padding: 40px 20px;
}
	.blog-page-posts article {
    position: relative;
		overflow: hidden;
}
.blog-page-posts article span.elementor-post-date {
    position: absolute;
    padding: 5px 10px;
    top: 30%;
    right: 5px;
    border: 1px solid;
    border-radius: 15px;
    color: var(--bnd-secondary-color);
    background: #fff;
}
	nav.elementor-pagination {
    margin-top: 25px;
}
	nav.elementor-pagination span {
    padding: 5px 15px;
    color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
    border-radius: 10px;
}
	nav.elementor-pagination a.page-numbers {
    padding: 5px 15px;
    color: #fff;
    background: var(--e-global-color-secondary);
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 10px;
}
	section.error-404.not-found {
    height: 60vh;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
	section.error-404.not-found h2.elementor-heading-title.elementor-size-default {
    text-align: center;
    margin: 60px 0 60px 0;
}
	.blog-page-posts article:hover {
    -webkit-box-shadow: 0px 7px 10px 5px #00000010;
    box-shadow: 0px 7px 10px 5px #00000010;
    cursor: pointer;
}
	.blog-page-posts article .elementor-post__thumbnail img {
    transition: transform 0.4s ease;
    top: 0 !important;
    left: 0 !important;
    transform: scale(1) translate(0%, 0%) !important;
}
	.blog-page-posts article:hover .elementor-post__thumbnail img {
    transform: scale(1.1) !important;
}
	@media only screen and (min-width:981px){
		li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-581 {
				display: none !important;
		}
		
.page-id-17 .blog-page-posts article span.elementor-post-date {
    top: 230px !important;
    left: 250px;
    right: auto;
}
	}
	@media only screen and (max-width:980px){
		li.menu-item.menu-item-581 a {
				color: #fff !important;
				background-color: var(--e-global-color-primary) !important;
		}
		li.menu-item.menu-item-189 {
				border-bottom: 0px !important;
		}
		.blog-page-posts article span.elementor-post-date {
				top: 32%;
		}
	}
	@media only screen and (max-width: 1365px) and (min-width:1250px){
		.blog-page-posts article span.elementor-post-date {
				top: 25%;
		}
	}	
	@media only screen and (max-width: 1249px) and (min-width:1170px){
		.blog-page-posts article span.elementor-post-date {
				top: 25%;
		}
	}
		@media only screen and (max-width: 1169px) and (min-width:981px){
		.blog-page-posts article span.elementor-post-date {
				top: 32%;
		}
			.page-id-17 .blog-page-posts article span.elementor-post-date {
        top: 50% !important;
        left: auto;
        right: 10px;
    }
	}
	@media only screen and (max-width: 980px) and (min-width:700px){
		.blog-page-posts article span.elementor-post-date {
				top: 50%;
		}
		.page-id-17 .blog-page-posts article span.elementor-post-date {
        top: 50% !important;
        left: auto;
        right: 10px;
    }
	}
	@media only screen and (max-width: 700px) and (min-width:581px){
		.blog-page-posts article span.elementor-post-date {
				top: 40%;
		}
	}
		@media only screen and (max-width: 580px) and (min-width:500px){
		.blog-page-posts article span.elementor-post-date {
				top: 30%;
		}
	}
	@media only screen and (max-width: 499px) and (min-width:421px){
		.blog-page-posts article span.elementor-post-date {
				top: 25%;
		}
	}
		@media only screen and (max-width: 420px){
		.blog-page-posts article span.elementor-post-date {
				top: 20%;
		}
	}