@charset "UTF-8";
/*  Copyright 2021 Videor o.d. www.videor.ba All rights reserved. */
@font-face { font-family: 'Redaction'; src: url('https://westernbalkanscenter.org/files/redaction/Redaction-Bold.woff2') format('woff2'); } 
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; word-wrap: break-word; height: 100%; }
body { height: 100%; margin: 0; padding: 0; background-color: #fff;
font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px; line-height: 1; color: #000; }



.clearing {	clear: both; }
.mobile-tablet-off { display: block; }
.mobile-tablet-on { display: none; }
.mobile-off { display: block; }
.mobile-on { display: none; }
.aname-offset { top: -50px; position: relative; visibility: hidden; }
#ontop { color: #000; font-size: 27px; transition: bottom 1s; bottom: -100px; right: 30px; display: block; position: fixed; z-index: 10000; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); text-decoration: none!important; }
#ontop:hover { color: #555; transition: .5s ease; }	
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.content-align-frame { display: block; position: relative!important; width: 100%; height: 100%; }
.content-center { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: 100%; }
.content-top-center { display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); z-index: 50; width: 100%; }
.content-bottom-center { display: block; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); z-index: 50; width: 100%; }
.content-bottom-left { display: block; position: absolute; bottom: 0; left: 0; z-index: 50; width: 100%; }
.content-bottom-right { display: block; position: absolute; bottom: 0; right: 0; z-index: 50; width: 100%; }
.content-top-left { display: block; position: absolute; top: 0; left: 0; z-index: 50; width: 100%; }
.content-top-right { display: block; position: absolute; top: 0; right: 0; z-index: 50; width: 100%; }
.content-middle-left { display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: 50; width: 100%; }
.content-middle-right { display: block; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 50; width: 100%; }

.image-circle { position: relative; width: 100%; padding-bottom: 100%; border-radius: 50%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }
.image-square { position: relative; width: 100%; padding-bottom: 100%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; }

@media only screen and (max-width: 1220px) { }

@media only screen and (max-width: 1024px) {
body { font-size: 16px; line-height: 20px; }
.mobile-tablet-off { display: none; }
.mobile-tablet-on { display: block; }
}
	
@media only screen and (max-width: 768px) {
body { font-size: 13px; line-height: 1; }
.mobile-off { display: none; }
.mobile-on { display: block; }
}

	

a {	/* font-family: serif; */ font-weight: 700; color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; transition: .5s ease; }





.block-header-frontpage .desktop-menu-item { color: #fff; }
.block-header-frontpage .desktop-menu-item:hover { color: #BFA359; }
.block-header-frontpage .desktop-menu-submenu { box-shadow: 15px 15px 30px 0px rgba(0,0,0,0.5); }
.block-header-frontpage .desktop-menu-subitem { color: #fff; background: rgba(0,0,0,0.5); }
.block-header-frontpage .desktop-menu-subitem:hover { color: #fff; background-color: #BFA359; }

.wbc-section-0 { display: flex; align-items: center; width: 100%; position: relative; padding: 0; }
.wbc-section-1 { color: #000; border: 1.5px solid #BFA359; font-size: 13px; padding: 4px 8px 3px 8px; line-height: 1; font-weight: 700; text-transform: uppercase; text-decoration: none; z-index: 1; position: relative; margin: 0; border-radius: 2px; }
.wbc-section-1:hover { background-color: #BFA359; color: #fff; text-decoration: none; }
.wbc-section-2 { color: #000; border: 1.5px solid #BFA359; font-size: 13px; padding: 4px 8px 3px 8px; line-height: 1; font-weight: 700; text-transform: uppercase; text-decoration: none; z-index: 1; position: relative; margin: 0; border-radius: 2px; }
.wbc-section-line { flex: 1; height: 1.5px; background-color: #ddd; }

.wbc-box-1 { width: 100%; height: 100%; padding: 30px; }
.wbc-box-1 .wbc-naslov-1-link { color: #fff; }
.wbc-box-1 .wbc-naslov-1-link:hover { color: #BFA359; }
.wbc-box-1 .wbc-intro-1 { color: #fff; }
.wbc-box-1 .wbc-info-1 { color: #fff; }

.wbc-box-2 { width: 100%; height: 100%; padding: 15px; }
.wbc-box-2 .wbc-naslov-3-link { color: #fff; }
.wbc-box-2 .wbc-naslov-3-link:hover { color: #BFA359; }
.wbc-box-2 .wbc-info-3 { color: #fff; }

.wbc-box-3 .wbc-naslov-1-link { color: #fff; }
.wbc-box-3 .wbc-naslov-1-link:hover { color: #BFA359; }
.wbc-box-3 .wbc-intro-1 { color: #fff; }
.wbc-box-3 .wbc-naslov-3-link { color: #fff; }
.wbc-box-3 .wbc-naslov-3-link:hover { color: #BFA359; }
.wbc-box-3 .wbc-info-3 { color: #fff; }

.wbc-box-3 { display: block; position: absolute; bottom: 0; left: 0; padding: 30px; text-align: left; color: #fff; z-index: 51;  }
.wbc-box-4 { display: block; position: absolute; top: 0; right: 0; padding: 30px; text-align: right; color: #fff; z-index: 51;  }
.wbc-box-5 { display: block; position: absolute; top: 0; left: 0; padding: 30px; text-align: left; color: #fff; z-index: 51; }

.wbc-boxes-1 { display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; z-index: 50; }

.wbc-podcast-icon { display: block; position: absolute; top: 10px; right: 10px; width: 30px; z-index: 50; }

.wbc-line-1 { background-color: #BFA359; display: block; width: 60px; height: 1.5px; margin: 12px 0 12px 0; border-radius: 2px; }
.wbc-line-2 { background-color: #BFA359; display: block; width: 45px; height: 1.5px; margin: 12px 0 10px 0; border-radius: 2px; }
.wbc-line-3 { background-color: #BFA359; display: block; width: 30px; height: 1.5px; margin: 10px 0 10px 0; border-radius: 2px; }

.wbc-image-hd { margin: 0 0 15px 0; position: relative; width: 100%; padding-bottom: 56.25%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; border-radius: 4px; }
.wbc-image-sq { margin: 0; position: relative; width: 100%; padding-bottom: 100%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; border-radius: 4px; }
.wbc-image-por { margin: 0; position: relative; width: 100%; padding-bottom: 140%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; border-radius: 4px; }
.wbc-image-lan { margin: 0; position: relative; width: 100%; padding-bottom: 33.33%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; border-radius: 4px; }
.wbc-image-overlay-1 { background: rgb(0,0,0,0); width: 100%; height: 100%; position: absolute; cursor: pointer; border-radius: 4px; }
.wbc-image-overlay-1:hover { background: rgb(0,0,0,0.5); transition: .5s ease; }
.wbc-image-overlay-2 { background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.60) 25%, rgba(255,255,255,0) 50%); width: 100%; height: 100%; position: absolute; cursor: pointer; border-radius: 4px; }
.wbc-image-overlay-3 { background: rgb(0,0,0,0.69); width: 50%; height: 100%; position: absolute; top: 0; right: 0; cursor: pointer; border-radius: 4px; }

.wbc-frontpage-1 { text-align: center; font-family: 'Redaction', sans-serif; color: #BFA359; font-weight: 400; font-size: 45px; line-height: 1; margin: 90px 0 20px 0; display: block; }
.wbc-frontpage-2 { display: block; width: 66.66%; text-align: center; margin: 0 auto 0 auto; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px; line-height: 1.2; color: #fff; }

.wbc-button-1 { color: #000; background-color: #BFA359; font-weight: 700; font-size: 15px; line-height: 1; display: inline-block; padding: 7px 10px 5px 10px; margin: 30px 0 15px 0; border-radius: 2px; text-transform: uppercase; }
.wbc-button-1:hover { background-color: #000; color: #fff; text-decoration: none; }
.wbc-button-2 { color: #000; background-color: #BFA359; font-weight: 700; font-size: 14px; line-height: 1; display: inline-block; padding: 5px 8px 4px 8px; margin: 15px 0 0px 0; border-radius: 2px; text-transform: uppercase; }
.wbc-button-2:hover { background-color: #fff; color: #000; text-decoration: none; }

.wbc-nadnaslov-1 { font-weight: 700; font-size: 15px; line-height: 1; color: #fff; display: inline-block; padding: 7px 10px 5px 10px; margin: 0 0 15px 0; border-radius: 2px; text-transform: uppercase; background-color: #BFA359; }
.wbc-naslov-1 { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 36px; line-height: 1; display: block; margin: 0; }
.wbc-naslov-1-link { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 36px; line-height: 1; display: block; margin: 0; }
.wbc-naslov-1-link:hover { text-decoration: none; color: #BFA359; }
.wbc-info-1 { font-weight: 400; font-size: 16px; line-height: 1; color: #999; display: block; margin: 0; }
.wbc-intro-1 { font-weight: 400; font-size: 17px; line-height: 1; color: #000; display: block; margin: 15px 0 0 0; }

.wbc-nadnaslov-2 { font-weight: 700; font-size: 13px; line-height: 1; color: #fff; display: inline-block; padding: 7px 10px 5px 10px; margin: 0 0 12px 0; border-radius: 2px; text-transform: uppercase; background-color: #BFA359; }
.wbc-naslov-2-link { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 28px; line-height: 1; display: block; margin: 0; }
.wbc-naslov-2-link:hover { text-decoration: none; color: #BFA359; }
.wbc-info-2 { font-weight: 400; font-size: 14px; line-height: 1; color: #999; display: block; margin: 0; }
.wbc-intro-2 { font-weight: 400; font-size: 14px; line-height: 1; color: #000; display: block; margin: 12px 0 0 0; }

.wbc-nadnaslov-3 { font-weight: 700; font-size: 10px; line-height: 1; color: #fff; display: inline-block; padding: 4px 6px 3px 6px; margin: 0 0 10px 0; border-radius: 2px; text-transform: uppercase; background-color: #BFA359; }
.wbc-naslov-3-link { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 20px; line-height: 1; display: block; margin: 0; }
.wbc-naslov-3-link:hover { text-decoration: none; color: #BFA359; }
.wbc-info-3 { font-weight: 400; font-size: 11px; line-height: 1; color: #999; display: block; margin: 0; }

.wbc-label { position: absolute; top: 15px; right: 15px; font-weight: 900; font-size: 11px; line-height: 1; color: #fff; display: inline-block; margin: 0; text-transform: uppercase; }

.wbc-event-datum-1 { display: block; position: relative; margin: 0; width: 70px; border-left: 3px solid #000; border-right: 3px solid #000; text-align: center; border-radius: 4px; }
.wbc-event-mjesec-1 { font-weight: 700; font-size: 18px; line-height: 1; display: block; position: relative; margin: 0; width: 100%; padding: 4px; color: #fff; background-color: #000; }
.wbc-event-dan-1 { font-weight: 700; font-size: 36px; line-height: 0.9; display: block; position: relative; margin: 0; padding: 4px; color: #000; background-color: #BFA359; }
.wbc-event-godina-1 {  font-weight: 700; font-size: 18px; line-height: 1; display: block; position: relative; margin: 0; padding: 4px; color: #fff; background-color: #000; }

.wbc-event-datum-2 { display: block; position: relative; margin: 0; width: 50px; border-left: 3px solid #000; border-right: 3px solid #000; text-align: center; border-radius: 2px; }
.wbc-event-mjesec-2 { font-weight: 700; font-size: 13px; line-height: 1; display: block; position: relative; margin: 0; width: 100%; padding: 4px; color: #fff; background-color: #000; }
.wbc-event-dan-2 { font-weight: 700; font-size: 26px; line-height: 0.9; display: block; position: relative; margin: 0; padding: 4px; color: #000; background-color: #BFA359; }
.wbc-event-godina-2 {  font-weight: 700; font-size: 13px; line-height: 1; display: block; position: relative; margin: 0; padding: 4px; color: #fff; background-color: #000; }

.wbc-event-city-1 { font-weight: 700; font-size: 20px; line-height: 1; color: #fff; display: block; position: relative; margin: 0; width: 80%; }
.wbc-event-country-1 { font-weight: 700; font-size: 20px; line-height: 1; color: #BFA359; display: block; position: relative; margin: 5px 0 0 0; width: 80%; }

.wbc-event-city-2 { font-weight: 700; font-size: 15px; line-height: 1; color: #fff; display: block; position: relative; margin: 0; width: 80%; }
.wbc-event-country-2 { font-weight: 700; font-size: 15px; line-height: 1; color: #BFA359; display: block; position: relative; margin: 5px 0 0 0; width: 80%; }

.wbc-person { text-align: center; padding: 0 15px 0 15px; }
.wbc-person-head { width: 100%; max-width: 120px; margin: 0 auto 15px auto; }
.wbc-person-name { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 20px; line-height: 1; margin: 0 0 10px 0; display: block; }
.wbc-person-title { color: #999; font-weight: 500; font-size: 13px; line-height: 1; margin: -5px 0 10px 0; display: block; }
.wbc-person-info { color: #BFA359; font-weight: 800; font-size: 11px; line-height: 1; margin: -5px 0 10px 0; display: block; text-transform: uppercase; }

.wbc-pagination { display: block; margin: 15px 0 15px 0; text-align: center; padding: 0px; list-style: none!important; }
.wbc-pagination li::before { content: none; }
.wbc-pagination li { display: inline-block; margin-left: 5px!important; margin-right: 5px!important; vertical-align: middle; padding: 0; }
.wbc-pagination li a { display: block; color: #999; font-weight: 600; font-size: 16px; text-decoration: none; margin: 0; }
.wbc-pagination li a:hover { color: #000; text-decoration: none; transition: .5s ease; }
.wbc-pagination li .active { color: #000; }

.wbc-head-1 { width: 100%; max-width: 120px; margin: 0 auto 15px auto; }



@media only screen and (max-width: 1220px) { 
.wbc-nadnaslov-1 { font-size: 14px; padding: 7px 10px 5px 10px; margin: 0 0 15px 0; }
.wbc-naslov-1-link { font-size: 30px; }
.wbc-info-1 { font-size: 15px; }
.wbc-intro-1 { font-size: 16px; margin: 15px 0 0 0; }
    
    
   
    
}

@media only screen and (max-width: 1024px) {
.wbc-boxes-1 { width: 75%; }
.wbc-image-overlay-3 { width: 75%; }
.wbc-image-lan { padding-bottom: 56.25%; }
.wbc-box-1 { padding: 15px; }
.wbc-nadnaslov-1 { font-size: 13px; padding: 7px 10px 5px 10px; margin: 0 0 15px 0; }
.wbc-naslov-1-link { font-size: 26px; }
.wbc-info-1 { font-size: 14px; }
.wbc-intro-1 { font-size: 15px; margin: 15px 0 0 0; }

}
	
@media only screen and (max-width: 768px) {
 
.wbc-box-1 { padding: 10px; } 
.wbc-box-2 { padding: 10px; }    
.wbc-box-3 { padding: 15px; } 
.wbc-box-4 { padding: 15px; } 
.wbc-box-5 { padding: 15px; }     
    
.wbc-section-1 { font-size: 11px; padding: 5px 8px 4px 8px; border: 1px solid #BFA359; }
.wbc-section-2 { font-size: 11px; padding: 5px 8px 4px 8px; border: 1px solid #BFA359; }
.wbc-section-line { height: 1px; }    
    
.wbc-frontpage-1 { font-size: 30px; margin: 30px 0 15px 0; }
.wbc-frontpage-2 { width: 90%; font-size: 14px; line-height: 1.2; }

.wbc-button-1 { font-size: 11px; padding: 5px 8px 4px 8px; margin: 15px 0 15px 0; }
.wbc-button-2 { font-size: 11px; padding: 5px 8px 4px 8px; margin: 5px 0 0 0; }    
    
.wbc-line-1 { height: 0; margin: 10px 0 10px 0; }
.wbc-line-2 { height: 0; margin: 7px 0 7px 0; }
.wbc-line-3 { height: 0; margin: 5px 0 5px 0; }    
    
.wbc-image-hd { margin: 0 0 5px 0; }
.wbc-image-overlay-2 { background: linear-gradient(0deg, rgba(0,0,0,0.60) 25%, rgba(255,255,255,0) 75%); }
    
.wbc-nadnaslov-1 { font-size: 12px; padding: 5px 9px 4px 9px; margin: 0 0 8px 0;  }
.wbc-naslov-1 { font-size: 26px; line-height: 1; }
.wbc-naslov-1-link { font-size: 26px; line-height: 1; }
.wbc-info-1 { font-size: 11px; }
.wbc-intro-1 { font-size: 13px; margin: 8px 0 0 0; }

.wbc-nadnaslov-2 { font-size: 11px; padding: 4px 8px 3px 8px; margin: 0 0 8px 0; }
.wbc-naslov-2-link { font-size: 21px; }
.wbc-info-2 { font-size: 9px; }
.wbc-intro-2 { font-size: 11px; margin: 8px 0 0 0; }

.wbc-nadnaslov-3 { font-size: 8px; padding: 3px 6px 3px 6px; margin: 0 0 5px 0; }
.wbc-naslov-3-link { font-size: 13px; line-height: 1; }
.wbc-info-3 { font-size: 8px; }

.wbc-box-1 .wbc-naslov-1 { font-size: 18px; line-height: 1; }
.wbc-box-1 .wbc-intro-1 { font-size: 12px; margin: 5px 0 0 0; }
.wbc-box-2 .wbc-naslov-1 { font-size: 18px; line-height: 1; }
.wbc-box-2 .wbc-intro-1 { font-size: 12px; margin: 5px 0 0 0; }
.wbc-box-3 .wbc-naslov-1 { font-size: 18px; line-height: 1; }
.wbc-box-3 .wbc-intro-1 { font-size: 12px; margin: 5px 0 0 0; }
.wbc-box-2 .wbc-naslov-2 { font-size: 18px; line-height: 1; }
.wbc-box-2 .wbc-intro-2 { font-size: 12px; margin: 5px 0 0 0; }
.wbc-box-3 .wbc-naslov-3-link { font-size: 18px; line-height: 1; }
.wbc-box-3 .wbc-intro-3-link { font-size: 12px; margin: 5px 0 0 0; }
    
.wbc-event-datum-1 { width: 45px; }
.wbc-event-mjesec-1 { font-size: 13px; }
.wbc-event-dan-1 { font-size: 25px; }
.wbc-event-godina-1 { font-size: 13px; }
    
.wbc-event-datum-2 { width: 45px; }
.wbc-event-mjesec-2 { font-size: 13px; }
.wbc-event-dan-2 { font-size: 25px; }
.wbc-event-godina-2 { font-size: 13px; }

.wbc-event-city-1 { font-size: 13px; }
.wbc-event-country-1 { font-size: 13px; }
    
.wbc-event-city-2 { font-size: 13px; }
.wbc-event-country-2 { font-size: 13px; }
    
.wbc-label { top: 10px; right: 10px; font-size: 8px; }    
    
}





/*  TEXT */
.text { }
.text p { font-family: "Roboto Slab", serif; font-size: 15px; line-height: 1.5; margin: 0 0 15px 0; width: 98%; }
.text p:last-child { margin-bottom: 0px!important; }
.text a { font-weight: 700; color: #000; text-decoration: none; }
.text a:hover { color: #000; text-decoration: underline; transition: .5s ease; }
.text ol { font-family: "Roboto Slab", serif; padding: 0; margin-top: 0; margin-left: 30px; margin-bottom: 15px; list-style: none; counter-reset: my-awesome-counter; }
.text ol li { font-size: 16px; line-height: 1.4; margin-left: 0px; text-indent: 0em; padding-bottom: 15px; counter-increment: my-awesome-counter; }
.text ol li::before { color: #BFA359; font-weight: 700; content: counter(my-awesome-counter) ". "; margin-right: 5px; }
.text ol li:last-child { padding-bottom: 0px; }
.text ul { font-family: "Roboto Slab", serif; list-style: none; padding: 0; margin-top: 0; margin-right: 0; margin-left: 30px; margin-bottom: 15px; }
.text ul li::before { content: "• "; font-weight: 900; color: #BFA359!important; padding-right: 5px; padding-left: 15px;}
.text ul li { font-size: 16px; line-height: 1.4; padding-left: 15px; text-indent: -1.5em; padding-bottom: 15px; }
.text ul li:last-child { padding-bottom: 0px; }
.text .nadnaslov { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 14px; line-height: 1; color: #fff; display: inline-block; width: auto; margin: 0 0 15px 0; padding: 5px 8px 4px 8px; border-radius: 2px; text-transform: uppercase; background-color: #BFA359; }
.text .podnaslov { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 25px; line-height: 1; margin: -5px 0 0 0; display: block; width: 90%; }
.text h1 { text-align: left; font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 45px; line-height: 1; margin: 0 0 15px 0; display: block; width: 90%; }
.text h2 { font-weight: 700; font-size: 35px; line-height: 1; margin: 30px 0 15px 0!important; display: block; }
.text h3 { font-weight: 700; font-size: 30px; line-height: 1; margin: 30px 0 15px 0!important; display: block; }
.text h4 { font-weight: 700; font-size: 25px; line-height: 1; margin: 30px 0 15px 0!important; display: block; }
.text h5 { font-weight: 700; font-size: 20px; line-height: 1; margin: 30px 0 15px 0!important; display: block; }
.text h6 { text-align: left; font-weight: 400; font-size: 13px; line-height: 1.2; color: #000; padding: 10px 0 0 0; margin: -30px auto 30px auto; display: block; }
.text .info { font-weight: 400; font-size: 15px; line-height: 1; color: #999; display: block; margin: 0 0 15px 0!important; }
.text .intro { font-size: 18px; line-height: 1.2; font-weight: 600; display: block; margin: 0 0 0 0; width: 90%; }
.text blockquote p { font-style: italic; font-weight: 500; font-size: 16px; line-height: 25px; color: #000; margin-top: 30px!important; margin: 0 0 30px 30px!important; padding-left: 15px; text-align: left!important; border-left: 2px solid #BFA359; }
.text img { margin-bottom: 30px; margin-top: 30px; display: block; width: 75%; height: auto; margin-left: auto; margin-right: auto; border-radius: 4px; }
.text .main-image { position: relative; display: block; width: 100%;  margin-bottom: 30px; padding-bottom: 50%; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; border-radius: 4px; }
.text .wbc-person-text { display: inline-block; width: 100%; text-align: center; vertical-align: top; padding: 0 0 30px 0; }
.text .wbc-person-text-head { width: 100%; max-width: 90px; margin: 0 auto 10px auto; }
.text .wbc-person-text-name { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 17px; line-height: 1; margin: 0 0 0 0; display: block; }
.text .wbc-person-text-title { color: #999; font-family: 'Roboto', sans-serif!important; font-weight: 400!important; font-size: 11px; line-height: 1; margin: 0 0 10px 0; display: block; }
.text .soundcloud { position: relative; padding-bottom: 20%; height: 0; overflow: hidden; max-width: 100%; margin: 0 0 30px 0; } 
.text .soundcloud iframe, .soundcloud object, .soundcloud embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.text-info { text-align: center; padding: 0 15px 0 15px; }
.text-info p { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.2; margin: 0 0 10px 0; }
.text-info h1 { font-family: 'Redaction', sans-serif; font-weight: 400; font-size: 23px; line-height: 1; margin: 0 0 10px 0; display: block; }
.text-info h3 { color: #999; font-weight: 500; font-size: 14px; line-height: 1; margin: -5px 0 10px 0; display: block; }
.text-info .read-more-toggle { color: #BFA359; font-weight: 700; font-size: 11px; line-height: 1; display: inline-block; padding: 0 0 5px 0; margin: 0 0 0 5px; text-transform: uppercase; }
.text-info .read-more-toggle:hover { color: #000; text-decoration: none; transition: .5s ease; }


@media only screen and (max-width: 1220px) { }
@media only screen and (max-width: 1024px) { 
.text .wbc-person-text { width: 25%; padding: 0 0 15px 0; }
.text .wbc-person-text-head { max-width: 60px; }
.text .wbc-person-text-name { font-size: 15px; }
.text .wbc-person-text-title { font-size: 9px; }
    
.text-info { padding: 0 10px 0 10px; }
}
	
@media only screen and (max-width: 768px) {
.text p { font-size: 14px; line-height: 1.3; margin: 0 0 10px 0; width: 100%; }
.text ol {  margin-left: 15px; margin-bottom: 10px; }
.text ol li { font-size: 14px; line-height: 1.3; padding-bottom: 5px; }
.text ul { margin-left: 15px; margin-bottom: 10px; }
.text ul li::before { padding-left: 15px;}
.text ul li { font-size: 14px; line-height: 1.3; text-indent: -1.9em; padding-bottom: 5px; }
.text .nadnaslov { font-size: 12px; padding: 5px 9px 4px 9px; }
.text .podnaslov { font-size: 18px; margin: -5px 0 15px 0;}
.text h1 { font-size: 30px; line-height: 1; margin: 10px 0 10px 0; width: 100%; }
.text h2 { font-size: 22px; margin: 20px 0 10px 0!important; }
.text h3 { font-size: 20px; margin: 20px 0 10px 0!important; }
.text h4 { font-size: 18px; margin: 20px 0 10px 0!important; }
.text h5 { font-size: 16px; margin: 20px 0 10px 0!important; }
.text h6 { font-size: 8px; padding: 5px 0 0 0; margin: -15px auto 15px auto; }
.text .intro { font-size: 14px; margin-bottom: 15px; width: 100%; }
.text .info { font-size: 12px; line-height: 13px; margin-bottom: 15px; }
.text blockquote p { font-size: 14px; line-height: 1.3; margin-top: 15px!important; margin-left: 0px!important; margin-bottom: 15px!important; padding-left: 15px; }
.text img { margin-bottom: 15px; margin-top: 15px; }
.text .main-image { margin-bottom: 15px; }
.text .wbc-person-text { width: 33.33%; padding: 0 0 10px 0; }
.text .wbc-person-text-head { max-width: 45px; }
.text .wbc-person-text-name { font-size: 14px; }
.text .wbc-person-text-title { font-size: 8px; }
    
.text-info { padding: 0 5px 0 5px; }    
.text-info p { font-size: 12px; }
.text-info h1 { font-size: 16px; margin: 0 0 10px 0; }
.text-info h3 { font-size: 11px; margin: -5px 0 10px 0; }
.text-info .read-more-toggle { font-size: 8px; }

}






/*  LAYOUT */
.block { display: block; position: relative; width: 100%; padding: 15px; background-color: #fff; }
.block-explainers { display: block; position: relative; margin-top: -250px; width: 100%; padding: 10px; }
.block-explainers-leftover { display: block; position: relative; height: 300px; }
.block-header { display: block; position: relative; width: 100%; padding: 15px 15px 0 15px; background-color: #fff; }
.block-header-frontpage { display: block; position: relative; width: 100%; padding: 15px 15px 0 15px; background-color: #333; background-image: url('https://westernbalkanscenter.org/files/wbc-background.jpg'); background-repeat: no-repeat!important; background-size: cover!important; background-position: center center!important; background-attachment: scroll; }
.block-hero { display: block; position: relative; width: 100%; padding: 30px; background-repeat: no-repeat!important; background-size: cover!important; background-position: center!important; background-attachment: fixed!important; }
.frame { display: block; position: relative; padding: 15px; }
.frame-header { display: block; position: relative; padding: 15px 15px 0 15px; }
.frame-side { display: block; position: relative; padding: 0 15px 15px 15px; }
.frame-1 { display: block; position: relative; padding: 0; margin-right: 30px; }

.distancer-1 { display: block; position: relative; height: 30px; }

@media only screen and (max-width: 1220px) { }

@media only screen and (max-width: 1024px) {
.block { padding: 15px;  }
.frame { padding: 15px; }
}
	
@media only screen and (max-width: 768px) {
.block { padding: 10px;  }
.block-explainers {margin-top: -150px; padding: 10px; }
.block-explainers-leftover { height: 150px; }
.block-header { padding: 5px 5px 0 5px; }
.block-header-frontpage { padding: 5px 5px 0 5px; }
.frame { padding: 10px; }
.frame-side {padding: 10px; }
}

.cells { max-width: 1344px; margin-left: auto; margin-right: auto; text-align: left; }
[class*="cell-"] { vertical-align: top; display: inline-block; position: relative; text-align: left; }
.cell-1-1 { width: 100%; }
.cell-1-1vside { width: 100%; }
.cell-1-2 { width: 50%; }
.cell-1-2v1 { width: 50%; }
.cell-1-3 { width: 33.33%; }
.cell-1-4 { width: 25%; }
.cell-1-4v1 { width: 25%; }
.cell-1-4vside { width: 25%; }
.cell-1-5 { width: 20%; }
.cell-1-6 { width: 16.66%; }
.cell-1-6v1 { width: 16.66%; }
.cell-1-7 { width: 14.28%; }
.cell-1-8 { width: 12.5%; }
.cell-1-10 { width: 10%; }
.cell-2-3 { width: 66.67%; }
.cell-3-4 { width: 75%; }
.cell-4-5 { width: 80%; }
.cell-5-6 { width: 83.34%; }
.cell-6-7 { width: 85.72%; }
.cell-7-8 { width: 87.5%; }

@media only screen and (max-width: 1220px) {
.cells {width: 100%;}
}

@media only screen and (max-width: 1024px) {
.cell-1-1 { width: 100%; }
.cell-1-2 { width: 50%; }
.cell-1-2v1 { width: 50%; }
.cell-1-3 { width: 33.33%; }
.cell-1-4 { width: 33.33%; }
.cell-1-4v1 { width: 25%; }
.cell-1-5 { width: 25%; }
.cell-1-6 { width: 25%; }
.cell-1-6v1 { width: 100%; }
.cell-1-7 { width: 25%; }
.cell-1-8 { width: 25%; }
.cell-2-3 { width: 66.67%; }
.cell-3-4 { width: 100%; }
.cell-4-5 { width: 100%; }
.cell-5-6 { width: 100%; }
.cell-6-7 { width: 100%; }
.cell-7-8 { width: 100%; }
}	

@media only screen and (max-width: 768px) {
.cell-1-1 { width: 100%; }
.cell-1-1vside { width: 50%; }
.cell-1-2 { width: 100%; }
.cell-1-3 { width: 33.33%; }
.cell-1-4 { width: 50%; }
.cell-1-4v1 { width: 50%; }
.cell-1-4vside { width: 100%; }
.cell-1-5 { width: 33.33%; }
.cell-1-6 { width: 50%; }
.cell-1-6v1 { width: 100%; }
.cell-1-7 { width: 33.33%; }
.cell-1-8 { width: 33.33%; }
.cell-2-3 { width: 100%; }
.cell-3-4 { width: 100%; }
.cell-4-5 { width: 100%; }
.cell-5-6 { width: 100%; }
.cell-6-7 { width: 100%; }
.cell-7-8 { width: 100%; }
}



.desktop-menu-navigation-mobile { display: none; }
.desktop-menu-1 { height: 175px; display: block; position: relative!important; width: 100%; }
.desktop-menu-1 img { height: 100%; }
.desktop-menu-2 { height: 100%; display: block; position: absolute; top: 50%; left: 0; transform: translate(0, -50%); z-index: 1050; }
.desktop-menu-3 { text-align: right; display: block; position: absolute; top: 0; right: 0; z-index: 1050; }
.desktop-menu-3 img { width: 175px; }
.desktop-menu-4 { text-align: right; display: block; position: absolute; bottom: 0; right: 0; z-index: 1050; width: 100%; }
.desktop-menu-navigation { position: relative; display: block; }  
.desktop-menu-main { position: relative; display: inline-block; vertical-align: middle; margin: 0 10px 0 10px; }
.desktop-menu-img { display: inline-block; vertical-align: middle; }
.desktop-menu-item { font-size: 17px; color: #000; font-weight: 600; padding: 0; text-decoration: none!important; } 
.desktop-menu-item:hover { color: #BFA359; transition: .5s ease; }   
.desktop-menu-divider { font-size: 20px; color: #BFA359; }
.desktop-menu-dropdown { position: relative; }
.desktop-menu-submenu { padding: 15px 0 0 0; display: none; position: absolute; top: 100%; left: 0px; z-index: 100; text-align: left; border-bottom: 2px solid #BFA359; }
.desktop-menu-subitem { box-shadow: 15px 15px 30px 0px rgba(0,0,0,0.3); background: rgba(255,255,255,0.85); display: block; font-size: 15px; font-weight: 600; color: #000; padding: 7px 10px 7px 10px; text-decoration: none; white-space: nowrap; border-top: 2px solid #BFA359; }
.desktop-menu-subitem:hover { color: #fff; text-decoration: none; background-color: #BFA359; }
.desktop-menu-dropdown:hover .desktop-menu-submenu { display: block; }
    

.mobile-menu-logo { display: block; width: 125px; margin: 0 0 30px 0; }

.mobile-menu-button-1 { display: inline-block; color: #BFA359; font-weight: 100!important; font-size: 40px; line-height: 0.8; cursor: pointer; }

.mobile-menu-overlay { background-image: url('https://westernbalkanscenter.org/files/wbc-background.jpg'); background-repeat: no-repeat!important; background-size: cover!important; background-position: center center!important; background-attachment: scroll;background-color: #000; height: 0%; width: 100%; position: fixed; z-index: 5000; top: 0; left: 0; overflow-y: auto; transition: 0.5s; }
.mobile-menu-overlay-content { position: relative; width: 100%; height: 100%; }
.mobile-menu-overlay-content-frame { padding: 60px; width: 100%; position: absolute; top: 0; left: 0; z-index: 50; text-align: left; }
.mobile-menu-overlay a { font-size: 19px; color: #fff; font-weight: 600; padding: 0; margin: 0 0 15px 0; text-decoration: none!important; display: block; }
.mobile-menu-overlay a:hover, .mobile-menu-overlay a:focus { }
.mobile-menu-sub { color: #BFA359!important; }
.mobile-menu-overlay .mobile-menu-closebtn { color: #BFA359; display: block; text-align: right; font-size: 40px; position: absolute; z-index: 100; top: 34px; right: 32px; margin: 0; padding: 0; }
.mobile-menu-social { display: block; }
.mobile-menu-social ul { list-style: none; padding: 0; margin: 0; text-align: left; }
.mobile-menu-social ul li { display: inline-block; vertical-align: middle; }
.mobile-menu-social .mobile-menu-social-razmak { display: inline-block; padding-left: 5px; padding-right: 5px; }
.mobile-menu-social ul li img { display: block; width: 24px; margin: 0; }

@media only screen and (max-width: 1024px) {
.desktop-menu-navigation {  display: none; }  
.desktop-menu-navigation-mobile { display: block; }
}
	
@media only screen and (max-width: 768px) {
.desktop-menu-1 { height: 100px;  }
.desktop-menu-3 img { width: 125px; }   
    
}