


@media only screen and (max-width: 50em) { 




#header_title{font-size: 2.5rem !important;
    line-height: 2.7rem !important;}



  #header_naslovna{
   /* position: relative;
    
    
    border-radius: 10px;
    
    
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
      text-align: center;
    line-height: 1.4;

    padding:1rem 2rem;*/









 position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    border-radius: 10px;
    
    position: absolute;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    
      text-align: center;
    line-height: 1.4;


background-color: red;

height: 80%;
width:80%;

background: url(/template/logo_czmzd_header.png);
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-position: center center;
  background-repeat: no-repeat;




}




.curtain-menu-wrapper .curtain-menu-list li {
  
  font-size: 1.1125rem !important;
 
}



#news h2.newstitle, #frontpage_tabs h2.newstitle{ 
  
  
  font-size:1.6rem !important;
   


}

.class_dummyDates, .class_Nazivi_dana, .class_Nazivi_dana_weekend, .class_dummyDates_weekendi  {display:none;}

.accordion {
    
    background: transparent !important;
    
}

 .masonry.frontpage_news{
    grid-template-columns: repeat(1, minmax(250px,1fr));
  }

.accordion-title  {
    /*background:  rgba(53, 53, 53, 1); */
    color: #fbfbfb !important;
    font-size: 1rem;

    font-family: "Nunito";
    font-weight: 900;
    font-style: normal;
     /* background: linear-gradient(-45deg, rgba(166, 206, 58, 1), rgba(227, 229, 22, 1), rgba(20, 180, 206, 1), rgba(107, 80, 161, 1);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;*/

    background-color:  rgba(166, 206, 58, 1); 

    padding: 1.25rem 2.5rem;

    text-transform: uppercase !important;
    border-radius: 16px 16px 0 0  !important;
    text-align: center  !important;

}




body.default  .curtain-menu-button {
 

  top: 20px;

  right:20px;
  -ms-transform: translateY(-10%);
  transform: translateY(-10%);
}


body.default  .curtain-menu-button.cm{top: 0px;

  right:20px;}





body.default   #header_text{text-align:center;color:#fff;padding-top: 1rem; font-size:1rem; font-weight: 300}





.count{


            
            font-size: 3rem;
          
    

        }

        .cega{display: inline;


            
            font-size: 1.5rem;
           
    



        }




body :not(.default)  .curtain-menu-button.default.cm{


  top: 0px !important;
 
right:20px !important;
 
-ms-transform: translateY(-10%);
 
transform: translateY(-10%);

}

body :not(.default)   .curtain-menu-button.not_default.cm{
  top:8.5rem !important;
  right:1.5rem !important;

}


body :not(.default) .not_default.curtain-menu-button {
 
  right: 20px;


  top: 90%;

  transform: translateY(-90%);

  

}


.list_of_news {
   text-align: center;
   border-top: 1px dashed rgb(12, 43, 76);
   padding-top:1.5rem;
}




h1 {
 
  font-size:2rem;
  

  
}




#yearControl{
  
  font-size:1.3rem;
  



}



















	#header_logo_cell{text-align: center;}

  #header_logo_cell_2{text-align: left}


  #header_logo_2{
  max-width: 60%;
  opacity: 1;

 /* transition: opacity 0.3s ease-out;*/
}
#frontpage_div{max-width: 90% }

#frontpage_div img.logo{max-width: 200px }

	#header_logo{max-width: 100%}

	/*#welcome_logo_cell{ text-align:center; }

	#welcome_logo_cell img{ max-width: 80% }*/


.default #program_container {
    padding: 0 0.9375rem;
}


#pages_text{
	padding-right: 1.5rem;
    padding-left: 1.5rem;}




#pages h1{

  font-size:2.5rem;
  text-align: left;

}

#pages h2{
  font-size:1.5rem;
  text-align: left;
}

#pages h3{
  font-size:1.7rem;
  text-align: left;
}

#pages h4{
  font-size:1.5rem;
  text-align: left;
}

.objekti .square{width:40% !important}

.objekti .author_container {




  padding:inherit  !important;



  margin-left:inherit  !important;
  
}

#header_menu_cell{





padding-top:0.1375rem;
padding-bottom:0.3375rem;


}

#news .masonry-css {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
          column-gap: 1rem;
}

#welcome .text{

  
  column-count: 1;
      

}


.rounded-lang-buttons {
  
  right:0.5rem;
  top: 0.5rem;
 }



.slide-content-title{

  
  font-size:1.4rem;
  margin-top:1rem;
 

}

.slide-content-text{
 
  font-size:1.1rem;
  margin-top:1rem;
 
}


.slide-content-location{
 
  font-size:0.9rem;
 margin-top:1rem;
}

.slide-content-desc{
  
  font-size:0.7rem;
 
}

.slide-content-datum{
font-size:0.9rem;
margin-top:1rem;
}

.slide-content-slogan{

  
  font-size:1.7rem;
 
}


#welcome h1{

  
  font-size:2.5rem;
 

}

#welcome h2{
  
  font-size:1.5rem;

}

#welcome h3{
  
  font-size:1.7rem;
}



.default #program  h2 {

  
  font-size:2rem;
 
 }


#partners_container {
    padding: 3rem 1.5rem;
    
}



		#footer {

			padding: 2rem 0 2rem 0;
		}



#footer_logo{

  max-width: 75%;
  margin-bottom: 1.5rem;

}


#footer_logo_3{max-width: 35%;}

#oznake_cell{text-align: center}




		#footer_logo_cell{


			text-align: center;
			margin-bottom:1rem;
		}

		#footer_info_cell{
			text-align: center;
			margin-bottom:1rem;

		}

		#social_buttons_cell{
			text-align: center;

		}

		.rounded-social-buttons-footer {
			text-align: center;

		}


.top-bar-title {
  
    margin: 0.5rem 1rem 0.5rem 1rem;
}


.menu .is-active > a {
    background: transparent;
    color: #fff;
}

.drilldown a {
    padding: 0.7rem 1rem;
    background: transparent;
}



.drilldown .is-drilldown-submenu-parent > a::after {

    border: none;

}



#footer_logo_2{max-width: 45%;}

.hover-underline-menu .menu .underline-from-center::after {
   
    border-bottom: none !important;
    
}


.drilldown .js-drilldown-back > a::before {
 
    border-color: transparent #a51f23 transparent transparent;

}



} 

/* max-width 640px, mobile-only styles, use when QAing mobile issues */


@media only screen and (orientation: landscape) and (max-width: 40em)   {

  /*#big_white_container{display:none !important;}
	*/
} 