/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/




.frame {
    width: 100%;
    height: 210px;
margin-bottom:15px;
}

.frame img{
     width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
border-radius:20px;
}







p a {color:#64676B; text-decoration:underline!important;}



/*HEADER*/

.elementor-widget-image a img[src$=".svg"] {
    width: 100%!important;
}

ul#menu-2-5e9fb07 {
    padding-top: 20px;
    padding-bottom: 20px;
}


/*NASLOVNA*/
#vaza:before {
    position: absolute;
    top: -22%;
    left: 22%;
    content: url(/wp-content/uploads/2023/12/Slika.png);
    transform: scale(.48);
}




/*slider novosti + linkova */

@media (max-width:1770px)and (min-width:1366px){
	.swiper.elementor-loop-container.elementor-grid.swiper-initialized.swiper-horizontal.swiper-pointer-events {
    margin-left: 70px!important;
    margin-right: 70px!important;
}
	
	.elementor-swiper-button.elementor-swiper-button-prev {
    left: 0%!important;
}
	
	.elementor-swiper-button.elementor-swiper-button-next {
    right: 0%!important;
}
	
	
}


/*slider podaci*/


.mySlides {display: none}

.prev, .next {
  cursor: pointer;
  position: absolute;
top: 96%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

a.prev {
    left: 2%;
}

a.next {
    right: 88%;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}


.active {
  background-color: #717171;
}

.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

.okvir {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
}

.okvir1 {
    width: 50%!important;
height: 491px!important;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 15px 50px 0px rgba(26, 63, 112, 0.05);
    padding: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.okvir1 img {
    max-width: 100%;
  
}

.okvir2 {
    width: 45%!important;
    padding-left: 60px;
}

.okvir2 h1 {
	margin-bottom:45px;
	color:#1A3F70;
	font-family: Rubik;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; /* 52px */
}

.okvir2 p {
	 width: 90%;
	color: #64676B;
	font-family: Rubik;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%; /* 25.2px */
}

.button a{
	color: #FFF;
	font-family: 'Rubik';
	font-size: 21px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%; /* 27.3px */
    border-radius: 40px;
    background:  #84BE41;
	 padding:20px 85px 20px 85px;
}
    


.button {
    margin-top: 70px;
}

.swiper {

	padding:50px 0px 100px 0px!important;
}



@media (max-width:1400px){
	a.next {
    right: 86%;
}
	
	.okvir2 {

    padding-left: 15px;
}
	
	.okvir2 h1{font-size:30px;}
}

@media (max-width:1130px){
	a.next {
    right: 84%;
}

}

@media (max-width:1024px){
.okvir {
    display: flex;
    flex-direction: column;
   
}
	
	.okvir1, .okvir2 {width:100%!important;}
	
	.okvir1 {

		height: 300px!important;}
	.okvir2 h1 {
    margin-top: 50px;
}
	
	a.prev {
    left: 2%;
    top: 34%;
}
	
		a.next {
    right: 50%;
    top: 34%;
}

}


@media (max-width:800px){
.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next {
    top: 55%!important;
}
	.elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-swiper-button.elementor-swiper-button-next svg {
    width: 36px!important;
}
	.elementor-swiper-button.elementor-swiper-button-prev {
    left: -4%!important;
}
	
		.elementor-swiper-button.elementor-swiper-button-next {
    right: -4%!important;
}
	
	
}

/*STRANICA PODACI*/

/*tabovi*/

.category-tabs {
    display: flex;
    justify-content: center;
    gap: 36px;
	margin-bottom:80px;
}

a.category-tab {
   color:#FFF;
	text-align: center;
	font-family: Rubik;
	font-size: 21px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 27.3px */
   	border-radius: 40px;
    background:  #84BE41;
    padding: 12px 45px!important;
}

a.category-tab.active, a.category-tab:hover {
    background: #1A3F70;
    color: white;



}


.kartica .sadrzaj h1 {
	color:rgba(26, 63, 112, 1);
	text-align: center;
	font-family: Rubik;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	line-height: 130%; 
}



.kartica .sadrzaj p{
	color: #64676B;
	text-align: center;
	font-family: Rubik;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 130%; /* 20.8px */
}

.popis-podataka {
    display: grid;
    grid-template-columns: repeat(3,1fr);
  gap:22px;
}

.kartica {
 	border-radius: 20px;
	background: #FFF;
	box-shadow: 0px 15px 50px 0px rgba(26, 63, 112, 0.05);
	padding:30px;
	display: flex;
    flex-direction: column;
	margin-bottom:35px;
	align-items: center;
}


img.download {
}

@media (max-width:900px){
	.popis-podataka {
    display: grid;
    grid-template-columns: repeat(1,1fr);
  gap:20px;
}
	
	.category-tabs {
    display: flex;
    justify-content: center;
    gap: 11px;
    margin-bottom: 50px;
    flex-direction: column;
}
}


/*FOOTER*/

.linkovi a {color:white;}