/* ==========================================================================
   basic
   ========================================================================== */
    
    .container-background-gray { 
        background-color:#f0f0f0
    }
    
    .well {
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0px;
           -moz-border-radius: 0px;
                border-radius: 0px;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
    }
    
    .impressions .square { 
        background-color: #2a8c7f;
    }
    
    .square { 
        position:absolute; 
        bottom:0px; 
        right:0px; 
        width:25px; 
        height:25px; 
        background-color:#2a8d7f; 
    }
    
    .impressions-small .square{
        width: 15px;
        height: 15px;
    }
    
    
/* ==========================================================================
   impressions
   ========================================================================== */
      
      .impressions {
          position: relative;
      }
      
      .impressions .impressions-section { 
          background:url("/application/website/assets/images/impressions-section-background.png") repeat;
          padding:23px 15px 25px 20px; 
          height:48px;
          position:absolute;
          bottom:0px;
          left:0px;
          right:0px;
          overflow:hidden;
      }
      
      .impressions .impressions-section h5 {  
          text-transform:uppercase;
          color:#FFFFFF;
          font-weight:normal;
          margin:0px;
          margin-bottom:35px;
          min-height: 36px;
      }
      
      .impressions.impressions-small .impressions-section-hover h5{
          margin-bottom: 6px;
      }
      
      .impressions .impressions-section p {
          font-size: 12px;
          color:#FFFFFF;
          line-height:22px;
          margin-bottom: 6px;
      }
      
      .impressions .impressions-section a {
          font-weight:700;
          font-size:14px;
      }
     
    .impressions .impression-background { 
      bottom:0;
      left:0;
      right:0;
      top: 0;
      background-size: cover;
      background-position: center center;
      position: absolute;
    }

    .impressions .impressions-section-hover { 
          bottom:10px;
          left:10px;
          right:10px;
          -webkit-transition: height 0.1s; /* Safari */
                transition: height 0.1s;
      }
      
      .impressions-section-hover .square {
          opacity:1;
          -webkit-transition: opacity 0.1s; /* Safari */
                transition: opacity 0.1s;
      } 
      
      .impressions.impressions:hover .impressions-section-hover, .impressions:focus .impressions-section-hover, .impressions:active .impressions-section-hover {
          height: 244px;
          cursor: pointer;
      }
      
      .impressions.impressions-small:hover .impressions-section-hover, .impressions-small:focus .impressions-section-hover, .impressions-small:active .impressions-section-hover {
           height:198px;
           cursor: pointer;
      }
    
    .impressions:hover .impressions-section-hover .square {
          opacity:0;
      } 
      
      /* #fase1 : uitbreiding highlight */
      .impressions.highlight {
          background-color: #2a8d7f !important; 
      }
      .impressions.highlight .impressions-section {
          height: 247px;
          background-image: none;
          color: #ffffff
      }
         .impressions.highlight .impressions-section-hover {
             color: #ffffff;
             height: 247px;
             transition: none;
             -webkit-transition: none;
         }
         .highlight .impressions-section-hover .square {
             -webkit-transition: none; /* Safari */
            transition: none;
         }
         .impressions.highlight .impressions-section a {
             color: #000000;
         }
         .impressions.highlight .impressions-section h5 {
             margin-bottom: 0;
         }
 
/* ============ impressions-small ============ */ 
 
     .impressions {
         margin-bottom: 20px;
     }
     .impressions-small{
         margin-bottom:20px;
     }
     
    .impressions-small .impressions-section { 
        height:37px;
        padding:13px 15px 24px 17px; 
    } 
    
    .impressions-small .impressions-section h5 { 
        font-size:13px;
 }