/*make the top header slightly bigger so that the language options aren't hidden*/
#secondary-header {
    padding-top: 45px;
}

/*reduces title bar width*/
#page-title-full-width-container #page-title .page-title {
    height: 80px;
}

/*makes the selected language bold*/
.language-link.is-active {
    font-weight: bold;
}

/*spaces out the french and english language switcher buttons so that they align with the my account and logout buttons when they are in french (and therefore longer)*/
[lang="fr"] .links.nav.menu .fr {
    padding-right: 35px;
}

[lang="fr"] .links.nav.menu .en {
    padding-right: 38px;
}

[lang="en"] .links.nav.menu .fr {
    padding-right: 28px;
}

/*civi price set label text color*/
#priceset.crm-section.price_set-section .crm-section .label {
    color: #555555;
}

/*set label color to black, change me if there are black labels that shouldn't be black. bugherd 76*/
.label {
    color: #555555;
}

/*make the labels on the my account page wrap bugherd 79*/
.civicrm-user-profile #crm-container .label {
    white-space: normal;
}

/* Align form field widths on directorysearch page. RM 28477 */
form#views-exposed-form-directorysearch-page .form-control,
form#views-exposed-form-directorysearch-page .form-type-select {
    width: 100%;
}

/* Align footer links horizontally and make text colour lighter. RM 28495 */
.dxpr-theme-footer .footer-container {
    padding-bottom: 15px;
}

.dxpr-theme-footer .navbar-nav {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.dxpr-theme-footer .nav li {
    margin: auto;
    align-items: center;
}

.dxpr-theme-footer .nav li a {
    color: #b2aca2;
}

.dxpr-theme-footer .nav li a::before {
    display: none;
    /* Remove list item style icons */
}

.region-secondary-header .nav {
    flex-direction: row;
}

#block-useraccountmenu {
    display: flex;
    justify-content: end;
}

/* Fix home page block formatting - RM#28547 */
#block-whatsnew table.homepage {
    width: auto !important;
}

#block-whatsnew table.homepage p {
    margin-bottom: 0;
}

#block-whatsnew table.homepage h2 {
    margin-bottom: 0;
    font-weight: 400;
}

#block-whatsnew table.homepage h2>strong {
    font-weight: 400;
}

#block-whatsnew table.homepage h2 strong {
    font-size: inherit !important;
}

#block-whatsnew table.homepage h2 a {
    font-size: 16px;
    color: #008c8e;
    font-weight: 700;
}

table.homepage img {
    min-width: fit-content;
    max-width: max-content;
}

.homepage2 img {
    max-width: max-content;
}

.homepage2 p {
    margin-bottom: 0;
}

.homepage2 td {
    vertical-align: top;
}

/* Remove excess paragraph spacing - RM#28552*/
p {
    margin-bottom: 0;
}

/* Add vertical spacing between menu items BH#88, BH86#*/
.region-sidebar-first ul.menu li {
    margin-bottom: 10px;
}

/* Make form labels wider BH#91 */
@media (min-width: 479px) {
    .contextual-region.profile .crm-container .crm-section .label {
        width: 29%;
        padding-right: 14px;
    }
}

/* Add padding to user profile sections RM#28556 */
article.profile .civicrm-user-profile {
    padding-bottom: 25px;
}

/* First name label/field should be underneath the title, not indented by it BH#92 */
#editrow-first_name {
    clear: left;
}

/* Position and style search form in header RM#28630 */
#block-languageswitcher, #block-useraccountmenu {
    float: right;
    min-height: 35px;
}
#block-languageswitcher ul.nav.menu {
    padding: 8px 0;
}
#block-dxpr-theme-searchform {
    float: right;
    clear: both;
}
#block-dxpr-theme-searchform input[type=search] {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #fffffe;
    font-style: italic;
    position: relative;
    vertical-align: middle;
    font-weight: 600;
    min-width: 182px;
}
#block-dxpr-theme-searchform ::placeholder{
    color: #fffffe;
    opacity: 1;
}
#block-dxpr-theme-searchform :-ms-input-placeholder {
    color: #fffffe;
}
#block-dxpr-theme-searchform ::-ms-input-placeholder {
    color: #fffffe;
}
#block-dxpr-theme-searchform path {
    color: #ffffff;
}
.region-secondary-header ul.nav.menu a {
    text-decoration: none;
    border: 1px solid white;
    border-radius: 6%;
    margin-right: 5px;
}
.region-secondary-header ul.nav.menu a:hover {
    background-color: #333 !important;
    color: white;
}

/* Fix bolding on OSX RM#28653, BH85 */
body {
    -webkit-font-smoothing: antialiased;
}



/* Style member profiles RM#28646 */
 .view-panel-content-civi-contact .views-field.views-field-image-URL {
     min-width: 100px;
     margin-right: 20px;
     display: inline-block;
 }

 .view-panel-content-civi-contact .views-field.views-field-nothing {
    display: inline-block;
    max-width: 420px;
    vertical-align: middle;
 }

 .governance-civi-contact-block .views-row .field-content {
    padding-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
}

.block-views-blockpanel-content-civi-contact-block-1 .block-title,
.block-views-blockpanel-content-civi-contact-block-2 .block-title,
.block-views-blockpanel-content-civi-contact-block-3 .block-title,
.block-views-blockpanel-content-civi-contact-block-4 .block-title {
    font-size: 20px;
    font-weight: 400;
    background: #008c8e;
    color: #fff;
    padding: 5px;
 }

.governance-civi-contact-block .col-auto {
    margin-bottom: 20px;
}


.sidebar-calendar-event {
    border-bottom: 2px solid;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.sidebar-calendar-event .views-field-title a {
    color: #008c8e;
    font-weight: 600;
}
.views-field-role-86 {
    font-weight: 600;
}

/* Add spacing to layout columns - RM#28716 */
.layout.layout--onecol,
.layout.layout--twocol-section,
.layout.layout--threecol-section,
.layout.layout--fourcol-section {
    margin-bottom: 40px;
}
.layout .layout__region--first {
    padding-right: 20px;
}
.layout.layout--twocol-section .layout__region--second,
.layout.layout--threecol-section .layout__region--third,
.layout.layout--fourcol-section .layout__region--fourth {
    padding-left: 20px;
}
.layout.layout--threecol-section .layout__region--second,
.layout.layout--fourcol-section .layout__region--second,
.layout.layout--fourcol-section .layout__region--third {
    padding-left: 10px;
    padding-right: 10px;
}

/* Make layout header full width, centred, and add padding - RM#28716 */
.layout__region .text-formatted span {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* Remove extra LHS spacing from bulletin pages when there is a LH sidebar - RM#28949 */
.col-sm-9 .region-content .bulletinstyle table {
    margin-left: 0;
}
.content .field figure img,
.content .field .field__item img {
    margin: 5pt;
}

/* Fix sticky header - RM#28602 */
.fixedheader {
    margin-top: 168px;
}
.fixedheader #navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    transition: all .3s ease-in-out;
}

.form-required:after {
    vertical-align: top !important;
}

.bulletinstyle {
  display: flex;
  flex-direction: column;
  align-items: center;
}

 /*  iussp-memberships-dues page css START */

.iussp-membership-front-table .first-row,
.iussp-membership-front-table .second-row,
.iussp-membership-front-table .third-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.iussp-membership-front-table .regular_membership,
.iussp-membership-front-table .student_associate,
.iussp-membership-front-table .reduced_dues_discount,
.iussp-membership-front-table .union_for_african_population_studies,
.iussp-membership-front-table .countried_by_income {
  width: 100%;
  margin-bottom: 20px;
}

@media screen and (min-width: 600px) {
  .iussp-membership-front-table .first-row .regular_membership,
  .iussp-membership-front-table .first-row .student_associate {
      width: 48%;
  }
}

.iussp-membership-front-table {
  width: auto;
  margin: 30px;
  border: 0;
}

@media screen and (max-width: 600px) {
  .iussp-membership-front-table {
      width: 100%;
  }
}

/*  iussp-memberships-dues page css END */


/**
 * Make sure to increment the version number in customscripts.libraries.yml when making changes to this file.
 * This will ensure that the CSS cache is updated on the live site.
 */