/* course Feedback Form Styles */
#course-review-form {
	display: flex;
	flex-direction: column;
	align-items: center;
}
#course-review-form > div:first-of-type {
	display: flex;
	margin-bottom: 1rem;
}
#course-review-form > div:first-of-type label {
	margin-bottom: 0;
	margin-left: 16px;
	font-weight: normal;
}
#course-review-form > div:nth-of-type(2) {
	margin-bottom: 1rem;
}
#course-review-form > div:nth-of-type(2) select {
	border-radius: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	cursor: pointer;
  background: #FFFFFF url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 97% center;
	border: 1px solid black;
}
#course-review-form > div:nth-of-type(3) {
	display: flex;
	margin-bottom: 1rem;
	align-items: center;
}
#did_the_course_cover_the_content,
#any_additional_comments___open_ended_ {
	width: 80%;
	margin-bottom: 1rem;
}
.input-label {
	text-align: start;
	width: 80%;
	display: inline-block;
}
.star-set {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.review_card strong {
	font-weight: 700;
}
.review_card {
	background: #FAFAFA;
	box-shadow: 0px 4px 6px rgb(0 0 0 / 20%);
	padding: 2rem;
	margin: 2rem 0;
	display: flex;
	border-radius: 10px; 
}
.review_card__wrapper {
	width: 100%;
}
textarea, 
input[type="text"],
input[type="file"] {
	border: 2px solid #ADAAA9;
	border-radius: 10px;
	padding: 10px 12px;
	background: #fff;
	font-family: Inter, sans-serif;
}

textarea:focus, 
input[type="text"]:focus,
input[type="file"]:focus {
	border: 2px solid #1D4ED8 !important;
}
.review_card__wrapper label span {
	font-size: 0.9rem;
	margin-bottom: 5px;
	display: block;
	color: #000;
}
.review_card__wrapper label {
	width: 100%;
	display: block;
	text-align: center;
}
.review_card___top-row {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: flex-start;
}
.review_card___fields {
	width: 100%;
	position: relative;
}
.review_card___submit {
	text-align: right;
}
.review_card .btn {
	font-weight: 700 !important;
	font-size: 16px !important;
}
#review--submit {
	padding 15px 7% !important;
}
.submitting-review {
	text-align: center;
	font-weight: 900;
	color: #221d57;
	font-size: 1.3rem;
	position: absolute;
	width: 100%;
	top: calc(50% - 15px);
}
.feedback_required {
	font-size: 14px !important;
	font-weight: normal !important;;
	color: #6C717B !important;;
	display: inline-block !important;;
}

@media screen and (max-width: 768px) {
	.review_card___top-row {
		flex-direction: column;
	}
	.review_card___fields {
		width: 100%;
	}
	.review_card {
		flex-direction: column;
	}
}

/* Star Rating Styles */
/* Enjoyment Set */
.rev-star-enjoyment {
    float: left;
    height: 100%;
}
.rev-star-enjoyment:not(:checked) > input {
    position:absolute;
    left:-9999px;
}
.rev-star-enjoyment:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:42px;
    color:#F3EFF3;
}
.rev-star-enjoyment:not(:checked) > label:before {
    content: '★ ';
}
.rev-star-enjoyment > input:checked ~ label {
    color: #ebc241;    
}
.rev-star-enjoyment:not(:checked) > label:hover,
.rev-star-enjoyment:not(:checked) > label:hover ~ label {
    color: #0d64a3;
}
.rev-star-enjoyment > input:checked + label:hover,
.rev-star-enjoyment > input:checked + label:hover ~ label,
.rev-star-enjoyment > input:checked ~ label:hover,
.rev-star-enjoyment > input:checked ~ label:hover ~ label,
.rev-star-enjoyment > label:hover ~ input:checked ~ label {
    color: #ebc241;
}
/* Presenter Set */
.rev-star-presenter {
    float: left;
    height: 100%;
}
.rev-star-presenter:not(:checked) > input {
    position:absolute;
    left:-9999px;
}
.rev-star-presenter:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:42px;
    color:#F3EFF3;
}
.rev-star-presenter:not(:checked) > label:before {
    content: '★ ';
}
.rev-star-presenter > input:checked ~ label {
    color: #ebc241;    
}
.rev-star-presenter:not(:checked) > label:hover,
.rev-star-presenter:not(:checked) > label:hover ~ label {
    color: #0d64a3;
}
.rev-star-presenter > input:checked + label:hover,
.rev-star-presenter > input:checked + label:hover ~ label,
.rev-star-presenter > input:checked ~ label:hover,
.rev-star-presenter > input:checked ~ label:hover ~ label,
.rev-star-presenter > label:hover ~ input:checked ~ label {
    color: #ebc241;
}
/* Platform Set */
.rev-star-plat {
    float: left;
    height: 100%;
}
.rev-star-plat:not(:checked) > input {
    position:absolute;
    left:-9999px;
}
.rev-star-plat:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:42px;
    color:#F3EFF3;
}
.rev-star-plat:not(:checked) > label:before {
    content: '★ ';
}
.rev-star-plat > input:checked ~ label {
    color: #ebc241;    
}
.rev-star-plat:not(:checked) > label:hover,
.rev-star-plat:not(:checked) > label:hover ~ label {
    color: #0d64a3;
}
.rev-star-plat > input:checked + label:hover,
.rev-star-plat > input:checked + label:hover ~ label,
.rev-star-plat > input:checked ~ label:hover,
.rev-star-plat > input:checked ~ label:hover ~ label,
.rev-star-plat > label:hover ~ input:checked ~ label {
    color: #ebc241;
}

.confirm-wrap {
	display: flex;
}
.confirm-wrap > input {
	margin-right: 8px;
}
#review-return {
	color: #003462;
}