/* Add here all your css styles (customizations) */
.navbar-nav{
    margin-top:20px;
}

.navbar-nav li{
    margin-right:10px;
}

.navbar-nav li.last{
    margin-right:0px;
}

.nav-button {
  color: #fff !important;
  padding: 0px 20px 0px 20px !important;
  text-decoration: none;
}

.home-button {
  background-color: #ff00ff !important;
}

.home-button:hover {
  background-color: #e798e7 !important;
}

.home-button:focus, .home-button:active {
  background-color: #ff00ff !important;
}

.browse-button {
  background-color: #00b1f1 !important;
}

.browse-button:hover {
  background-color: #a1daef !important;
}

.browse-button:focus, .browse-button:active {
  background-color: #00b1f1 !important;
}

.gallery-button {
  background-color: #ff6600 !important;
}

.gallery-button:hover {
  background-color: #a1daef !important;
}

.gallery-button:focus, .gallery-button:active {
  background-color: #ff6600 !important;
}

.about-button {
  background-color: #cd65ff !important;
}

.about-button:hover {
  background-color: #dbaef0 !important;
}

.about-button:focus, .about-button:active {
  background-color: #cd65ff !important;
}

.cart-button {
  background-color: #ff9933 !important;
}
.cart-button:hover {
  background-color: #ffcc99 !important;
}

.cart-button:focus, .cart-button:active {
  background-color: #ff9933 !important;
}

.gallery-image-title{
    font-size: 12px;
    text-align: center;
}

/*poopover*/
/*.popover-content{
    background-color:#ff0000 !important;
}*/

/*lightbox*/
.ekko-lightbox .modal-content{
    background-color:#666666;
    color:#fff;
}

.ekko-lightbox h4.modal-title{
    color:#fff;
}

/*  Bootstrap Clearfix */
@media (min-width:600px){
    .large_image{
      max-height: 315px;
  }
}

@media (min-width:480px){
    .large_image{
      max-height: 315px;
  }
}
@media (min-width:360px){
    .large_image{
      max-height: 215px;
  }
}

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
  
  .large_image{
      max-height: 315px;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
  
  .large_image{
      max-height: 500px;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
  
  .large_image{
      max-height: 500px;
  }
}


/*owl*/ 
.owl-theme .owl-controls .owl-buttons div {
  padding: 5px 9px;
}
 
.owl-theme .owl-buttons i{
  margin-top: 2px;
}
 
/*To move navigation buttons outside use these settings:*/
 
/*.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
 
.owl-theme .owl-controls .owl-buttons .owl-prev{
  left: -45px;
  top: 55px; 
}
 
.owl-theme .owl-controls .owl-buttons .owl-next{
  right: -45px;
  top: 55px;
}
 */
 
.owl-carousel {
position: relative;
}
.owl-prev,
.owl-next {
position: absolute;
top: 50%;
margin-top: -10px; 

font-size: 200%;
}
.owl-prev {
left: 0;
}
.owl-next {
right: 0;
} 

/*overlay*/
/*.owl-carousel div .image-caption{
    position:absolute;
    bottom: 0px;    
    padding: 5px 0 5px 5px;
    width:100%;
    font-size:12px;
    display:block;
    color:#FFF;
    background-color: #000;
    opacity: 0.8;
    color:#000;
    background-color: #fff;
    opacity: 0.5;
    text-align: center
}*/

#image-caption{
    padding: 5px 0 5px 5px;
    width:100%;
    font-size:12px;
    display:inline-block;
    color:#000;
    background-color: #fff;
    text-align: center;
    font-weight: bold;
}