charset "UTF-8";
/*
* Event signup form style
*/

/* reset */
#fs-frm input,
#fs-frm select,
#fs-frm textarea,
#fs-frm fieldset,
#fs-frm optgroup,
#fs-frm label,
#fs-frm #card-element:disabled {
  font-family: inherit;
  font-size: 100%;
  color: inherit;
  border: none;
  border-radius: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#fs-frm label,
#fs-frm legend,
#fs-frm ::placeholder {
  font-size: .825rem;
  margin-bottom: .5rem;
  padding-top: .2rem;
  display: flex;
  align-items: baseline;
}

/* border, padding, margin, width */
#fs-frm input,
#fs-frm select,
#fs-frm textarea,
#fs-frm #card-element {
  border: 1px solid rgba(0,0,0,0.2);
  background-color: rgba(255,255,255,0.9);
  padding: .75em 1rem;
  margin-bottom: 1.5rem;
}
#fs-frm input:focus,
#fs-frm select:focus,
#fs-frm textarea:focus {
  background-color: white;
  outline-style: solid;
  outline-width: thin;
  outline-color: gray;
  outline-offset: -1px;
}
#fs-frm [type="text"],
#fs-frm [type="email"] {
  width: 100%;
}
#fs-frm [type="button"],
#fs-frm [type="submit"],
#fs-frm [type="reset"] {
  width: auto;
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
#fs-frm [type="button"]:focus,
#fs-frm [type="submit"]:focus,
#fs-frm [type="reset"]:focus {
  outline: none;
}
#fs-frm [type="submit"],
#fs-frm [type="reset"] {
  margin-bottom: 0;
}
#fs-frm select {
  text-transform: none;
}

#fs-frm [type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  display: inline-block;
  width: auto;
  margin: 0 .5em 0 0 !important;
}

#fs-frm [type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

/* address, locale */
#fs-frm fieldset.locale input[name="city"],
#fs-frm fieldset.locale select[name="state"],
#fs-frm fieldset.locale input[name="postal-code"] {
  display: inline;
}
#fs-frm fieldset.locale input[name="city"] {
  width: 52%;
}
#fs-frm fieldset.locale select[name="state"],
#fs-frm fieldset.locale input[name="postal-code"] {
  width: 20%;
}
#fs-frm fieldset.locale input[name="city"],
#fs-frm fieldset.locale select[name="state"] {
  margin-right: 3%;
}

/* CUSTOM */

#signup-body {
  background: linear-gradient(315deg, rgba(184, 198, 219, 0.1) 5%, rgba(245, 247, 250, 0.9) 60%), url("../img/form_submit_2.jpg") no-repeat;
}
#signup-body h2 {
  font-size: 1.5rem;
}
  
.card-body {
  padding: 1.2em 0;
/*
  background: url('../img/concrete_wall.png') repeat;
*/
}
.card-body .motoriders-logo {
  max-width: 80%;
}
h1 {
  font-size: 2.8rem;
}
.card-body h2 {
  font-size: 1.5rem;
}
.card-body h3 {
  font-size: 1.1rem;
}
.card-body h3.cart-item {
  font-size: 1.6rem;
}
.card-body .fa-check-circle {
  color: #dfe6e3 !important;
}
.card-body .list-group-item {
  /* background-color: rgba(245, 245, 245, 0.1);
  background-color: #d82f2f;
  */
  font-family: "Merriweather Sans", Montserrat;
  border: none;
  background: transparent;
}
.events-container {
  padding-top: 155px;
}
.signup-card {
  padding-bottom: 50px;
  border-radius: .4rem;
  overflow: hidden;
  z-index: 1;
  border: 2px solid transparent;
}
.pickup-date-size {
  font-size: 1.1rem;
}

.contact {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.events-filter {
  font-size: 1.2em;
}
.events-filter .form-check {
  font-size: 1.2em;
}
.border-delimit {
  /*border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-top: 1px solid rgba(248, 249, 250, 0.4);*/
  border-top: 1px solid rgba(198, 69, 69, 0.3);
}


/* CUSTOM RADIO BUTTON style */

*, *:after, *:before {
	 box-sizing: border-box;
}
 form {
	 display: flex;
	 flex-wrap: wrap;
	 flex-direction: column;
}
 label {
	 display: flex;
	 cursor: pointer;
	 font-weight: 500;
	 position: relative;
	 /*overflow: hidden;*/
	 margin-bottom: 0.375em;
	/* Accessible outline */
	/* Remove comment to use */
	/* &:focus-within {
		 outline: .125em solid $primary-color;
	}
	 */
}
 label input {
	 position: absolute;
	 left: -9999px;
}
 label input:checked + span {
	 /*background-color: #d6d6e5;*/
	 background-color: #c64545;
	 color: white;
}
 label input:checked + span:before {
	 background-color: black;
	 /*box-shadow: inset 0 0 0 0.3375em #00005c;*/
}
 label span {
	 display: flex;
	 align-items: center;
	 /*
         padding: 0.375em 0.75em 0.375em 0.375em;
	 border-radius: 99em;
         */
	 padding: .7em 1em .375em 1em;
	 border-radius: .1em;
	 transition: 0.25s ease;
}

label span>svg,i {
  margin-right: 8px;
}

 label span:hover {
	 background-color: #c64545;
	 /*background-color: #d6d6e5;*/
}
/*
 label span:before {
	 display: flex;
	 flex-shrink: 0;
	 content: "";
	 background-color: #d82f2f;
	 width: 1.2em;
	 height: 1.2em;
	 border-radius: 10%;
	 margin-right: 0.375em;
	 transition: 0.25s ease;
	 box-shadow: inset 0 0 0 0.125em #00005c;
}*/
.form-check-label span {
  border-bottom: 1px solid black;
  /*background-color: #f9d659;
  background-color: #FEDBB2;*/
  background-color: #202124;
  color: #f8f9fa;
  /* black scheme color
  color: #31242E;
  */
}
.footer-submit {
  background: rgba(33,33,33,0.5);
}
.footer-submit .btn {
  font-size: 1.5em;
}

/* signup card left column bg
.signup-col-left {
  background-color: #c64545;
}
*/