/*input {
	margin: 10px;
}

h1, h2, h3, h4, h5, h6, p{
	font-family: 'Courier';
	color: #333;
	text-align: center;
}
*/
.page-title {
  margin-top: 15px; 
}

.product-chooser-page button {
  font-family: 'Courier';
  font-size: 16px; 
  background-color: #000;
  color: #fff;
  padding: 10px 20px;
  min-width: 300px;
  border: solid 0px;
  margin: 5px auto;
  display: block; 
}

.product-chooser-page button:hover {
  background-color: #d4b03d;
  color: #000;
  cursor: pointer; 
}

.product-chooser-page .page-title {
    text-align: center;
}

.button-back {
  background-color: #fff;
  color: black;  
}

.form-page {
	padding: 50px;

	text-align: center;
  	margin: auto;
}

.form-page label {
	margin: 20px;
  	display: inline-block;
}

/* HIDE RADIO */
.image-choice [type=radio] { 
  position: absolute;
  opacity: 0;
  border-radius: 300px;
}

/* IMAGE STYLES */
.image-choice [type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
.image-choice [type=radio]:hover + img {
  background-color: #f7f7f7;
  border-radius: 100%;
}

/* CHECKED STYLES */
.image-choice [type=radio]:checked + img {
  background-color: #d4b03d;
  border-radius: 100%;
}

/* //////////////////// RADIO BUTTONS ///////////////// */

.groom-container label {
	margin: 50px 50px;
}

.radio-choice{
  position: relative;
}

.radio-choice input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 15px;
  left: -30px;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio-choice:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio-choice input:checked ~ .checkmark {
  background-color: #d4b03d;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-choice input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-choice .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000;
}

/* RECOMMENDED PRODUCTS CONTAINER */

.recommended-products-container {
  padding: 50px;
  text-align: center;
  margin: 20px auto;
  position: relative;
}

/* BACK BUTTON LINK ON RECOMMENDED PRODUCT */
#back-btn {
  position: absolute; 
  top: 10px;
  left: 30px; 
}

#back-btn:hover {
  color: #d4b03d;
  cursor: pointer; 
}

/* product styling */
.product-row {
	height: 100%; 
}

/* MEDIA QUERIES */
@media only screen and (max-width: 500px) {
  	.form-page {
 		 padding: 50px 10px; 
  	}
}