/* General */

.no-padding {
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-margin {
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

/* Taxonomy List */
section.taxonomy-list h4 {}
section.taxonomy-list h4, section.taxonomy-list h4 {}
section.taxonomy-list ul li {}
section.taxonomy-list.issues ul li:hover,
section.taxonomy-list.issues ul li:active {}
section.taxonomy-list ul li a {}


/* Template Components */
.engage-details-container {
  background: rgba(250, 250, 250, 0.7);
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 1em;
}

/* Maps */
.map {
  height: 300px;
  width: 100%;
  border: 1px outset #ffffff26;
}

/* Info Box*/

div.engage-info-box {
  position:relative;
  display:table;
  width:100%;
  margin-bottom: 10px;
  border: 1px outset rgba(255,255,255,0.15);
  border-radius: 3px;
}
div.engage-info-box>div {
  position:relative;
  display:table-row;
  width:100%;

}

div.engage-info-box>div>div {
  font-size:80%;
  padding: 1em;
  margin-top:3px;
  line-height:1.35em;
  display:table-cell;
  background:white;
  text-transform:uppercase;
  color:#000000;
  font-weight: 500;
  width:80%;
  vertical-align:top;

}

div.engage-info-box>div::before {
  font-family: FontAwesome;
  display:table-cell;
  font-size:2em;
  text-align: center;
  text-decoration: inherit;
  speak: none;
  color:white;
  width: 20%;
  vertical-align: middle;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0;
}

.engage-info-box header {
  display:inline-block;
  /*font-weight: 700;*/
  font-size: 125%;
  color: #555;
}

.engage-info-box header>small {
  text-transform: none;
  font-weight: 600;
  margin-left: -1.25em;
}

.engage-info-box ul {
    list-style: none;
}

div.engage-info-box.engage-date-box>div {
  background: rgb(0, 160, 175);
}

div.engage-info-box.engage-address-box>div{
  background: rgb(239, 62, 66);
}

div.engage-info-box.engage-contact-box>div{
  background: rgb(166, 206, 57);
}

div.engage-info-box.engage-other-box>div{
  background: rgb(0, 160, 50);
}

div.engage-info-box.engage-virtual-location-box>div{
  background: rgb(0, 50, 160);
}

div.engage-info-box.engage-date-box>div::before {
  content: "\f073"; /* calendar */
}

div.engage-info-box.engage-address-box>div::before {
  content: "\f041"; /* marker */
}

div.engage-info-box.engage-contact-box>div::before {
  content: "\f1ad"; /* building */
}

div.engage-info-box.engage-other-box>div::before {
  content: "\f05a"; /* building */
}

div.engage-info-box.engage-virtual-location-box>div::before {
  content: "\f0ac"; /* globe */
}

/* the contact box */
.engage-info-box .title {
  font-weight: 600;
  margin-bottom: 1em;
}




/* Make everyaction recurring donatinon more visible */
label.at-check.IsRecurring {
    background-color: #228ae6;
    color: #fff;
    border-radius: 5px;
    padding: 1em;
    font-weight: bold;
}
label.at-check.IsRecurring:hover {
    background-color: #1c7cd6;
}




/* buttons */
#campaign-call-to-action {
    margin-bottom: 1em;
}
.event-register-btn, .legislator-contact-btn, .call-to-action-btn {
    background-color: #eee;
    background-image: none;
    text-shadow: none;
    padding: .45em .75em;
}
.event-register-btn:hover, .legislator-contact-btn:hover, .call-to-action-btn:hover {
    background-color: #999;
}


.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid #0000;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn:hover {
    background-color: #eee;
}
.btn.active {
    background-color: #999;
}



/* Organization Shortcode */
.engage.organization-details {
    border: solid 1px #efefef;
    background-color: #fafafab3;
    min-width: 200px;
    max-width: 250px;
    min-height: 150px;
    padding: 1em;
    margin-bottom: 1em;
}
.engage.organization-details p {
  margin: 0;