/* MAIN PAGE CONTAINERS */
.f2-page-content{
  padding: 0;
}

.f2-page-content,
.f2-top-menu,
.f2-top-main{
  background-color: var(--trans) !important;
  position: relative;
  max-width: 960px;
  margin: 0px auto;
  z-index: 4;
}

.f2-popup-content{
  background-color: var(--trans) !important;
  max-width: 800px; /*832px*/
  margin: 0px auto;
  padding: 0;
  z-index: 4;
}

.f2-popup-content .f2-top_800 {max-width: 832px;}


.f2-page-content.popupContent { 
	width: 100%; 
	max-width: 800px; /*832px*/
	margin: 0 auto; 
	padding: 0; 
}
.f2-page-content.f2-editor-page{
  max-width: 1600px;
  width: 100%;
  padding: 0 16px;
}
.f2-page-content.f2-editor-page #f2_leftright{
  min-height:80vh;
}

.f2-flex-container{
	display: flex;
	flex-wrap: wrap;
}


@media only screen and (min-width:721px) {
  .f2-popup-content-topgap {
    padding-top: 60px !important;
  }
}

/* delitev na lev in desni del z okraskom vmes */
#f2_leftright {
  display: flex;
  padding: 5px 0;
}

#f2_mpanel{
	max-width:12px;
    border-image: url(/st2/img/border.png) 0 12 repeat;
    border-left: 12px solid;
     display: block;
}
#f2_mpanel.f2-public-mpanel{
	max-width:0;
    border: 0;
}
 #f2_rpanel {
 	max-width:330px; width: 330px; display: block;
 }
 #f2_rfloater {
   padding: 16px 0 16px 30px; max-width:308px; overflow-wrap: break-word;
 }
 
 
#f2_lpanel{
	max-width:640px; width: 100%; margin:0 auto;
}


/* IMAGE CONTAINERS */
.f2-cover-upload-img,.f2-banner-upload-img{
	width:100%;
	margin-bottom:10px;
	text-align:center;
}
.f2-cover-upload-img img,.f2-banner-upload-img img{
	width:100%;
	height:auto;
}
.f2-banner-upload-img img{
	max-width:300px;
}
.f2-cover-upload-img img{
	max-width:960px;
}


/* overlay */
#f2_adhoc_overlay {
  background-color: var(--temno_siva) !important;
  display: none;
  top: 0;
  width: 100%;
  z-index:2019;
}
.f2-overlay {
  position: fixed !important;
  overflow-y: auto;
}
.f2-overlay,
.f2-overlay-step {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  margin: 0px auto;
  top: 0;
  z-index: 2010;
}
.f2-overlay-step .f2-pop {
  margin: 0px auto;
}

/* dropdown_overlay */
.dropdown_overlay{
  position: absolute;
  z-index: 54;
  display:none;
}

.f2-page-content .f2-num {
	color: var(--svetlo_siva) !important;
    padding-left: 5px;
}



/*responsive*/

@media only screen and (min-width: 960px) {
	#f2_lpanel {padding-right: 30px;width: 100%; }
}

@media only screen and (max-width: 960px) {
	.f2-paddingResponsive980 {padding-left: 16px; padding-right: 16px;}
}


@media only screen and (max-width: 960px) {
	/* max width je 640px - na širših tablih je več paddinga - dogovor - 610px mora biti notranjost */
	/*#f2_lpanel {padding: 0 15px;}*/
	#f2_lpanel.c-pt-25 {padding-top: 25px;}
	.f2-footer {z-index: 1;}
	#f2_rpanel {position: fixed; max-width: 100%; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; background: #000;  
	-webkit-transform: translateX(100%); transform: translateX(100%); 
	-webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; -moz-transition: .4s ease-in-out;
	}
	    
	#f2_rpanel.f2-overlay{
	  	display: block;
	  	padding: 0;
	  	background-color: var(--black) !important;
	  	 -webkit-transform: translateX(0);
	    transform: translateX(0);
	    height: 100vh;
    	overflow: auto;
	  }
	  
	 #f2_rpanel .f2_banner {background: none;}
	 
	 #f2_rpanel .f2-select {max-width: 100%;}
	 #f2_rpanel .f2_closeRelative {position: relative;}
	 #f2_rpanel .f2_closeRelative i{position: absolute; right: -10px; top: -5px; cursor: pointer;}
	 #f2_rpanel .f2_closeRelative i:hover{color: var(--roza);}
	 
	 
	 #f2_rpanel #add-banner, 
	 #f2_rpanel footer.desno {padding: 0 20px;}
	
	#f2_rfloater { max-width: 100%; width: 100%;
	  padding: 0;
	  transition: position 1s ease-in-out 0.5s;
	}
	
	#f2_mpanel {display: none; padding: 0;}
	
	#f2_rfloater ul.rightMenu {margin-left: 15px;}
	
	
	.withSidebarRes#f2_leftright {flex-direction: column-reverse;}
	.withSidebarRes#f2_leftright #f2_rpanel {position: relative;     -webkit-transform: translateX(0);  transform: translateX(0); padding: 0 16px; background: none; }
	.withSidebarRes#f2_leftright #f2_rpanel footer.desno,
	.withSidebarRes#f2_leftright #f2_rpanel #add-banner{display: none; }
	
	
	.f2-page-content .mainTitle h3.fut,
	.f2-page-content .mainTitle h3.fuz,
	#f2_whatsup .f2-what_menu,
	.f2-page-content .f2-sort.f2-gumb.n.psb,
	body .f2-paddingResponsive960,
	#f2_whatsup .f2-what_menu  {padding-left: 16px; padding-right: 16px;}
	
	.f2-page-content #f2_lpanel  .mainTitle h3.fut,
	.f2-page-content #f2_lpanel .mainTitle h3.fuz {padding-left: 0; padding-right: 0;}
	
	.f2-editor-page .mainTitle h3.fuz.f2-editors-extra  {padding-left: 0;}
	

}

@media only screen and (max-width: 640px) {
	#f2_lpanel {padding: 0;} /*  velja dogovor - max width 640px */ 
}

@media only screen and (max-width: 720px) {
	
	#f2_lpanel {max-width: 610px;}

	
	.f2-page-content {padding: 0;}
	
	
	.f2-page-content .mainTitle h3.fut,
	.f2-page-content .mainTitle h3.fuz,
	.f2-page-content .topOptions .f2_topPageNav,
	.f2-page-content .topOptions .searchForm .f2-input-wrap,
	#f2_whatsup  .topOptions .f2-what_menu,
	#f2_list_messages  span.dateTitle,
	.f2-page-content #f2_lpanel  .mainTitle h3.fut,
	.f2-page-content #f2_lpanel .mainTitle h3.fuz {padding-left: 16px; padding-right: 16px;}
	
	.f2-page-content .topOptions .f2-input-wrap .f2-input + .f2-label {left: 16px;}
	.f2-page-content .topOptions .searchForm .f2-input-wrap .searchButton {right: 16px;}
	
	a.f2-paddingResponsive {display: block;}
	.f2-paddingResponsive  {padding: 0 16px;}
	.f2-paddingResponsiveTop {padding-top: 16px !important;}
	
	
	#f2_whatsup  .topOptions .f2-what_menu .f2_topPageNav {padding: 0; justify-content: flex-start;}
	
	#f2_galleries .f2-sort.f2-gumb{padding: 0 13px 0 10px;}
	
	.f2-gumbBorders .f2-gumb {padding-left: 16px;}
	.f2-gumbBorders .f2-paddingResponsive .f2-gumb {padding-left: 0;}
	
	
	#f2_editor_check_photos_videos {}
	#f2_editor_check_photos_videos .f2-gumb.bgts {flex-wrap: wrap; justify-content: space-between !important; padding: 10px;}
	#f2_editor_check_photos_videos .f2-gumb.bgts .f2-userWrapper {width: 100%; padding: 0 0 10px 0;}
	#f2_editor_check_photos_videos .f2-gumb.bgts .f2-userWrapper .f2-userImage img.f2i-60 {width: 50px; min-width: 50px; height: 50px;}
	#f2_editor_check_photos_videos .f2-gumb.bgts button {margin: 10px 0 !important; max-width: 47%; width: 100%;}
}


@media only screen and (max-width: 400px) {
	#f2_editor_check_photos_videos .f2-gumb.bgts .f2-userWrapper {padding: 0;}
	#f2_editor_check_photos_videos .f2-gumb.bgts button {margin: 0 !important; max-width: 100%; width: 100%; margin-top: 10px !important;}
	
	
	#fs2_howitworks .f2-flex-container img {width: 45%;}
}