/*
Theme Name: BB Plavi pixel
Theme URI: http://plavipixel.hr
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Plavi pixel
Author URI: http://plavipixel.hr
template: bb-theme
*/

/* Add your custom styles here... */




@font-face {
    font-family: 'houschka_probold';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-bold-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'houschka_probold_italic';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-bolditalic-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_prodemibold';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-demibold-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-demibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_prodemibold_italic';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-demibolditalic-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-demibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_proextrabold';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-extrabold-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_proextrabold_italic';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-extrabolditalic-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_prolight';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-light-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_prolight_italic';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-lightitalic-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_promedium_italic';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-medium_italic-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-medium_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_promedium';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-medium-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_prothin';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-thin-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'houschka_prothin_italic';
    src: url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-thinitalic-webfont.woff2') format('woff2'),
         url('https://eurostrings.net/aps/themes/b-plavi-pixel/fonts/houschkapro-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


#wpadminbar {
  background: #0073aa!important;
}



/* 
 * 
 * =========== GLOBAL ===========
 * 
*/

	body {
		font-family: 'houschka_promedium'!important;
	}

h1, h1 span, h2, h2 span, h3, h3span, h4, h4 span, h5, h5 span {
		font-family: 'houschka_probold'!important;
	}

	a:hover, a:focus {
		text-decoration: none!important;
	}

	:hover {
		-webkit-transition: All 0.2s ease;
		-moz-transition: All 0.2s ease;
		-o-transition: All 0.2s ease;
		-ms-transition: All 0.2s ease;
		transition: All 0.2s ease;
	}

	.h2-probold span {
		font-family: 'houschka_probold';
	}

	.f-right {
		float:right
	}

	.pp-blue-subtitle {
		color: #042468;
		font-size: 30px;
	}

	.pp-gold-subtitle {
		color: #c3996b;
		font-size: 30px;
		padding-bottom: 20px;
	}

	.pp-gold-title {
		color: #c3996b;
		font-size: 30px;
	}

/* 
 * 
 * =========== HEADER ===========
 * 
*/

ul#menu-main-menu {
    display: flex;
    justify-content: space-between;
}


/* logo */

	.logo img{
		width: 190px;
	}

/* naslov */
	.top-h1 h1 {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 22px;
		font-weight: 400;
		letter-spacing: 7px;
		margin: 0;
	}


/* ikone */

	.top-icons {
		display: flex;
		justify-content: flex-end;
	}

	.top-icons a {
		width: 50px;
		height: 50px;
		background: #ffffff2e;
		margin: 2px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.top-icons a:hover {
		background: #ffffff61;
	}


	.top-icons .fa-twitter {
		font-size: 22px;
	}

	.top-icons .fa-youtube-play {
		font-size: 22px;
	}

	.top-icons .fa-instagram {
		font-size: 29px;
	}

	.top-icons .fa-facebook-official {
		font-size: 34px;
	}


/* menu */

	#menu-main-menu a:hover,
	#menu-main-menu current_page_item a{
    background-color: #c3996b;
	}


	#menu-main-menu a:hover,
	#menu-main-menu .current_page_item a{
    background-color: #c3996b;
	}


	#menu-top-menu a:hover,
	#menu-top-menu .current_page_item a{
		color: #042468;
	}


/* 
 * 
 * =========== SLIDER ===========
 * 
*/


	.slider__calendar-name div,
	.slider__month div {
		font-family: 'houschka_probold'!important;
	}


	.slider__date div p,
	.slider__city div,
	.slider__festival-name div {
		font-family: 'houschka_prolight'!important;
	}

	.slider__border-gold div {
		border-left: 1px solid #c3996b;
		padding-left: 10px;
	}

	.slider__border-white div {
		border-left: 1px solid #ffffff;
		padding-left: 10px;
	}


	.slider__city div {
		border-left: 1px solid;
		padding-left: 10px;
	}

	.slider__gold {
		color: #c3996b!important;
	}


	.slider__blue {
		color:#042468!important;
	}


	.slider__white {
		color: #ffffff!important;
	}


/* 
 * 
 * =========== BOTTOM ===========
 * 
*/

/* newsletter buton */
	.bottom__newsletter-buton a {
		padding: 14px 100px!important;
	}

	.footer p {
		font-size: 14px;
	}


/* 
 * 
 * =========== FRONT PAGE ===========
 * 
*/

/* news */

	.front__news-block .fl-post-grid-post {
		border: none;
	}

	.front__news-conteiner {
		display: flex;
	}

	.front__news-content {
		display: flex;
	}

	.front__news-image {
		margin-right: 20px;
		width: 230px;
    	height: 230px;
	}

	.front__news-image img {
		min-width: 230px;
    	height: 230px;
	}

	.front__news-content {
		display: flex;
		flex-direction: column;
		border-top: 1px solid #C3996B;
		border-bottom: 1px solid #C3996B;
		width: 100%;
	}

	.front__news-content-page {
		border-top: 1px solid #C3996B;
		border-bottom: 1px solid #C3996B;
		width: 100%;
	}

	h3.front__news-h3 a {
		color: #C3996B;
		font-size: 24px;
		font-family: 'houschka_prodemibold';
	}

	.front__news-date {
		padding-top: 10px;
		font-size: 20px;
		font-family: 'houschka_probold';
	}


	.page__news-block .fl-post-grid-post {
		border: 0;
	}

	.arrow-link {
		float: right;
	}

	.home__eurostring-intro p {
		font-size: 19px;
		padding-bottom: 15px;
	}
/* 
 * 
 * =========== FRONT PAGE ===========
 * 
*/

/* Inner H1 */


	.inner__h1-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.inner__h1-h1 {
		color: #C3996B;
		font-size: 50px;
		font-family: 'houschka_probold';
	}

	.inner__h1-left-right-border {
		width: 20%;
		border-bottom: 1px solid #C3996B;
	}

	.inner__h1-left-top-border {
		width: 40%;
		border-bottom: 1px solid #C3996B;
	}

	span.inner__h1-big-border {
		width: 70%;
		border-bottom: 1px solid #C3996B;
		padding-top: 50px;
		display: block;
		float: right;
	}


/* Young stars loop */

	.young__loop img {
		border-radius: 50%!important;
	}

	.ppack__young--stars-loop img {
		border-radius: 50%;
	}
	.young__loop .uabb-cat-links {
		color: #c3996b;
		font-size: 18px;
	}

	 .ppack__young--stars-loop .pp-content-post {
		 border-bottom: 1px solid #c3996b;
	 }

/* RESEARCH / STUDEYS / SURVEYS */

	.researcs_media {
		padding: 10px 0;
	}


	.research__news-block h3 a{
		text-transform: uppercase;
	}

	.research__news-block .fl-post-grid-post {
		border: 0;
	}


/* MEMBERS */


/* single */

	.member__single-top{
		text-align: right;
		border-top: 1px solid #C3996B;
	}


	.member_single-link{
		text-align: right;
		border-bottom: 1px solid #C3996B;
		padding-bottom:20px
	}


	.member__single-top h1{
		color: #042468;
	}

	.member__single-top h3{
		color: #C3996B;
	}

	.members__news-block .fl-post-grid-post {
		border: none;
	}

	.member_single-link a {
		color: #042468;
		font-size: 30px;
	}

/* MEDIA */

	.media__block .fl-post-grid-post {
		border: 0;
	}


	.media__inner {
		display: flex;
	}

	.media__excerpt {
		width: 90%;
	}

	.media__block .front__news-date {
		color: #c3996b;
	}


/* Countries test */

	.countries__news-content {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}


	h3.ecgf__h3.front__news-h3 a {
		font-size: 20px;
	}

	h3.ecgf__h3.front__news-h3 {
		margin: 0;
	}


/* video zid */

.video_zid-loop {
    display: flex;
    flex-wrap: wrap;
}

.w--50 {
    width: 48%;
    margin: 1%;
}

.video_zid-loop h3 {
    min-height: 60px;
}



/* Brošura */

.festival--h1 {
    color: #323183
}

span.border--gold-top-3 {
    border-top: 3px solid #c3996b;
    display: block;
    width: 250px;
    margin-top: -35px;
    margin-bottom: -20px;
}

.border--gold-bottom-1 {
    
}

.gold--text {
    color:#c3996b!important;
}

.blue--text {
    color:#323183!important;
}

.white--text {
    color:#ffffff!important;
}

.festival--year {
        color: #C3996B;
            transform: rotate(-90deg);
    font-size: 25px;
    border-bottom: 1px solid #C3996B;
    text-align: right;
}

.col--light-blue {
	color: #32318370
}

.festival--laurates{
    color: #323183;
    border-bottom: 5px solid #C3996B;
}

.col--gold {
    color: #C3996B!important;
}

.font--normal,
.font--normal span {
	font-family: 'houschka_promedium'!important;
}

.quote {
    font-size:27px;
    max-width:30ch;
    margin:0 auto;
}

.margin--0-auto {
    margin:0 auto;
}

.text--center {
    text-align: center
}

.flex--center {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    flex-direction: column;
}

.ch--80-left {
    max-width: 80ch;
}

.ch--80-center {
    max-width: 80ch;
    margin: 0 auto;
}

/* ------------------   RESPONSIVE   ---------------- */


	/* Ispod */
		@media only screen and (max-width: 1200px) {

		.front__news-block .fl-post-grid {
			display: flex;
			flex-direction: column;
		}

		.front__news-block .fl-post-column {
			width: 100%;
		}
		.front__news-conteiner {
			display: flex;
			flex-wrap: wrap;
		}

	}

/* Ispod */
	@media only screen and (max-width: 992px) {
		.top-icons {
			display: flex;
			justify-content: center;
		}
	}
	
/* Ispod */
	@media only screen and (max-width: 779px) {

.festival--year {
        color: #C3996B;
    transform: none;
    font-size: 25px;
    border-bottom: 1px solid #C3996B;
    text-align: right;
}
}


/* Ispod */
	@media only screen and (max-width: 750px) {

		h1.inner__h1-h1 {
			font-size: 25px;
		}
		
		.bottom__newsletter-buton a {
    		padding: 14px 50px!important;
		}

		.inner__h1-content,
		span.inner__h1-big-border {
			display:none;
		}
		
		.front__news-conteiner {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		
		.m--text-center p {
    text-align: center!important;
}
		
	}


/* Ispod */
	@media only screen and (max-width: 600px) {

		.top-h1 h1 {
			font-size: 11px;
			letter-spacing: 5px;
		}
		
		.fl-node-5aa11206d4cd7 .fl-post-grid {
			margin-left: 0;
			margin-right: 0;
		}
		
		.w--50 {
            width: 98%;
            margin: 1%;
        }
	}