/* 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:5px solid red;
}*/

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

.expanded-menu {
    clear: none;
    float: none;
    width: 100%;
	.content,
	#zone-branding .branding-data,
	h1#page-title {
		width:auto;
	}
	#zone-footer-wrapper {
		display:block;
	}
}

#zone-user-wrapper {
	border-top:5px solid @highlightcolor;
 	display:block;
 	height:60px;

	.region-user-first {
		 text-align:left;
		 height:60px;
		.uvabar_logo {
			margin-bottom:6px;
		}
	 }
	 .region-user-second {
		 .uvabar_links {
			display:block;
			float:right;
			width:390px;
			font-size:14px !important;
			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:@highlightcolor;
						display:block;
						margin:0 1px;
						padding: 0 10px;
						text-decoration:none;
						&:hover {
							color:darken(@grey, 5%);
						}
					}
					&:first-child {
						a {
							border-left:none;
							padding-left:0;
						}
					}
				}
			}
		}

		#block-search-form {
		    clear:right;
			float:right;
			margin:10px -10px 10px;
			width:auto;
			input[type="text"] {
				float:left;
				width:120px;
				border:none !important;
				color:@grey;
			}
			input[type="submit"] {
			}
		}
	}
}

#zone-branding-wrapper {
	border-bottom:none;
	#zone-branding {
    .block-block-8 {
      display:block;
    }
		.branding-data {
			float:left;
			text-align:left;
			width: auto;
			margin-top:-10px;

			.site-name-slogan {
				float: left;
				width: auto;
				.site-name {
					font-size:2em;
					line-height: 110%;
					margin:8px 0 10px -5px;
					padding-left:0;
				}
			}
		}
    .block-block-8 {
      margin-bottom:10px;
      width:auto;
      position:relative;
      z-index:100;
    }
		.banner_slogan {
			width:35%;
			float:right;
			text-align:right;
			color: #666666;
			font-size: 18px;
			margin-top: 20px;
			text-transform: uppercase;

		}
		.social_media {
			display:block;
			float:right;
			margin-top: 18px;
			input {
				.rounded(5px);
				margin-bottom: 1px;
				margin-left:4px;
				&#twitter {
					background:#00BBF1;
				}
				&#facebook {
					background:#4B6EA9;
				}
			}
		}
	}
}

#zone-menu-wrapper {
    background:@darkblue;
	display:nonet;
    float: none;
    height: auto;
	position:static;
    width: 100%;
	#region-menu {
		.navigation {
			#tb-megamenu {
			    background-color:@darkblue !important;
			    color:white;
				li {
					border:none;
					display:inline;
					font-size:105%;
					line-height:300%;
					padding:0 15px;
					.active-trail {
						background:none;
						color:@highlightcolor;
						padding:0 15px;
						a {
							color:@darkcolor;
						}
					}
					a {
						color:@darkblue;
						font-weight:700;
					}
				}
			}
		}
		#block-block-7 {
		    display:block;
		    float:right;
		}
	}
}

#section-content {
	#zone-content {
	    padding:0;
	    #region-sidebar-first {
	        margin-top:15px;
	        background:#eee;
	        ul {
            padding-left:0;
	            li {
	                list-style:none;
	                line-height:150%;
                  width:82%;
                  margin:0;
                  padding:10px 20px;
	                a {
	                    color:@darkblue;
	                }
                  ul {
                    li {
                      &:hover {
                        background:@darkcolor;
                        a {
                          color:white;
                        }
                      }
                    }
                  }
	            }
	        }
	    }
	    #region-content {
	        margin:0;
    		.region-inner {
    			margin:10px 0;
    			padding:0 0 0 20px;
    			.homepage-what_is {
    			    width:70%;
    			    float:left;
    			    p {
    			        line-height:200%;
    			        font-size:115%;
    			    }
    			    .block-inner {
    			        padding-right:20px;
    			        h2.block-title {
    			            margin-top:5px;
    			        }
    			    }
    			}
    			.news-announcements {
    			    width:30%;
    			    float:left;
    			    background:#edebd7;
    			    font-size:14px;
    			    margin-top:5px;
    			    .block-inner {
    			        padding:0 20px 10px;
    			        line-height:100%;
    			        h2.block-title {
    			            font-size:20px;
    			        }
    			        .views-row {
    			            margin:15px 0;
    			        }
    			        .view-footer {
    			            text-align:right;
    			            font-style:italic;
    			            a {
    			                color:@highlightcolor;
    			            }
    			        }
    			    }
    			}
    			.echols-ambassadors {
    			    clear:both;
    			    border-top:3px dotted @darkblue;
    			    padding:15px 0;
    			    margin-top:15px;
    			    h3 {
    			        margin-top:0;
    			    }
    			    .views-field-field-photo {
    			        width:40%;
    			        height:auto;
    			        float:left;
    			        img {
    			            width:100%;
    			            height:auto;
    			        }
    			    }
    			}
          .view-people {
            h5 {
              margin:0 0 15px;
            }
            tr {
              td {
                display:table-cell;
              }
            }
          }
        }
	    }
	}
}

#zone-footer-wrapper {
	#zone-footer {
		font-size:90%;
		#region-footer-second {
			.region-inner {
				float:right;
				dl.contact {
					border-right: 1px solid #ffffff;
					float:left;
					margin:0 15px;
					padding-right:15px;
				}

				ul.address {
					float:left;
				}
			}
		}
	}
}

body.front {
  .panel-col-first,
  .panel-col-last {
    width:50%;
  }
}