/* REGISTER */
#eb-individual-registration-page { padding: 50px 20px 100px; background-color: #000000; overflow: hidden }

#eb-individual-registration-page::before { position: absolute; content:""; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../../images/background.webp); background-position: center; background-size: cover; animation: zoom 15000ms ease infinite; opacity: 0.5 }

#eb-individual-registration-page .eb-message p { max-width: 900px }

/* temp - chrome issue */
#eb-individual-registration-page > h3.eb-heading, #eb-individual-registration-page > #eb-login-form { display: none }
/* end temp - chrome issue */

#eb-individual-registration-page .eb-message::before { display: block; content: "Register"; font-family: "myriad-pro", sans-serif; font-size: 24px; line-height: 26px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-align: center; color: #FFFFFF; margin: 0; text-shadow: 0 3px 6px rgba(0,0,0,0.16); padding-bottom: 20px }

#eb-individual-registration-page .eb-message > p:nth-of-type(1) { display: none }

#eb-individual-registration-page #adminForm { display: flex; flex-flow: row wrap; max-width: 800px; margin: 0 -10px }
#eb-individual-registration-page #adminForm > div { display: flex; flex-flow: row wrap; padding: 10px; margin: 0 }
#eb-individual-registration-page #adminForm > div .form-control-label { flex: 1 1 100%; font-family: "myriad-pro", sans-serif; font-size: 14px; line-height: 22px; color: #FFFFFF; font-weight: bold; text-transform: uppercase; letter-spacing: 2px }

#eb-individual-registration-page #adminForm > div .form-control-label span.star { color: #FFFFFF }
#eb-individual-registration-page #adminForm > div .eb-form-control { flex: 1 1 100%; align-self: flex-end; margin-top: 10px }


/* form font sizing */
#field_abbr .eb-form-control select { font-size: 14px }

#field_first_name input, #field_last_name input, #field_title input, #field_organization input, #field_phone input, #field_email input { font-size: 14px; line-height: 22px }

#field_comment textarea { font-size: 16px; line-height: 32px }


/* abbr */
#field_abbr { flex: 1 1 20% }
#field_abbr .eb-form-control select { width: 100%; min-width: 60px; height: 40px; padding: 0 10px; appearance: none; color: #000000; border-radius: 2px; background-color: #90BB4B; background-size: 15px; background-image: url(../../../images/icons/circle-caret-down-solid.svg); background-position: 85% center; background-repeat: no-repeat; cursor: pointer }

/* first name */
#field_first_name { flex: 1 1 40% }
#field_first_name input { width: 100%; height: 40px; letter-spacing: 1px; padding: 0 10px; border-radius: 2px }

/* last name */
#field_last_name { flex: 1 1 40% }
#field_last_name input { width: 100%; height: 40px; letter-spacing: 1px; padding: 0 10px; border-radius: 2px }

/* title */
#field_title { flex: 1 1 50% }
#field_title input { width: 100%; height: 40px; letter-spacing: 1px; padding: 0 10px; border-radius: 2px }

/* organization */
#field_organization { flex: 1 1 50% }
#field_organization input { width: 100%; height: 40px; letter-spacing: 1px; padding: 0 10px; border-radius: 2px }

/* phone */
#field_phone { flex: 1 1 50% }
#field_phone input { width: 100%; height: 40px; letter-spacing: 1px; padding: 0 10px; border-radius: 2px }

/* email */
#field_email { flex: 1 1 50% }
#field_email input { width: 100%; height: 40px; letter-spacing: 1px; padding: 0 10px; border-radius: 2px }

/* comment */
#field_comment { flex: 1 1 100% }
#field_comment textarea { width: 100%; height: 100px; font-family: "myriad-pro", sans-serif; letter-spacing: 2px; padding: 10px; border-radius: 2px }

/* submit */
.form-actions { flex: 1 1 100% }
.form-actions .btn { display: flex; width: 100%; height: 60px; margin: 0; border-radius: 2px }


/* REGISTRATION COMPLETE */
#eb-registration-complete-page { height: auto; min-height: 100vh; padding: 10px; background-color: #000000 }

#eb-registration-complete-page::before { position: absolute; content:""; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../../images/background.webp); background-position: center; background-size: cover; opacity: 0.3 }

body.itemid-121 .eboxHereToHelp { display: none !important }

#eb-registration-complete-page > h1 { display: block; position: relative; box-sizing: border-box; max-width: 900px; background-color: #FFFFFF; text-align: center; padding: 50px 50px 30px; z-index: 1; margin: 0 auto }

#eb-registration-complete-page > .eb-message { flex: 1 1 100%; max-width: 900px; background-color: #FFFFFF; text-align: center; padding: 0 50px 50px; z-index: 1 }

#eb-registration-complete-page > .eb-message h4 { padding-bottom: 10px; padding-top: 20px; border-top: 1px solid #90BB4B }

#eb-registration-complete-page #adminForm { display: flex; flex-flow: row wrap; margin: 20px -10px }

#eb-registration-complete-page #adminForm > div { flex: 1 1 auto; padding: 10px; margin: 0 }

#eb-registration-complete-page #adminForm label, #eb-registration-complete-page #adminForm .form-control-label { display: block; position: relative; font-weight: bold; margin-bottom: 5px }

/* Event */ 
#eb-registration-complete-page #adminForm > .row:nth-of-type(1) { flex: 1 1 100% }

/* Start and End Dates */
#eb-registration-complete-page #adminForm > .row:nth-of-type(2), #eb-registration-complete-page #adminForm > .row:nth-of-type(3) { display: none }

/* Comment */
#eb-registration-complete-page #adminForm > .row:last-of-type { flex: 1 1 100% }

/* First Menu Item Only */
body.itemid-121 .menu a.btn:nth-of-type(2) { background-color: #B15626 }
body.itemid-121 .menu a.btn:nth-of-type(3), body.itemid-121 .menu a.btn:nth-of-type(4), body.itemid-121 .menu a.btn:nth-of-type(5) { display: none }


/* ALREADY REGISTERED */
#eb-event-page .eb-box-heading, #eb-event-info, .eb-taskbar { display: none }
#eb-event-page #eb-event-details { padding: 0; margin: 0; border: 0; background: none }

#eb-event-page { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; padding: 75px 50px 100px; background-color: #000000; overflow: hidden }

#eb-event-page::before { position: absolute; content:""; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../../images/background.webp); background-position: center; background-size: cover; opacity: 0.2 }

p.eb-notice-message { font-family: "myriad-pro", sans-serif; font-size: 16px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; text-align: center; margin: 0 }

p.eb-notice-message::after { display: block; content: "For all inquiries, please contact our event director Jill Barasa at jbarasa@internationalconservation.org."; width: 100%; box-sizing: border; font-family: "myriad-pro", sans-serif; font-size: 16px; line-height: 26px; font-weight: normal; margin: 0; text-align: center; text-transform: none; padding-top: 15px }


/* MEDIA QUERIES */

/* v. tablets ++ */
@media (min-width:431px) {
  
  #eb-individual-registration-page { padding: 100px 10% 125px }
  
  #eb-individual-registration-page #adminForm { margin: 0 auto }
  
  #eb-event-page { padding: 100px 15% 125px }}


/* desktops ++ */
@media (min-width:1367px) {
  
  #eb-individual-registration-page { display: flex; flex-flow: row wrap; justify-content: center; align-content: center; height: auto; min-height: 100vh; padding: 0 15% }
  
  .form-actions .btn { height: 60px }
  .form-actions .btn:hover { font-size: 100% }

  .eb-message, #eb-individual-registration-page #adminForm { flex: 1 1 100% }
  
  #field_abbr .eb-form-control select { font-size: 16px; padding-left: 20px; background-size: 20px; background-position: 87% center }
  
  #field_first_name input, #field_last_name input, #field_title input, #field_organization input, #field_phone input, #field_email input { padding-left: 15px }

  #field_comment textarea { height: 150px; font-size: 16px; line-height: 32px; padding: 25px 40px 40px 25px }
  
  #eb-individual-registration-page .eb-message::before { font-size: 30px }
  
  #eb-event-page { height: auto; min-height: 100vh }
  p.eb-notice-message { font-size: 30px; line-height: 34px }
  p.eb-notice-message::after { font-size: 22px; line-height: 34px }
  
  #eb-registration-complete-page { padding-top: 125px }

  #eb-registration-complete-page > .eb-message h4 { font-size: 22px; line-height: 32px; padding-bottom: 20px; padding-top: 30px }

  #eb-registration-complete-page > .eb-message p { font-size: 16px; line-height: 28px }}


/* CONGRESSIONAL MEMBER DINNER *****************************/
body.itemid-123 .menu, body.itemid-123 .menu-toggler { display: none }


/* BANNER */
#mod-custom127 { padding: 75px 50px; background-color: #000000; overflow: hidden }

#mod-custom127::before { position: absolute; content:""; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../../images/background.webp); animation: zoom 15000ms ease infinite; background-position: center; background-size: cover; opacity: 0.5 }

#mod-custom127 > div:nth-of-type(1) { text-align: center; margin-bottom: 30px }

#mod-custom127 > div:nth-of-type(1) img { position: relative; width: 80px; margin: 0 auto }

#mod-custom127 h3 { max-width: 750px; color: #FFFFFF; padding-bottom: 10px; margin: 0 auto }

#mod-custom127 h2 { max-width: 750px; color: #FFFFFF; padding-bottom: 10px; margin: 0 auto }

#mod-custom127 h4 { color: #FFFFFF; padding-top: 15px }


/* ABOUT */
#mod-custom128 { text-align: center; max-width: 750px; padding: 75px 50px 75px }

#mod-custom128 h3 { margin-bottom: 10px }

#mod-custom128 h4 { padding-top: 20px; margin-top: 50px; margin-bottom: 20px; border-top: 1px solid #90BB4B }

#mod-custom128 > p:nth-of-type(2), #mod-custom128 > p:nth-of-type(5) { padding-top: 10px; padding-bottom: 20px }


/* REGISTER */
body.itemid-123 #eb-individual-registration-page { padding: 50px 30px 100px }

body.itemid-123::before { background-color: transparent }

body.itemid-123 .eboxHereToHelp, body.itemid-147 .eboxHereToHelp, body.itemid-148 .eboxHereToHelp { display: none !important }



/* MEDIA QUERIES */
@media (min-width:431px) {

#mod-custom127 { padding: 75px 50px 80px }
#mod-custom128 { padding-bottom: 100px }
#mod-custom127 h2 { font-size: 38px; line-height: 38px }
#mod-custom128 h3 { font-size: 30px; line-height: 32px; padding-bottom: 20px }
#mod-custom128 h4 { font-size: 26px; line-height: 28px; margin-top: 75px; padding-top: 40px }}

@media (min-width:1367px) {

  #mod-custom127 { padding: 125px 50px }
  #mod-custom127 h2 { font-size: 48px; line-height: 48px; padding-bottom: 30px }
  #mod-custom127 > div:nth-of-type(1) img { width: 120px }}