/*
Theme Name: Oshin Child
Description: Oshin Child Theme
Author: Brand Exponents
Template: oshin
Version: 1.0
*/

@import url("../oshin/style.css");

.hero-sekcija .tatsu-section-overlay {
    background: rgba(0,0,0,0.5)!important;
}

/* O nama - Darko Lugarić */
.page-id-15 .hero-sekcija .tatsu-section-overlay {
    background: rgba(0,0,0,0.1)!important;
}

@media (min-width: 1280px) {
	.hero-sekcija {
		min-height: 576px;
	}
}

.poruka-izreka .tatsu-section-overlay {
    background: rgba(0,0,0,0.5)!important;
}

.testimonial-content {
	color: #fff;
}

.page-id-17 .tatsu-text-inner ul li {
	margin-bottom: 0px;
}

#header-inner-wrap.transparent #header-bottom-bar {
	border-top: 0px solid #bbb;
	border-bottom: 0px solid #bbb;
}

@media (min-width: 1200px) {
	.special-heading h3.special-h-tag {
		font-size: 48px;
	}
}

.page-id-15 #header-inner-wrap.style3 #header-bottom-bar,
.page-id-17 #header-inner-wrap.style3 #header-bottom-bar,
.page-id-16 #header-inner-wrap.style3 #header-bottom-bar,
.page-id-204 #header-inner-wrap.style3 #header-bottom-bar,
.page-id-20 #header-inner-wrap.style3 #header-bottom-bar {
	background-color: #f5f5f5!important;
}

#bottom-widgets {
	background-color: #464646;
}
#footer {
    background-color: #343434;
}
#bottom-widgets h6 {
    color: #f1f1f1!important;
}
#bottom-widgets {
    color: #b9b9b9!important;
}
/*
.bottom-widgets .tatsu-icon {
    background-color: #af9f66!important;
    border-color: #af9f66!important;
}
.bottom-widgets .tatsu-icon:hover {
    background-color: #b3a576;
    border-color: #b3a576;
}
*/

h6.testimonial-author {
    color: #d9d9d9;
}

.cta-unutarnja,
.pocetna-hidden-boxevi {
	display: none;
}

.hero-sekcija {
	margin-bottom: 40px!important;
}

.hero-sekcija h4.caption,
.hero-sekcija .tatsu-text-inner{
    color: #bdbdbd!important;
}

@media (min-width: 1280px) {
	.hero-sekcija .tatsu-section-pad {
		padding-top: 120px!important;
		padding-bottom: 120px!important;
	}
}

.klikabilni-boxevi .display-table ul li {
	color: #fff!important;
	list-style: none;
	line-height: 20px;
	margin-bottom: 17px;
}

.klikabilni-boxevi .display-table ul {
	margin-bottom: 0px;
	padding-left: 0px;
}

.klikabilni-boxevi .display-table ul li:last-child {
	margin-bottom: 0 !important;
}

.testimonial-content {
	line-height: 1.5!important;
}

.br-odr-radionica {
	background-color: #af9f66;
	color: #fff;
	padding: 6px 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: inline-block;
}

#cookie-notice a {
    color: #d1c498;
	transition: 0.3s;
}

#cookie-notice a:hover {
    text-decoration: underline;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    background-color: #af9f66!important;
	transition: 0.3s;
}

#cookie-notice .cn-button:not(.cn-button-custom):hover {
	background-color: #978a5c!important
}

@media (min-width: 961px) {
	#header-bottom-bar #menu li#menu-item-408 {
		display: none;
	}
}

.header-code-widgets {
	display: none;
}

@media (max-width: 1300px) {
	.mobile-nav-controller-wrap {
		display: inline-block;
	}
	#navigation {
		display: none!important;
	}
}

footer#bottom-widgets ul#menu-main-menu li {
	margin-bottom: 2px;
}

@media (max-width: 600px) {
	#bottom-widgets {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	footer#bottom-widgets ul#menu-main-menu li {
		margin-bottom: 0;
	}
	footer#footer .footer-content-inner-center {
		margin-top: 0px;
	}
}
/*
.jc-home-header {
    background-color: rgba(0,0,0,1);
}*/

.wpcf7-form input[type="submit"] {
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 30px;
}

.wpcf7-form input[type="submit"] {
    color: #fff;
    transition: 0.2s linear all;
}

.wpcf7-form .contact_form {
    margin-bottom: 0px;
}

.jc-img-galerija-home {
	margin-bottom: 15px;
}

@media (min-width: 961px) {
	.jc-img-galerija-home {
		margin-bottom: 20px;
	}
}

textarea.wpcf7-textarea {
	background-color: #fff;
}

/* Image with ‘data’ attribute is hidden */

img[data-lazy-src] {
	/* we set the opacity to 0 */
	opacity: 0;
}

/*Image without ‘data’ attribute is (or becomes) visible */

img.lazyloaded {
	/* prepare the future animation */
	transition: opacity .5s linear 0.2s;

	/* we set the opacity to 1 to do the magic */
	opacity: 1;
}