
/* sticky menu*/

/*
    Mobile Menu Core Style
*/

.slicknav_btn {   
  position: relative; display: block; vertical-align: middle; float: right; padding: 9px  ; line-height: 1.125em; cursor: pointer;
  -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; 
}
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block;
  width: 19px; height: 4px;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
 }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 3px; }

.slicknav_btn:hover { /*background-color: #FFF;*/}
.slicknav_btn:hover .slicknav_icon-bar{ background-color: #00853f;}

.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block;   text-align: left;}
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu { /*position: relative;*/ /*position: fixed;*/ position: absolute; width: 100%; top: 0px; left: 0px;   font-size:18px;
  display: none; z-index: 5010;
}

/* Button */
.slicknav_btn {
    margin: 8px 14px 8px 10px;
    text-decoration:none;
    font-size: 15px; font-weight: 600; color: #FFF; text-transform: uppercase;
    background-image: url('/static/img/header/menusmall.png'); background-repeat: no-repeat; background-position: right 14px;
    padding-right: 41px;
}

.slicknav_open{
    background-image: url('/static/img/header/menusmall-close.png'); background-repeat: no-repeat; background-position: right 13px;
}

/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
	display: none;
  background-color: #171717;
}
.slicknav_menu { /*z-index: 1100;*/
  padding:0px;
}
.slicknav_nav {   
  margin:0;    padding: 8px 0;
  background-color: #00853f;
  border-top: 1px solid #171717;
}
.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow:hidden;
}
.slicknav_nav ul {
    padding:0;
    margin:0 0 0 0;
}

.slicknav_nav a{
  padding: 6px 15px 7px 15px;
  text-decoration:none; font-weight: 600; font-size: 15px;  color:#FFF;
  -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}

.slicknav_nav a:hover, .slicknav_nav .item_sel a{
  font-weight: 600; background-color: #171717;
}
.slicknav_nav .slicknav_txtnode {
  
}

.slicknav_nav .item_level2, .slicknav_nav .item_level2_sel{text-transform: uppercase; }
.slicknav_nav .item_level2 a, .slicknav_nav .item_level2_sel a{text-transform: uppercase; }

.slicknav_nav .item_level3, .slicknav_nav .item_level3_sel{display: none; background-color: #171717; padding-left: 16px; text-transform: uppercase; }
.slicknav_nav .item_level3 a, .slicknav_nav .item_level3_sel a{background-color: #171717; text-transform: uppercase; }

.slicknav_nav .item_level4, .slicknav_nav .item_level4_sel{display: none; background-color: #171717; padding-left: 16px;}
.slicknav_nav .item_level4 a, .slicknav_nav .item_level4_sel a{background-color: #171717; font-weight: 400; font-size: 14px; padding: 3px 15px 5px;}

.slicknav_nav .item_level3_sel a, .slicknav_nav .item_level4_sel a{color: #00853f; text-decoration: underline;}

#mobileMenuReminderBtn{
  floatx: left; height: 36px; padding: 16px 39px 0 17px; cursor: pointer; margin: 12px 11px 12px 11px;
  color: #FFF; font-size: 15px; font-weight: 400; 
  background-color: #5c52bb; background-image: url("/static/img/header/reminder.png"); background-repeat:  no-repeat;  background-position: center right ;
}
#mobileMenuReminderBtn:hover{text-decoration: underline;}

/* *********************************************************************************************** */
/* *********************************************************************************************** */
/* *********************************************************************************************** */


/* View port for white screens */
/*@media screen and (min-width: 1001px) {
 
}*/

/* View port for pads, small desktops*/
@media screen and (min-width: 768px) and (max-width: 1186px) {

  /* Index */
  #index-right{width: 270px; float: right; padding-left: 30px; /*padding-right: 0px;*/}
  #index-right .colfull{ width: 270px; }
  #index-right .colhalf-left{ float: none; }
  #index-right .colhalf-right{ float: none;margin-left: 0px; }

  #topmenu UL LI.item a{padding: 9px 8px 0;}
	
  /*#indexvideo{display: none;}*/

  /* Igralci - podrobnosti */
  .igralci-details .pplayer{
    width: auto;float: none;
  }
  .igralci-details .pmenu{
    display: none;
  }  
  
  /* Socials */
  #footer-socials{padding: 20px 0 0 0 ; }
  #footer-socials #footer-socials-fb {width: auto; float: none;}
  #footer-socials #footer-socials-twitter {width: auto; float: none; margin-top: 20px; margin-left: 0px;}  
    .sub #footer-socials #footer-socials-twitter {width: auto; float: none; margin-top: 20px; margin-left: 0px;} 
  #footer-socials #footer-socials-instagram{width: auto; float: none; margin-top: 20px; margin-left: 0px;}  
  
  /* Footer */
  #footer-partnerji{padding: 20px 0px 0;}
  
  /* INDEX VIDEO bottom */
  
  #indexvideobottom{  margin-top: 20px; }
  #indexvideobottom .video-item{float: none; width: auto;}
  #indexvideobottom .video-item-spacer{float: none; /*width: 15px; height: 209px;*/ height: 10px;}
  

}

/* View port for small desktops */
@media screen and (min-width: 1001px) and (max-width: 1185px) {

  
  /* Footer*/
  #footer-logoti IMG{height: 100px;}

    
}

/* View port for pads*/
@media screen and (min-width: 768px) and (max-width: 1000px) {

  /* */
  #index-right{ padding-left: 10px;}

  /* Top menu */
  #topmenu UL LI .menusubbig{ 
    width: 450px;
  }
  #topmenu UL LI .menusubbig .section{padding: 0 20px 0 20px;  }  

  
  /* Match - list */

  .matchlist-table TR TH{    padding: 10px 5px 13px 5px;  }
  .matchlist-table TR TD{    padding: 10px 5px 13px 5px;    }

  .matchlist-table TR TH.more{display: none;}
  .matchlist-table TR TD.more{display: none;}

  .matchlist-table TR TD .name{display: none;}
  .matchlist-table TR TD .code{display: inline;}
  .matchlist-table TR TD .logo{  width: 30px; }
  .matchlist-table TR TD .logo IMG{  height: 28px;}
  
  /* Igralci - seznam */  
  
  .igralci-seznam .itm{
    width: auto; float: none; height: 150px; 
  }

  /* Igralci - podrobnosti */  
  .igralci-details .stdresa{
    width: 100px; 
  }  
  
  /* Footer*/
  #footer-logoti IMG{height: 80px;}
    
}

/* View port for mobile */
@media screen and (max-width: 767px) {
  /* Header */

  #logo{  top: -34px; left: 8px;}
  #logo IMG{ width: 68px;}
  #topmenu{display: none;}

  /*#header-container{position: fixed; z-index: 20; width: 100%;}
  #container{padding-top: 112px; }
  #index-banner-big{top: 112px;}*/
  #header{height: 52px;}
  #header-newsletter{float: right; padding: 0; width: 20px; height: 59px;   }
  #header-newsletter span{display: none;}  
  
  #header-socials{ padding-left: 72px; width: 140px;}

  #header-search{width: 50px;}
  #header-search-txtbg{display: none;}

  #header-search{display: none;}
  #header-search-mobile{display: block;}

  #header .slicknav_menu {display: block;}

  /* Index right */
  #index-right{width: 270px; float: none; padding-left: 0px;   margin: 10px auto 0px;}
  #index-right .colfull{ width: 270px; }
  #index-right .colhalf-left{ float: none; }
  #index-right .colhalf-right{ float: none;margin-left: 0px; }

  #indexvideo{display: none;}
  #indexadd{display: none;}

  /* Sub right */
  #sub-right{
    float: none; padding-left: 0px; margin: 10px auto 0px;
  }
    
  
  /* Match - list */
  .matchlist-table TR TH{    padding: 5px 5px 8px 5px;  }
  .matchlist-table TR TD{    padding: 5px 5px 8px 5px;    }

  .matchlist-table TR TH.result span.full{display: none;}  
  .matchlist-table TR TH.result span.short{display: inline;}  
  .matchlist-table TR TH.more{display: none;}  

  .matchlist-table TR TD .name{display: none;}
  .matchlist-table TR TD .code{display: inline;}
  .matchlist-table TR TD .logo{  width: 30px; }
  .matchlist-table TR TD .logo IMG{  height: 28px;}
  .matchlist-table TR TD .datefull{display: none;}  
  .matchlist-table TR TD .dateshort{display: inline;}  
  .matchlist-table TR TD.more{display: none;}  

  .matchlist-filter .itm{width: 252px;}

  /* Igralci - seznam */    
  .igralci-seznam .itm{
    width: auto; float: none; height: auto; 
  }  
  .igralci-seznam .itm .img{ width: 105px;}
  .igralci-seznam .itm .img IMG{ width: 71px; }
  .igralci-seznam .itm .img .majica{top: 52px; left: 50px; width: 41px; height: 37px;
    background-image: url("/static/img/igralci/seznam-majica-small.png");
  }
  .igralci-seznam .itm .pinfo .pname{ padding-top: 2px; }
  

  /* Igralci - podrobnosti */
  .igralci-details .pplayer{
    width: auto;float: none;
  }
  .igralci-details .pmenu{
    display: none;
  }

  .igralci-details .stdresa{
    float: none; width: 135px; padding-right: 20px; padding-top: 30px; padding-left: 20px; margin: 0px auto;
    text-align: center;
  }

  .igralci-details .pinfo{overflow: visible; padding: 0 20px 0 20px;} 

  .igralci-details .pinfo .ttl{text-align: center; padding-top: 10px;}  
  .igralci-details .pinfo .tbl{width: auto; padding-top: 20px;}  
  
   /* News index - big*/
  .index-news-content-big-item-img{}  
  
   /* News index */
  .index-news-content-small-item .index-news-content-small-item-img {width: 104px; padding-right: 19px;}
  .index-news-content-small-item .index-news-content-small-item-img IMG{ width: 104px;}  
  .index-news-content-small-item .index-news-content-small-item-content{ overflow: visible; padding-left: 0px; }  
  .index-news-content-small-item .index-news-content-small-item-content .title{ overflow: hidden; }  
  .index-news-content-small-item .index-news-content-small-item-content .date{padding-left: 125px;}  
  .index-news-content-small-item .index-news-content-small-item-content .summary{padding-left: 20px;}  
  
   /* News LIST */
  .news_full_item .img{width: 104px; padding-right: 19px;}
  .news_full_item .img  IMG{ width: 104px;}  
  .news_full_item .news_full_content{ overflow: visible; }  
  .news_full_item .news_full_content .newsttl{ overflow: hidden; min-height: 40px; }  
  .news_full_item .news_full_content .date{padding-left: 114px; margin-left: 11px;}
  .news_full_item .news_full_content .summary{margin: 0 11px;}
    
  /* News paging */
  .list_paging{text-align: center;}
  
  /* News DETAILS */  
  .news_title h1{font-size: 30px; line-height: 37px;}
  
  .news_details .news_details_socials{float: none; width: auto;}  
  .news_details .news_details_socials .socials_small { padding: 22px 0 0 18px; overflow: hidden; }
  .news_details .news_details_socials .socials_small DIV {float: left;  }

  .news_details .news_details_desc .desc-short{padding-left: 18px; padding-right: 18px;}
  .news_details .news_details_desc .desc-long{padding-left: 18px; padding-right: 18px;}  

  /* Footer socials */
  /*#footer-socials{display: none}*/
  #footer-socials #footer-socials-fb{display: none;}
  #footer-socials #footer-socials-twitter{display: none;}
  #footer-socials #footer-socials-instagram{display: none;}
  
  #indexvideobottom .video-item{float: none; width: auto;}
  #indexvideobottom .video-item-spacer{float: none; width: auto; height: 10px;}  
    
  /* Footer*/  
  #footer-container{display: block;}

  #footer-logoti{text-align: center;}  
  #footer-logoti a{display: block; }  
  #footer-logoti IMG{/*height: 80px;*/}  
  
  #footer-partnerji{padding: 20px 0px 0;}
  #footer-partnerji a{display: block; width: 30%; float: left;/* width: 80px;*/ height: 40px; padding-bottom: 10px;}  
  #footer-partnerji IMG{/*height: 40px;*/}  
  
  #footer-bottom UL.links{float: none; margin-top: 10px;}

  
  /* Form */
  .form .flditm {padding: 0 5%; width: 90%;}
  .form .fldbtn {margin-right: 4%; }
  
  /* popups */
  #documentPopup{width: 85%; padding-left: 4%; padding-right: 4%;}
  
  /*#index-banner-big{display: none;}*/
}

/* View port for mobile */
@media screen and (max-width: 450px) {
	
}


