/*  Laura's first styles  */

/* #1a1a19 dark text*/
/* #31511f dark green*/
/* #859f3d primary green*/
/* #f6fcdf light yellow*/

:root {
--color-primary: #859f3d;
}

.block-title {
	color: #859f3d;
	text-align:center;
	font-size:3rem;
	font-weight:800;
	text-transform:capitalize;
	
}
article header .node__meta {
  display: none;
}

.field:not(:last-child) {
  margin-block-end: 15px;
}




/* more bikes vertical view styles */

.view, .view-content {
	gap: 10px;
}


.views-field-field-picture {
	background-color:#505c42;
}
 
.bike-card {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
  gap: 20px;
}

.bike-card:hover {
  transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.bike-card:hover .bike-thumbnail img {
  transform: scale(1.05);
}

.bike-thumbnail {
  width: 120px;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 4px;
}

.bike-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.text-fields {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.views-views.views-field-title {
	font-weight: bold;
	font-size: 1.2em;
	line-height:1.1em;
}
.bike-title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.3em;
}

.bike-serial,
.bike-year {
  font-size: 0.95em;
  color: #666;
}

.views-field.views-field-field-picture {
	 margin-bottom:.8rem;
}





/* THEME STYLES - customizing Tara */


/* main styles */

#main,
#main-wrapper {
  background: #fbfcf6;  /* cream */
}

a {
	color: #2F6130;
}

#breadcrumb {
	display: none;
}



/* buttons */
.input[type=submit],.input[type=button]  {
  background-color: #2F6030 !important;
  color: white !important;
}
.input[type=submit]:hover,input[type=button]:hover {
  background-color: #f6fcdf !important;
  border: 2px solid #31811e !important;
  color: #31511e !important;
  
}
.search-icon i {
	color: white;
}

.node-submitted-details i {
	color: #859f3d;
}

.form-item label {
  display: inline-flex;
}

.node-taxonomy-container, .node-links-container {
  display: flex;
  align-items: center;
}

.node-taxonomy-container {
	justify-content:space-between;
}

.term-title {
	margin-bottom: 0;
	margin-right: 20px;
}



/* content regions */
.region-content-top .block {
	background-color: #fbfcf6;
	box-shadow:none;
}

.region-content-bottom .block {
	background-color:white;
}

.block-title {
	margin-top:3rem;
}


.field:not(:last-child) {
	margin-top:3rem;
}



a:active, li a.active {
	color: #859f3d;
}
 



/* header and footer styles */

#header {
	position:sticky;
}

.header {
	background-color:#859f3d;
	text-transform:uppercase;
}

.region-primary-menu .menu-item-level-1, .region-primary-menu .menu-item-level-1 {
color:#859f3d;
}

.region-primary-menu .menu-item-level-1 a {
	color: white;
}

.region-primary-menu .menu-item-level-1 a:hover {
	background-color:#31511e;
	color:#f6fcdf;
}

.header-top,
.footer {
  background: #31511e; /* forest green */
}

#footer {
  border-top: 4px solid #859f3d;
  position:relative;
}

#footer a {
  color: white;
}

.footer-bottom-middle {
	border: none;
}

.social-icons li a {
  color: #31511e;  /* forest green */
  border: 2px solid white;
}

.social-icons li a:hover {
  background-color: #fff09d;  /* light yellow */
}



/*mobile styles*/

.active-menu .menu-wrap {
	background:#859f3d ;
}

.menu-wrap {
	width: 100%;
	max-width:400px;
}

.mobile-menu span {
	background-color: #859f3d;
}

.close-mobile-menu {
	color: white;
	border: 2px solid white;
}


/*page tabs*/

.page-tabs .active-page-tab {
	background-color: #505c42;
}


/* search box styles */

.search-box {
	background-color:#2f5618e3;
}

.search-box-content input[type=search] {
	background-color: #f6fcdf;
	color: #1a1a19;
	border: 3px solid #859f3d;
	
}



/* highlighted annoouncement */

#highlighted {
	background:#f6f6df;
	text-align:center;
	font-weight:800;
	color:#cd703b;
}

.block-region region-highlighted {
	margin:20px;
}



p {
	margin: .5rem;
}






/* misc homepage */

#block-tara-announcement-2 {
	background:#31511f;
	font-size:1.2rem;
	text-align:center;
	font-weight:800;
	color:#f6fcdf;
}


.region-content-bottom .block {
	background-color:transparent;
	box-shadow:none;
}


#block-views-block-bike-grid-block-2 {
	box-shadow:0 0 8px 1px #859f3d1f;
}


#block-views-block-bike-grid-block-2 {
    top: 4rem;
 
}