/* 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";

  body {
    border-left:8px solid #4abdac;
  }

#zone-user-wrapper {
  height:60px;
	.region-user-first {
		margin: 0 0 20px 0px;
		text-align:left;
		visibility:visible;
    height:auto;
    width:50%;
    p {
      img {
        width:300px !important;
        margin:10px 0;
      }
    }
	}
  .region-user-second {
    .uvabar_links {
      ul {
        li {
          a {
            font-size:1em;
          }
        }
      }
    }
  }
}
#zone-branding-wrapper {
	#zone-branding {
    #region-branding {
      .branding-data {
        float:left;
        margin-bottom:10px;
        width:auto;
        margin-top:-20px;
        width:70%;
        h6 {
          margin-bottom:0;
        }
        .site-name-slogan {
          .site-name {
            font-size:30px;
            font-weight:700;
            line-height: 110%;
            padding-left: 0;
          }
        }
	    }
      .program-links {
        margin-right:-30px;
        margin-top:-10px;
        float:right;
        ul {
          li {
            list-style:none;
            display:inline;
            padding:15px;
            background:@highlightcolor;
            margin:0 5px;
            font-size:.8em;
            a {
              color:white;
              font-weight:600;
              font-family:'bodoni-urw',serif;
              text-transform:uppercase;
              font-style:italic;

              &:hover {
                color:@darkblue;
              }
            }
          }
        }
      }
    }
	}
}

#zone-menu-wrapper {
  display:block;
	float: none;
	height: 50px;
	width: 100%;
  position:relative;
  background:#dadada;
  #zone-menu {

    height:64px;
  }
	#region-menu {
    .social-media {
      float:right;
      position:relative;
      z-index:500;
      margin-right:-16px;
      a:hover {
        background:none;
      }
      .block-inner {
        padding-top:5px;
        margin-bottom:-10px;
        img {
          border-radius:50px;
          &:hover {
            opacity:.7;
          }
        }
      }
    }
    .tb-megamenu .mega-nav > li a, .tb-megamenu .dropdown-menu .mega-nav > li a {
      padding:15px;
    }
    .tb-megamenu {
      position:relative;
      z-index:300;
      .nav > li > a {
        padding:15px 23px 15px;
        color:@darkblue;
        text-transform:uppercase;
        border:none;
        font-weight:bold;
        font-size:15px;
      }
    }
    .tb-megamenu-item.level-1.mega > a:hover,
    .tb-megamenu-item.level-1.mega > a:focus {
      background:#444;
      color:white;
      opacity:.8;
    }
    .tb-megamenu .nav > .active > a,
    .tb-megamenu .nav > .active > a:hover,
    .tb-megamenu .nav > .active > a:focus,
    .tb-megamenu .nav > li.open > a {
      background:#444 !important;
      color:white;
    }
    .tb-megamenu .dropdown-menu .active > a,
    .tb-megamenu .dropdown-menu .active > a:hover {
      color:@darkcolor;
      text-transform:uppercase;
    }
    .tb-megamenu .dropdown-menu li > a:hover,
    .tb-megamenu .dropdown-menu li > a:focus,
    .tb-megamenu .dropdown-submenu:hover > a {
      color:@darkblue;
    }
    #block-search-form {
      position: absolute;
      float: right;
      margin-top:.5em;
      display:block;
      top:-15px;
    }
	}
}

#section-content {
	#zone-content {
    #region-sidebar-first {
      display:block;
    }
    #region-content {
      .region-inner {
        .view-id-publications {
          .views-row {
            width:27%;
            min-height:170px;
            margin-bottom:20px;
          }
        }
        .view-id-news {
          .views-row {
            .views-field-field-image {
              width:auto;
            }
          }
        }
        .view-id-people {
          .item-list {
            .pager {
              background:#eee;
              .pager-current {
                  background:#444;
                  color:white;
                  border-radius:50px;
                  padding:.25em .5em;
                }


              .pager-item:hover {
                background:#666;
                color:white;
                border-radius:50px;
                padding:.25em .5em;
                a {
                  color:white;
                }
              }
            }
          }
          &.profile-page {
            .views-field-field-image {
              width:auto;
            }
          }
        }
        .people-tile {
          .views-row {
            width:23%;
            margin:5px;
            min-height:315px;
            .views-field-field-image {
              width:100%;
              height:auto;
              overflow:hidden;
              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 {
              h3 {
                margin-top:10px;
                font-weight:600;
                font-size:1.2em;
                a {
                  color:#333;
                }
              }
            }
            .views-field-field-email {
              text-transform:uppercase;
              font-size:.8em;
            }
            .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;
              }
            }
          }
        }
        .affiliates {
          .views-row {
            min-height:auto;
          }
          .more-button {
            float:none;
          }
        }
      }
    }
  }
}



#zone-footer-wrapper {
  #zone-footer {
    #region-footer-first {
      width:50%;
      iframe {
        float:left;
      }
    }
    #region-footer-second {
      width:auto;
      float:right;
    }
  }
}


body.front {
  #zone-preface-wrapper {
    #zone-preface {
      .button-block {
        h3 {
          font-size:1.1em;
          padding:0;
        }
      }
    }
  }
  #zone-slideshow-wrapper {
    #zone-slideshow {
      .views-field-field-image {
        #overlay {
          h2, h3 {
            font-size:1.4em;
            width:75%;
          }
        }
      }
    }
  }
    #section-content {
        #zone-content {
            #region-content {
                width:68%;
            }
            #region-sidebar-second {
                width:25%;
                float:right;
            }
        }
    }
    #zone-parallax-wrapper {
      .block-news-block {
        .views-row {
          width:30%;
        }
      }
    }
}

body.context-contact {
	#zone-content {
		#region-content {
			#main-contact {
				iframe {
					width:420px;
				}
			}
		}
	}
}

body.context-news,
body.context-events,
body.context-publications {
  #section-content {
    #zone-content {
      #region-sidebar-first,
      #region-sidebar-second {
        display:none;
      }
      #region-content {
        width:100%;
      }
    }
  }
}