/* This file will hold styles that are loaded using the same media query as the narrow grid. */
/* If you are using the default media queries provided by Omega, these styles will also
 *  apply to the normal and widescreen layouts. You may override these styles in the normal
 *  and widescreen CSS files as appropriate. */
 @import "elements.less";

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

h2 {
    font-size:1.8em;
}

ul.inline li {
    padding: 0 1.5em;
	&.first {
		padding-left:0;
	}
}

#zone-user-wrapper {
 	display:block;
 	height:60px;
	.region-user-first {
		display:block;
		width:auto;
    height:0;
    border-bottom:none;
    p {
      img {
        width:45% !important;
        float:left;
      }
    }
		.uvabar_logo {
			margin-bottom:6px;
		}
	 }
	 .region-user-second {
	     display:block;
	     float:right;
	     width:auto;
       #block-search-form {
         overflow: hidden;
         position: relative;
         float: right;
         button[type="submit"] {
           display: none;
         }
         #edit-actions {
           display: none;
         }
         #edit-search-block-form--2 {
           background: url("/sites/all/themes/global/images/bg_search_hover-orange.png") no-repeat;
           background-position: left center;
           border: none;
           margin-top:15px;
           width: 24px;
           height: 26px;
           text-indent: 28px;
           -webkit-transition: all 300ms ease-in 0s;
           -moz-transition: all 300ms ease-in 0s;
           -o-transition: all 300ms ease-in 0s;
           transition: all 300ms ease-in 0s;
           &:hover {
             width: 200px;
             height:38px;
             margin-top:10px;
             content:'search';
             background: url("../img/bg_search_blue.png") no-repeat right 20px #fff;
             background-color: #eee;
             position:relative;
             z-index: 500;
             color:#666;
             border:none;
             box-shadow:none;
           }
         }
       }
		 .uvabar_links {
			display:block;
			float:left;
			width:auto;
			margin-right:-20px;
			padding:0;
			ul {
				float:right;
				list-style:none;
				margin:0;
				padding:8px 0 0 0;
				li {
					float:left;
					letter-spacing: 0.5px;
					padding: 6px 0;
					a {
						border-left:1px solid darken(@grey, 25%);
						color:white;
						display:block;
						margin:0 1px;
						padding: 0 10px;
						text-decoration:none;
            font-size:.9em;
						&:hover {
							color:darken(@grey, 5%);
						}
					}
					&:first-child {
						a {
							border-left:none;
							padding-left:0;
						}
					}
				}
			}
		}
	}
}

#zone-branding-wrapper {
	border-bottom:none;
	#zone-branding {
    #region-branding {
      .branding-data {
        text-align:left;
        width:50%;
        float:left;
        margin-top:0;
        .logo-img {
          width:90px;
          margin-left:0;
          display:block;
        }
        .site-name-slogan {
          .site-name {
            font-size:2em;
            margin:0;
            margin-top:8px;
          }
          .site-slogan {
            clear:none;
            padding:0;
          }
        }
      }
      .social-block {
        widows: 25px;
        float:right;
        margin-top:-20px;
      }
      .social-media-icon {
        img {
          padding:6px;
          background:@highlightcolor;
          border-radius:50px;
          &:hover {
            opacity:.8;
          }
        }
      }
      .give-button {
        background:@highlightcolor;
        padding:3px 20px;
        color:white;
        margin-top:-15px;
      }
    }
  }
}

#section-content {
  #zone-preface-wrapper {
    #zone-preface {
      margin-bottom:0;
      .region {
        .region-inner {
          padding:0;
          border-bottom:none;
          margin:30px 0;
          padding:10px 10px;
          border:1px solid #eee;
          height:200px;
          &:hover {
            background:#eee;
          }
          h3 {
            font-size:1.2em;
          }
          img {
            margin-top:0;
          }
        }
      }
    }
  }
  /*#zone-postscript-wrapper {
    background:white;
    #zone-postscript {
      margin:0;
      width:98%
    }
    #region-postscript-first {
      width:100%;
    }
    #region-postscript-second {
      width:100%;
      margin-left:0;
      .bx-wrapper {
        .bx-viewport {
          height:267px !important;
        }
      }
      #block-block-36 {
        margin-top:30px;
        line-height:auto;
      }
      #publications-block_1 {
        .views-field-field-image {
          width:20%;
          float:left;
          margin-left:10%;
          margin-right:40px;
        }
        .views-field-title,
        .views-field-title-1 {
          margin-right:10%;
          text-align:left;
          font-size:1em;
          padding:0 20px;
          h3 {
            font-size:1.5em;
          }
        }
      }
    }
    #region-postscript-third {
      width:100%;
    }
  }*/
	#zone-content {
    #region-sidebar-first {
      .region-inner {
        #block-menu-block-1,
        #block-menu-block-2,
        #block-menu-block-3 {
          margin-left:0;
          padding:20px 0;
          display:block;
          margin-top:30px;
          margin-right:20px;
          nolink {
            font-size:.9em;
            text-transform:uppercase;
            font-weight:600;
          }
          ul {
            margin:0;
            padding:0;
            li {
              font-size: 95%;
              list-style-image:none;
              list-style-type:none;
              font-weight:bold;
              text-transform:uppercase;
              padding:5px 15px;
              line-height:175%;
              a {
                color:@darkcolor;
                font-size:1.3em;
                font-style:italic;
                &:active,
                &.active {
                  text-decoration:underline;
                }
              }
  
              ul {
                margin-top:8px;
                li {
                  font-weight:normal;
                  text-transform:none;
                }
              }
            }
          }
        }
      }
    }
    #region-content {
      .region-inner {
        h1#page-title {
          font-size:1.8em;
          color:#333;
          font-weight:800;
        }
        .people-rows {
          .views-row {
            margin-bottom:25px;
            float:left;
            margin-right:20px;
            position:relative;
            width:46%;
            h3 {
              font-size:1.4em;
            }
          }
          .views-field-title {
            p {
              margin-bottom:0;
            }
          }
          .views-field-field-link {
            position:absolute;
            bottom:10px;
            left:28%;
          }
          .views-field-field-photo {
            margin-right:20px;
            width:150px;
            float:left;
            img {
              width:100%;
              height:auto;
            }
          }
        }
        .people-tile {
            .views-row {
              width:33%;
              float:left;
              min-height:280px;
              .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 {
                line-height:100%;
                h3 {
                  margin-top:10px;
                  font-weight:600;
                  a {
                    color:#333;
                  }
                }
              }
              .views-field-field-email {
                text-transform:uppercase;
                font-size:.8em;
                margin-top:8px;
              }
              .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;
                }
              }
            }
          }
        }
        .newsletter-block {
          .views-row {
            border-bottom:1px solid @highlightcolor;
            .views-field-field-image {
              width:30% !important;
              float:right;
              margin-left:15px;
              img {
                width:100%;
                height:auto;
              }
            }
          }
        }
        .video-block {
          .views-row {
            width:21%;
            float:left;
            margin-right:20px;
            height:215px;
            h3 {
              margin-top:5px;
              letter-spacing:0;
              font-size:.9em;
              a {
                font-family:'franklin-gothic-urw-cond', sans-serif;
                color:black;
              }
            }
            .views-field-field-video-upload {
              height:107px;
              overflow:hidden;
            }
          }
        }
      }
    }
    #region-sidebar-second {
      display:none;
    }
  }



#zone-footer-wrapper {
	#zone-footer {
		font-size:90%;
    #region-footer-first {
      width:100%;
      iframe {
        width:auto;
        float:right;
      }
      text-align:left;
      h2 {
        font-size:auto;
      }
    }
		#region-footer-second {
      width:100%;
			.region-inner {
				float:right;
				.give-button {
          right:120px;
          left:auto;
        }

				ul.address {
					float:left;
				}
			}
		}
	}
}
body.page-courses {
	#region-content {
		.views-row {
			min-height:135px;
			img {
				clear:left;
				display:block;
				float:left;
				margin:0 1em 1em 0;
			}
		}
	}
}

body.front {
  #zone-menu-wrapper {
    #zone-menu {
      border-bottom:none;
    }
    #region-menu {
      .tb-megamenu {
        border-bottom:none;
      }
    }
  }
  #zone-slideshow-wrapper {
    background:#eee;
    padding-top:15px;
    #zone-slideshow {
      .views-field-field-image {
        #overlay {
          p {
            font-size:1.1em;
          }
          h2, h3 {
            font-size:1.3em;
          }
        }
      }
      .mobile-slideshow {
        display:none;
      }
      .block-views-homepage-features-block-1 {
        display:block;
      }
      .bx-wrapper {
        height:auto;
      }
    }
  }
  #section-content {
    #zone-content {
      #region-content {
        width:100%;
      }
      #region-sidebar-second {
        border-top:none;
        padding-top:0;
        width:100%;
        margin:20px;
      }
    }
  }
  #zone-parallax-wrapper {
    .block-news-block {
      .views-row {
        width:29%;
      }
    }
  }
}

body.node-type-people {
	#section-content {
		#zone-content {
			#region-content {
				.field-label-inline {
					.field-label {
						float:left;
						width:160px;
					}
				}
			}
		}
	}
}

body.not-logged-in {
  border-left:none;
}



#level-access-access-assistant-highlight-container {
  display:none;
}

.button-block {
  h3 {
    a {
      color:@darkcolor;
    }
  }
  p {
    a {
      font-weight:normal;
      color:#444;
    }
  }

}

#block-views-events-block-1 {
  .views-row {
    width:31%;
    float:left;
  }
}

#block-views-events-block-2 {
  .views-row {
    width:31%;
    float:left;
  }
}

.outlinks-block {
  margin-top:40px;
  padding-top:20px;
  padding:20px;
  background:#eee;
  margin-right:20px;
}