/**
Theme Name: Astra Child
Author: EUPROWEB
Author URI: https://euproweb.com/
Description: Visit https://euproweb.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap'); */

body {
    color: #3d3d3d;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-style: normal;
}


 p{
	 font-family: 'Open Sans', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}


.entry-content p {
    font-family: Open Sans, sans-serif;
    font-size: 14px;
    color: #3d3d3d;
    line-height: 1.6em;
    font-weight: 400;
}

/*
.menu-item > a {
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
} */


/* css moved from customize section */
.frm_primary_label{
	font-family:Arial;
	font-weight: 700!important;
	font-size:14px!important;
		}
.frm_checkbox label{
	font-family:Arial;
	font-size:14px!important;
	line-height:22px!important;
}
.ast-below-header {
 width:100%;
	max-width:100%;
	box-shadow: 1px -1px 6px rgba(0, 0, 0, 0.2); 
}



.menu-item a::before {
      width: 100%; /* Dužina linije */
    height: 4px; /* Debljina linije */    
}


a.menu-link{
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:400;
	}

.page a.menu-link:hover {
    text-decoration: none;
    border-bottom: none;
}

.ast-primary-header {
	width:100%;
	margin:0 auto!important;
	padding-bottom: 10px!important;
	padding-top:10px!important;
	background-color:#fdfdfd!important;
		box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2); 
}
	 
}
.wp-block-heading{
	margin-bottom:-25px;
	color:white;
	background:#005480;
	font-family:Open Sans, sans-serif;
	font-size:14px!important;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
}
.widget-title {
		color:white;
	background:#005480;
	font-family:Open Sans, sans-serif;
	font-size:14px!important;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:5px;
}
/**.site-primary-footer-wrap  {
    box-shadow: 5px 0 9px 1px rgba(0, 0, 0, 0.2);
}*/

.icon-circle{
	 box-shadow: 1px 1px 5px #6a6a6a
}
.column-1 {
	font-family:Arial, Helvetica, 	sans-serif;
	font-size:14px;
}

.column-2 {
	font-family:Arial, Helvetica, sans-serif
;
	font-size:14px;
}
.column-3 {
	font-family:Arial, Helvetica, sans-serif
;
	font-size:14px;
	
}

.2line{
	font-size:10px!important;
}
.entry-title{
	font-family:Open Sans, sans-serif;
	color:#01567f;
	text-decoration:underline;
	line-height:22px;
	min-height:100px;
}
.entry-title a{
	font-family:Open Sans, sans-serif;
	color:#01567f;
	line-height:32px;
}
h1.entry-title {
	min-height:0px!important;
	font-size:36px!important;
	line-height:38px!important;
	text-transform: none!important;
	text-decoration:none;
	color:#00537f;
	max-width:940px;
	margin:auto;
}
.single h1.entry-title{
	font-size:34px!important;
	
	}


.single .post-navigation{
	display:none;
}

.ast-article-inner{
	padding:0px;
	border-bottom: 1px solid #aa9f98;
}

.wpp-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.wpp-thumbnail {
    flex-shrink: 0;
    margin-right: 15px;
}

.wpp-thumbnail img {
    width: 100px; 
    height: 100px;
    object-fit: cover;
    border-radius: 5px; 
}

.wpp-content {
    flex-grow: 1;
}

.wpp-title {
    font-size: 16px;
    margin: 0 0 5px;
}

.wpp-title a {
    text-decoration: none;
    color: #005480;
	font-size:16px!important;
}

.wpp-excerpt {
    font-size: 14px;
    color: #666;
    margin: 0;
}
.entry-content p{
	font-family:Open Sans, sans-serif;
font-weight:400px;
	font-size:14px;
	color:#3d3d3d;
}
.entry-content h1{
	text-transform:none;
}

.entry-content h2{
	font-family:Open Sans, sans-serif;
  font-weight:400!important;
	font-size:21px;
	color:#292929;
}
.entry-content h3{
	font-family:Open Sans, sans-serif;
  font-weight:300!important;
	font-size:1.175rem !important;
	color:#015480;
	background-color:transparent;
}
h1, h2, h4, h3{
	text-transform:none!important;
	margin-bottom: 20px;
}
/*
.entry-content a{
	font-weight:700!important;
}
*/

/*Linkuje samo interne linkove koji se nalaze u text widgetu*/
.entry-content p
a[href*="data.si"] {
    font-weight: 700; 
		/* Regularni bold za interne linkove */
}


.link-orange-button {
	background-color:#015480;
	color:white!important;
	border: 1px solid black;
/* 	font-weight:200!important; */
	padding:3px 30px;
	font-family: Open Sans Condensed,  sans-serif !important;
	font-size:18px;
	
}


.single-post .wp-image-166636{
	margin-bottom:20px;
}




.link-orange-button:hover {
    background-color: #ffffff; /* Bela pozadina */
    color: #005480; /* Boja slova */
    transition: background-color 0.3s ease, color 0.3s ease; /* Glatka tranzicija */
	    border: 2px solid #005480; /* Boja okvira */
text-decoration:none!important;
}

.button.green.small {
    padding-top:10px;
	padding-bottom:10px;
	margin-top:15px;
	text-transform: none;
}

.has-text-align-center a{
	background-color:#015480;
	color:white;
	padding:8px 30px;
		font-family:Open Sans Hebrew Condensed, Sans-serif;
	font-size:16px;}
	
.wp-image-180333{
	
	margin-bottom:20px!important;
	
	}	

/**.has-text-align-center{
	margin-bottom:55px!important;
}	
*/
h2.wp-block-heading {
  font-family:Open Sans, sans-serif;
  font-weight:300px;
	font-size:21px!important;
	color:#292929;
	background-color:transparent;
}
.vce-text-block-wrapper h1{
	font-family:Open Sans, sans-serif;
	color:#292929;
	font-size:25px!important;
}
/*
 * a{
	font-weight:500!important;
}
*/

li{
	font-family:Open Sans, sans-serif;
font-weight:400px;
	font-size:14px;
	color:#3d3d3d;
}
.cli-privacy-content-text {
		font-family:Open Sans, sans-serif;
font-weight:400px;
	font-size:14px;
	color:#3d3d3d;
}

.wt-cli-cookie-description{
	font-family:Open Sans, sans-serif;
font-weight:400px;
	font-size:14px;
	color:#3d3d3d;
}
.cli-tab-header{
	font-family:Open Sans, sans-serif;
font-weight:400px;
	font-size:14px;
	color:#3d3d3d;
}

.menu-link{
	padding-left:10px!important;
	border:15px!important;
	border-color:red;
}
.main-header-menu .sub-menu {
    background-color: #0e5581 !important;
	background-color: rgba(14, 85, 129, 0.95) !important;
	}

.main-header-bar-navigation .sub-menu a {
    color: white !important;
	padding-left:10px!important;
	font-family:Helvetica Neue,Arial,sans-serif!important;
	
	
}

.main-header-menu li {
    border-right: 1px solid #ccc; /* Add right border as a divider */
}



@media (max-width: 768px) {
	.sr-facebook {
		margin-bottom:10px;
	}
	.sr-twitter{
		margin-bottom:10px;
	}
	.slika{
		width:100%;
	}
}
.wp-image-178181{
	margin-top:-70px;
	width:22%;
}

.page .entry-header{
	  text-align: center;
    background-color: #f7f7f7;
    padding-top: 30px;
    padding-bottom: 30px;
   	font-weight:500!important;
	  color:#325364;
	
}
.footer-widget-area{
	line-height:22px;
}


.frm_checkbox a{
	color:#91d4f7;
}
.frm_checkbox a:hover {
	text-decoration-line: underline;
  text-decoration-style: dotted;
    border-bottom-color: #109bc5; /* Tačkasto podvlačenje u boji teksta */
    color: #109bc5; /* Opcionalno: Promena boje linka na hover */
}

.page a:hover{
	
		text-decoration-line: underline;
  text-decoration-style: dotted;
    border-bottom-color: #109bc5; /* Tačkasto podvlačenje u boji teksta */
 
}

.main-header-menu .sub-menu li a:hover {
    color: white;
    background-color: transparent!important; /* Uklanja hover pozadinu */
    text-decoration: none!important; /* Uklanja podvlačenje teksta na hover */
    transition: none!important; /* Onemogućava animaciju prilikom hovera */
}
.sub-menu a:hover{
	color:#aac7eb!important;
}


#custom_html-12 a:hover,
#custom_html-13 a:hover,
#custom_html-14 a:hover,
#text-5 a:hover
{
	color: #5e95c7;
    text-decoration:none;
}
.obrazci a:hover{
	color:black;
}
#text-25 .widget-title {
	
    background-color: transparent; /* Postavlja pozadinu na providnu */
	margin-bottom:-40px;
}
#text-25 h3{
	font-family:Open Sans, sans-serif!important;
}

.scroll_to_top img {
    position: fixed!important;
    right: 20px;  /* Podešava razmak od desne ivice */
    bottom: 50px; /* Podešava razmak od donje ivice */
    width: 100px; /* Prilagodi veličinu slike po želji */
    z-index: 9999; /* Osigurava da slika bude iznad drugih elemenata */
}


/* Menu Code */
.ast-builder-menu-1 .menu-item>.menu-link{
	border-bottom: 1px dotted #fff !important;
}




.ast-desktop .ast-below-header-bar .main-header-menu>.menu-item {
    border-left: 1px solid #e6e6e6;
}

.site-below-header-wrap .ast-icon.icon-arrow svg {
    display: none;
	
}


/* .ast-builder-menu-1 .menu-item:hover>.menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover>.ast-menu-toggle{
	color: #fff !important;
    background: #005480 !important;
}
 */
.ast-builder-menu-1 .menu-item:hover>.menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item:hover>.ast-menu-toggle{
	color: #005480 !important;
/*     background-color: rgba(1, 95, 147, .9); !important; */
}


.ast-builder-menu-1 .current-menu-ancestor:hover>.menu-link {
	background: #005480 !important;
	color: #fff !important;
}

.sub-menu .menu-item .menu-link{
	color: #fff !important;
}
.sub-menu .menu-item:hover>.menu-link{
	color: #c2ebff  !important;
	background: none !important;
}

.ast-builder-menu-1 .menu-item.current-menu-item:hover>.menu-link{
	color: #fff !important;
}

.delete-button {
    border: none;
    padding: 0;
    margin: 0;
    width: 13px;
    border-radius: 65%;
    height: 13px;
    margin-right: 10px;
	color:#fff
}

#frm_field_653_container {
	margin-bottom: 0 !important;
}


#ast-scroll-top{
	position: fixed;
    bottom: 58px;
    right: 50px;
    text-decoration: none;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -o-transition: .2s all linear;
    -ms-transition: .2s all linear;
    transition: .2s all linear;
    cursor: pointer;
    z-index: 999;
    text-indent: -9999px;
    display: block;
    background: url(https://data.si/wp-content/themes/data/images/data-sprite.png) -316px 0 no-repeat;
    width: 51px;
    height: 26px	
}

#ast-scroll-top:hover {
    background-position: -316px -26px
}



/* Comment Section Styling */



#reply-title {
    margin-bottom: 20px;
    background-attachment: scroll;
    background-image: url(https://data.si/wp-content/themes/data/images/divider17.png);
    background-repeat: repeat-x;
    background-position: center center;
}


.comments-area {
	border-top: none;	
}

#comments{
	position:relative;
	left: -115px;
}

@media screen and (max-width: 768px) {
	#comments{
		left: 0px;
	}
}

.comment-respond {
    border-top: 2px dashed #ccc;
}

.comment-form label {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.comment-form textarea,
.comment-form input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
    font-size: 16px;
}

.comment-form textarea {
    height: 150px;
    resize: vertical;
}


.comment-form-cookies-consent input {
    width: auto;
}

.form-submit{
	width: 100% !important;
}
.comment-form .form-submit input {
    background-color: #005a9c;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}

.comment-form .form-submit input:hover {
    background-color: #004080;
}

.comment-reply-title {
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

.comment-category {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.comment-category a {
    background-color: #005a9c;
    color: white;
    padding: 5px 10px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
}

.comment-category a:hover {
    background-color: #003d6b;
}

.comment-form-url, .comment-notes{
	display:none !important;
}

.comment-form-author input, 
.comment-form-email input {
    width: 278px;
    max-width: 100%;
    border: 1px solid #c2c2c2 !important;
    background: #fff;
    color: #555;
    padding: 5px 10px;
}

#respond input[type=submit]{
    width: 100% !important;
	cursor: pointer;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    padding: 5px 10px;
    width: auto;
    font-weight: 400 !important;
    display: inline-block;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: .2s all linear;
    -moz-transition: .2s all linear;
    -o-transition: .2s all linear;
    -ms-transition: .2s all linear;
    transition: .2s all linear;
    border: 0;
	background-color: #015480;
    color: #fff;
}

#respond input[type=submit]:hover {
    background-color: #555;
    color: #fff;
}

#respond #wp-comment-cookies-consent{
	margin:0; !important;
}

#respond p {
    width: 100%;
}


/* Category  */
.custom-category-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background: white;
    padding: 10px 0px;
    margin-bottom: 20px;
	margin-top: -15px;
}

#comments .submit{
	width: 100%;
	 background-color: #015f93;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
}

#comments .submit:hover {
    background-color: #555555;
}


.category-label {
    background: #ff7f27;
    color: #fff;
    font-weight: 700;
    padding: 0 4px;
    display: flex;
    align-items: center;
    font-size: 10px;
    position: relative;
    white-space: nowrap;
}

.category-label:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 0 solid transparent;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    border-width: 3px 0 3px 5px;
    border-left-color: #f87217;
}

.category-label i {
    font-size: 13px;
    margin-right: 6px;
}

.category-item {
    background: #005f86;
    color: #fff;
    text-decoration: none;
    padding: 0px 5px;
    font-size: 10px;
    white-space: nowrap;
}

.category-item:hover {
    background: #000;
	color: #fff;
}


p>a{
	/*color: #0056b3 !important;*/
	color:#013b5b!important;
}

p>a:hover{
	text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    border-bottom-color: #109bc5 !important;
}
.hide{
	display:none;
}

/*.menu-novice{
	padding-right:30px;
	}*/

/* adding spacing above and bellow buttons in posts */
a.link-orange-button.button-medium {
  display: inline-block;
  margin-top: 30px;
  margin-bottom: 30px;
}


.editor-styles-wrapper h2 {
	
	text-transform: none !important;
	
}

/*

.home .attachment-full.size-full {
  height: auto !important;
}


*/


/* activating search button to be active all the time */

.ast-search-menu-icon.slide-search {
  display: flex;
}
.ast-search-menu-icon.slide-search .search-form {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  position: static !important;
}
.ast-search-menu-icon.slide-search {
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* search field positioning */
@media (min-width: 1024px) {
    .ast-header-search form.search-form .search-field, 
    .ast-header-search .ast-dropdown-active.ast-search-menu-icon.slide-search input.search-field {
	
	position: absolute;
    top: -10px;
    left: -100px;
    border: 1px solid #000;
	
    }
}