/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
body:not(.home) #page .custom-header {
	display: none;
}

.entry-content {
	margin-bottom:0;
	margin-top:0;
}

.posted-on {
	margin-bottom:0;
	margin-top:0;
}

/* This keeps the top nav from wrapping */
.main-navigation a, .main-navigation a:visited {
    padding: 5px !important;
}


/* These classes style the buttons on the  homepage for Places to Ride, Join, Donate and Volunteer. */

.homepage-buttons {
background-color:#9ED2F4; text-align: center;
}
.homepage-buttons:hover {background:#49C4F1;
}

.gpnemba-section-headers-dp {
  background-color: #49C3F3;
  color: white;
  text-align: center;
  border-radius: 8px;
}

/* Homepage entry block styles - START */

  .gpnemba-homepage-entry-block-places-to-ride-dp {
    background:
      linear-gradient(
        rgba(0, 0, 0, 0.6),
        rgba(0, 0, 0, 0.6)
      ),
      url(https://gpnemba.org/wp-content/uploads/2019/04/where-to-ride-map-homepage-final.jpg);
    background-size: cover;
    width: 100%;
    height: 300px;
    margin: 0 0 20px 0;
    position: relative;
    float: center;
  	border-radius: 10px;
  }

  .gpnemba-homepage-entry-block-places-to-ride-dp:hover {
    background:
      linear-gradient(
        rgba(0, 0, 0, 0.4),
        rgba(0, 0, 0, 0.4)
      ),
      url(https://gpnemba.org/wp-content/uploads/2019/04/where-to-ride-map-homepage-final.jpg);
  background-size: cover;
  }

  .gpnemba-homepage-entry-block-become-a-member-dp {
  background:
    linear-gradient(
      rgba(0, 0, 0, 0.6),
      rgba(0, 0, 0, 0.6)
    ),
    url(https://gpnemba.org/wp-content/uploads/2019/04/become-a-member-homepage-final.jpg
);
  background-size: cover;
  width: 100%;
  height: 300px;
  margin: 0 0 20px 0;
  position: relative;
  float: left;
	border-radius: 10px;
}

.gpnemba-homepage-entry-block-become-a-member-dp:hover {
  background:
    linear-gradient(
      rgba(0, 0, 0, 0.4),
      rgba(0, 0, 0, 0.4)
    ),
    url(https://gpnemba.org/wp-content/uploads/2019/04/become-a-member-homepage-final.jpg
);
background-size: cover;
}

.gpnemba-homepage-entry-block-volunteer-dp {
background:
  linear-gradient(
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0.6)
  ),
  url(https://gpnemba.org/wp-content/uploads/2019/04/volunteer-homepage-final.jpg
);
background-size: cover;
width: 100%;
height: 300px;
margin: 0 0 20px 0;
position: relative;
float: left;
border-radius: 10px;
}

.gpnemba-homepage-entry-block-volunteer-dp:hover {
background:
  linear-gradient(
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.4)
  ),
  url(https://gpnemba.org/wp-content/uploads/2019/04/volunteer-homepage-final.jpg
);
background-size: cover;
}

.gpnemba-homepage-entry-block-donate-dp {
background:
  linear-gradient(
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0.6)
  ),
  url(https://gpnemba.org/wp-content/uploads/2019/04/dontate-homepage-final.jpg
);
background-size: cover;
width: 100%;
height: 300px;
margin: 0 0 20px 0;
position: relative;
float: left;
border-radius: 10px;
}

.gpnemba-homepage-entry-block-donate-dp:hover {
background:
  linear-gradient(
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0.4)
  ),
  url(https://gpnemba.org/wp-content/uploads/2019/04/dontate-homepage-final.jpg
);
background-size: cover;
}

.gpnemba-homepage-entry-block-dp h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: white;
  text-transform: uppercase;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2rem;
  transform: translate(-50%, -50%);
  white-space: nowrap;
	text-shadow: 0 0 10px #000000;
}

/* Homepage entry block - END */


/* Become a member block on homepage */

.become-a-member-homepage-block-dp {
  border-radius: 6px;
  background: #F38048;
  padding: 20px; 
  width: 100%;
  height: 100%;
	text-align: center;
	color: white;
}

/* Styles for Become a Member page */

  .gpnemba-become-a-member-level-box-dp {
    border: 1px solid #ccc;
    margin: 0px;
  }
	.gpnemba-become-a-member-level-box-dp:hover {
   background-color: #f2f2f2;
  }
  .gpnemba-become-a-member-level-box-heading-dp {
    background-color: #49C6F2;
    padding: 4px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		font-size: 16pt;
  }
  .gpnemba-become-a-member-level-box-heading-text-dp {
    color: white;
		
  }
  .gpnemba-become-a-member-level-box-price-dp {
    padding: 6px;
		text-align: center;
  }
  .gpnemba-become-a-member-level-box-dollar-sign-dp {
    vertical-align: super;
    color: #8e9ca0;
  }
  .gpnemba-become-a-member-level-box-price-number-dp {
    font-size: 24pt;
    font-weight: bold;
    color: #626e72;
  }
  .gpnemba-become-a-member-level-box-per-year-dp {
    color: #8e9ca0;
  }
  .gpnemba-become-a-member-level-box-join-button-dp {
    text-align: center;
		padding: 0 0 8px 0;
  }
  .gpnemba-become-a-member-level-box-join-button-dp button {
    color: #F38048;
    text-align: center;
    border-color: #F38048;
    padding: 2px 8px 2px 8px;
  }
.gpnemba-become-a-member-level-box-join-button-dp button:hover {
   background-color: #fff;
	color: #ad5f3a;
	border-color: #ad5f3a;
  }