.btn.btn-primary{
    background-color: #165C7D !important;
    color:#ffffff;
}

.btn.btn-red{
  background-color:#A4343A !important;
  color:#ffffff !important;
}
.btn.btn-red-reversed{
  background-color:#ffffff !important;
  border:1px solid #A4343A !important;
  color:#A4343A !important;
}
.btn.btn-orange{
   background-color: #DC6B2F !important;
   color:#ffffff !important;
}
.btn.btn-orange-reversed{
  background-color:#ffffff !important;
  border:1px solid #DC6B2F !important;
  color:#dc6b2f !important;
}

.text-blue{
  color:#165C7D;
}
.text-orange{
  color: #DC6B3f;
}
.text-red{
  color: #A4343A;
}
.text-yellow{
  color: #F1BE48;
}

.header1{
    color: #165C7D;
    font-size: 30px;
    text-transform:uppercase;
    font-family:nevis;
    font-weight:bold;
}
.header2{
    font-size: 26px;
    color: #DC6B2F;
    text-transform:uppercase;
    font-family:nevis;
    font-weight:bold;
}
.subheader1{
    font-size: 24px;
    color: #165C7D;
    font-family:nevis;
    font-weight:bold;
    line-height: 28px;
    margin-top:36px;
}
.subheader2{
    font-size: 22px;
    font-family: 'acherus grotesque regular';
    font-weight: normal;
    color: #DC6B2F;
}
.callout{
    font-size: 26px;
    font-weight:bold;
    color:#6e6e6f;
    width:75%;
    margin: 30px auto;
    line-height: 32px;
    border-left: 3px solid #F1BE48;
    padding-left: 30px;
}

.disclaimer{
  font-size: 13px;
  line-height: 15px;
}


/***
/* Anne Savage added this CSS starting May 2023
***/

/* hide NYBC branding on the NYSSSC day of action page.  #top & #preheader are within the content div. But footer is a sibling*/
.nys-safe-streets-day-of-action #top,
.nys-safe-streets-day-of-action #preheader,
.nys-safe-streets-day-of-action + #footer-container{
  display:none;
}


/* improve display of amounts on donation page*/
.donate #priceset .crm-price-amount-label,
.donate #priceset .crm-price-amount-label-separator{
 display:none;
}

/******************************************************************************/
/*adjust cusomt fields on ORIGINAL materials request page which used a profile*/
/******************************************************************************/

#custom_35,
#custom_36,
#custom_37,
#custom_38,
#custom_42{
  width:40px;
  text-align:right;
}

#editrow-custom_35,
#editrow-custom_36,
#editrow-custom_37,
#editrow-custom_38,
#editrow-custom_42{
    margin-top: 20px;
}

#editrow-custom_35 > div.label,
#editrow-custom_36 > div.label,
#editrow-custom_37 > div.label,
#editrow-custom_38 > div.label,
#editrow-custom_42 > div.label{
  float:left;
  padding-top:12px !important;
  width:50%;
}
#editrow-custom_35 > div.edit-value.content,
#editrow-custom_36 > div.edit-value.content,
#editrow-custom_37 > div.edit-value.content,
#editrow-custom_38 > div.edit-value.content,
#editrow-custom_42 > div.edit-value.content{
  float:left;
  width:10%;
  padding-right:20px;
  }

#helprow-custom_35,
#helprow-custom_36,
#helprow-custom_37,
#helprow-custom_38,
#helprow-custom_42{
  border-bottom: 1px solid lightgray;
  margin-bottom: 20px;
  padding-bottom: 8px;
}


#helprow-custom_36 > div{
  padding-top:0px
}

#crm-profile-block > h2{
  color: #165C7D;
  font-size: 24px;
  margin-bottom: 0px;
}

/*there's a bug in civi, the wrong field values are showing so I am hiding all reported values, also hiding "display listings".*/

div#profilewrap39,
div#profilewrap39 + div{
display:none}


/******************************************************************************/
/*table formatting for strive for 25*/
/******************************************************************************/

body.strive-for-25 tr {border-bottom:1px solid grey}
body.strive-for-25 td {vertical-align:top; padding:5px; border-right:1px dashed grey}
body.strive-for-25 th {vertical-align:bottom; padding:5px;border-right:1px dashed grey}


/******************************************************************************/
/*** struggling to get the language selector to work in the header. Best I can do for now*/
/******************************************************************************/

#top > div > div:nth-child(3) > select {
	font-size:small;
	height:auto !important
}

#top > div > div:nth-child(3) {
  flex-basis: calc(41.65% - 15px);
  flex: 0 1;
  line-height: 2px;}

/******************************************************************************/
/*Slider on home page*/
/* still looks bad on mobile*/
/******************************************************************************/

div.HomePageSlider div.camera_caption_title,
div.HomePageSlider div.camera_caption_desc,
div.HomePageSlider div.camera_caption div {
  background-color: var(--blue-sapphire);
  color: var(--maximum-yellow-red);
}

/*don't bold, so we can use <b> in the control to bold elements*/
div.HomePageSlider div.camera_caption_title{
  font-size: 1.7em;
  font-weight: normal; 
  line-height: 1.2em;
}

div.HomePageSlider div.camera_caption_title b{
  font-weight: 900; 
  font-size:larger;
}

/******************************************************************************/
/***FORMATTING FOR NY BIKE SUMMIT HOME PAGE (which is a civicrm evnt) ******/
/******************************************************************************/

.flex-container {
  display: flex;
  flex-direction: row;
}

/*this centers slideshow CK and I amd leavingit on in all cases*/
.camera_wrap {
    margin: auto;
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}

body.itemid-486 div.crm-title h1{
	display:none;
}
body itemid-486  div.crm-container h1{
	padding-top:15px
}

.summit-earlybird,
.summit-intro,
.summit-logo,
.summit-schedule,
.summit-sponsors,
.summit-tickets,
.summit-presentations,
.summit-hoteltext{
  padding-top:15px;
	padding-bottom:10px;
	padding-left:10px
}


body.itemid-424 #main_content ul,
body.itemid-480 #main_content ul,
body.itemid-486 #intro_text ul {
  list-style-type: none;
  margin-left: auto;
} 

.summit-logo{
	text-align: center;
}

.summit-logo img{
	max-width:300px;
}

.summit-map{
	min-width:400px;
	padding: 0px;
}
body.itemid-424 iframe,
body.itemid-480 iframe,
body.itemid-486 iframe{
	width:300px;
	height:375px
}
.summit-earlybird{
	background-color: var(--blue-sapphire);
    color: lightblue;
    text-align: center;
    font-size: x-large;
    font-weight: 900;
}
.summit-earlybird p{
  margin-bottom:0px;
}

.summit-intro{
	background-color: white;
}

.summit-textintro{
	background-color:white;
}

.summit-schedule{
	background-color:lightgrey;
}

.summit-sponsors{
	background-color:lightgrey;
}

body.itemid-486 #priceset > legend,
body.itemid-486 #priceset span.price-field-amount{
	display:none;
	padding-top:0px;
}

body.itemid-486 #priceset{
	border-top:none;
	padding-top:0px;
	margin-top: 0px;
}

body.itemid-486 div.crm-public-form-item.crm-section.custom_pre-section > fieldset{
	margin-bottom:0px;
}
/** add space so post help doesn't merge into the next row down**/

body.itemid-486 #priceset div.crm-section {
padding-bottom: 15px
}

body.itemid-486 #priceset div.label{
  font-weight:bold
}

#priceset > div.messages.help {
  border:none;
  background:none;
}


.ticketbutton {
	cursor: pointer;
	outline: 0;
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 1rem;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	border-color: var(--blue-sapphire);
}
                
.ticketbutton:hover {
	background-color: var(--blue-sapphire);
	border-color:var(--blue-sapphire);
}

.ticketbutton a{
	color: var(--blue-sapphire);

}
.ticketbutton a:hover {
	color:white;
}

div.ny-bike-summit-2024-call-for-presentations div.label label{
	font-weight:bold;
}

div.ny-bike-summit-2024-call-for-presentations #editrow-custom_83{
	padding-top:15px;
}

/* hide the return to info page because I almsot never use that.*/
#ThankYou  div.action-link.section.event_info_link-section{
	display:none;
}


/*** civicrm makes each checkox a td which breaks the responsive design.  But uses the opposite mechanime for radio buttons.
there's no obvious way to fix all check boxes so for now fixing just the problematic one.***/
div.editrow_custom_54-section table.form-layout,
div.editrow_custom_54-section table.form-layout-compressed{
	display: flex;
}

div.editrow_custom_54-section table.form-layout tbody,
div.editrow_custom_54-section table.form-layout-compressed tbody{
	display: flex;
    flex-direction: row;
}

div.editrow_custom_54-section table.form-layout tr,
div.editrow_custom_54-section table.form-layout-compressed tr{
	display: flex;
    flex-direction: column;
}

div.crm-event-id-7  fieldset > legend,
div.crm-event-id-7 fieldset .crm-profile-view-title{
	display:none
}


/*this link is broken so hiding it*/
#Confirm > div.crm-event-id-7.crm-block.crm-event-confirm-form-block a,
#ThankYou > div.crm-event-id-7.crm-block.crm-event-thankyou-form-block a {
	display:none
}

/*in template.min.css?8e2460b72d73e1783751229de064d4e9 this has lr padding at 15px which is creating a border. not sure why*/
@media (max-width: 767px) {
    #main_content, .moduletable {
        padding: 0px !important;  
    }
}



/******************************************************************************/
/*Pages using FormBuilder
/*I'm going to use itemid=358 as the indicator that this is a formbuider form*/
/*That needs to be in the URL and in the menu
/*Note URL parameter is CASE SENSITIVE*/
/*Browsers and extensions etc can screw with URLs and recase them*/
/*If the URL in the address bar doesn't mat Itemid=  you can try adding a trailing / to fix it, or even more than one*/
/*You can also go to history and just delete the history of any pages with that itemid
/*https://nybc.net/index.php?option=com_civicrm&task=civicrm/SummitScholarshipRequest&Itemid=358/

/******************************************************************************/
body.itemid-358 #crm-content > div.crm-title > h1,
body.task-civicrmMaterialsRequest #crm-content > div.crm-title > h1 {
  display: none;
}

/*no idea why bootstrap is prioritized over my theme*/ 
#bootstrap-theme af-form h1{
    color: var(--blue-sapphire);
    font-size: 28px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: var(--font-nevis);
    font-weight: bold;
    line-height: 40px;
}

/* should be hanlded by id=358
body.task-civicrmMaterialsRequest #main_content{
  text-align:left;
  background-color: white;
  font-size:unset;
}
*/

/*these are too short to showt he text. No idea why*/
#bootstrap-theme af-form a.select2-choice{
  height:unset;
  line-height:unset;
}

/*Specific to the FormBuilder form for scholarship requests*/
#bootstrap-theme > afform-scholarship-request af-field.ng-isolate-scope.af-field-type-rich-text-editor > label{
  display:none;
}


/*Specific to the FormBuilder form for materials requests*/
/*inset the sections under titles*/
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(8),
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(9),
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(10){
  padding-left:25px;
}
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(8) > legend,
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(9) > legend,
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(10) > legend{
  padding: 10px;
  border-bottom: 2px solid black;
  margin-top: 20px;
  margin-left:-25px;
  
}

/*Hide blank title for oganization.*/
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(7) > legend,
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(6) > legend {
  display:none
}


#bootstrap-theme #organization-name-0{
  width:30%
}

#s2id_\{\{\:\:\ fieldId\ \}\}{color:purple}

#bootstrap-theme > afform-materials-request-copy #email-1{
  width:110%
}

#bootstrap-theme > afform-materials-request-copy #email-5,
#bootstrap-theme > afform-materials-request-copy #street-address-7{
  width:100%
}

/*quantity fields*/
#bootstrap-theme > afform-materials-request-copy > af-form > fieldset:nth-child(9) input {
  width:10%
}