@charset 'utf-8';
/*
 Theme Name:   Playa Child
 Theme URI:    http://playa.ancorathemes.com/
 Description:  Playa - Fully Responsive and Mobile Friendly theme
 Author:       AncoraThemes
 Author URI:   http://ancorathemes.com/
 Template:     playa
 Version:      1.0
 Tags:         light, inheritable theme-options
 Text Domain:  playa
*/



/* =Theme customization starts here
-------------------------------------------------------------- */

/***** @FONT-FACE *****/
@font-face {
    font-family: 'OswaldTO';
    src: url('fonts/Oswald-Medium.woff2') format('woff2'),
        url('fonts/Oswald-Medium.woff') format('woff'),
        url('fonts/Oswald-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OswaldTO';
    src: url('fonts/Oswald-Regular.woff2') format('woff2'),
        url('fonts/Oswald-Regular.woff') format('woff'),
        url('fonts/Oswald-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PlayfairTO';
    src: url('fonts/PlayfairDisplay-Italic.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Italic.woff') format('woff'),
        url('fonts/PlayfairDisplay-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PlayfairTO';
    src: url('fonts/PlayfairDisplay-Regular.woff2') format('woff2'),
        url('fonts/PlayfairDisplay-Regular.woff') format('woff'),
        url('fonts/PlayfairDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yanone';
    src: url('fonts/YanoneKaffeesatz-Light.woff2') format('woff2'),
        url('fonts/YanoneKaffeesatz-Light.woff') format('woff'),
        url('fonts/YanoneKaffeesatz-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Yanone';
    src: url('fonts/YanoneKaffeesatz-Regular.woff2') format('woff2'),
        url('fonts/YanoneKaffeesatz-Regular.woff') format('woff'),
        url('fonts/YanoneKaffeesatz-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/***** FONTS *****/
h2 {
	font-family: "OswaldTO" !important;
}
#vesti h2 {
	font-size: 70px !important;
}
/*#zupa h2 {
	font-family: "OswaldTO";
    font-weight: 500;
    letter-spacing: -1px;
    font-size: 52px;
    line-height: 1.2em !important; */
}
/*h6 {
	font-family: "PlayfairTO" !important;
	font-weight: 400;
	font-style: italic;
}*/
#zupa .zupa_opis .sc_item_descr  p  {
	text-align: justify !important;
	line-height: 20px !important;
	color: red !important;
	max-width: 100% !important;
}
#manifestacije h2 {
	font-size: 52px;
}
#manifestacije .manifestacije_levo .opis,
#manifestacije_2 .manifestacije_levo .opis   {
	color: #000;
	background: rgba(255,255,255,0.7);
	border-radius: 8px;
	margin-left: 8rem;
	padding: 10px 15px;
}
#kontakt h2,
#kontakt_strana h2,
	#kontakt_forma h2 {
	font-size: 65px !important;
	font-weight: 500 !important;
}
#kontakt h4 {
	color: #fff !important;
}
#strana_tekst h6 {
	margin-top: 40px !important;
	margin-bottom: 15px !important;
}
#strana_tekst p {
	margin-bottom: 15px !important;
}
#strana_galerija {
	display: none !important;
}
.wpcf7 input,
.wpcf7 textarea {
	font-family: 'Yanone' !important;
	font-size: 1.2em !important;
}
.podstrana h2 {
	font-size: 36px !important;
}

/***** HEADER *****/
.logo_image {
	padding-top: 15px;
}
ul#menu-glavni-meni li.menu-item a span{
	font-family: "Yanone Kaffeesatz", sans-serif !important;
}
nav.sc_layouts_menu {
	margin-top: 10px;
}
.sc_layouts_menu_nav>li.current-menu-item>a, .sc_layouts_menu_nav>li.current-menu-parent>a, .sc_layouts_menu_nav>li.current-menu-ancestor>a {
	font-weight: 300!important;
}
.top_panel {
	margin-bottom: 0em !important;
}

/***** SUB-MENU *****/
.sc_layouts_menu_nav > li ul {
	width: 15.2em !important;
}
.sc_layouts_menu_nav > li > ul {
	margin-left:-7.5em !important;
}
.sc_layouts_menu_nav > li > ul ul {
	left: 15.2em !important;
}

/***** HEADER STRANE *****/   /* 1920x465px */
#header_strane .breadcrumbs {
	font-family: "Yanone";
	font-weight: 400;
	font-size: 1.5em;
}

/***** ZUPA *****/
#zupa {
	background-position: 0 40px !important;
}
.sc_content_grey {
	padding-bottom: 4.2rem;
}

/***** MANIFESTACIJE *****/
.manifestacije_desno > div > div {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.dogadjaj {
	/* padding: 70px 15px !important; */
	border: 1px solid #fff;
	padding: 3% 15px 0px !important;
}
#manifestacije h6,
#manifestacije_2 h6 {
	text-align: left !important;
}
#manifestacije .dogadjaj h4.naslov,
#manifestacije_2 .dogadjaj h4.naslov {
	font-size: 1.5em!important;
	color: #000 !important;
	text-align: center;
}
#manifestacije .dogadjaj .slika,
#manifestacije_2 .dogadjaj .slika {
	max-width: 70%;
	margin: 0 auto; 
	display: block;
}
#manifestacije_2 h2 {
	font-size: 3em !important;
}

/* #manifestacije_2 .sc_content_width_1_3 {
		width: 90% !important;
        margin: 0 5% !important;
	} */
#manifestacije_2 .manifestacije_levo > div {
/*		background: #F8F9F4 !important; */
	}
#manifestacije_2 .dogadjaj  {
	padding-top: 3% !important;
}
#manifestacije_2 .dogadjaj h4.naslov {
	font-size: 1.2em !important;
}
#manifestacije_3 .opis {
	width: 100% !important;
}
#manifestacije_3_1 .manifestacije_levo > div > div {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
#manifestacije_3_1 .dogadjaj {
	padding: 0 15px 3% !important;
}
#manifestacije_3_1 .dogadjaj h4.naslov {
	font-size: 3.2vw !important;
}
/***** FOOTER *****/
#footer_to {
	padding: 1.4rem 0 !important;
}
#footer_to {
	text-align: center !important;
	font-family: "Yanone";
	font-weight: 400;
	font-size: 20px;
}
#footer_to .social_icon {
	background-color: #e7ebd9;
}
#footer_to .social_icon:hover {
	background-color: #ad3335;
}


/***** GALERIJA SLIKA *****/
a[rel="magnific"]:has(.magnific_wrap) {
	margin-left: 0 !important;
}



/*----------------------------------------------*/

/***** MEDIA QUERIES *****/

@media (max-width: 1450px) {
	h2,
	#vesti h2,
	#kontakt h2,
	#kontakt_strana h2,
	#kontakt_forma h2	{
		font-size: 54px !important;
	}
	#zupa h2 {
		font-size: 40px !important;
	}
}
@media (max-width: 1300px) {
	#manifestacije .dogadjaj h4.naslov {
		font-size: 1.2em !important; 
	}
	#manifestacije .dogadjaj {
		padding-top: 10% !important;
	}
}
@media (max-width: 1023px) {
	#manifestacije .sc_content_width_1_3 {
		width: 90% !important;
        margin: 0 5% !important;
	}
	.manifestacije_levo > div {
/*		background: #F8F9F4 !important; */
	}
#manifestacije_3 .manifestacije_levo h2,
#manifestacije_3 .manifestacije_levo .opis,
#manifestacije_3 .manifestacije_levo .opis .sc_align_right	{
		text-align: center !important;
		margin-left: 0 !important;
		background: none !important;
	}
}

@media (max-width: 768px) {
	#manifestacije_3_1 .dogadjaj {
		width: 50% !important;
		padding-top: 0 !important;
	}
	#manifestacije_3_1 .dogadjaj .slika {
		margin-top: -25px !important;
	}
	.gallery.gallery-columns-4 .gallery-item {
		width: 50% !important;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	h2,
	#vesti h2,
	#kontakt h2,
	#kontakt_strana h2,
	#kontakt_forma h2 {
		font-size: 48px !important;
	}
	#zupa h2 {
		font-size: 34px !important;
	}
}
@media (min-width: 601px) and (max-width: 767px) {
	h2,
	#vesti h2,
	#kontakt h2,
	#kontakt_strana h2,
	#kontakt_forma h2	{
		font-size: 48px !important;
	}
}

@media (max-width: 600px) {
	h2,
	#vesti h2,
	#kontakt h2,
	#kontakt_strana h2,
	#kontakt_forma h2 {
		font-size: 34px !important;
	}
}

@media (max-width: 480px) {
	h2,
	#vesti h2,
	#kontakt h2,
	#kontakt_strana h2,
	#kontakt_forma h2 {
		font-size: 36px !important;
	}
	#zupa h2 {
		font-size: 34px !important;
	}
}