:root {
  --in-primary:  #e21a3d;
}
body {position:relative;}

/*skryti kosiku, uzivatele*/
#top-ribbon .container div{
  display:none
}
/*skrytí odkazu registrace, zapomenute heslo, skrytí filtru v eshopu*/
#eshop-filters,
#new-register,
#lost-password{
  display:none;
}

/*úprava "skakani" loga*/
header .container{
  padding-top:50px;
}

/*skryti znaku | */
#form-login .form-group:last-of-type {
  color:transparent;
  font-size:0
}

/*úprava kategori v e-shopu*/
.item-eshop-category .thumbnail {
  border: 1px solid #eaeaea;
}

.item-eshop-category .thumbnail:hover {
  border-width:1px
}

@media(min-width:768px) {
  .item-eshop-category {
    width:100%;
  } 

  .item-eshop-category .thumbnail {
    display:flex;
    flex-direction:row;
    width:1 0 auto;
  }
  .item-eshop-category .link-thumbnail {
    width:50%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
}

@media(min-width:1200px) {
  .item-eshop-category .link-thumbnail {
    width:33.333%;
    display:flex;
    align-items:center;
    justify-content:center;
  }

}


/*vlajky*/
.top-flag {
  position:relative;
  z-index:5000;
}
.flags {
  display:block!important;
  left:20px;
  top:15px;
  position:absolute;
}

.flags img {
  height:30px;
  margin:0 10px 0 0px;
  opacity:0.6;
}

.flags a:hover img {
  opacity:1;
}

@media (max-width:450px) {
  #top-ribbon .container {
    padding-right:0px
  }
  .top-flag {
    text-align:left;
  }

  .flags {
    position: absolute;
    right:0px;
    padding-bottom:15px;
  }

  .contactus_account {
    float: right;
    margin-left: 20px;
    margin-right:20px
  }
  .logo {
    padding-top:55px;
  }
}


.logo img {
  max-height: none;
  max-width: 100%;
}

/*color*/

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: var(--in-primary);
}

#basket .label,
.h1::after,
h1::after,
#separator h3.panel-title::after,
#second h3.panel-title::after,
#blog h3.panel-title::after,
#panel-products h3.panel-title:after,
#random-image h3::after,
#index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
#index .navbar:not(.f-nav) .navbar-nav>.active>a:focus:after,
#index .navbar:not(.f-nav) .navbar-nav>.active>a:hover:after,
#index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
#index .navbar:not(.f-nav) .navbar-nav>li>a:hover:after,
#index .navbar-default:not(.f-nav) .navbar-nav>.open>a:after,
#index .navbar-default:not(.f-nav) .navbar-nav>.open>a:focus:after,
#index .navbar-default:not(.f-nav) .navbar-nav>.open>a:hover:after,
.navbar .navbar-nav>.active>a:after,
.navbar .navbar-nav>.active>a:focus:after,
.navbar .navbar-nav>.active>a:hover:after,
.navbar .navbar-nav>.active>a:after,
.navbar .navbar-nav>li>a:hover:after,
.navbar-default .navbar-nav>.open>a:after,
.navbar-default .navbar-nav>.open>a:focus:after,
.navbar-default .navbar-nav>.open>a:hover:after,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover,
.nav-pills>li>a:hover,
.nav-pills>li.active>a,
.goin,
#panel-news .more a,
footer #panel-news .more a,
#list-comments>.media .media-heading,
.btn-primary {
  background:  var(--in-primary);
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover,
.btn-primary {
  border-color: var(--in-primary);
}

#top-ribbon .btn.btn-danger:hover,
a,
.btn-link,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
  color:  var(--in-primary);
}

a:hover,
.icon-favourite,
.btn-link:hover,
.btn-link:focus,
#contactus a:hover,
footer a:hover,
.copy a:hover {
  color: #191919;
}
#second .btn,
#second h2 {
  color: white
}

#second h3.panel-title::after,
#second .more a,
.nav-tabs>li.active>a:hover,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.goin:hover,
#panel-news .more a:hover,
.btn-primary:hover {
  background-color: #191919;
}

#second .more a:hover,
footer #panel-news .more a:hover{
  background-color:white; color:#191919;
}

.nav-tabs>li.active>a:hover,
a.thumbnail:hover,
.thumbnail:hover,
.image-slider a .img-thumbnail:hover,
#list-rubrics li .media-body:hover,
#list-downloads li .inside:hover,
.item-photogallery .thumbnail:hover,
.item-eshop-category .thumbnail:hover,
#detail-product a:hover>.img-thumbnail,
.form-control:focus,
.btn-primary:hover {
  border-color: #191919
}

.form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(226, 26, 61, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(226, 26, 61,  .6)
}

@media (max-width: 991px) {
  #index .navbar-default .navbar-collapse {
    background-color: #fff;
  }

  #index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
  #index .navbar:not(.f-nav) .navbar-nav>.active>a:focus:after,
  #index .navbar:not(.f-nav) .navbar-nav>.active>a:hover:after,
  #index .navbar:not(.f-nav) .navbar-nav>.active>a:after,
  #index .navbar:not(.f-nav) .navbar-nav>li>a:hover:after,
  #index .navbar-default:not(.f-nav) .navbar-nav>.open>a:after,
  #index .navbar-default:not(.f-nav) .navbar-nav>.open>a:focus:after,
  #index .navbar-default:not(.f-nav) .navbar-nav>.open>a:hover:after {
    background-color: var(--in-primary);
  }
}

#content {
  min-height: 75vh;
}