/*
 Theme Name:     Archaeological Survey Child
 Theme URI:      http://archaeologicalsurvey.buffalo.edu/
 Description:    Custom child theme built for the The Archaeological Survey at UB
 Author: 	       CASet Web Team
 Version:        2017.1
 Template:       parent_theme_v2
*/

.main {

}
p, .content {
  color: #000000;
}
ol li {
  color: #000000;
}
.topBlue {
  min-height: 150px;
}

.lockupLeft {
  float: left;
  border-right: 2px solid #ffffff;
  padding: 19px 10px 24px 0;
  margin: 35px 10px 0 0;
}

.lockupRight {
  float: left;
  margin: 35px 0 0 0;
}

.lockupRight a:hover {
  text-decoration: none;
}

.lockupRight img {
  height: 19px;
  width: auto;
}

.lockupRight h1 {
  color: #FFFFFF;
  margin: 0 0 0 0;
}

.lockupRight h2, .departmentMobile h2 {
  color: #ffffff;
  margin: 0 0 0 0;
}

.topBlue .departmentMobile h1 {
  padding: 19px 10px 0 10px;
  font-size: 21px;
}
.departmentMobile h2 {
  padding: 0 10px 19px 10px;
  font-size: 17px;
  font-weight: normal;
}
.topBlueButtons a:first-of-type {
  background: #ad841f;
  border-color: #ad841f;
}
#mainNav {
  background-color: #ad841f;
}
.nav #mainNav > .current-menu-item, .nav #mainNav > .current-page-ancestor {
  border-top: 6px solid #ad841f;
}
#mainNav>.menu-item {
  box-shadow: -1px 1px 0px 1px rgba(255, 255, 255, 1);
}
.searchBar h3 {
  padding-left: 345px;
}

.searchBar #searchform {
  margin-left: 228px;
}
.homeLeft p {
  color: #000000;
}
.homeLeft li {
  color: #000000;
  line-height: 1.5em;
  margin: 7px 0;
  text-transform: none;
  font-weight: normal;
  font-size: .875em;
  font-family: Arial;
  margin-left: 20px;
}
.insideContent ul li {
  color: #000000;
}

/*** Responsive Menu Styles ***/
.navMobile {
	width: 100%;
	clear: both;
	overflow: hidden;
	height: auto;
}
.navMobile p {
	color: #fff;
	font-size: 15px;
	line-height: 35px;
	display: inherit;
}
.navMobile p:first-of-type {
	margin: 0 3px 0 0;
	font-weight: bold;
}
.navMobile p:last-of-type {
	width: 24px;
	transform: scale(.7);
	margin: 0 0 6px 0;
}
body button#responsive-menu-button {
	display: none;
}
.navMobile button#responsive-menu-button {
	display: inherit;
	position: relative;
	top: 0px;
	left: 0px;
}
.navMobile .responsive-menu-box {
	width: 100%;
	height: 35px;
	z-index: 1;
}
.navMobile #responsive-menu-additional-content {
	display: none;
}
.content .navMobile button#responsive-menu-button {
	width: 100%;
  background: #666666 !important;
  height: 35px;
}
.content .navMobile #responsive-menu-container #responsive-menu li.responsive-menu-item a {
  color: #005bbb !important;
  background-color: #fff;
}
.content .navMobile #responsive-menu-container #responsive-menu-wrapper {
  background: #fff;
}
.content .navMobile #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
  background-color: #e4e4e4;
  border-bottom: none !important;
}
.content .navMobile #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow{
  background-color: #fff !important;
}
/*** End Responsive Menu Styles ***/

@media screen and (max-width: 350px) {
  .nav .searchBar #searchform {
    width: 70%;
  }
}

@media screen and (max-width: 540px) {
  .centerContainer .footerFlex {
    flex-direction: column;
    margin: 0 0 0 10px;
  }
  .footerInfo {
    margin: 26px 0 0 0;
  }
}

@media screen and (min-width: 960px) {
  /*** Responsive Menu Styles ***/
	.content .navMobile {
		display: none;
	}
  /*** End Responsive Menu Styles ***/
}

@media screen and (max-width: 960px) {
  .topBlue {
    min-height: inherit;
  }
  .nav .searchBar {
    width: 94%;
    margin: 0 auto;
  }
  .nav .searchBar h3 {
    float: left;
    padding: 17px 0 13px 0;
    clear: none;
    z-index: 0;
  }
  .searchBar #searchform {
    margin: 0 auto;
    width: 80%;
    clear: none;
    z-index: 0;
    float: right;
    padding: 15px 15px 15px 0;
  }
  /*** Responsive Menu Styles ***/
  .content .nav {
    display: none;
  }
  .content #responsive-menu-container.push-left , #responsive-menu-container.slide-left {
    /* -webkit-transform: translateY(-100%) !important; */
    max-height: 0px;
    transition: max-height 0.5s ease-out;
  }
  .content .responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left {
    /* -webkit-transform: translateY(0) !important; */
    max-height: 10000px;
    transition: max-height 0.5s ease-in;
    height: auto;
  }
  .content #responsive-menu-container {
    position: relative;
    width: 100%;
    /* z-index: 0; */
    position: relative;
  }
  .content #responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a {
    border-top: none;
  }
  .content #responsive-menu-container #responsive-menu li.responsive-menu-item a {
    border-bottom: 1px dotted #2f9fd0 !important;
  }
  .content #responsive-menu-container #responsive-menu .responsive-menu-subarrow img {
    margin: 12px 0 0 0 !important;
  }
  .content #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    height: 39px;
    border-left: none;
  }
  .content #responsive-menu-container #responsive-menu li.responsive-menu-item a {
    padding: 0;
    margin: 0 5% 0 5%;
    width: auto;
  }
  .content #responsive-menu-container #responsive-menu ul.responsive-menu-submenu > li.responsive-menu-item > a {
    margin: 0;
  }
  /*** End Responsive Menu Styles ***/
}