/*********************
Fonts for Law

**** Law is using Typography.com to purchase these fonts.  Username: lawcomm@virginia.edu ****

Gotham Light - “News & Media” in the banner
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-style: normal;
font-weight: 300;

Gotham Book
font-family: "Gotham A", "Gotham B", Arial, sans-serif;
font-style: normal;
font-weight: 400;

Gotham Narrow Book - navigation bar 
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-style: normal;
font-weight: 400;

Gotham Narrow Light - “Trending” and “Faculty in the News”
font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
font-style: normal;
font-weight: 300;

This file will hold styles for the mobile version of your website (mobile first).
This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.less will apply site-wide.

**** Colors ****

Hyperlinks in body text - #336699, underlined; on hover, no underline
Orange Headers, hyperlinks - #B85F26
Orange backgrounds - #D87F46
Lists of links - default to no underline, underline on hover

Hyperlinks - change to text decoration none, border bottom 1px using guide below:
Blue
color: #336699;
text-decoration: none;
border-bottom: 1px solid #9EBEDE; (changed slightly a couple days after we sent first one)

Orange
color: #b85f26;
text-decoration: none;
border-bottom: 1px solid #e4b698;

Gray
color: #666666;
text-decoration: none;
border-bottom: 1px solid #aaaaaa;

**********************/

/*********************************************************
** General Styles
**********************************************************/
ul.inline li {
	padding: 0 1.5em
}

ul.inline li.first {
	padding-left: 0
}

h1 {
	font-size: 45px
}



/*********************************************************
** Logo Styles
**********************************************************/
#zone-user-wrapper .region-user-first {
	width: 40%;
	float: left;
	text-align: left
}

#zone-user-wrapper .region-user-second {
	float: right;
	width: 297px;
	margin: 0;
	clear: none
}

/*********************************************************
** Mobile Logo Styles
**********************************************************/
#zone-user-wrapper .region-user-first .uvabar-logo-mobile {
	display: none
}

#zone-user-wrapper .region-user-first .uvabar-logo {
	display: block;
	margin-top: 13px;
	margin-bottom: 0;
	margin-left: -43px;
	width: 100%
}

#zone-user-wrapper .region-user-first .uvabar-logo img {
	max-width: 275px;
	width: 100%;
	height: auto
}

/*********************************************************
** Quicklinks Styles
**********************************************************/
#zone-user-wrapper .region-user-second .quicklinks {
	margin-top: 30px;
	border-top: none
}

/*********************************************************
** Search Form Styles
**********************************************************/
#zone-user-wrapper .region-user-second #block-search-form {
	margin-top: 30px;
	width: auto
}

#zone-user-wrapper .region-user-first #block-search-form input[type=text] {
	width: 270px
}

#zone-user-wrapper .region-user-first .uvabar_links {
	width: 45%
}

/********************************
** Title/Zone-Branding Styles
*********************************/
#zone-branding-wrapper #zone-branding {
	margin-top: -22px;
}

#zone-branding-wrapper #zone-branding .site-name {
	margin: 0px 40px 0px 40px;
	font-size: 40px;
}

/********************************
** Main Content Styles
*********************************/
#zone-content #region-content .region-inner,
#zone-content .view {
}

/*********************************************************
** Postscript & Footer Styles
**********************************************************/
#zone-postscript-wrapper #zone-postscript #region-postscript-first .logo-larger {
	display: block
}

#zone-postscript-wrapper #zone-postscript #region-postscript-first .logo-smaller {
	display: none
}

#zone-postscript-wrapper #zone-postscript #region-postscript-second ul {
	margin: 0 0 30px 30px;
}

#zone-postscript-wrapper #zone-postscript #region-postscript-second ul li {
	display: inline;
}

#zone-postscript-wrapper #zone-postscript {
	margin: 10px auto
}

#zone-postscript-wrapper #zone-postscript .region-inner {
	padding-left: 0;
	padding-right: 0
}

#zone-postscript-wrapper #zone-postscript #region-postscript-first {
	width: 23%;
	margin: 0;
	text-align: left;
	padding: 10px 0
}

#zone-postscript-wrapper #zone-postscript #region-postscript-first img {
	max-width: 175px;
	height: auto
}

#zone-postscript-wrapper #zone-postscript #region-postscript-second {
	padding: 20px 0 0;
	border-left: 1px solid #CDCDCD;
	width: 76%;
	margin: 0
}

#zone-footer-wrapper #zone-footer {
	font-size: 13px;
	padding: 15px 0
}

#zone-footer-wrapper #zone-footer .grid-3 {
	border-right: 1px solid #848484;
	margin: 0
}

#zone-footer-wrapper #zone-footer #region-footer-first {
	text-align: left;
	width: 20%;
	margin-left: 15px;
	padding: 20px 0 15px
}

#zone-footer-wrapper #zone-footer #region-footer-second {
	padding: 20px 0 24px;
	width: 24%
}

#zone-footer-wrapper #zone-footer #region-footer-second .content {
	width: 100%
}

#zone-footer-wrapper #zone-footer #region-footer-second h2.support {
	padding: 0
}

#zone-footer-wrapper #zone-footer #region-footer-third {
	width: 30%;
	padding: 24px 0 15px
}

#zone-footer-wrapper #zone-footer #region-footer-fourth {
	text-align: right;
	width: 23%
}

#zone-footer-wrapper #zone-footer .grid-3.region-footer-fourth {
	border-right: none
}