/*
 - Rows
 - Logo
 - Photo
 - Expert information
 - Links
 - Media queries
 */


.view-vlt-expertsarea-experts-list .view-header {
  margin-bottom: 18px;
}

/********************************
 * Rows
 ********************************/

.view-vlt-expertsarea-experts-list .views-row {
   padding: 18px 0 0 0;
   border-top: 1px solid #eee;
}

.view-vlt-expertsarea-experts-list .views-row-first {
	padding-top: 0;
  border-top: 0;
}


/********************************
 * Logo
 ********************************/

.view-vlt-expertsarea-experts-list .views-field-field-logo {
  float: left;
  margin: 0 20px 18px 0;
}

  .view-vlt-expertsarea-experts-list .views-field-field-logo .field-content {
    width: 110px;
    text-align: center;
    position: relative;
  }

    .view-vlt-expertsarea-experts-list .views-field-field-logo .field-content > a {
      display: block;
      position: relative;
      z-index: 2;
      padding: 10px 0;
      background-color: #fff;
    }
    
      .view-vlt-expertsarea-experts-list .views-field-field-logo .field-content img {
        height: 30px;
        width: 100px;
      }


/********************************
 * Photo
 ********************************/

.view-vlt-expertsarea-experts-list .views-field-field-profile-photo {    
  float:left;
  margin-bottom: 18px;
}

  .view-vlt-expertsarea-experts-list .views-field-field-profile-photo .field-content {
    position: relative;
    margin-right: 19px;
    width: 110px;
  }
  
    .view-vlt-expertsarea-experts-list .views-field-field-profile-photo .field-content-exist {
      display: block;
      position: relative;
      z-index: 2;
      padding: 5px;
      width: 100px;
      margin-right: 0;
      background-color: #fff;
    }
   
      .view-vlt-expertsarea-experts-list .views-field-field-profile-photo .field-content-exist img {
        width: 100px;
      }


/********************************
 * Expert information
 ********************************/

.view-vlt-expertsarea-experts-list .views-field-php-1 {
  position: relative;
  float: left;
  width: 300px;
  top: -3px;
  margin-bottom: 14px;
}

  .view-vlt-expertsarea-experts-list .views-field-php-1 .expert-info-wrapper .expert-item {
    margin-bottom: 5px;
  }

    .view-vlt-expertsarea-experts-list .views-field-php-1 .expert-info-wrapper .expert-item .expert-label {
      float: left;
      font-weight: bold;
    }

    .view-vlt-expertsarea-experts-list .views-field-php-1 .expert-info-wrapper .expert-item .expert-value {
      position: relative;
      display: block;
      margin-left: 80px;
    }


/********************************
 * Links
 ********************************/

.view-vlt-expertsarea-experts-list .views-field-php-2 {
  display: block;
  position: relative;
  width: 160px;
  margin: 0 0 18px 680px;
  top: -3px;
  
  *padding-left: 0;
  *margin-left: 680px;
}

  .view-vlt-expertsarea-experts-list .views-field-php-2 .topic-item-0-wrapper {
    margin-bottom:10px;
  }
  
    .view-vlt-expertsarea-experts-list .views-field-php-2 .topic-item-0-wrapper .topic-0-title {
      margin-bottom: 5px;
      font-weight: bold;
      font-size: 13px;
    }

    .view-vlt-expertsarea-experts-list .views-field-php-2 .topic-item-0-wrapper .topic-0-title a {
      color: #555;
    }
    
    .view-vlt-expertsarea-experts-list .topic-1-item + .topic-1-item {
      margin-top: 5px;
    }
    
      .view-vlt-expertsarea-experts-list .topic-1-item a {
        display: block;
      }


/********************************
 * Media queries
 ********************************/

@media all and (max-width: 839px) {
  .view-vlt-expertsarea-experts-list .views-field-php-2 {
    margin-left: 557px;
    width: auto;
  }
}

@media all and (max-width: 767px) {
  .view-vlt-expertsarea-experts-list .views-field-php-2 {
    margin-left: 0;
    clear: both;
  }
}