/********************************************************************************
*                             BEM Methodology                                   *
*  [$] Block = block                                                            *
*  [$] Element = block__element                                                 *
*  [$] Modifier = block__element--modifier                                      *
*                                                                               *
*                             Box Component                                     *
*                                                                               *
*  [^]bihe = Box Image Hover effet                                              *                                                             
*  [^]btoi = Box Text On Image                                                  *
*                                                                               *
*                                                                               *
*                                                                               *
*                                                                               *
********************************************************************************/

/* [$] Element *****************************************/
    
    /* [^]btoi */
        
        

    /* end of [^]btoi */

/* [$] Modifier ****************************************/

    .box__content figure {
        position:relative;
    }
    
    .box__caption > div {
      font-size: 1.1em;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      width: 90%;
      overflow:hidden;
    }
    
  /* [^]bt */
    
    .box__title{
      text-align: center;
    }

  /* end of [^]bt */


  /* [^]bihe */
  
    .box__image-hover-effect--image img {
      display: block;
      width: 100%;
      height: auto;
    }
    
    .box__image-hover-effect--overlay {
      position: absolute;
      top: 5%;
      bottom: 0;
      left: 5%;
      right: 0;
      height: 90%;
      width: 90%;
      opacity: 0;
      transition: .5s ease;
      overflow:hidden;
    }
    
    .box__image-hover-effect .box__content {
        cursor:pointer;
    }
    
    .box__image-hover-effect .box__content:hover .box__image-hover-effect--overlay {
      opacity: 1;
    }
    
    
    
  /* end of [^]bihe */
     
  
  
     
   .filter-items .navbar-default .navbar-nav>li>a {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 1.5em;
        font-weight: 500;
      
    }
    
    .filter-items .navbar-header p{
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 1.5em;
        font-weight: 500; 
    }
    
    /*.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
        color: white; 
        background-color: #F26115;
        background:#F26115;
    }*/
    
    .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
        color: inherit;
        background-color: transparent;
    }
    
    .filter-items .navbar{
        border-radius: 0px;
    } 
    .filter-items .navbar-default .navbar-nav>li:focus, .filter-items .navbar-default .navbar-nav>li:hover,
    .filter-items .navbar-default .navbar-nav>li.selected{
        background-color: white;
        background:white;
        color: #F26115;
    }
    
    .filter-items .menu__tags-xs{
        padding-top:15px;
    }
    
    .filter_title {
        text-align: center;
    }