/* 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. */

@import "elements.less";

body {
	font-family:'Open Sans', Arial, sans-serif;
	font-size:15px;
	color:#444;
}

hr {
  clear:both;
}

a {
	color:@highlightcolor;
	&:hover {
        color:@darkcolor;
	}
	&.outside-link {
        background:url("/sites/all/themes/global/images/outside-link.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
        padding-left:25px;
	    list-style-image:none;
	    list-style:none;
	    margin-left:0;
	    color:@highlightcolor;
	}
	&.inside-link {
	    background:url("/sites/all/themes/global/images/inside-link.png") no-repeat scroll left 0px rgba(0, 0, 0, 0);
	    padding-left:25px;
	    list-style-image:none;
        list-style:none;
	    margin-left:0;
	    color:@highlightcolor;
	}
	&.document {
	    background:url('/sites/all/themes/global/images/document-icon.png') no-repeat left center;
		height:23px;
        color:@highlightcolor;
        padding-left:23px;
	}
}

p.button {
	.rounded(8px);
	background:@highlightcolor;
	padding:10px;
	text-align:center;
	a {
		color:#ffffff;
		font-size:120%;
	}
	&:hover {
		background:darken(@highlightcolor, 10%);
	}
}

h1, h2, h4 {
    font-family:'Droid Serif', georgia, serif;
    font-weight:600;
    color:@darkcolor;
    margin:20px 0 5px;
}

h1 {
	font-size: 2em;
}

h2 {
    font-style:italic;
}

h3 {
    font-size:1.2em;
    text-transform:uppercase;
    font-weight:600;
    color:@darkcolor;
    margin:20px 0 10px;
}

h4 {
    font-weight:normal;
    font-size:1em;
}

table {
	width:100%;
	tr {
		vertical-align:top;
		th {
			font-size:90%;
			font-weight:bold;
			padding-bottom: 5px;
			padding-right: 20px;
			vertical-align: bottom;
			&:last-child {
				padding-right:0;
			}
		}
		td {
			padding:5px 20px 5px 0;
			vertical-align:top;
			&:last-child {
				padding-right:0;
			}
			&.views-field-nothing {
				padding:0;
			}
		}
	}
	tr.even, tr.odd {
		background:#ffffff;
	}
	&.list {
		tr {
			border-bottom:1px solid @grey;
			td {
				line-height:150%;
				padding:10px;
			}
		}
	}
}

#zone-user-wrapper {
	.region-user-first {
		text-align:center;
		p {
			margin:0;
			padding:0;
		}
		.uvalogo {
			margin-top:10px;
			margin-bottom:10px;
		}
		img {
		    margin-left:-10px;
		}
		h2 {
		    margin-top:5px;
		}
	}
	.region-user-second {
		.uvabar_links {
			display:none;
		}

		#block-search-form {
			display:block !important;
			margin:0 auto 10px;
			padding:7px 10px 7px 2.6em;
			position:static;
			width:80%;
			border:1px solid #F6F0EC;
			border-radius:7px;
			background:url("/sites/all/themes/global/images/search-12px.png") 10px center no-repeat white;
			input[type="text"] {
				float:left;
				width:120px;
				border:none !important;
				color:@grey;
				font-size:.8em;
			}
			input[type="submit"] {
			    display:none !important;
			}
		}
	}
}

#zone-branding-wrapper {
	border-bottom:3px solid @darkcolor;
	#zone-branding {
		.block-block-8 {
      display:none;
    }
		.branding-data {
			text-align:center;
			.logo-img {
				img {
					max-width:194px;
				}
			}

			.site-name {
				font-family:'Droid Serif', Georgia, serif;
				font-size: 1.2em;
				font-weight:normal;
				margin: 5px 0 15px;
				font-variant:small-caps;
				font-style:normal;
				a {
					color:@darkblue;
				}
			}
		}
	}
}

#zone-menu-wrapper {
	background: @grey;
	display: none;
    float: left;
    height: 100%;
    position: fixed;
    width: 80%;
	#region-menu {
		margin:0;
		.navigation {
      display:none;
			#main-menu {
				li {
					border-top: 1px solid #ffffff;
					display:block;
					font-size: 120%;
					margin-bottom: 0;
					margin-left:0;
					padding: 4%;
					&.first {
						border-top:none;
					}
					&.active,
					&.active-trail {
						background:none;
						padding: 0;
						a {
							color:#ffffff;
							display:block;
							padding:4%;
						}
						ul.menu {
							background:lighten(@body,20%);
							padding: 0 4%;

						}
					}
					a {
						color:@darkcolor;
						&:hover {
							color:@highlightcolor;
						}
					}
					ul.menu {
						margin-top:0;
						li {
							font-size: 100%;
							background: url("/sites/all/themes/global/images/small-orange-arrow.png") 0px 30px no-repeat;
							padding: 4%;
							&.active,
							&.active-trail {
								background: url("/sites/all/themes/global/images/small-orange-arrow.png") 0px 30px no-repeat;
							}
							a {
								padding:0;
								&.active,
								&.active-trail {
									background:lighten(@body,20%);
									color:@highlightcolor;
								}
							}
						}
					}
				}
			}
		}
		#block-block-7 {
		    float:left;
		    margin-top:10px;
		    a {
		        color:@highlightcolor;
		        font-weight:700;
		    }
		    img {
		        margin-right:5px;
		    }
		}
	}
}

#section-content {
    #zone-preface-wrapper {
        #zone-preface {
            width:100%;
            #region-preface-first {
                width:100%;
                margin:0;
                padding:0;
                img {
                    width:100%;
                    height:auto;
                }
            }
        }
    }
    #zone-content {
    	padding-bottom:1em;
    	padding-top:1em;
    	p {
    		font-size: 100%;
    		line-height:175%;
    	}
    	ul {
    		li {
    			list-style-image:none;
    		}
    	}
    	ol, ul {
    		line-height: 150%;
    		margin:0;
    		padding-left:18px;
    		li {
    			font-size: 100%;
    			margin-bottom: 8px;
    		}
    		ol, ul {
    			margin-top:8px;
    		}
    	}
    	#region-content {
    	    .region-inner {
    	        img {
    	        }
    	        .more-button {
    	            padding:5px 20px;
    	            border:1px solid @highlightcolor;
    	            a {
    	                text-transform:uppercase;
    	                color:@highlightcolor;
    	            }
    	            &:hover {
    	                background:@highlightcolor;
    	                a {
    	                    color:white !important;
    	                }
    	            }
    	        }
              .field-name-body {
                img {
                  float:right;
                  margin:0 0 10px 10px;
                  width:24%;
                  padding:5px;
                  border:1px solid @darkblue;
                  &:hover {
                    border:1px solid @highlightcolor;
                  }
                }
              }
    	    }
    	}
    }
}

#zone-footer-wrapper {
	background:white;
	bottom: 0;
    clear: both;
    float: left;
	width:100%;
	#zone-footer {
	    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
        background-position: bottom;
        background-size: 3px 1px;
        background-repeat: repeat-x;
		color:@darkcolor;
		font-size:90%;
		border-top:3px dotted @darkblue;
		padding-top:20px;
		margin-top:20px;
		 p {
			line-height:16px;
		}

		a {
			color:@highlightcolor;
		}

		#region-footer-first {
			margin-top:1em;
			p#version {
				margin-bottom:8px;
			}
			p#maintainedby {
				margin:0;
			}
			#block-block-22 {
			    table {
			        border:none;
			        tr {
			            td {
			                border:none !important;
			            }
			        }
			    }
			}
		}
		#region-footer-second {
			margin-top:1em;
			text-align: right;

			dl.contact {
				text-align: left;

				dt {
					float:left;
					display:block;
					margin:0 5px 0 0;

					&.phone, &.fax, &.email, &.mail, &.map {
						text-indent:-9999px;
						overflow:hidden;
						width:15px !important;
						margin:0;
						padding:0;
						line-height:16px;
					}

					&.phone {
						background:url(http://www.virginia.edu/uvatemplates2010/images/shared/icon/phone.png) no-repeat 0px 2px;
					}

					&.fax {
						background:url(http://www.virginia.edu/uvatemplates2010/images/shared/icon/fax.png) no-repeat 0px 1px;
					}

					&.email, &.mail {
						background:url(http://www.virginia.edu/uvatemplates2010/images/shared/icon/mail.gif) no-repeat 0px 1px;

					}

					&.map {
						background:url(http://www.virginia.edu/uvatemplates2010/images/shared/icon/map.png) no-repeat 0px 1px;
					}

					&.title {
						width:0px;
						margin:0;
						padding:0;
					}
				}

				dd {
					font-style: normal;
					&.phone, &.fax, &.email, &.mail, &.map {
						text-align:left;
						margin:0;
						padding:0;
						line-height:16px;
					}
					&.title {
						text-align:left;
						margin:0 0 6px 0;
						padding:0;
					}
				}
			}

			ul.address {
				list-style:none;
				padding:0;
				text-align:left;
				li {
					list-style-image:none;
				}
			}
		}
	}
}

body.front {
	#zone-menu-wrapper {
	    #region-menu {
	        .navigation {
	            #main-menu {
	                li.active.last {
		                display:none;
	                }
	            }
	        }
	    }
	}
  #homepage-content {
    #node-page-12 {
      width:80%;
      margin:0 auto;
      .node-readmore {
        float:right;
        font-style:italic;
        font-weight:700;
        text-transform:uppercase;
      }
    }
  }
}


body.page-search {
	#region-content {
		form {
			input.form-text {
				width: 96%;
			}
			.form-submit {
				display:none;
			}
		}
	}
}

.tb-megamenu {
    background-color:@darkblue;
    .nav {
        li {
            border-left:1px solid #eee;
            display:inline-block;
            font-size:.9em;
            &.last {
                border-right:1px solid white;
            }
            a {
                font-weight:normal;
                padding:10px 30px;
                &:focus,
                &:hover {
                    color:@highlightcolor;
                }
            }
        }
    }
}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle,
.tb-megamenu .nav > li.dropdown.open.active > a:hover {
    background-color:@highlightcolor !important;
}

.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover,
.tb-megamenu .nav > .active > a:focus {
    background-color:@highlightcolor !important;
		color:white;
}

.tb-megamenu .nav li.dropdown {
    border-bottom:none !important;
    ul {
        li {
            float:none !important;
            border:none;
            clear:both;
            display:block;
            a {
                border:none;
            }
        }
    }
}


#sidr-wrapper-0 {
    background:@darkblue;
    padding:5px 10px 8px;
    a {
        color:white;
    }
}