/*
Font colors for contribution page
*/

#mc_embed_signup form {
    display: block;
    position: relative;
    text-align: left;
    padding: 10px 0 10px 3%;
    background-color: black;
}

#crm-container.crm-public .label, #crm-container.crm-public .price-field-amount {
    color: #c4c4c4;
}

.crm-container .form-layout td.label, .crm-container form table.report .label, .crm-container form table label, .crm-container form table.report label {
    color: #c4c4c4;
}

.crm-container div.status, div.m ul#civicrm-menu, .crm-container #help, .crm-container .help, .crm-container .ui-tabs-panel, .crm-container .crm-content-block, #full-screen-header, .crm-container .crm-pager, .crm-container form .section-hidden-border, .crm-container #search-status, .crm-container .crm-form-block, .crm-container .crm-search-tasks, .crm-container .crm-tasks, .crm-container div.form-item, .crm-container div.messages {
    background-color: black;
}

.crm-container td {
  /* can't see this grey when doing administrative tasks */
  color: #c4c4c4;

  /* can't see this when used for registration pages */
  /* color: #212121; */
}

.crm-container th, .crm-container table.display thead th, .crm-container table thead.sticky th, .crm-container table.caseSelector tr.columnheader th {
    color: #000000;
}
.crm-container .help, .crm-container #help {
    background-color: #000000;
}
.crm-container .header-dark {
    background-color: #7ab317;
}


#crm-container.crm-public .price-set-row .crm-price-amount-amount {
    color: #a0a0a0;
}
#crm-container.crm-public .price-set-row .crm-price-amount-label {
    color: #a0a0a0;
    padding-left: 5px;
}

#crm-container.crm-public .price-set-row .highlight .crm-price-amount-amount {
    color: #319ec7;
        /* color: #a0a0a0; */
}
#crm-container.crm-public .price-set-row .highlight .crm-price-amount-label {
    color: #319ec7;
        /* color: #a0a0a0; */
}

#crm-container.crm-public .price-set-row label
{
    color: #a0a0a0;
}
#crm-container.crm-public .price-set-row .highlight label {
  color: #319ec7;
  font-weight: bold;
}
#crm-container.crm-public .price-set-row .crm-price-amount-label {
  font-weight: normal;
}


.crm-container fieldset legend {
    color: #7ab317;
}
#crm-container.crm-public .crm-section, .crm-section {
    margin-bottom: 0;
    line-height: 110%;
}
#crm-container.crm-public .event_summary-section {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 2em;
    padding-top: 15px;
}
#crm-container.crm-public .event_date_time-section {
    margin-top: 2em;
}

div.crm-container fieldset label {
    line-height: 110%;
    padding-right: 5px;
}
#crm-container .crm-title {
    color: #7ab317;
}


/* The margin here is creating a horizontal scroll bar on all pages. Adam 11/1/21 */
p {
    padding-top: 0px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1.6em;
    /* margin: 0.2em !important; */
    /* margin: 0.2em; */  
}

.views-row{
  padding-top:10px;
  padding-bottom:10px;
}

span {
    line-height: 130%;
}


 /* Event Summary */
.civievent-widget-event-summary,
.civievent-widget-single-summary {
  display: block;
  font-size: 130%;
}

/* Event Times */
.civievent-widget-divider .civievent-widget-event-start-date, .civievent-widget-divider .civievent-widget-event-start-time, .civievent-widget-divider .civievent-widget-event-end-date, .civievent-widget-divider .civievent-widget-event-end-time, .civievent-widget-stripe .civievent-widget-event-start-date, .civievent-widget-stripe .civievent-widget-event-start-time, .civievent-widget-stripe .civievent-widget-event-end-date, .civievent-widget-stripe .civievent-widget-event-end-time {
    display: inline-block;
    font-size: 130% !important;
}

h2 {
    font-size: 16px;
    color: #7ab317;
    padding-top: 10px;
}

h3 {
    font-size: 16px !important;
}

.civievent-widget-event-summary, .civievent-widget-single-summary {
	font-size: 14px !important;
}

.crm-container td.price_set_option-label {
    padding-left: 0em;
    font-size: 14px;
}

/* Profile help fields */
#crm-container.crm-public .calc-value, #crm-container.crm-public .content {
    padding-top: 8px;
    font-size: 15px;
    color: #C4C4C4;
    line-height: normal;
}

/* Text box font */
input:focus, textarea:focus{
                 color: #000000;
                 font-size: 16px;
                 -webkit-box-shadow: inset #eaeaea 1px 1px 13px;
                 -moz-box-shadow: inset #eaeaea 1px 1px 13px;
                 box-shadow: inset #eaeaea 1px 1px 13px;
                 outline: 0;
}

.crm-container .required {
    color: #000000;
}

/* List style */
#crm-container ul li {
    /* list-style-type: disc; */
    list-style-position: inside;
    line-height: 1.6em;
    font-size: 16px;
    font-family: Helvetica, Arial;
}
li {
    font-size: 100%;
    /* list-style interferes with nested lists (Adam 6/10/19) */
    /* list-style: disc outside none; */ 
    margin-left:15px;
}

.views-field-title a:link, a:visited, a:active{
    color: #2786c2;
}

.views-field-summary {
    font-style: italic;
}



/* Full bleed Views Slideshow */

.views_slideshow_cycle_main {
width: 100%;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
    /* width: 100% !important; */
    max-width:100%;
}
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row {
    /* width: 100% !important; */
    max-width:100%;
}
.views_slideshow_cycle_main .field-content {
max-width: 100%;
width: 100%;
}
/* Center the image */
.views_slideshow_cycle_main .field-content img {
display:block;
margin:auto;   /*Center the image*/
max-width: 100%;
width: 100%;
border: 0px double #605D5A;
 border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* .views-slideshow-controls-bottom { */
/*   text-align:center; */
/*   width:90%; */
/*   margin:auto;  /\*Center the control bottom*\/ */
/* } */
/* .views-slideshow-controls-bottom .views-slideshow-pager-field-item { */
/*   display: inline-block; */
/*   margin: 0 10px; */
/*   padding: 3px; */
/*   background: #0B9727; */
/*   width: 30px; /\* The width of container block must 30px *\/ */
/* } */
/* .views-slideshow-controls-bottom .views-slideshow-pager-field-item img { */
/*   width: 30px; /\* The width of container block must 30px *\/ */
/*   height:20px; */
/* } */
/* .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active, */
/* .views-slideshow-controls-bottom .views-slideshow-pager-field-item:hover { */
/*     background: #2786c2; */
/* } */

.views-slideshow-pager-field-item{
    float:left;
/* //    padding: 10px; */
    padding-right: 10px;
    padding-top: 6px;
}

.views-slideshow-pager-field-item.active{
    background:#2786c2;
    border-radius: 4px;
}

.views-slideshow-pager-fields{
  /* position: absolute; */
    float:right;
    bottom: 20px;
    right: 10px;
    z-index: 50;
    border-radius:6px;
    background-color: rgba(0,0,0, 0.6);
    padding: 10px;
}

.crm-container .even-row, .crm-container .even, tbody.scrollContent tr.alternateRow {
  background-color: #333;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background-color: #666;
}


/* #page, */
/* .region-bottom { */
/*   margin-left: auto; */
/*   margin-right: auto; */
/*   max-width: none !important; */
/* } */

/* #content{ */
/*   padding-left: 0px !important; */
/*   padding-right: 0px !important; */
/* } */

.node-promoted{
    padding-left: 0px;
    /* this padding right is causing display issues on the homepage on mobile. Not sure why it was put there */
  /* padding-right: 400px; */
  padding-bottom: 10px;
  border-bottom-style: solid;
  border-width: 1px;
}


/* Webforms
*/
#wf-crm-billing-items{
  visibility: hidden;
  margin: auto;
  /* width: 20%; */
  margin-bottom: 2em;
}
/* .webform-component-radios{ */
/*   visibility: hidden !important; */
/* } */
/* .form-item.webform-component.webform-component-radios.webform-component--civicrm-1-contribution-1-contribution-total-amount{ */
/*   visibility: hidden !important; */
/* } */

#wf-crm-billing-total {
  font-weight: bold;
  visibility: visible;
  background-color: black;
  color:white;
  text-align: center;
  padding-bottom: 10px;
}
.webform-civicrm-prefix contact-known{
  padding-bottom: 150px !important;
}
.webform-submit button-primary form-submit{
  padding-left: 100px;

}
.webform-client-form {
  margin: 0em;    /* setting from 3 to 0em becuase top margin on fellowship page was too much */
}
.form-item webform-component webform-component-number{
  margin: 3em 1em 1em 1em;
}
.form-item webform-component webform-component-number webform-component--civicrm-1-contribution-1-contribution-total-amount{
  margin: 3em 1em 1em 1em;
}

.webform-progressbar{
  padding-bottom:5px;
}

.vs_button{
  color: #FFF !important;
  background-color: #2786c2;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  padding: 10px 22px;
  border-radius: 5px;
  transition: all .33s ease-out;
}
.vs_button:hover {
    background-color: #7ab317; /* Green */
    color: white;
}



.webform-next{
  color: #FFF !important;
  background-color: #2786c2;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  padding: 10px 22px;
  border-radius: 5px;
  position: absolute;
  right: 0px;
  border-width: 0px;
  transition: all .33s ease-out;
}

.webform-submit{
  color: #FFF !important;
  background-color: #2786c2;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  padding: 10px 22px;
  border-radius: 5px;
  position: absolute;
  right: 0px;
  border-width: 0px;
  transition: all .33s ease-out;
}

.webform-previous{
  color: #FFF !important;
  background-color: #2786c2;
  font-weight: bold;
  font-size: 16px;
  line-height: 26px;
  padding: 10px 22px;
  border-radius: 5px;
  transition: all .33s ease-out;
  position: absolute;
  left: 0px;
  border-width: 0px;
}

.form-actions{
  margin-bottom:5em;
}
.crm-entity.odd-row {
  background-color: #111 !important;
}
.crm-entity.odd-row:hover {
  background-color: #111 !important;
}
.crm-entity.even-row:hover {
  background-color: #111 !important;
}
.odd-row{
  background-color: #111 !important;
}
.odd-row:hover {
  background-color: #111 !important;
}
.eve-row{
  background-color: #333 !Important;
}
.even-row:hover {
  background-color: #333 !important;
}
.select2-results-dept-0.select2-result{
  color: black;
}


.webform-client-form-116{
    margin:0;
}

.form-item-submitted-civicrm-1-contribution-1-contribution-total-amount{
    padding-top: 6px;
    padding-bottom: 4px;
}

.form-item-submitted-civicrm-1-contribution-1-contribution-payment-processor-id{
    padding-top: 6px;
    padding-bottom: 4px;
}

#wf-crm-billing-items td + td {
    width: 200px;
}
#wf-crm-billing-items caption {
    height: 1px;
}
.civicrm_1_contribution_1{
    height: 1px;
}
input[type="radio"]:checked + label, input[type="checkbox"]:checked + label {
					 color:#2786c2;
				     }
.form-item.form-type-radio.form-item-submitted-civicrm-1-contribution-1-contribution-total-amount-select{
    line-height:1.4em;
    padding-top:6px;
    padding-bottom:4px;
}

.crm-container h3 {
  background-color: #000000;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #319ec7;
  padding: 4px 6px;
  margin: 0 0 0.3em;
}


/* .form-layout-compressed { */
/*   width:210px !important; */
/* } */

#edit-registration-form-registration-cc-block{
    padding-top:2em;
}


#edit-registration-form-add-participant--1{
    color: #FFF !important;
    background-color: #2786c2;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 22px;
    border-radius: 5px;
    transition: all .33s ease-out;
}
.form-submit.ajax-processed{
    color: #FFF !important;
    background-color: #2786c2;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    padding: 10px 22px;
    margin-top:0.5em;
    margin-bottom:0.5em;
    border-radius: 5px;
    /* position: absolute; */
    /* right: 0px; */
    border-width: 0px;
    transition: all .33s ease-out;
}

.form-item.form-type-textfield.form-item-registration-form-contacts-0-contact-info-profile-12-profile-birth-date-time{
    visibility:hidden;
}
.form-item.form-type-textfield.form-item-registration-form-contacts-1-contact-info-profile-12-profile-birth-date-time{
    visibility:hidden;
}
.form-item.form-type-textfield.form-item-registration-form-contacts-2-contact-info-profile-12-profile-birth-date-time{
    visibility:hidden;
}
.form-item.form-type-textfield.form-item-registration-form-contacts-3-contact-info-profile-12-profile-birth-date-time{
    visibility:hidden;
}

.crm-container .description{
    color: #ddd;
    font-size: 1.2em;
}
.crm-container table.form-layout-compressed tbody th.label {
    background-color: #333;
}

.event_description-section img{
  border: 1px solid white;
}
.field-content img{
    border: 1px solid white;
    margin: 10px;
}

.crm-container .status {
    color: #2786c2 !important;
}



.two-sidebars #content {
    float: left;
    width: 60%;
    margin-left: 20%;
    margin-right: -80%;
    border-left-style: solid;
    border-width: 1px;
    border-color: #222222;
    border-right-style: solid;
}

.crm-container div.contact_panel td, .crm-container table.crm-info-panel td{
    background-color: #4d4d4d
}
.crm-container table.crm-info-panel td.label {
    background-color: #4d4d4d
}
.crm-container .odd-row, .crm-container .odd, tbody.scrollContent {
    background-color: #5F5F5F;
}



.crm-container a.button, .crm-container a.button:link, .crm-container a.button:visited, .crm-container input.crm-form-submit, .crm-container .ui-dialog-buttonset .ui-button, .crm-container input[type=button], .crm-container .crm-button {
    font-weight: bold;
    /* text-shadow: 0 0 2px black; */
    background: #70716B url(../i/crm-button-bg.gif) repeat-x top left;
    color: #FFF;
    font-size: 16px;
    /* font-weight: normal; */
    background: #319ec7;
    margin: 0 6px 0 0;
    padding: 10px 15px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #3e3e3e;
    border-radius: 25px;
}

.crm-container .content.description{
    padding-top:20px !important;
}

.crm-container .register_link-top{
    margin-bottom: 20px;
}

#osm_map.olMap{
    width: 100%; !important; /* fixes mobile issue of huge right side margin */
    /* min-height: 200px; */
    /* height: auto; */
}


/*
Force recurring contribution storage bins
*/
/* input#is_recur.crm-form-checkbox{ */
/*     /\* color:red; *\/ */
/*     /\* value:22; *\/ */
/*     left:3em; */
/*     value:1; */
/* } */

/* civivolunteer stuff */
.crm-container .crm-form-block{
    background-color: #383838;
}
table.dataTable tbody tr {
    background-color: #383838;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #8c8c8c88;
}


figure { display: table; }
figcaption{
    display:table-caption !important;
    caption-side: bottom ;
}


.accordion input {
position: absolute;
opacity: 0;
z-index: -1;
}

.accordion-wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
    width: 600px;
    margin:0 auto;
}
.accordion {
    width: 100%;
    color: white;
    overflow: hidden;
    margin-bottom: 16px;
}
.accordion:last-child{
    margin-bottom: 0;
}
.accordion-label {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 16px;
    background: rgba(4,57,94,.8);
    font-weight: bold;
    cursor: pointer;
    font-size: 20px;
}
.accordion-label:hover {
    background: rgba(4,57,94,1);
}
.accordion-label::after {
    content: "\276F";
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.accordion-content {
    max-height: 0;
    padding: 0 16px;
    color: rgba(4,57,94,1);
    background: white;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.accordion-content p{
    margin: 0;
    color: rgba(4,57,94,.7);
    font-size: 18px;
}
input:checked + .accordion-label {
    background: rgba(4,57,94,1);
}
input:checked + .accordion-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
input:checked ~ .accordion-content {
    max-height: 100vh;
    padding: 16px;
}