/* This file will hold styles that are loaded using the same media query as the normal grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the widescreen layout unless they are overridden by the widescreen styles. */
  @import "elements.less";

#zone-user-wrapper {
  height:60px;
  #region-user-first {
    img {
      width:350px;
      height:auto;
    }
  }
  .region-user-second {
     position:absolute;
     display:block;
     right:0;
     width:auto;
     top:22px;
     background:none;
    .uvabar_links {
       display:block;
       float:left;
       width:auto;
       font-size:80%;
       padding:0;
       ul {
         float:right;
         list-style:none;
         margin:0;
         padding:6px 0 0 0;
         li {
           float:left;
           letter-spacing: 0.5px;
           padding: 6px 0;
           a {
             border-left:1px solid darken(@grey, 25%);
             color:@darkcolor;
             display:block;
             margin:0 1px;
             padding: 0 10px;
             font-weight:normal;
             &:hover {
               color:darken(@grey, 5%);
             }
           }
           &:first-child {
             a {
               border-left:none;
               padding-left:0;
             }
           }
         }
       }
     }
   }
}

#section-content {
  #zone-preface-wrapper {
    #zone-preface {
      .region {
        width:24%;
        padding:20px 30px;
        .region-inner {
          padding:0 10px;
          h3 {
            font-size:1.5em;
          }
          img {
            width:150px;
          }
        }
      }
    }
  }
  #zone-content {
    #region-content {
      .region-inner {
        .people-tile {
          .views-row {
            &:hover {
              background:@darkcolor;
              color:white;
              h3 {
                color:white;
              }
              a {
                color:white !important;
              }
              .views-field-colorbox {
                background:white;
                &:hover {
                  background:#ddd;
                  a {
                    text-decoration:none;
                  }
                }
                a {
                  color:@darkcolor !important;
                }
              }
            }
            .views-field-field-photo {

              img {
                width:100%;
                height:auto;
              }
            }
            .views-field-title,
            .views-field-field-position,
            .views-field-field-email,
            .views-field-field-phone,
            .views-field-field-adress,
            .views-field-field-dissertation-title,
            .views-field-field-institution {
              line-height:125%;
              padding:0 15px;
              h3 {
                margin-top:10px;
                font-weight:600;
                font-size:1.2em;
                a {
                  color:#333;
                }
              }
            }
            .views-field-field-institution {
              text-transform:uppercase;
              line-height:100%;
              font-size:.8em;
              margin-top:8px;
              font-weight:bolder;
            }
            .views-field-colorbox {
              width:75%;
              margin:0 auto;
              background:@darkcolor;
              border-radius:3px;
              text-align:center;
              padding:5px;
              position:absolute;
              bottom:20px;
              left:10%;
              a {
                color:white;
              }
            }
          }
        }
      }
    }
  }
}


#zone-postscript-wrapper {
  #zone-postscript {
    margin:0 auto;
    #region-postscript-third {
    .views-row {
      iframe {
        height:186px;
      }
    }
    #region-postscript-fullwidth {
      .homepage-events .views-row {
        width:20%;
        margin:0 auto;
      }
    }
  }
}
}

#zone-postscript-wrapper #zone-postscript #region-postscript-fullwidth .homepage-events .views-row {
  width:20%;
  margin-left:0;
}