/**
 * color scheme: Mono-with-darkest-as-base
 */

 :root {
  --darkest-blue: #12225C;
  --light-blue: #315BF5;
  --bright-blue: #dfe5f7;
  --grayish: #526ed4;
  --purplish: #4c5c97;
  --gray: #525A75;
 }



 body {
   background: rgb(247, 247, 247);
   color: black;
   font-family: Verdana, Geneva, sans-serif;
   line-height: 160%;
   padding-left: 2px;
 }

 .region-sidebar-second {
   background-color: #ffffff;
   padding: 10px;
   height: 100%;
   border: 1px solid black;
   padding-bottom: 20px;
   padding-left: 15px;
 }

 a {
   color: var(--purplish);
   text-decoration:none;
   font-weight: 600;
 }

 a:hover {
   color: #b3cde0;
 }

 h1, h2, h3, h4, h5, h6 {
   color: var(--grayish);
   font-family: Verdana, Geneva, sans serif;
   font-weight: normal;
   margin-bottom:6px;
   line-height: 125%;
 }

 h1 { font-size:28px; }

 h2 { font-size:20px; color: #555;}

 h3 { font-size:18px;
   line-height: 200%;
   margin-top:9px;
   border-top: 1px groove white;
   border-bottom: 1px groove white;
   min-width: 100%;
 }

 h4 { font-size:16px; }

 h5 { font-size:14px; }

 h6 { font-size:12px; }

 p { margin-bottom:18px; }

 caption {
   font-size: 1.5em;
 }


 /**
* CKEditor Accordion styling
 **/

 .ckeditor-accordion-container > dl {
    position: relative;
    border: 1px solid gray;
}

.ckeditor-accordion-container > dl dt > a {
  display: block;
  padding: 10px 15px 10px 50px;
  background-color: var(--purplish);
  color: #fff;
  cursor: pointer;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  border-bottom: 1px solid #00a4ec;
}

.ckeditor-accordion-container > dl dt > a:hover {
  background-color: var(--grayish);
  color: white;
}
.ckeditor-accordion-container > dl dt.active > a {
  background-color: var(--darkest-blue);
}

/*
* Hide the Text format tips on Paragraphs for data entry.
 */

.filter-guidelines-item {
  display: none !important;
}

.filter-guidelines {
  display: none !important;
}

/*
* checkbox fixing
 */
.checkbox { /*to avoid smushing inline checkboxes */
  padding-right: 10px;
}

.hide-check label {
   background-color: var(--grayish);
   border: 1px solid transparent;
   border-color: var(--bright-blue);
   border-radius: 8px;
   padding-top: 8px;
   padding-bottom: 8px;
   padding-right: 24px;
   color: white;
   font-size: 1em;
   margin-top: -10px;
 }

 .hide-check input  {
   display: none;
 }

 .red-warning {
  color: red;
  padding: 5px;
  border-radius: 20px;
  margin-right: 10px;
}



/**
 * navbar Logo and header left
 */

.navbar-header { display: block; position: relative; left: 0; }

.navbar-text { max-width: 40%; display: block; position: relative; }

.navbar-brand {
  font-family: "Arial Narrow", Arial, Helvetica;
  font-size: 2em;
  font-weight: normal;
  padding-top: 14px;
  color: white !important;
}

/**
* main menu colors
*/

.navbar-default {background-color: var(--darkest-blue);}
.navbar-nav ul { background-color: var(--purplish); }
.navbar-nav ul:hover { background-color: var(--darkest-blue); }
.navbar-nav a {color: white !important;}
.navbar-nav a:hover {color: var(--bright-blue) !important;}
/* this one fixes the active tab color*/
.expanded.dropdown.active a {
  background-color: var(--grayish);
}
/* these the hover and open tab color*/
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: var(--purplish);
  color: white !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: var(--purplish);
  color: white !important;
}


/**
* nav tabs for logged-in users color in palette
*/
.nav-tabs a {
  /*background-color: var(--grayish);
  */
}

/**
 *  button color in palette
 */

 .btn {
   background-color: var(--bright-blue);
   border-color: var(--bright-blue);
   border-radius: 8px;
   margin-bottom: 3px;
   border-bottom: 1px solid gray;
 }

 /**
 * Exchange Blog styling
 */
 .field--name-node-post-date {
   font-weight: bold;
   font-style: italic;
   color: var(--gray);
 }

.modal-title {
  color: white;
  font-weight: bold;
}

#edit_field_blog_tags_target_id__2_chosen {
  max-width: 275px;
  background-color: rgb(247,247,247);
}

/**
* pager styling color fixes
*/
.pagination > li > a,
.pagination > li > span {

  background-color: var(--gray);

}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {

  background-color: var(--darkest-blue);
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {

  background-color: var(--purplish);

}



/*
* admin menu for view, edit delete, minimize and lighten to be less distracting
*/
.tabs--primary li {
  background-color: var(--darkest-blue);
  border-right: 1px solid white;
  font-size: smaller;
}

.tabs--primary > li > a {
  position: relative;
  display: block;
  padding: 5px 10px;
}

.tabs--primary > li.active > a,
.tabs--primary > li.active > a:hover,
.tabs--primary > li.active > a:focus {
  color: whitesmoke;
  background-color: var(--grayish);
  border: none;
  cursor: default;
}



/**
* menu styling for The Exchange in top bar
*/

.menu--exchange-menu {
    display: flex;
}

.menu--exchange-menu li { background-color: var(--purplish); margin: 5px; border-radius: 8px;}
.menu--exchange-menu ul { background-color: var(--purplish); }
.menu--exchange-menu ul:hover { background-color: var(--darkest-blue); }
.menu--exchange-menu a {color: white !important;}
.menu--exchange-menu a:hover {color: var(--bright-blue) !important;}

/**
* menu styling for Treasurer Tools in top bar
*/
.menu--treasurer-tools {
  display: flex;
}
.menu--treasurer-tools li { background-color: var(--purplish); margin: 5px; border-radius: 8px;}
.menu--treasurer-tools ul { background-color: var(--purplish); }
.menu--treasurer-tools ul:hover { background-color: var(--darkest-blue); }
.menu--treasurer-tools a {color: white !important;}
.menu--treasurer-tools a:hover {color: var(--bright-blue) !important;}

#block-treasurertools {
  display: flex;
  background-color: #cccccc;
  padding: 10px;
}

/**
* menu styling for membership records view
*/
.menu--membership-records { display: flex; }
.menu--membership-records a { color: var(--purplish); margin-right: 5px; }
.menu--membership-records a:hover { color: white; }


/**
* styling for payout reconciliation view
 */

.payout-reconciliation-subtotal {
  font-weight: bolder;
}

.payout-reconciliation-subtotal td {
  background-color: blanchedalmond;
}



/**
* blog search styling The exchange
*/

#views-exposed-form-search-the-exchange-blog-posts-page-1 input {
  width: 200px;
  font-size: smaller;
  background-color: #eee;
  display: block;
  position: absolute;
  top: 0px;
  right: 15%;
}

#views-exposed-form-search-the-exchange-blog-posts-page-1 button {
  font-size: smaller;
  display: block;
  position: absolute;
  top: 0px;
  right: 5%;
}

/**
 * search exposed filter in menu
 */

 #views-exposed-form-search-api-page-1 input {
    display: block;
    position: absolute;
    right: 75px;
    top: 0px;
    border-radius: 0px 0px 0px 8px;
    background-color:  rgb(247,247,247);
}

#edit-submit-search-api {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0px;
  border-radius: 0px 0px 8px 0px;
}

#edit-submit-search-api--2 {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 0px;
  border-radius: 0px 0px 8px 0px;
}

#block-exposedformsearch-apipage-2-2 {
 display: none;
}

/**
* hide the spamicide editor popups, god that's annoying
**/

#edit-spamicide-group {
  display: none;
}
#edit-spamicide-group--2 {
  display: none;
}




 /**
 * hide the HTML format selector on FormStateInterface
 */

 .filter-wrapper {
  display: none;
}

 /**
 * calendar styling
  */

.fc-event {
  color: white !important;
  padding: 4px;
}

.fc {
  margin: 2em; /** adds margins to the sides of the calendar **/
}

 /**
 *increase glyphicon size when hover over popup links
 */
.use-ajax:hover {
  font-size: 1.5em;
}

.grow-bigger:hover {
  font-size: 1.5em;
}

/**
* modal popup fixes
*/

.modal-content {
  background-color: #FFFFFF;
}

.modal-content input {
  background-color: #eee;
}

.modal-content textarea {
  background-color: #eee;
}


/**
* weird issue with bootstrap buttons on input buttons
*/

.meeting-button {
  color: white;
}

.input-group-btn {
  /**display: inherit;
  */
}

.input-group-addon {
  padding: 6px 6px;
  background-color: transparent;
}

/**
* submenu styling for buttons
*/

.submenu-contact {
  display: block;
  list-style: none;
  background-color: rgb(247, 247, 247);
}

.submenu-contact li {

  width: 100%;
  height: 5em;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.submenu-contact a {
  color: white;
  height: 100%;
}

.submenu-contact a:hover {
  border-radius: 8px;
  background-position: bottom;
}


.menu--governance-submenu {
  display: flex;
  list-style: none;
  background-color: rgb(247, 247, 247);
}

.menu--governance-submenu li {
  flex-flow: column;
  width: 100%;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.menu--governance-submenu a {
  color: white;
  height: 100%;
}

.menu--governance-submenu a:hover {
  border-radius: 8px;
  background-position: bottom;
}


.menu--meetings-submenu {
  display: flex;
  list-style: none;
  background-color: rgb(247, 247, 247);
}

.menu--meetings-submenu li {
  flex-flow: column;
  width: 100%;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.menu--meetings-submenu a {
  color: white;
  height: 100%;
}

.menu--meetings-submenu a:hover {
  border-radius: 8px;
  background-position: bottom;
}

/**
* registration menu styling
*/


.menu--registration-admin-submenu {
  display: flex;
  list-style: none;
  background-color: rgb(247, 247, 247);
}

.menu--registration-admin-submenu li {
  flex-flow: column;
  width: 100%;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.menu--registration-admin-submenu a {
  color: white;
  height: 100%;
}

.menu--registration-admin-submenu a:hover {
  border-radius: 8px;
  background-position: bottom;
}

/**
* donations menu styling
*/

.menu--donations-submenu {
  display: flex;
  list-style: none;
  background-color: rgb(247, 247, 247);
}

.menu--donations-submenu li {
  flex-flow: column;
  width: 100%;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.menu--donations-submenu a {
  color: white;
  height: 100%;
}

.menu--donations-submenu a:hover {
  border-radius: 8px;
  background-position: bottom;
}

/**
* program committee menu styling
*/

.menu--program-committee-tools {
  display: flex;
  flex-flow: column;
  list-style: none;
  background-color: rgb(247, 247, 247);
  font-size: .8em;
  max-width: 150px;
}

.menu--program-committee-tools li {
  flex-flow: column;
  width: 100%;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.menu--program-committee-tools a {
  color: white;
  height: 100%;
}

.menu--program-committee-tools a:hover {
  border-radius: 8px;
  background-position: bottom;
}


.menu--meetings-submenu {
  display: flex;
  list-style: none;
  background-color: rgb(247, 247, 247);
}

.menu--meetings-submenu li {
  flex-flow: column;
  width: 100%;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.menu--meetings-submenu a {
  color: white;
  height: 100%;
}

.menu--meetings-submenu a:hover {
  border-radius: 8px;
  background-position: bottom;
}


/**
*  styling menu--grants-prizes-submenu
*/


.menu--grants-prizes-submenu {
  display: flex;
  list-style: none;
  background-color: rgb(247, 247, 247);
}

.menu--grants-prizes-submenu li {
  flex-flow: column;
  width: 100%;
  margin: 10px;
  background-color: var(--purplish);
  border-radius: 8px;
  border: 1px solid var(--bright-blue);
}

.menu--grants-prizes-submenu a {
  color: white;
  height: 100%;
}



/**
* icon menu styling for footer
*/
.iconmenu {
  display: flex;
  justify-content: center;
  list-style-type:none;
  flex-flow: row;
}
.iconmenu li {
  margin-left: 15px;
}
.iconmenu a:hover {
  padding: 6px;
  border: 2px solid var(--bright-blue);
  border-radius: 8px;
}

/**
* blog The Exchange styling
*/

.blog-body {
    display: block;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

.blog-post-image-right-column {
    margin: 30px;
}

.blog-post-download-file {
  background-color: var(--light-blue);
}

/**
* Commerce Product Registration and Ticket Styling
*/

.registration-product {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border: 1px solid black;
  background-color: #eee;
  max-width: 375px;
  min-height: 300px;
}

.product-title {
    font-weight: bold;
    padding: 5px;
    background-color: var(--purplish);
    color: white;
}



/**
* Commerce Product membership styling
*/

#edit-payment-information-billing-information {
  margin-left: 20px;
}

.product_body {
  margin-left: 10%;
  display: block;
  max-width: 500px;
}

.form-item-membership-payment-login-returning-customer {
  display: block;
  max-width: 500px;
  border: 1pt solid black;
  padding: 20px;
  height: 400px;
}

.form-item-membership-payment-login-guest {
  display: block;
  max-width: 500px;
  margin-left: 20px;
  border: 1pt solid black;
  padding: 20px;
  height: 400px;
}

.form-item-membership-payment-login-register {
  display: block;
  max-width: 300px;
  margin-left: 20px;
  border: 1pt solid black;
  padding: 20px;
  height: 400px;
}

.checkout-pane-membership-payment-login {
  display: flex;
  flex-direction: row;
  flex: auto;
}

.donation-form {
  max-width: 600px;
  margin-left: 50px;
}

.form-item-contact-information-email {
  margin-right: 10px;
  /** this is for contact info pane at checkout */
}

/**
.button--add-to-cart {
  display: block;
  position: absolute;
  left: 100px;
  bottom: 0px;
  margin-left: 20px;
}
*/


.field--name-variations {
  margin-bottom: 10px;
}

.block-commerce-cart {
  background-color: var(--darkest-blue);
  padding: 10px;
  position: fixed;
  top: 180px;
  right: 0px;
  border-bottom-left-radius: 8px;
}

.block-commerce-cart h2 {
  color: white;
}

.block-commerce-cart a {
  color: white;
}

.profile--type--customer {
  margin-left: 15px;
  /** leaves space between payment type and customer info */
}

#edit-payment-information-add-payment-method {
    padding-left: 15px;
}


/**
* for wide forms with multiple dates
*/
.small-date {
  max-width: 140px;
}

/**
* styling for the Emailer forms
 */

.fieldset-vertical {

  border: 1px black solid;
  border-radius: 12px;
  margin: 20px;
  padding: 20px;
  display: flex;
  flex-flow: column !important;
  max-width: 450px;
}


/**
 * File (and Image Widget) styles.
 */
.file {
  display: table;
  font-size: 75%;
  font-weight: 700;
  margin: 5px 0;
  width: 100%;
}
.file > span {
  background: #fff;
  color: var(--light-blue);
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
}
.file > span:first-child {
  border-left: 1px solid transparent;
}
.file > span:last-child {
  border-right: 1px solid transparent;
}
.file > .tabledrag-changed {
  background: var(--light-blue);
  border-radius: 0;
  color: #EBEBEB;
  display: table-cell;
  padding: 0 1em;
  top: 0;
  vertical-align: middle;
  border-left: 1px solid inherit;
}
.file > .tabledrag-changed,
.file > .tabledrag-changed:last-child {
  border: 1px solid rgba(0, 0, 0, 0);
}
.file-icon {
  display: table-cell;
  font-size: 150%;
  padding: 0.25em 0.5em;
  text-align: center;
  vertical-align: middle;
}
.file-link {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.file-link a,
.file-link a:hover,
.file-link a:focus,
.file-link a:active {
  color: inherit;
}
.file-size {
  display: table-cell;
  padding: 0 1em;
  text-align: right;
  white-space: pre;
  vertical-align: middle;
}
.image-widget.row {
  overflow: hidden;
}


/**
 * front page slideshow take up full width
 */


    .flex-direction-nav {
     display: block !important;
     opacity: 1 !important;
     top: 30% !important;
     width: 100%;
     z-index: 999 !important;
    }

    .flex-direction-nav a {
     color: rgba(0, 0, 0, 0.8);
     cursor: pointer;
     display: block;
     height: 40px;
     margin: 0;
     opacity: 0;
     overflow: hidden;
     padding-top: 8px;
     position: absolute;
     text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
     top: 50%;
     transition: all 0.3s ease 0s;
     width: 40px;
     z-index: 10;
    }

    .flex-caption {
      /* this is the title, linked */
      width: 100%;
      position: absolute;
      top: 0;
      font-size: 1.5vw;
      padding: 1em;
      background-color: var(--gray);
    }

    .flex-caption  a {
      color: white;
    }

    .slideshow-description {
      background-color: white;
      font-size: 1.2em;
      line-height: 1.3em;
      padding: 0.5em;
      font-weight: normal;
      color: black;
    }

    .slideshow-credit {
      background-color: white;
      font-size: .9em;
      font-style: italic;
      text-indent: 80%;
      font-weight: normal;
      color: black;
    }

    .views-field-field-banner-image {
      padding-left: 0px !important;;
      padding-right: 0px !important;;
    }

    .views-row {
      display: inline-block;
      vertical-align: top;

    }
    /*apply this class to view rows where you don't want grid */
    .views-row-one-column {
        width: 100%;
    }



    /**
     * front page blocks for annual meetings and publications boxes
     */

     .front-page-block-container {
        display: flex; /* or inline-flex */
        flex-flow: row wrap;
        justify-content: space-between;
        padding: 0;
        margin: 0;
        list-style: none;

      }

      .front-page-block {
          flex-direction: row;
          padding: 30px;
          width: 33%;
          min-width: 250px;
          border: 5px solid var(--gray);
          border-radius: 8px;
          margin-bottom: 10px;

        }

    /**
    * blocks for Resource Gallery page
    */

    .resource-container {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      justify-content: center;
    }
    .resource-block {
      width: 250px;
      margin: 15px;
    }

    .resource-title {
      background-color: var(--purplish);
      line-height: 3em;
      padding-left: 10px;

    }

    .resource-title a {
      color: white;
    }

    .resource-background {
      position: relative;
      background-color: white;
      overflow: hidden;
      width: 250px;
    }

    .resource-caption {
      position: relative;
      background-color: white;
      padding: 10px;
      font-size: small;
      min-height: 6em;
    }

    .resource-credit {
      position: inherit;
      background-color: var(--darkest-blue);
      font-size: smaller;
      color: var(--grayish);
      text-indent: 80%;
    }

    .resource-list li {
      list-style: none;
      margin-bottom: 20px;


    }

/**
* this forces paper listings on program to take up 100% width
*/

.paperlisting {
  display: block;
  min-width: 50vw;
  font-size: .8em;
  margin-left: 15px;
  padding-bottom: 5px;
}


    /**
    * blocks for contact us  page
    */

    .contact-container {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
    .contact-block {
      width: 350px;
      margin: 15px;
    }

    .contact-title {
      background-color: var(--purplish);
      line-height: 3em;
      padding-left: 10px;

    }

    .contact-title a {
      color: white;
    }

    .contact-background {
      position: relative;
      background-color: white;
      overflow: hidden;
      width: 350px;
    }

    .contact-caption {
      position: relative;
      background-color: white;
      padding: 10px;
      font-size: small;
      min-height: 6em;
    }

    .contact-credit {
      position: inherit;
      background-color: var(--darkest-blue);
      font-size: smaller;
      color: var(--grayish);
      text-indent: 80%;
    }

    .contact-list li {
      list-style: none;
      margin-bottom: 20px;


    }





    /**
    * blocks for Prizes and Grants page
    */

    .view-content {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      justify-content: flex-start;
    }

    .view-content:after {
      clear: both;
    }

    .prize-container {
      display: flex;
      flex-flow: row;
      flex-wrap: wrap;
      justify-content: center;
    }
    .prize-block {
      width: 250px;
      margin-right: 20px;
    }
    .prize-title {
      background-color: var(--purplish);
      padding-top: 10px;
      padding-left: 10px;
      padding-bottom: 10px;
      min-height: 6em;
    }

    .prize-title a {
      color: white;

    }

    .prize-background {
      position: relative;
      background-color: white;
      overflow: hidden;
      min-height: 250px;
    }

    .prize-caption {
      position: relative;
      background-color: white;
      padding: 10px;
      font-size: small;
    }

    .prize-credit {
      position: inherit;
      background-color: var(--darkest-blue);
      font-size: smaller;
      color: var(--grayish);
      text-indent: 80%;
    }



 blockquote, q {
   quotes:none;
   font-size: 12px;
   border: 0px solid #bbbbbb;
   background: no-repeat;
   padding: 10px 5px 5px 17px;
   margin: 5px 0px 0px 10px;
   border-left: 1px solid #ccc;
 }

 blockquote:before, blockquote:after,
 q:before, q:after {
   content:'';
   content:none;
 }

/*
* view grid, allow text to resize by screen size to keep columns tidy
*/

.views-col {
  font-size: 1.1vw;
}

/*
* fixing for views getting wonky with flex container for view-content
*/

.item-list {
  max-width: 350px;
  margin-right: 20px;
}

/*
* fix for paper proposal system dropdown buttons to keep on one row and make button color consisten
*/

td.views-field.views-field-dropbutton {
    font-size: .8em;
    width: 150px;
}

.select-wrapper {
  max-width: 100%;
  padding-right: 5px;
}

.select-wrapper::after {
    color: var(--bright-blue);
}

.js-form-submit {
  background-color: var(--grayish);
  border: 1px solid transparent;
}

.js-form-submit:hover {
  background-color: var(--light-blue);
}

legend {
  color: black !important;
}

.webform-submission-form {
  background-color: rgb(247, 247, 247);
  padding: 20px;
}

.form-number {
  padding-right: 2px;
}

.btn-default {
  background-color: var(--grayish);
}

.dropdown-menu {
  background-color: var(--darkest-blue) !important;
  border-radius: 8px;
}

.dropdown-menu li {
  color: white;
}

.panel-default > .panel-heading {
  background-color: rgb(247,247,247);
}

.panel {
  background-color: #EEEEEE;
}

.panel-body {
  background-color: #EEEEEE;
  border: 1px solid black;
  display: flex;
}

.panel-title {
  color: black;

}

.panel-title:hover {
  color: var(--grayish);

}

.collapse {
  display: none;
}

.collapsed {
  color: white;
  background-color: #cccccc;
}

.collapsed::after {
  font-weight: bold;
  color: var(--purplish);
  content: " »";
}


/* weird auto-complete problem */


.ui-autocomplete {
  background-color: white !important;
}



/*
* table striped, shows up in officer listings e.g.
*/



.table-striped > tbody > tr {
  background-color: white;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: rgb(247, 247, 247);
}

.table-striped > th, td {
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.table-striped > th {
  font-weight: bold;
  background-color: var(--grayish);
  color: white;
}

.table-hover > tbody > tr:hover {
  background-color: rgb(247, 247, 247);
}

table a:not(.btn), .table a:not(.btn) {
  color: var(--grayish);
}

tr:nth-last-child(odd) input[type=text]{
   background:#eee;
}

.highlighted-row {
  background-color: orange !important;
}



 table.views-view-grid td {
    vertical-align: top;
    background-color: white;
    padding: 4px;
 }

 .view-grouping-header {
 	font-size: 1.5em;
 	/* font-weight: bold; */
 	font-style: italic;
 }
 .views-field {
 	padding-left: 5px ;
  padding-right: 3px;
 }

 /* expertise database */


 .expert-block {
   width: 350px;
   padding: 20px;
   border: solid 4px white;
   border-radius: 8px;
  background-color: white;
   display: block;
   margin-bottom: 20px;
   margin-right: 20px;
 }

  .expert-photo {
     display: block;
     width: 300px;
   }

   .expert-name {
      padding-bottom: 15px;
     font-weight: bold;
   }


/* these two are for the prize pages, e.g., Halloran */
  .prize-description {
    clear: left;
    position: relative;
    width: 60%;
    margin-right: 10px;
    margin-bottom: 20px;
  }

 .prize-picture {
   position: absolute;
   top: 0px;
   left: 60%;
   padding-left: 20px;

 }

 /* these appear on the prize recipient listings views */


 .prize-recipient-block {
   width: 350px;
   padding: 20px;
   border: solid 4px white;
   border-radius: 8px;
  background-color: white;
   display: block;
   margin-bottom: 20px;
   margin-right: 20px;
 }

  .prize-recipient {
    display: block;
  }

  .prize-recipient-photo {
     display: block;
     width: 300px;
   }

   .prize-recipient-name {

      padding-bottom: 15px;
   }

   .prize-details {
    display: flex;
    flex-flow: row;

  }
  .prize-details-book-container {
  display: flex;
  background-color: rgb(247,247,247);
  padding: 5px;
}
.prize-details-book-cover {
    margin-right: 5px;
    max-width: 25%;
    float: left;

  }

  .prize-details-book-title {
    font-size: smaller;
    float: right;
  }

 .prize-details-dissertation-title {
   font-size: smaller;
 }
 .prize-details-article-title {
   font-size: smaller;
 }
 .prize-details-presentation-title {
   font-size: smaller;
 }

 /*
 * For all Service to the BHC listings (officers, committees, directors, editors)
 */



 .service-block {
   width: 250px;
   padding: 20px;
   display: block;
   margin-bottom: 20px;
   margin-right: 20px;

 }

 .service-title {
   background-color: rgb(247,247,247);
   line-height: 1.2em;
   padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
   border-top: 1px groove var(--bright-blue);
    border-bottom: 1px groove var(--bright-blue);
  }

 .service-title a {
   color: white;
 }

 .service-image {
   display: block;
 }


 /*
 * For listing of all annual meetings
 */

 .meeting-container {
   max-width: 350px;
   width: 350px;
   margin: 15px;
 }

 .meeting-block {
   width: 350px;
   padding: 20px;
   display: block;
   margin-bottom: 20px;
   margin-right: 20px;

 }

 .meeting-title {
   background-color: var(--purplish);
   line-height: 1.2em;
   padding: 10px;
 }

 .meeting-title a {
   color: white;
 }

 .meeting-image {
   display: block;
   max-height: 120px;
   overflow: hidden;
 }

 /*
 * For doctoral colloquium listings
 */

.colloquium-container {
  max-width: 350px;
  margin: 15px;
}

.colloquium-block {
  width: 350px;
  padding: 20px;
  display: block;
  margin-bottom: 20px;
  margin-right: 20px;

}

.colloquium-title {
  background-color: var(--purplish);
  line-height: 1.2em;
  padding: 10px;
}

.colloquium-title a {
  color: white;
}

.colloquium-image {
  display: block;
}



 /*
 * For mid-year meeting midyear meeting listings
 */

.midyear-container {
  max-width: 350px;
  margin: 15px;
  background-color: var(--purplish);
}

.midyear-block {
  width: 350px;
  padding: 20px;
  display: block;
  margin-bottom: 20px;
  margin-right: 20px;

}

.midyear-title {
  background-color: var(--purplish);
  line-height: 1.2em;
  padding: 10px;
}

.midyear-title a {
  color: white;
}

.midyear-image {
  display: block;
}

.midyear-credit {
  position: inherit;
  background-color: var(--darkest-blue);
  font-size: smaller;
  color: var(--grayish);
  text-indent: 80%;
}

.user-login-form {
  max-width: 500px;
  border: 1pt groove black;
  padding: 20px;
}
.user-register-form {
  max-width: 600px;
  border: 1pt groove black;
  padding: 20px;
}
.user-pass {
  max-width: 600px;
  border: 1pt groove black;
  padding: 20px;
}

.user-profile-wrapper {
  display: block;
}

.user-profile-block {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.user-profile-container {
  display: block;
  max-width: 325px;
  padding-right: 10px;
}

.user-profile-name {
  background-color: transparent;
  color: var(--grayish);
  font-size: larger;
  font-weight: bold;
  padding: 10px 10px 0px 0px;
}

.user-profile-picture {
  display: block;
}

/*
* styling for abstract display
*/

.abstract-container {
  display: flex;
  flex-flow: column;
  max-width: 600px;

  background-color: white;
  border-radius: 8px;

}

.abstract-title {
  padding: 10px;
  background-color: var(--grayish);
  text-align: center;
  font-size: larger;
  color: white;
  font-weight: bold;
}

.abstract-title a {
  color: white;
}

.abstract-author {
  text-align: center;
  font-weight: bold;

}

.abstract-meeting {
  text-align: center;
}

.abstract-body {
  padding: 20px;
}


 .user {
 	clear: both;
 	position: relative;
 	display: block;
 	width: 350px;
 	min-height: 100px;
 }


 .userbio {
 	float: left;
 	width: 225px;
 }
 .userpic {
     position: absolute;
 	top: 0px;
 	right: 0px;
 }

 .member { clear: both; position: relative; border-top: 1px solid gray; height: 150px; padding-top: 5px; margin-top: 5px;}

 .memberbio { position: absolute; left: 120px; top: 0; max-width: 300px; }

 .indented-partly {
 	padding-left: 11px;
  margin-right: 2px;
 }

 .indented {
 	padding-left: 22px ;
  margin-right: 2px;
 }

 .hangingindent {
     padding-left: 22px ;
     text-indent: -22px ;
     margin-right: 2px;
     display: block;
     min-width: 25vw;
 }

 .biblio-reference {
     padding-left: 22px ;
     text-indent: -22px ;
     margin-right: 12px;
     display: block;
     min-width: 25vw;
 }

.unindent {
  text-indent: 2px;
}


 .listview {
 	font-weight: 400;
 	font-size: .9em;
  margin-right: 5px;
 }

 .prize {
 	max-width: 250px;
 	display: inline;
 }

 .bigname {
      font-weight: bold;
 	 font-size: 2em;
 }

 /*
 * banner refers to the annual meeting banner at the top of relevant pages.
 * banner caption 2 covers city, dates, and theme of conference
 */


 .banner {
  	display: block;
    position: relative;
  }

  .banner-image {
  	position:relative;
    background-color: var(--gray);
  }

  .banner-title {
    /*this is the annual meeting title and link*/
    position: absolute;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: var(--gray);
    padding-left: 20px;
    width: 100%;
    max-width: 1300px;
    line-height: 3em;

  }

  .banner-title a {
    color: white;
  }

  /*this caption2 is now outmoded, use caption3*/
  .banner-caption2 {
     position:absolute;
     top:4vw;
     left:0px;
     width: 60%;
     min-height: 2em;
     /* styling below */
     margin-left: 20px;
     background-color: rgb(247, 247, 247);
     padding: 25px;
     margin-top: 10px;
     font-size: 1.4vw;
     color:black;
     opacity:0.9; /* transparency */
     filter:alpha(opacity=90); /* IE transparency */
     z-index: 1;
  }

  .banner-caption3 {
    position: relative;
    left: 0px;
    padding: 20px;
    background-color: white;

    border-bottom: 1px groove white;
    font-size: 1.2em;
 }

  .banner-credit {
    position: absolute;
    bottom: 2px;
    right: 5px;
    background-color: white;
    opacity: .7;
    padding: 2px;
    font-size: .7em;
  }



 .pictureshow-image {
 	position: relative;
 	margin-right: 10px;
 	clear: both;
 	max-width: 450px;
 }

 .image-paragraph {
   margin-right: 10px;
   clear: both;
 }

 .img-rounded {
   margin-top: 5px;
   margin-right: 5px;
 }

 /*
 * for annual meeting photos
  */

.annual-meeting-photo-teaser-title {
  max-width: 220px;
  font-size: smaller;
}


 @media only screen and (max-device-width: 1200px) {
   /*iPhone fix 2-column stacked Display Suite */
   .indented {
      margin-right: 70px;
  }
 }

@media only screen and (max-width: 1000px) {
  .navbar-text {
    display: block;
    clear: left;
    left: 15%;
    top: -40px;
    font-size: .8em;
    max-width: 50%;

  }

  .indented {
     margin-right: 20px;
  }
}





@media only screen and (max-width: 768px) {
/**
*iPad
*/

.views-col {
    width: 100% !important;
    font-size: 1em;
  }

.views-field-field-city {
  display: block;
  margin-right: 50px;
}

/**
* submenu styling for buttons
*/



.menu--governance-submenu {
    display: block;
    margin-right: 20px;
  }

.menu--meetings-submenu {
  display: block;
  margin-right: 20px;
}

/*
*iPad annual meeting header
*/

.banner-caption2 {
    position: relative;
    font-size: 2vw;
    line-height: 2.2vw;
    padding: 10px;
    left: 0px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
    width: 80%;
    opacity: .8;
 }

 /**
  * iPad search exposed filter in menu
  */

  #views-exposed-form-search-api-page-1 input {
     display: block;
     position: absolute;
     left: 50px;
     top: 0px;
     border-radius: 0px 0px 0px 8px;
     background-color:  rgb(247,247,247);

 }

 #edit-submit-search-api {
   display: block;
   position: absolute;
   left: 300px;
   top: 0px;
   margin: 0px;
   border-radius: 0px 0px 8px 0px;
 }

 #edit-submit-search-api--2 {
   display: block;
   position: absolute;
   left: 300px;
   top: 0px;
   margin: 0px;
   border-radius: 0px 0px 8px 0px;
 }






}



 @media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
   {

     /**
     *iPhone header
     */

     .navbar-header {
       left: 0;
       margin: 0;
       padding: 0;
     }

     .navbar-brand {
       font-size: 1.3em;
     }

    .navbar-text {
      display: none;

    }

    /**
    * iPhone search bar
    */
    #views-exposed-form-search-api-page-1 input {
      display: none;
    }

    #edit-submit-search-api {
      display: none;
    }

    #edit-submit-search-api--2 {
      display: none;
    }

    #block-exposedformsearch-apipage-2-2 {
      display: block;

    }

    #block-exposedformsearch-apipage-2-2 button {
      display: block;
      position: absolute;
      left: 260px;

    }

    #block-exposedformsearch-apipage-2-2 input {
      display: block;
      position: absolute;
      left: 10px;
      width: 250px;

    }





    /**
    *iPhone front blocks
    */

    .front-page-block {
      margin-top: 10px;
      width: 100%;
    }

    /*
    * iPhone slideshow front page
    */

    .flex-caption {
      font-size: 3vw;
    }
    .slideshow-credit {
      font-size: .7em;
      text-indent: 60%;
    }

    /*iPhone fix 2-column stacked Display Suite */
    .group-left {
      width: 100% !important;
    }
    .group-right {
      width: 100% !important;
    }

    /*
    *iPhone annual meeting header
    */

    .banner-caption3 {
        position: relative;
        top:0px;
        font-size: .9em;
        line-height: 1em;
        padding: 10px;
        left: 0px;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
        width: 80%;
        opacity: .8;
     }

     /*
     * iPhone view grid, force columns to 100% to avoid weird smushing
     */

     .views-col {
       width: 100% !important;
       font-size: 1em;
     }




   .banner-caption {
     max-height: 20px;
   }

 }

 @media only screen and (max-device-width: 700px) {
   /*iPhone fix 2-column stacked Display Suite */
   .group-left {
     width: 100% !important;
   }
   .group-right {
     width: 100% !important;
   }
 }