/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/*Ova skupina - cetiri su dio da se dobro promijeni boja na one page stranici*/
.dark #header-wrap {
  background-color: #C2DD53;
}

.menu-item:hover > .menu-link,
.menu-item.current > .menu-link {
	color: brown;
}

.dark .menu-link {
  color: #444;
}

.dark .menu-item:hover > .menu-link
{
  color: brown;
}

.dark .menu-item.current > .menu-link {
  color: brown;
}

/*Tri hamburgera treba tamna ne svijetla boja na sticki meniju */
.dark .header-misc-icon > a {
  color: #444;
}

#content p {
  line-height: 1.5;
}

/*default je 3rem*/
p.bottommargin {
  margin-bottom: 1rem !important;
}

.bottommargin {
  margin-bottom: 3rem !important;
}

/*Default je 120 */
.page-section {
  padding: 60px 0;
}

/* velicina fonta default je 116*/
.opm-large-word {
  font-size: 70px;
}


/* velicina fonta default je 46 */
.emphasis-title h1, .emphasis-title h2 {
  font-size: 46px;
  letter-spacing: -2px;
}

/* mijenjanje boje na hover background color */
.button.button-border.button-light:hover {
  background-color: #21A880;
  color: #333;
  text-shadow: none;
}

/*dio koji je ukljucen u njuskalo klasu da se na svaki button doda razlicita boja*/
.button-primary-override:hover, 
.button-primary-override:active,
.button-primary-override:focus,
.button-primary-override:visited{
    background-color: #FDCD00 !important;
    border-color: #FDCD00 !important;
    background-image: none !important;
    border: 0 !important;
}

/* koristeno kod testimonals */
.mt-6, .my-6 {
  margin-top: 1rem !important;
}

/* koristeno kod testimonals */
div.mb-5 {
  margin-bottom: 1rem !important;
}


/*kookies */
#cb-cookie-banner { 
position: relative;
bottom: 0; 
left: 0; 
width: 100%;
z-index: 999; 
border-radius: 0; 
display: none; }

/*isto kookies */
.alert-dark {
  color: rgba(255,255,255,0.4);
  background-color: #212121;
  border-color: #bcbebf;
}


/*kod njuskala boja backgrounda*/

div.section.dark {
  background-color: #231F20;
  border-color: rgba(255,255,255,0.1);
}

/*koliko vrijedi vasa nekretnina*/
div.block-hero-21  {
  padding: 80px 0;
  background-color: #231F20;
  color:white;
}

div.section  {
	position: relative;
	width: 100%;
	margin: 60px 0;
	padding: 30px 0;
	background-color: #F9F9F9;
	overflow: hidden;

}

/*ova prilagodba samo radi njuskala da se napravi razmak teksta i buttona*/
.button {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  white-space: nowrap;
  margin: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
  padding: 8px 22px;
  font-size: 0.875rem;
  line-height: 24px;
  background-color: #1ABC9C;
  color: #FFF;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    
}

/*ovo je slider za koliko  vrijedi */
/*
		.block-slider-1 .search-form {
			width: 120px;
			transition: width .3s ease;
		}
		@media (min-width: 768px) {
			.block-slider-1 .search-form {
				width: 200px;
				transition: width .3s ease;
			}
			.block-slider-1 .search-form:focus-within {
				width: 300px;
			}
		}

		#header.dark.block-slider-1 .search-form {
			border-bottom-color: rgba(255, 255, 255, 0.6) !important;
		}

		.block-slider-1.dark .search-form input:focus::-moz-placeholder { color: #BBB; }
		.block-slider-1.dark .search-form input:focus:-ms-input-placeholder { color: #BBB; }
		.block-slider-1.dark .search-form input:focus::-webkit-input-placeholder { color: #BBB; }

		.dark .search-form .form-control:not(.not-dark),
		.dark .search-form i { color: #EEE; }

		.block-slider-1 {
			--t-color: #EEE;
		}

		.block-slider-1 .slide-number {
			display: flex;
			flex-direction: row;
			align-items: center;
			opacity: 1;
			top: 50%;
			bottom: auto !important;
			left: auto;
			right: 20px;
			color: var(--t-color);
			text-shadow: none;
			width: auto;
			height: auto;
			padding: 0;
			writing-mode: vertical-rl;
			transform: translateY(-50%);
		}

		.block-slider-1 .slide-number-current,
		.block-slider-1 .slide-number-total {
			position: relative;
			top: auto;
			bottom: auto;
		}

		.block-slider-1 .slide-number span {
			position: relative;
			height: 30px;
			width: 1px;
			background-color: var(--t-color);
			margin: 30px 0;
		}

		.block-slider-1 .slider-arrow-left,
		.block-slider-1 .slider-arrow-right {
			display: flex;
			align-items: center;
			width: auto;
			height: auto;
			top: auto;
			left: auto;
			right: 110px;
			bottom: 30px;
			transform: translateY(0);
			color: var(--t-color);
			background-color: transparent !important;
		}

		.block-slider-1 .slider-arrow-left span,
		.block-slider-1 .slider-arrow-right span {
			margin: 0 10px;
			text-transform: uppercase;
			font-size: 14px;
			letter-spacing: 1px;
		}

		.block-slider-1 .slider-arrow-left:hover,
		.block-slider-1 .slider-arrow-right:hover {
			background-color: transparent !important;
		}

		.block-slider-1 .slider-arrow-right {
			right: 30px;
		}

		.block-slider-1 .slider-arrow-left i,
		.block-slider-1 .slider-arrow-right i {
			position: relative;
			color: var(--t-color);
			text-shadow: none;
			font-size: 20px;
		}
		
*/		
br {
        line-height: 100%;
}

/*original boja je zelena color: #1ABC9C;*/
a {
  text-decoration: none !important;
  color: rgba(255,255,255,0.4);
}

/*testiminoal font default 120*/
.text-larger {
  font-size: 100% !important;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: black;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

/*
div#gotoTop
{
  display: block !important;
}

div.icon-angle-up
{
  display: block !important;
}


[class^="icon-"],
[class*=" icon-"],
[class^="icon-line-"],
[class*=" icon-line-"],
[class^="icon-line2-"],
[class*=" icon-line2-"],
.side-header .primary-menu ul > li.sub-menu > a:before,
.docs-navigation ul ul li.current a:before {
	display: inline-block;
	font-family: "font-icons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/


#gotoTop {
  display: none;
  z-index: 599;
  position: fixed;
  width: 40px;
  height: 40px;
  /*background-color: blue;*/
  background-color: rgba(22,67,90,0.8);
  font-size: 1.25rem;
  line-height: 36px;
  text-align: center;
  color: #FFF;
  top: auto;
  left: auto;
  right: 30px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 2px;
}