/* This file will hold styles for all layouts using the alpha grid (i.e. not the mobile layout). */

/**
 * Main layout
 */

.not-front .zone-content {
  background-color: white;
  border-top: solid 1em white;
  border-bottom: solid 1em white;  
}

.region-content {
  background-color: transparent;
  padding: 0;
}

.not-front .region-content-inner {
  padding: 0 1em;
}

/**
 * Grid theming
 */

.views-view-grid .row {
  margin-bottom: 1em;
}

.views-view-grid .views-row {
  float: left;
  margin-bottom: 0;
  margin-right: 1em;
  width: 207px;
}

.views-view-grid .col-1,
.views-view-grid .col-2,
.views-view-grid .col-3 {
  width: 150px;
}

.views-view-grid .col-3 {
  margin-right: 0;
}

.views-view-grid .video span.play-button {
  left: 33%;
  top: 28%;
}

/**
 * Menus
 */
 
#region-menu {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 1em;
}
 
#zone-menu ul.menu {
  display: block;
  width: 100%;
}

#zone-menu ul.menu li {
  display: table;
  float: left;
  position: relative;
  height: 3.5em;  
  margin: 0;
  padding: 0 0.05em;
  line-height: 3.5em;
  text-align: center;
  border-right: solid 1px #6c7383;
}

#zone-menu ul.menu li.last {
  border-right: none;
}

#zone-menu ul.menu li a {
  background: transparent;
  filter: none; 
  color: white;
  display: table-cell;
  line-height: 1.3em;
  padding: 0 .7em;
  text-align: center;
  vertical-align: middle;
}

#zone-menu ul.menu li a:hover,
#zone-menu ul.menu li a:focus {
	text-decoration:underline;
}

#zone-menu ul.menu li a.active,
#zone-menu ul.menu li a.active-trail{
  color: #8F815C;
}

#zone-menu ul.menu ul.menu {
	position: absolute;
	top:3em;
	padding-top:10px;
	background: url(../images/bg_submenu_pointer.png) center top no-repeat;
	width:135px;
	z-index: 999;
	left:-8765em;
	opacity: 0;
		/* Firefox */
		-moz-transition-property: opacity;
		-moz-transition-duration: 0.5s;
		-moz-transition-delay: 0s;
		/* WebKit */
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.5s;
		-webkit-transition-delay: 0s;
		/* Opera */
		-o-transition-property: opacity;
		-o-transition-duration: 0.5s;
		-o-transition-delay: 0s;
		/* Standard */
		transition-property: opacity;
		transition-duration: 0.5s;
		transition-delay: 0s;
}

#zone-menu ul.menu li ul.menu {
	display:block;
}

#zone-menu ul.menu li:hover ul.menu,
#zone-menu ul.menu li.focus ul.menu {
	left:0;
  opacity:1;
}

#zone-menu ul.menu li.first:hover ul.menu,
#zone-menu ul.menu li.first.focus ul.menu {
	left:26px;
  opacity:1;
}

#zone-menu ul.menu ul.menu li {
	display:block;
	float:none;
	text-align: left;
	font-size:0.85em;
	width:125px;
	height:auto;
	line-height:1;
	padding:0 5px 0.5em 5px;
	font-style:normal;
	background: url('../images/bg_000000_85.png') 0 0 repeat;
	border:1px solid #262626;
	/*border-bottom:1px solid #545454;*/
	border-width:0px 1px 0px;
}

#zone-menu ul.menu ul.menu li.last {
	border-bottom:1px solid #262626;
	border-right:1px solid #262626;
}

#zone-menu ul.menu ul.menu li a {
	text-align: left;
	display:block;
	width:103px;
	margin:0;
	padding:0 11px 0.4em 11px;
	border-bottom:1px solid #545454;
}

#zone-menu ul.menu ul.menu li.first a {
	padding-top:0.5em;
}

#zone-menu ul.menu ul.menu li.last a {
	border-bottom:none;
	padding-bottom:0;
}

/**
 * Header
 */
 
h1.site-name,
h2.site-name {
  font-size: 1em;   
  margin-top: 1.33em;
}

.site-name a {
  background: transparent url('../images/abmc-logo-type-tablet.png') no-repeat left top;
  height: 72px;
  width: 415px;
}

.logo-img {
  margin-left: 0;
}

.logo-img img {
  width: auto;
}

#region-branding {
  float: left;
}

#region-user-first,
#region-user-second {
  float: right;
  margin-right: 0;
}

.burial-search-link,
.facebook-contact {
  font-size: .85em;
}

.block-search-form .content {
  width: 100%;
  margin-bottom: .25em;
}

.burial-search-link {
  margin-top: .25em;
  text-align: right;
  width: 100%;
}

.burial-search-link p a {
  border-right: none;
  padding-right: 0;
}

.block-search-form input[type="text"] {
  width: 75%;
}

.block-search-form input[type="submit"] {
  width: 25%;
}

/**
 * Header - Rearranging blocks on the right
 */

.zone-header {
  position: relative;
}

#region-user-second {
  position: static;
}

.facebook-contact {
  position: absolute;
  right: 0;
  top: 1em;
}

.block-search-form {
  margin-top: 2.75em;
}

/**
 * Sidebars
 */
 
.region-sidebar-first .block,
.region-sidebar-second .block {
  padding: .5em .5em;
}

.region-sidebar-first .block .content,
.region-sidebar-second .block .content {
  border-bottom: solid 1px #eaeaea;
  padding-bottom: 1em;
} 

.region-sidebar-second .block {
  margin: 0;
  width: auto;
}

/**
 * General blocks
 */
 
.zone-postscript .block {
  margin: 0;
  width: auto;
}

.region-sidebar-second .burial-search {
  background: transparent;
}

.region-sidebar-second .burial-search .block-title {
  font-size: .9em;
}

.region-sidebar-second .burial-search .block-wrapper {
  border-bottom: solid 1px #eaeaea;
  padding-bottom: 1em;
}

.region-sidebar-second .burial-search .block-inner {
  background: transparent url('../images/background-striped-light-gray.png') repeat left top;
  padding: .75em;
}

.region-sidebar-second .burial-search .block-inner .content {
  padding-bottom: 0;
}

.region-sidebar-second .burial-search input#search {
  width: 100%;
}

.region-sidebar-second .burial-search input.red-button {
  width: 100%;
}

/**
 * Footer
 */
 
.region-footer-first {
  border: none;
  margin-top: 1em;
}

/* .region-footer-second .block.odd,
.region-footer-second .block.even {
  float: none;
} */

.region-footer-second .block.even {
  padding-right: 0;
}

.region-footer-second .content ul.menu {
  text-align: center;
}

.region-footer-second .content ul.menu li {
  display: inline;
  margin: 0;  
}

.region-footer-second .content ul.menu li a {
  border-right: solid 1px #9c9c9c;
  padding-right: .7em;
}

.region-footer-second .content ul.menu li.last a {
  border-right: none;
  padding-right: 0;
}

/**
 * Flexslider
 */
 
.zone-content .content .flexslider ol,
.zone-content .content .flexslider ul,
.not-front .zone-content .content .flexslider ol,
.not-front .zone-content .content .flexslider ul {
  padding-left: 0;
}

.flexslider ul li {
  position: relative;
}

.flexslider-node {
  margin-bottom: 0;
}


.not-front .flexslider h2 {
	font-size:1.2em;
	padding-right:120px;
}

.not-front .view-id-carousel .view-footer {
	position: absolute;
	top: 261px;
	right: -40px;
  width: 120px;
}

/**
 * Other homepage elements
 */

.front .region-content {
/*  margin-left: 10px;
  margin-right: 10px; */
}

.front .block-main {
  height: 365px;
  margin-top: 1em;
  width: 495px;
}

.front .feature-1 img {
  height: 98px !important;
}

.zone-postscript .block {
  width: auto;
}

.front .region-content .block {
  float: left;
}

.zone-postscript .region .block {
  float: left;
  margin-left: .3em;
  margin-right: .3em;
}

.front .block-main {
  position: relative;
  z-index: 1;
}

.front .hp-search-block {
  margin: 0;
  position: absolute;
  right: -.6em;
  width: 187px;  
}

.front .zone-postscript {
}

.front .feature-1,
.front .feature-2 {
  margin-right: 6px;
  width: 33%;
}

.front .facebook {
  margin-left: 1px;
}

.region-sidebar-second .tablet-only,
.zone-postscript .tablet-only {
  display: block;
}

.region-sidebar-second .tablet-hidden,
.zone-postscript .tablet-hidden {
  display: none;
}

/**
 * Cemeteries & Memorials landing page
 */

.view-monument-list .column {
  margin-left: 2em;
}
 
/* .block-views-monument-list-block .view-content,
.block-views-monument-list-block .attachment {
  float: left;
  width: 50%;
}

#block-views-monument-list-block .attachment .view {
  padding-left: 0;
  padding-right: 0;
}

.block-views-monument-list-block .view-content .item-list ul,
.block-views-monument-list-block .attachment .item-list ul {
  padding-left: 1.5em;
}

.block-views-monument-list-block .attachment .view-content {
  float: none;
  width: auto;
}

.block-views-monument-list-block .view-content ul li {
  display: block;
} */

/**
 * Cemeteries & Memorials content type
 */
 
.info-wrapper {
  margin-top: 1em;
}
 
.info-inner {
  padding: 0 .5em;
}

.info-wrapper .first {
  margin-bottom: 1em;
} 

.info.last {
  border-right: none;
  margin-right: 0;
}

.last .info-inner {
  padding-right: 0;
}

.info h2,
h2.accordion {
  font-size: 1em;
  padding: .25em .4em .2em;
}

.node-type-cemetery-or-memorial article h2 {
  margin-top: 0;
}

.info h2 {
  text-align: left;
}

/**
 * Cemeteries & Memorials map
 */
 
.cemeteries-memorials-map .openlayers-container-map-abmc_map {
  margin: 0;
}

.cemeteries-memorials-map .openlayers-map-abmc_map {
  margin: 0;
}

/**
 * Commission
 */

/* .bio-image {
  float: left;
  width: 83px;
}

.bio-text {
  float: left;
  width: 390px;
} */


/* War Dead Detail */
#Wardead_Detail #leftCol {
	width:34%;
	float:left;
	margin-right:5%;
}
#Wardead_Detail #rightCol {
	width:60%;
	float:left;
}
#Wardead_Detail #wardead-war {
  padding-bottom: .33em;
  padding-top: 0;
}
#Wardead_Detail .marker-location .fieldTitlePrimary {
	margin-right:5px;
}
#Wardead_Detail .marker-location .fieldTitlePrimary,
#Wardead_Detail .marker-location .marker-location-details {
	display:block;
	float:left;
}
#Wardead_Detail .fieldContentGroup {
  float:left;
}


.callout-button {
  font-size: 1.1em;
}

/**
 * News & Events landing page
 */

.latest-article .image {
  float: right;
  margin-left: 1em;
  width: 50%;
}

.latest-article .image img {
  height: auto;
}

/**
 * News & Events content types
 */

.node-type-event .featured-image,
.node-type-article .featured-image {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 320px;
}

/**
 * War Dead index
 */
.page-news-events-events .block.column-left,
.database-index .block-main form.column-left,
.database-index div.column-left {
  float: left;
  width: 180px;
}

.database-index #wardead-results-container {
  float: right;
  height: auto !important; 
  height: 850px; 
  min-height: 850px;
  width: 485px;
}

.database-index th.first {
  width: 25%;
}

.database-index th.location {
  width: 28%;
}

.database-index #ResultsPerPage {
  /* clear: right;
  float: right;
  text-align: right; */
  margin-top: 0;
}

.database-index #paging_bottom {
  float: right;
  margin-bottom: 1em;
}

.page-news-events-events #edit-field-event-dates-value-min-wrapper input,
.page-news-events-events #edit-field-event-dates-value-max-wrapper input,
.database-index .date-from input,
.database-index .date-to input {
  width: 100%;
}

.page-news-events-events #edit-field-event-dates-value-min-wrapper .description,
.page-news-events-events #edit-field-event-dates-value-max-wrapper .description,
.database-index .date-from .description,
.database-index .date-to .description {
  display: none;
}

.database-index .more-block {
  margin-top: .75em;
}

.database-index .help-wrapper {
  position: absolute;
  right: 0;
  top: -5.5em;
}

/**
 * Learning & Resources and Multimedia
 */

/* .page-multimedia .views-exposed-form,
.page-learning-resources .views-exposed-form {
  margin-bottom: 0;
} */

 .block-block-72, .block-block-73 {
  width: 46%;
  float: left;
  margin-bottom: 0;
  margin-right: 1em;
 }

.block-block-74 {
  width: 150px;
  float: left;
  margin-bottom: 0;
  margin-right: 0;
  }

.page-multimedia .flexslider .views-field-body,
.page-learning-resources .flexslider .views-field-body {
  height: 125px;
  padding-bottom: 2em;
}

.page-multimedia .view-filters,
.page-learning-resources .view-filters {
  border: solid 1px #dbdbdb;
}

.page-multimedia .view-filters .view-filters-inner,
.page-learning-resources .view-filters .view-filters-inner {
  padding: 1em;
}

.page-news-events-events .region-content-inner,
.page-multimedia .region-content-inner,
.page-learning-resources .region-content-inner,
.database-index .region-content-inner {
  padding: 0 .5em;
}

.page-multimedia .views-widget-filter-field_monument_war_tid,
.page-learning-resources .views-widget-filter-field_monument_war_tid {
  width: 100%;
}

.sidebar-exposed .views-exposed-form .views-exposed-widget {
  float: left;
}

.page-news-events-events .column-right,
.page-multimedia .column-right,
.page-learning-resources .column-right {
  float: right;
  width: 485px;
}

.page-news-events-events .block.column-left,
.page-multimedia .column-left,
.page-learning-resources .column-left {
  float: left;
  width: 180px;
}

.page-multimedia .views-exposed-form .views-exposed-widget,
.page-learning-resources .views-exposed-form .views-exposed-widget {
  padding-right: 0;
}

.page-multimedia .more-block {
  margin-top: 0;
}

.page-multimedia .form-item-field-monument-war-tid,
.page-learning-resources .form-item-field-monument-war-tid {
  max-width: 100%;
}

/**
 * Contact Us
 */

/**
 * Contact Us
 */

.context-contact-us .webform-client-form input[type="text"], 
.context-contact-us .webform-client-form input[type="email"],
.context-contact-us .webform-client-form select,
.context-contact-us .webform-client-form textarea,
.context-contact-us .webform-client-form .form-textarea-wrapper,
.context-contact-us .webform-client-form .fieldset-wrapper {
  display: inline;
  width: 250px !important;
}

.context-contact-us .webform-client-form .fieldset-wrapper {
  display: inline-block;
}

.context-contact-us .webform-client-form label,
.context-contact-us .webform-client-form legend {
  display: block;
  float: left;
  padding-right: .5em;
  text-align: right;
  vertical-align: top;
  width: 200px;
}

.context-contact-us .webform-client-form .fieldset-wrapper label {
  text-align: left;
}

.context-contact-us .webform-client-form #edit-actions {
  margin-left: 208px;
}

/**
 * Cemetary Alert
 */
.alert .date{
  line-height: 2.1em;
}

.alert .date span{
  display: inline;
}