/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
 
 body {
padding:3%;
margin:0;
background:#f5f6fa;
}

.clr{clear:both;}
.space{padding:5px 0;}
.content{padding:6px 10px; font-size:18px; font-weight:bold; color:#3f470b;}
.content2{background-color:#f0f0f0; font-size:18px; font-weight:bold;}
.content:nth-child(1){/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8f83a3+0,212738+100 */
background: rgb(143,131,163); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(143,131,163,1) 0%, rgba(33,39,56,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(143,131,163,1) 0%,rgba(33,39,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(143,131,163,1) 0%,rgba(33,39,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f83a3', endColorstr='#212738',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 color:#ffffff;}

.shadow{background:#ffffff; padding:5% 1%!important;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .03) !important;}

.rating {
  margin: 10px auto 10px 33%;
  border: none;
  float: left;
}

.rating > label {
  color:#cccccc;
  float: right;
}

.rating > label:before {
  margin: 5px;
  font-size: 2em;
  font-family: FontAwesome;
  content: "\f005";
  display: inline-block;
}

.rating > input {
  display: none;
}

.rating > input:checked ~ label,
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  color: #FECE31;
}

.rating > input:checked + label:hover,
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label,
.rating > input:checked ~ label:hover ~ label {
  color: #FECE31;
}


@media (max-width: 800px) {
.space{padding:5px 0; border-bottom:solid 1px #900;}

.rating {margin: 10px 0 10px 30%;}

.rating > label:before {font-size: 1.3em;}

}