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

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.


/**************************
Generic CSS Style Class Names
*******************************

.content-listing - applied to the view on News Archive, News by Topic, and bottom half of Videos/Podcasts pages.



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

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

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

/**********************
** Global Styles
***********************/
body,
h1 {
	font-family: Georgia, 'Times New Roman', serif
}

h1,
h2 {
	font-weight: 500
}

body,
h2 {
	color: #333
}

h1 a,
h5 {
	color: #CF7234
}

body,
table {
	width: 100%
}

table tr,
table tr td {
	vertical-align: top
}

body {
	background: url(../images/header_bkgnd.jpg) center top repeat-x #E5E5E5;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-size: 16px
}

a,
a:link {
	color: #369;
	text-decoration: none;
}

.contextual-links-wrapper a,
a:hover {
	border-bottom: none
}

h1 {
	margin-top: 0;
	color: #B85F26;
	font-size: 35px;
	line-height: 1em;
	padding-top: 15px
}

h2 {
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-size: 36px;
	line-height: 1.1;
}

h3 {
	color: #B96126;
	font-family: "Gotham A", "Gotham B", Arial, sans-serif;
	font-weight: 700;
	font-size: 22px
}
h1.site-name{
	margin-bottom: 0;
	
}
h6.site-slogan{
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	font-size: 40px;
	line-height: 1.1;
	margin: 0 0 .3em 1em;
	color: #B96126;
}

h4,
h5,
h6 {
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif
}

h4 {
	font-weight: 600;
	font-size: 18px
}

.home-sidebar h3.pane-title{
	margin-bottom: 0;
	
}

.sectionheadlg,
h5,
h6,
table tr th {
	font-weight: 700
}

h5 {
	font-size: 15px;
	text-transform: uppercase
}

h6 {
	font-size: 14px;
	font-weight:500;
}

.sectionheadlg {
	color: #cf7234;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase
}

table tr th {
	font-size: 90%;
	padding-bottom: 5px;
	padding-right: 20px;
	vertical-align: bottom
}

table tr td:last-child,
table tr th:last-child {
	padding-right: 0
}

table tr td {
	padding: 5px 20px 5px 0;
	font-size: 1em
}

table tr td.views-field-nothing {
	padding: 0
}

table tr.even,
table tr.odd {
	background: #fff
}

table.list tr {
	border-bottom: 1px solid #dbdbdb
}

table.list tr td {
	line-height: 150%;
	padding: 10px
}

/********************************
** Header Logo Styles
*********************************/
#zone-user-wrapper {
	margin-bottom: 0
}

#zone-user-wrapper .region-user-first {
	text-align: center;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	overflow: visible
}

#zone-user-wrapper .region-user-first p {
	margin: 0;
	padding: 0
}

#zone-user-wrapper .region-user-first .uvabar-logo {
	display: none
}

#zone-user-wrapper .region-user-first .uvabar-logo-mobile {
	margin-top: 13px
}

#zone-user-wrapper .region-user-first .news-logo {
	display: none
}

#section-header a {
	border-bottom: none
}

/********************************
** Granular Page Styling
*********************************/
.home-content{
	width: 90%;
	margin-bottom: 2em;
}
.convention-description{
	margin: 0 0 2em 1em;	
}

.subjects-glossary .view-international-conventions {
	padding-top: 0 !important ;	
}

.subjects-glossary h3{
	margin: 1em 0 .1em 0;
}

.subjects-glossary-term{
	margin-left: .5em;
}

.view-international-conventions {
	margin-left: 1em;
	padding-top: 0 !important;
	margin-bottom: 5em;
}
.view-international-conventions caption {
	color: #B96126;
	font-family: "Gotham A", "Gotham B", Arial, sans-serif;
	font-weight: 700;
	font-size: 22px;
	text-align: left;
	margin-bottom: 1em ;
	margin-top: 1em;
}

.view-international-conventions tbody{
	border-top: none;
	
}
td.views-field-field-doc-publicationdate{
	white-space: nowrap;
	width: 140px;
	
}
.view-international-conventions td.views-field-field-doc-publicationdate{
	text-align: right;
}

.view-international-conventions tr.views-row-last{
	border-bottom: none;
}

.flipped-table tbody{
	border-top: none;	

}
.flipped-table tr th{
	font-size: 100% ;
	border-bottom: none;
	width: 200px;
	text-align: right;
	vertical-align: top !important;
	
}
.flipped-table tr td,
.flipped-table tr td p{
	vertical-align: top;
	padding: 0;
	
}

.pane-node-field-doc-file .pane-content{
	margin: 0 auto;
	max-width: 850px;
	text-align: center;
}

.document-fulltext {
	margin-left: 1em;	

}
.page-search #zone-content .search-sidebar ul{
	padding-left: 0;

}

.page-search #zone-content .search-sidebar ul li{
	margin-left: .5em;

}
/********************************
** Quicklinks Dropdown Styles
*********************************/
#zone-user-wrapper .region-user-second .quicklinks {
	width: 41px;
	height: 42px;
	float: left;
	margin-top: 15px;
	background: url(../images/hamburger_new.png) center top 5px no-repeat;
	padding: 0
}

#zone-user-wrapper .region-user-second .quicklinks .block-title {
	display: none;
}

#zone-user-wrapper .region-user-second .quicklinks .content {
	height: auto
}

#zone-user-wrapper .region-user-second .quicklinks.expanded-secondary-menu {
	background: url(../images/hamburger_new_rollover.png) center top 5px no-repeat #909090;
	padding-bottom: 9px
}

#zone-user-wrapper .region-user-second .quicklinks div.links {
	display: none;
	width: 255px;
	z-index: 999 !important;
	background: #909090;
	position: relative;
	padding: 20px 20px 10px;
	overflow: hidden;
}

#zone-user-wrapper .region-user-second .quicklinks div.links ul {
	margin: 0;
	padding: 0;
	width: auto;
	border-top: 1px solid #ccc;
	padding: 20px 0 0 0;
	list-style: none;
}

#zone-user-wrapper .region-user-second .quicklinks div.links ul.col3 {
	width: 190px
}

#zone-user-wrapper .region-user-second .quicklinks div.links ul.col4 {
	border-right: 0
}

#zone-user-wrapper .region-user-second .quicklinks div.links ul li a {
	color: #EAEAEA;
	text-decoration: none
}

#zone-user-wrapper .region-user-second .quicklinks div.links ul li a:hover {
	color: #fff
}

/********************************
** Search Form Styles
*********************************/
#zone-user-wrapper .region-user-second #block-search-form {
	background: 0 0;
	display: block !important;
	float: right;
	position: static;
	width: 240px;
	margin: 15px 0 20px
}

#zone-user-wrapper .region-user-second #block-search-form input[type=text] {
	-webkit-box-shadow: inset 3px 3px 19px -3px rgba(209, 207, 209, 1);
	-moz-box-shadow: inset 3px 3px 19px -3px rgba(209, 207, 209, 1);
	box-shadow: inset 3px 3px 19px -3px rgba(209, 207, 209, 1);
	border: 0;
	float: left;
	font-size: 18px;
	color: #999;
	padding: 3px 6px 1px;
	position: static;
	width: 185px;
	height: 38px;
	margin-right: 0;
	border-radius: 0;
}

#zone-user-wrapper .region-user-second #block-search-form .form-wrapper {
	display: inline
}

#zone-user-wrapper .region-user-second #block-search-form .form-wrapper input.form-submit {
	border: none;
	border-radius:0;
	/*background: url(../images/search_icon.jpg) no-repeat;*/
	background: url(../images/search_icon_faculty_trans.png) no-repeat;
	float: left;
	height: 43px;
	width: 43px;
	margin: 0;
	cursor: pointer
}

/********************************
** Search Autocomplete
*********************************/
#zone-user-wrapper .region-user-second #block-search-form .ui-autocomplete {
	z-index: 100 !important;
}

/********************************
** Title/Zone-Branding Styles
*********************************/
#zone-branding-wrapper #zone-branding {
	position: relative;
	background: white;
	border-top: 3px solid #A89E99;
	border-bottom: 3px solid #A89E99;
	z-index: 10;
}

#zone-branding-wrapper #zone-branding .site-name {
	margin: 0px 40px 0px 5px;
	font-size: 30px;
	font-weight: 300;
	line-height: 1.1em;
	text-transform: uppercase;
	font-family: "Gotham A","Gotham B",Arial,sans-serif;
}

#zone-branding-wrapper #zone-branding .site-name a {
	color: #666;
}

/********************************
** Menu Styles
*********************************/
#zone-menu-wrapper #zone-menu {
	display: none
}

#zone-user-wrapper .region-user-second {
	clear: both;
	margin: 0 auto;
	width: 295px
}

#zone-user-wrapper .region-user-second .quicklinks .block-inner .block-inner {
	clear: both;
	display: none;
	position: relative;
	top: 25px;
	background: #909090;
	padding: 10px 20px 20px;
	width: 255px;
	z-index: 999 !important;
}

#zone-user-wrapper .region-user-second .menu-name-main-menu ul {
	margin: 0;
	padding: 0;
	width: auto;
}

#zone-user-wrapper .region-user-second .menu-name-main-menu ul li a {
	color: #EAEAEA;
	text-decoration: none
}

#zone-user-wrapper .region-user-second .menu-name-main-menu ul li a:hover {
	color: #fff
}

#zone-user-wrapper .region-user-second ul.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/********************************
** Main Content Styles
*********************************/
#main-content{
	min-height: 200px;
	padding: 2em;
}

#zone-preface-wrapper a {
	color: #666;
	border-bottom: none
}

#zone-content img {
	max-width: 90%;
	height: auto;
}

#zone-content {
	background: #fff;
	margin-bottom: 0;
	margin-top: 0
}

#zone-content-wrapper {
	background: 0 0;
	border-bottom: 4px solid #B6AFA6;
}

#zone-content-wrapper #zone-content #region-content {
	margin-right: 0;
	margin-left: 0
}

#zone-content #region-content .region-inner {
	padding: 10px
}

#zone-content #region-content .region-inner,
#zone-content .view {
	
}

#zone-content p {
	font-size: 100%;
	line-height: 150%
}

#zone-content ul {
	line-height: 150%;
	margin: 8px 0 15px;
	padding-left: 18px
}

#zone-content ul li {
	list-style: none;
	background: url(../images/bullet_blue.png) 0 9px no-repeat;
	padding-left: 12px;
	margin-bottom: 8px
}

#zone-content ul li ul li {
	background: url(/sites/all/themes/global/images/arrow-blue.png) 0 9px no-repeat
}

#zone-content ul.tabs li {
	background: 0 0;
	padding-left: 0
}

#zone-content ul li a.active {
	color: #666
}

h1#page-title a {
	border-bottom: none
}

body.context-protected h1#page-title {
	border-bottom: 1px dotted #ccc;
	color: #B96126;
	padding-bottom: 20px
}

#zone-footer-wrapper #zone-footer a:hover,
#zone-postscript-wrapper #zone-postscript #region-postscript-second a:hover {
	color: #fff
}

/************************************
** Postscript & Footer Styles
*************************************/
#zone-postscript-wrapper {
	background: #909090;
	color: #EAEAEA;
	font-size: 16px;
	line-height: 115%;
	text-align: left
}

#zone-postscript-wrapper a {
	border-bottom: none
}

#zone-postscript-wrapper #zone-postscript {
	margin: 0 auto;
	font-family: Lato, sans-serif;
	
}

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

#zone-postscript-wrapper #zone-postscript #region-postscript-first {
	text-align: center;
	padding: 20px 0
}

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

#zone-postscript-wrapper #zone-postscript #region-postscript-second a {
	color: #EAEAEA;
	text-decoration: none
}

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

#zone-postscript-wrapper #zone-postscript #region-postscript-second ul li {
	list-style: none;
	
	line-height: 1.5;
	margin-left: 0;
	text-align: center;
	padding: 0 1em;
}

#zone-postscript-wrapper #zone-postscript #region-postscript-second #block-menu-menu-footer-lead {
	max-width: 700px;
	line-height: 2.5;
	margin: .75em auto 1.5em auto;
	text-transform: uppercase;
	
}

#zone-postscript-wrapper #zone-postscript #region-postscript-second #block-menu-menu-footer-lead ul{
	text-align: center;
	margin: 0;
}

#zone-postscript-wrapper #zone-postscript #region-postscript-second #block-menu-menu-footer-uva-entities {
	font-size: 30px;
	max-width: 850px;
	margin: 0 auto;
	text-align: center;
    font-family: 'EB Garamond',serif;
	letter-spacing: .01em;
}

#zone-postscript-wrapper #zone-postscript #region-postscript-second #block-menu-menu-footer-uva-entities ul {
	text-align: center;
	margin-left: 0;
	
		
}
#zone-postscript-wrapper #zone-postscript #region-postscript-second #block-menu-menu-footer-uva-entities ul li{
	padding: 0 .5em;
		
}

/************************
** Section Footer Styles
*************************/
#section-footer {
	border-bottom: 5px solid #D77D3E
}

#section-footer a {
	border-bottom: none
}

#zone-footer-wrapper {
	background-color: #666;
	min-height: 100px;
	line-height: 115%;
	overflow: hidden;
	bottom: 0;
	clear: both;
	width: 100%
}

#zone-footer-wrapper #zone-footer {
	margin: auto;
	font-size: 15px;
	font-family: "Gotham Narrow A", "Gotham Narrow B", Arial, sans-serif;
	text-align: left;
	color: #EAEAEA;
	padding: 25px 0
}

#zone-footer-wrapper #zone-footer p {
	margin: 0 0 6px
}

#zone-footer-wrapper #zone-footer a {
	color: #EAEAEA;
	text-decoration: none
}

#zone-footer-wrapper #zone-footer .grid-3 {
	margin-bottom: 25px
}

#zone-footer-wrapper #zone-footer #region-footer-first {
	text-align: center
}

#zone-footer-wrapper #zone-footer #region-footer-second {
	color: #COCOCO;
	text-align: center
}

#zone-footer-wrapper #zone-footer #region-footer-second .content {
	margin: 0 auto;
	width: 260px
}

#zone-footer-wrapper #zone-footer #region-footer-second h2.support {
	padding: 0 50px 5px;
	text-decoration: none;
	margin: 0
}

#zone-footer-wrapper #zone-footer #region-footer-second h2.support a {
	font-family: Georgia, serif;
	font-size: 36px;
	color: #C1C1C1;
	text-decoration: none;
	font-style: italic;
	line-height: 120%;
	font-weight: 400
}

#zone-footer-wrapper #zone-footer #region-footer-third {
	text-align: center;
	padding: 5px 0
}

#facebook,
#googleplus,
#instagram,
#itunes,
#linkedin,
#rss,
#soundcloud,
#tumblr,
#twitter,
#youtube {
	padding: 0 2px
}

#zone-footer-wrapper #zone-footer #region-footer-fourth {
	text-align: center
}

#zone-footer-wrapper #zone-footer #region-footer-fourth p.copyright {
	font-style: italic;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 13px
}

#zone-content ul.pager li {
	list-style: none;
	background: 0 0
}

@media screen and (max-width: 775px){
	.home-sidebar{
		visibility: hidden;
		float: right;
	}
	.subjects-list .subjects-list-occurences{
		float: left;
		width: 100%;
	}
	.page-search .search-sidebar {
		visibility: hidden;
		float: right;
	}
	}
	}
}