.candidate-block {
  border: 4px solid #c2c2c2;
  text-align: center;
  margin-top: 15px !important;
}
.candidate-block .cand-name {
  font-size: 24px;
  color: #3a4675;
  font-weight: bold;
}
.candidate-block .party-name {
  font-size: 12px;
  color: #3a4675;
}
.candidate-block .comp-answers {
  font-size: 12px;
  color: #3a4675;
}
.candidate-block.active {
  border: 4px solid #3fa06f;
}
.partyname {
  margin-left: 15px;
}
.candidatename {
  margin-left: 15px;
  font-size: 24px;
  color: #3fa06f;
}
.cand-img {
  background: #f2f2f2;
  margin-bottom: 8px;
}
.cand-img img {
  display: inline-block;
}
.naming-convention {
  display: inline-block;
}
.questionslist {
  margin-top: 10px;
}
.mychoice {
  border: 4px solid #3fa06f !important;
  color: #3fa06f !important;
}
.uncheckchoice {
  border: 4px solid #000 !important;
  color: #000 !important;
}

.race-listing h1.main-header {
  border-bottom: none;
  display: inline-block;
  color: #1f2d61;
  font-size: 30px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 40px;
  font-family: "Poppins";
  /* margin-bottom: 0; */
}
.race-listing .section-spacing.inner-page{background: #f5f7ff}
.race-listing h1.main-header:before {
  color: red;
  content: "";
  display: block;
  width: auto;
  background-color: #1f2d61;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 46.5px;
}
.race-listing h1.main-header:after {
  content: "";
  width: 12px;
  height: 12px;
  background-color: #e11e2d;
  left: 0;
  position: absolute;
  display: block;
  top: 40px;
  margin: 0 auto;
  right: 0;
  transform: rotate(45.65deg);
}
.race-listing .header-section{text-align:center}
.race-list thead{background: #1f2d61}
.race-list thead th{color: #fff !important}
.civicrm-volunteer-signup .section-spacing.inner-page{background: #f5f7ff}
.crm-volunteer-signup-summary th{background: #1f2d61}
.crm-volunteer-signup-summary th{color: #fff !important}
.page-civicrm-volunteer-signup legend{
  width:100% !important;
}

.my-module-dialog {
  max-width: 600px;
  padding: 20px;
  background-color: #fff;
}

.race-listing .elecp .fieldset-race .fieldset__wrapper {
	padding-bottom: 0px;
}

@media only screen and (max-width: 576px) {
    .race-listing .elecp .form-actions {
        padding-top: 10px;
    }
    .race-listing .elecp .fieldset-race .fieldset__wrapper .js-form-item {
        margin-top: 10px;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 100%;
        max-width: 100%;
    }
}
.race-listing .local-listing-wrapper.elecp h2 {
	color: #e11e2d;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0px;
}
@media only screen and (min-width: 577px) and (max-width: 767px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 48%;
        max-width: 48%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 30%;
        max-width: 30%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 30%;
        max-width: 30%;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1250px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 20%;
        max-width: 20%;
    }
}
@media only screen and (min-width: 1251px) {
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 21%;
        max-width: 21%;
    }
}
.races .official-form-wrapper td:nth-last-child(3) {
	min-width: 160px;
}
@media only screen and (min-width: 1100px) {
    .races .ext .col-sm-3.col-md-2:nth-last-child(2) {
        max-width: 12%;
        width: 12%;
    }
    .races .ext .col-sm-3.col-md-2:nth-last-child(3) {
        width: 19%;
        max-width: 19%;
    }
}
.details-race.tt h3 {
	color: #1f2d61 !important;
}
.details-race.tt h3 span {
	font-size: 14px;
	color: #444;
}

.race-grp .details-cl {
	gap: 15px;
}
.race-listing .elecp .fieldset-race .fieldset__wrapper {
	padding-bottom: 0px;
}

@media only screen and (max-width: 576px) {
    .race-listing .elecp .form-actions {
        padding-top: 10px;
    }
    .race-listing .elecp .fieldset-race .fieldset__wrapper .js-form-item {
        margin-top: 10px;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 100%;
        max-width: 100%;
    }
}
.race-listing .local-listing-wrapper.elecp h2 {
	color: #e11e2d;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0px;
}
@media only screen and (min-width: 577px) and (max-width: 767px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 48%;
        max-width: 48%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 30%;
        max-width: 30%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 30%;
        max-width: 30%;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1250px)  {
    .path-race .ext {
        display: flex !important;
        flex-wrap: wrap;
    }
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 20%;
        max-width: 20%;
    }
}
@media only screen and (min-width: 1251px) {
    .race-listing .ext .col-sm-3.col-md-2 {
        width: 21%;
        max-width: 21%;
    }
}
.races .official-form-wrapper td:nth-last-child(3) {
	min-width: 160px;
}
@media only screen and (min-width: 1100px) {
    .races .ext .col-sm-3.col-md-2:nth-last-child(2) {
        max-width: 12%;
        width: 12%;
    }
    .races .ext .col-sm-3.col-md-2:nth-last-child(3) {
        width: 19%;
        max-width: 19%;
    }
}
.details-race.tt h3 {
	color: #1f2d61 !important;
}
.details-race.tt h3 span {
	font-size: 14px;
	color: #444;
}
.race-boxes .view-btn a {
	padding: 7px 15px !important;
}
.race-listing .local-listing-wrapper.elecp h2 {
	text-transform: uppercase;
}
.clickhereunderline{text-decoration:underline !important}