/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 @import "https://use.fontawesome.com/releases/v5.0.6/css/all.css";

 /*input[type="checkbox"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

   /* Styling checkbox
   width: 16px;
   height: 16px;
   background-color: grey;
   margin-right: 50px;
 }

 input[type="checkbox"]:checked {
   background-color: green;
 }

 input[type="checkbox"]:not(:checked) {
   background-color: grey;
 }

 input[type="checkbox"]:focus {
  outline: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
 }*/

 .checkboxes label {
	font-size: 16px;
	color: #666;
	border-radius: 20px 20px 20px 20px;
	background: #f0f0f0;
	padding: 3px 10px;
	text-align: left;
	white-space: nowrap;
	margin-bottom: 10px;
}

input[type=checkbox] {
  display: none !important;
}

input[type=checkbox]:checked + label {
	color: white;
	background: #86b3c1;
}

#beachyness_location {
  width: 100%;
}

.comment_feature {
    font-size: 10px !important;
	border-radius: 20px 20px 20px 20px;
	/*background: #f0f0f0;*/
	padding: 3px 10px;
	color: white;
	background: #86b3c1;
	text-align: left;
	white-space: nowrap;
	margin-bottom: 10px;
}

.sm {
    font-size: 12pt;
}

.comment_features {
    display: block !important;
}

/* Had to done through Customiser */

/*@media screen and (max-width: 640px) {
.grid-view .page, .grid-view .post {
    width: 100% !important;
}
}*/