/*
Theme Name: MediaDesk
Theme URI: https://aleksandrajovnanic.com
Author: WStudios
Author URI: https://wstudios.com/
Description: Media desk kreativna evropa
Version: 1.0

*/


* {
margin:0px;
padding: 0px;
font-family: 'Open Sans', sans-serif;
color:#77787B;
}

ul, ol {
  list-style:none;
}

#container {
  width:90%;
  margin:0px auto;
  /*overflow:auto;*/
}

#header {
  width:100%;
  margin-top:35px;
  margin-bottom:30px;
  overflow:auto;
}

#header_nav_sec {
  float:right;
  margin-bottom:50px;
}

#header_nav_sec a:hover, #breadcrumbs a:hover {
color: #f7b8a9;
}


#breadcrumbs a {
  padding:0px 0px;
}

#header_nav_sec ul li  {
  display:inline;
  padding: 0px 20px;
  border-right:1px solid #ddd;
  font-size: 0.8em;
}

#header_nav_sec ul li:last-child {
  border-right:0px solid #fff;
  padding-right:0px;
}

.logo {
   float:left;
   width:350px;
}

.logo img {
  width:100%;
}

#menu {
    float:right;
    margin-top:15px;
}

#menu ul li {
  display: inline;
  margin:0px 20px;
  text-transform:uppercase;
  font-weight:600;
  font-size:0.9em;
}

#menu ul li:last-child {
  margin-right:0px;
}

#menu ul li ul{
  display:none;
}

a:link, a:visited, a:active {
color:#77787B;
text-decoration:none;

}

a:hover {
  color:#f7b8a9;
}


#menu a:hover {
  color:#77787b;
   background:transparent url('img/nav-hover.png') repeat-x 0px 20px;
     padding-bottom:7px;
     padding-bottom:7px;
}

 #menu_icon {
   display:none;
   position:relative;
   top:-12px;
 }


#menu .current-menu-item  {
  background:transparent url('img/nav-hover.png') repeat-x 0px 20px;
  padding-bottom:7px;
}

#leva_subnav {
  max-width:350px;
  width:25%;
  margin-right:5%;
  float:left;
  margin-top: 30px;
}

#leva_subnav .subnav_title {
  font-weight:600;
  margin-bottom:15px;
}

#leva_subnav li {
  padding:10px 0px 15px 10px;
  border-top:1px solid #ddd;
}

#desna_post_content {
  max-width:650px;
  width:70%;
  float:left;
}


#breadcrumbs {
  float:right;
  font-size: 0.8em;
  margin-bottom:30px;
}

#breadcrumbs li {
  display:inline;
  margin-right:20px;
}

.flexslider {
  width:100%;

}

.flexslider img {
  width:100%;
}

.flexslider li {
  position:relative;
}


.flex-caption {
		  width: 35%;
		  padding: 2% 2% 0 2%;
		  position:absolute;
		  right: 0%;
		  bottom: 2%;
		  color: #fff;
		  text-shadow: 1px 1px 2 rgba(0,0,0,.3);

    }

.flex-control-nav {
  position:absolute;
  bottom:0px !important;
  left:2%;
  text-align:left !important;
}

.flex-direction-nav {
   display:none !important;
}

.flex-control-paging li a.flex-active {
  background:#ece555 !important;
}


.flex-control-paging li a {
  width: 22px !important;
  height: 6px !important;
  border-radius:0px !important;
  background:#fff !important;
}

.flex-direction-nav a {
  top: 50% !important;
}

.flex-caption .kategorija, .flex-caption h1{
  color:#fff;
}

.flex-caption h1 {
	  font-size: 2em;
	  text-transform:uppercase;
	  line-height:1.1em;
	  text-shadow: 1px 1px 1px rgba(0,0,0,.3);
}

.flex-caption .more a{
  display:inline-block;
  padding:20px 100px 20px 40px ;
  border:1px solid #fff;
  color:#fff;
  background:transparent url("img/arrow_w.png") 140px center no-repeat;
  text-transform:uppercase;
}

.flex-caption .more a:hover {
  color:#343434;
  border:1px solid #343434;
  background:#fff url("img/arrow.png") 140px center no-repeat;
}





#left_column, #right_column {
  width:38%;
  padding:10px 4% 10px 8%;
  float:left;
}

#right_column {
  width: 38%;
  padding:10px 8% 10px 4%;
}


h1 {
  font-size:1.6em;
  color: #343434;
  margin:20px 0px;
}

h2 {
  font-size:1.1em;
  line-height:1.8em;
  color: #343434;
  margin-bottom:20px;
}

h3 {
    font-size:1.1em;
    line-height:1.8em;
    color: #343434;
    margin-bottom:5px;
  }

p {
  font-size: 1em;
  line-height:1.7em;
  margin:20px 0px;
}

#left_column ul, #right_column ul, #content ul, #post_content ul, #desna_post_content ul {
  list-style:disc;
  margin-left:40px;
  line-height:1.7em;
}

#left_column ol, #right_column ol, #content ol, #post_content ol, #desna_post_content ol {
  list-style:decimal;
  margin-left:40px;
  line-height:1.7em;
}


.more {
  margin:30px 0px;

}
.more a{
  display:inline-block;
  padding:20px 100px 20px 40px ;
  border:1px solid #666;
  background:transparent url("img/arrow.png") 140px center no-repeat;
  text-transform:uppercase;
}

.more a:hover {
  color:#77787b;
  background-color:#ece555;

}


#right_content{
  border:1px solid #ddd;
  padding:0px 0px;
}

.link_projekat {
  padding:40px 100px 40px 40px;
  border-top:1px solid #ddd;
  background:transparent url("img/arrow.png") 85% 50px no-repeat;
}

.link_projekat:hover {
  background-color:#f7b9a9;
}

.link_projekat a:hover {
  color:#444;
}


.link_projekat.last {
  border-bottom:1px solid #ddd;
}

.left_margin {
  margin-left:40px;
}

#vesti {
  background:#fff;
  overflow: auto;
  clear: both;
}

#izdvojene_vesti, #logoi {
  background:#f4f4f4;
}

#izdvojene_vesti h1  {
  padding-top:40px;
  margin-left:5%;
}

#izdvojene_vesti .post_cat, #vesti .post_cat{
  font-size:0.8em;
  padding-bottom:20px;
  padding-left: 24px;
  background: transparent url('img/cat.png') no-repeat left 0px;

}


#izdvojene_vesti ul {
  width:90%;
  margin:40px auto;
  overflow:auto;
}

#vesti ul {
  width:100%;
  margin:40px auto;
  overflow:auto;
  padding-bottom:40px;
/*  border-bottom:1px solid #ddd; */
}

#izdvojene_vesti ul li, #vesti ul li {
  width:20%;
  padding: 20px 2% 0px 2%;
  float:left;
  border-right:1px solid #ddd;
  min-height:360px;
      border-bottom:1px solid #ddd;
 /* margin-bottom:30px;*/
}




.projekti ul {
  width:100%;
  margin:40px auto;
  overflow:auto;
  font-size:0.85em;
}

.projekti ul li {
  width:20%;
  padding: 20px 2% 0px 2%;
  float:left;
  border-right:1px solid #ddd;
  min-height:170px;
  border-bottom:1px solid #ddd;
  padding-bottom:40px;
  border-bottom:1px solid #ddd;
  min-height:170px;
}


#izdvojene_vesti ul li:last-child, #vesti ul li:last-child {
  border-right:0px solid #ddd;
}

#izdvojene_vesti h2, #vesti h2 {
  margin-top:15px;
  line-height:1.2em;
}

#izdvojene_vesti .post-date, #vesti .post-date, .poziv_container .post-date, .post-date {
  padding-left: 24px;
  background: transparent url('img/date.png') no-repeat left 0px;
  font-size:0.8em;
}

#izdvojene_vesti ul li img, #vesti ul li img {
  width:100%;
}

h2.projekat, div.programi h2 {
  padding-right:30px;
  color:#000;
  background:transparent url('img/arrow.png') no-repeat right 4px;
}

h2.projekat {
 
  line-height:1.2em;
}


h2.projekat a:link {
  color:#77787B;
}

h2.projekat a:hover {
  color:#77787B;
}

div.programi_container {
  width:23%;
  float:left;
  margin-bottom:30px;
  margin-right:2.666666666666%
}

.poziv_container {
  width:46%;
  padding-left:3%;
  float:left;
  margin:30px 0px;
  padding-top:10px;
  padding-bottom:10px;
}

div.programi {
  width:90%;
  min-height: 225px;
  padding:10px 5% 10px 5%;
  float:left;
  border:1px solid #ddd;
  position:relative;
}

.program-category {
  width:40%;
  font-size:0.7em;
  line-height:1.1em;
  position:absolute;
  bottom:10px;
  text-transform:uppercase;
}

.prog-category{
  width:10%;
  font-size:0.7em;
  line-height:1.1em;
  text-transform:uppercase;
  padding-left: 10px;
}

.prog-category.red {
  border-left:4px solid #f5a895;
}

.prog-category.yellow {
  border-left:4px solid #e6de24;
}
.prog-category.blue {
  border-left:4px solid #95b4d2;
}
.prog-category.green {
  border-left:4px solid #7ad4cc;
}


div.programi_container.last {
  margin-right:0%;
}

div.programi{
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
}

div.projekti.yellow, div.programi.yellow, .poziv_container.yellow {
  border-left:4px solid #e6de24;
}

div.projekti.yellow li:hover, div.programi.yellow:hover {
  background:#e6de24 !important;
}

div.projekti.red, div.programi.red, .poziv_container.red {
  border-left:4px solid #f5a895;
}

div.projekti.red li:hover, div.programi.red:hover {
  background:#f5a895 !important;
}

div.projekti.green, div.programi.green, .poziv_container.green {
  border-left:4px solid #7ad4cc;
}

div.projekti.green li:hover, div.programi.green:hover {
  background:#7ad4cc !important;
}

div.projekti.blue, div.programi.blue, .poziv_container.blue {
  border-left:4px solid #95b4d2;
}

div.projekti.blue li:hover, div.programi.blue:hover {
  background:#95b4d2 !important;
}


.projekti h1 {
  padding:30px 28px 0px;
}

.poziv_container h2 {
  margin-bottom:4px;
}

.poziv_container .program {
  width:15%;
  font-size:0.8em;
  line-height:1em;
  padding-bottom: 20px;
}



.poziv_container .link a:link, .poziv_container .link a:visited, .poziv_container .link a:active {
   color:#f5a895;
   font-size:0.8em;
   margin:10px 0px;
}


#post_content .rokovi {
  margin-top:40px;
  margin-bottom:40px;
}

#post_content a, #desna_post_content a {
  color:#f5a895;
}


.kategorije_programa_nav {
  margin-bottom:30px;
}

.kategorije_programa_nav li {

  display: inline;
  padding: 0px 20px;
  border-right: 1px solid #ddd;
  font-size: 0.8em;

}

.kategorije_programa_nav li:nth-last-child(1) {
  border-right:0px solid #ddd;
}

.kategorije_programa_nav li:nth-child(1) {
  padding-left:0px;
}




#logoi {
  width:90%;
  margin:0px auto;
  overflow:auto;
  padding:60px 0px;
}

.footer-img {
  width:25%;
  float:left;
  text-align:center;
}

#footer {
  background:#e6e6e6;
  overflow:auto;
}

.footer-wrapper {
  width:90%;
  margin:0px auto;
  padding-top:40px;
}

.footer-wrapper .title {
  text-transform:uppercase;
  font-weight:600;
  font-size:0.9em;
  margin-bottom:10px;
  display:block;
}

.links {
  width:25%;
  float:left;
}

.links ul li, .links p, .copy, .social{
   font-size: 0.8em;
   line-height:1.7em;
}


.newsletter-widget input.newsletter-email {
    width: 60%;
    color: #77787B;
    font-size: 12px;
    padding: 0 20px;
    border:0px solid white;

}
.newsletter-widget input {
    height: 50px;
    float: left;
    }

.newsletter-submit {
    background: url("img/newsletter.jpg") no-repeat;
    width: 60px;
    height: 50px;
    display: inline-block;
    color: transparent;
    border: none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

.footer_copyright {
  width:90%;
  margin:0px auto;
  padding:80px 0px;
}

.copy {
  width:50%;
  float:left;
}

.social {
  width:50%;
  float:right;
  text-align:right;
}

.social li {
  display:inline;
  margin-right:2%;
}

#feature_img {
  min-height:50px;
  text-align: center;
}


#feature_img img{
  width:80%;
  margin-top:30px;
}


#post_content {
   width:100%;
   max-width:750px;
   margin:0px auto 80px auto;
}

#post_content img {
  width:100%; height:100%;
}


table, td {
  border:1px solid #eee;
  border-spacing: 0px;
  border-collapse: collapse;
}

td {
  padding:20px;
  vertical-align:top;
  line-height: 1.7em;
}

tr:nth-child(odd) {
  background:#fafafa;
}


.prev {
  float:left;
  margin-bottom:30px;
}

.next {
  float:right;
  margin-bottom:30px;
}


.publikacija {
  width:42%;
  padding:4%;
  float:left;
}

.center {
  margin:0px auto;
  width:80%;
  text-align:center;
}

.clear {
  clear:both;
}



@media screen and (max-width:1250px) {

  .logo {
      width:250px;
   }

   #menu ul li {
     font-size:0.8em;
   }

    .flex-caption h1{
     font-size: 1.8em;
   }

}


@media screen and (max-width:1050px) {

  #menu_icon {
    float:rigth;
    display:block;
    cursor:pointer;
  }

   .menu-primarni-container  {
       display:none;
   }

   #menu ul li {
     display:block;
     margin:0px;
   }

   #menu {
     text-align:right;
     line-height:2em;
   }

    .flex-caption h1{
		 font-size: 1.4em;
   }

  .flex-caption {
		  width: 35%;
		  bottom: 2%;
    }

  #left_column, #right_column {
    float:none;
    width:90%;
  }

  #izdvojene_vesti ul li, #vesti ul li {
    width:40%;
    padding: 20px 4% 0px 4%;
    border-bottom:1px solid #ddd;
  }

   #izdvojene_vesti ul li:nth-child(even), #vesti ul li:nth-child(even) {
     border-right:0px solid #fff;
   }

  .footer-img {
    width:50%;
    margin-bottom:30px;
  }



  .links {
    width:50%;
    margin-bottom:40px;
  }

  div.programi_container {
    width:47%;
  }



}


	@media screen and (max-width:830px){


	  .flex-caption .more{
		 margin:10px 0px;
	   }

	   .flex-caption h1 {
		 font-size:1em;
	   }

	}

@media screen and (max-width:1150px) {
  .projekti ul li {
    width:45%;
    padding: 20px 2% 0px 2%;
  }
  }


@media screen and (max-width:670px) {

  #header_nav_sec ul li {
    display:block;
    text-align:right;
    padding-right: 0px;
    border-right:0px solid #fff;
  }

	  .flex-caption {
		  width: 90%;
		  bottom: 10%;

		}

	  .flex-caption-container {
		  position:absolute;
		  top:0px;
		  right:0px;

		  background:#f5a895;
		  height:100%;
		  width:60%;
	  }

	  .flex-caption h1{
		 font-size: 1em;
	   }

	  .flex-caption .more {
		margin:0px;
	  }

	  .flex-caption .more a {
		padding:10px 50px 10px 20px ;
		background: transparent url("img/arrow_w.png") 100px center no-repeat;

	  }


	  .flex-caption h1 {
		margin: 10px 0px;
	  }

	  #feature_img img {
		width:100%;
	  }



  #izdvojene_vesti ul li, #vesti ul li {
    width:90%;
    padding: 20px 4% 0px 4%;
    border-right:0px solid #fff;
    border-bottom:1px solid #ddd;
  }

  .links {
    width:100%;
    margin:0px auto 40px auto;
    text-align:center;
  }

  .footer-img img {
    width:70%;
  }

  div.programi_container {
    width:97%;
  }

  .poziv_container {
    width: 97%;
    padding-left: 3%;
    float: none;

  }

  .projekti ul li {
    width:96%;
    padding: 20px 2% 0px 2%;
  }

}



@media screen and (max-width:550px) {

  #leva_subnav {
    width:100%;
    margin-right:0%;
    float:none;
    margin-top: 0px;
  }

  #desna_post_content {
    width: 95%;
    float: none;
  }

}