#dxpr-theme-main-menu,
  #dxpr-theme-main-menu .menu__breadcrumbs,
  #dxpr-theme-main-menu .menu__level {
    text-align: left;
  }
.body--dxpr-theme-nav-desktop.body--dxpr-theme-header-side #navbar.dxpr-theme-header {
  text-align: left;
}
html.js .body--dxpr-theme-nav-desktop.body--dxpr-theme-header-side {
  padding-left: calc(160px + var(--gin-toolbar-x-offset, 256px));
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--side,
.body--dxpr-theme-nav-mobile .dxpr-theme-header--side #dxpr-theme-main-menu,
.dxpr-theme-header--side .menu__level {
  width: 160px;
}

.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top {
  background-color: rgba(121,197,197,1);
  opacity: 1;
}
.body--dxpr-theme-nav-desktop #navbar.dxpr-theme-header--top.affix {
  background-color: rgba(121,197,197,1);
  opacity: 1;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav > li > span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .wrap-branding,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .block-dxpr-theme-helper {
  height: 42px;
  line-height: 42px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .dxpr-theme-main-menu {
  height: 42px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav > li > a,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav > li > span,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .navbar-header .wrap-branding,
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .block-dxpr-theme-helper  {
  height: 50px;
  line-height: 50px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .dxpr-theme-main-menu {
  height: 50px;
}
.body--dxpr-theme-nav-desktop .nav-child-fixed-width {
  top: 42px;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix .nav-child-fixed-width {
  top: 50;
}
html.js .body--dxpr-theme-nav-desktop.gin--vertical-toolbar.toolbar-fixed.toolbar-horizontal.body--dxpr-theme-header-fixed.body--dxpr-theme-header-top {
  padding-top: 42px !important;
}
.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-header .wrap-branding,
.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-toggle {
  height: 60px;
}
.body--dxpr-theme-nav-mobile .dxpr-theme-header .block-dxpr-theme-helper {
  height: 60px;
  line-height: 60px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top {
  min-height: 42px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-desktop .dxpr-theme-header--top.affix {
  min-height: 50px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header {
  min-height: 60px;
}
.html--dxpr-theme-sticky-footer .body--dxpr-theme-nav-mobile .dxpr-theme-header.affix {
  min-height: 60px;
}
.dropdown-menu, .dropdown-menu li {
  min-width: 260px;
}
.dxpr-theme-header .menu a {
  font-weight: bold;
}
.page-title-full-width-container .breadcrumb { right: 60px; left: auto; } 

#page-title { text-align:  left } 

#page-title .page-title { height:  120px } 

.page-title-full-width-container:after { opacity:  1 } 

.page-title-full-width-container:after { background-position: center center; }

body, p, .lead { line-height:  1.4 } 
body { font-size:  16px } 
.dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a, .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span, .dxpr-theme-header--side #dxpr-theme-main-menu .nav a, .dxpr-theme-header--side #dxpr-theme-main-menu .nav span, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>span { font-size:  14px } 
h1,h2,h3,h4,h5,h6 { line-height:  1.1; } 
h1, .html #page-title .page-title { font-size:  39px; } 
h2 { font-size:  31px; } 
h3 { font-size:  25px; } 
h4 { font-size:  20px; } 
blockquote, .blockquote p { font-size:  20px } 
hr { border-top-width:  4px; } 
hr { margin-left: 0;margin-right: auto; }
@media screen and (max-width: 768px) { 
  body, p { font-size:  14px; } 
  .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > a, .dxpr-theme-header--top #dxpr-theme-main-menu .nav > li > span, .dxpr-theme-header--side #dxpr-theme-main-menu .nav a, .dxpr-theme-header--side #dxpr-theme-main-menu .nav span, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>a, .body--dxpr-theme-nav-desktop .dxpr-theme-header--top .nav .dropdown-menu li>span { font-size:  14px } 
  h1, .html #page-title .page-title { font-size:  39px; } 
  h2 { font-size:  31px; } 
  h3 { font-size:  25px; } 
  h4 { font-size:  20px; } 
  blockquote, .blockquote p { font-size:  20px; } 
} 


body, .toooltip {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

h1,h2,h3,h4,h5,h6,label,.field--label,.page-title, .html .tp-caption {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

nav,nav ul li,nav a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

.site-name, .navbar-brand {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

blockquote, blockquote p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 400;
  font-style: normal;
}

/*Shifts the main menu to the right a little bit*/
.dxpr-theme-header .navbar-container {
   padding-left: 50px;
}

/*shifts the bcac logo down to be inline with the step by step image on the top right*/
#logo {
    margin-top: 20px;
}

/*shrinks the top and bottom padding around the bcac and step by step images at the top of each page*/
#secondary-header {
padding-bottom: 0px;
    padding-top: 0px;
}
#secondary-header .region-secondary-header {
    padding-bottom: 0px;
    padding-top: 0px;
}

/*adds more space between the footer and the bottom container of each page*/
.container.content-bottom-container {
  padding-bottom: 40px;
}

/*makes the footer elements display side by side rather than on top of each other*/
footer .region-footer {
    display: flex;
    flex-direction: row;
}
/*makes the footer elements display on top of each other when the screen is small*/
@media (max-width: 768px) { /* Adjust the breakpoint as needed */
    footer .region-footer {
        flex-direction: column;
    }
}

/*makes the metavivor and patient videos look bigger*/
table.table.table-striped.views-table.views-view-table.cols-0 td:first-child{
 width: 25%;
}

/*make the donate button bigger and more colorful */
#block-bcac-donate .btn.btn-primary.btn-lg{
color: #bf0776;
background: #def7f7;
border-color: #4ca0a0;
padding-left: 25px;
padding-right: 25px;
padding-top: 15px;
padding-bottom: 15px;
border-width: 2px;
margin-top: 10px;
}

/*make h2 headers bold bh19*/
h2.block-title {
font-weight: bold;
}

/*make view text wrap around the image bh21 */
@media (min-width: 769px) {
.wrap-text-left-of-image .views-row{
overflow: auto;
}
.wrap-text-left-of-image .views-row .views-field-field-page-image1, .wrap-text-left-of-image .views-row .views-field.views-field-nothing-1,
.wrap-text-left-of-image .views-row .views-field-field-artice-image1{
float: left;
margin-right: 25px;
}
.wrap-text-left-of-image .views-row .views-field-body, .wrap-text-left-of-image .views-row views-field.views-field-nothing{
  overflow: auto;
}
.wrap-text-left-of-image .views-row{
padding-bottom: 20px;
}
}

/*style article table to be more spaced out and have a gap between the image and txt rm 28318*/
#block-bcac-content article div.content div table {
  border-collapse: separate;
  border-spacing: 30px; /* Adjust the vertical spacing as needed */
}

/*updates views that display menu items to make the menu items look more like buttons bh 37 */
#block-bcac-views-block-menu-children-block-1 .button-menu-items .view-content .views-col{
padding: 10px;
border-radius: 10px;
border: 1px solid #4ca0a0;
background: white;
width: calc(50% - 10px) !important;
}
#block-bcac-views-block-menu-children-block-1 .button-menu-items .view-content .views-col.col-2{
margin-left: 10px;
}
#block-bcac-views-block-menu-children-block-1 .button-menu-items .view-content .views-col.col-1{
margin-right: 10px;
}


/*increase spacing between page content and menu button view grid bh #44*/
.button-menu-items .view-content{
margin-top: 20px;
}

/* Set support pack request button to pink - RM#28509 */
.support-pack-text.btn-danger, .support-pack-text.btn-danger:hover, .support-pack-text.btn-danger:active, .support-pack-text.btn-danger:visited {
    background-color: #E60079;
    border-color: #E60079;
}

/* Make donation form submit button more prominent - RM#28506 */
.crm-contribution-main-form-block .crm-form-submit {
    background-color: #E60079;
    min-width: 170px;
    min-height: 50px;
    font-size: 22px;
    font-weight: 600;
}

/* Make 'read more' links on sidebar blue - RM#28517 */
a.views-more-link {
    color: #4ca0a0;
}

/* Fix images being skewed in table - RM#28717 */
.two-col-table tr td {
    width: 50%;
}

/* Prevent news preview text from wrapping around image - RM#28840 */
.view-view-bcac-news-featured .view-content .views-field.views-field-nothing {
    display: flex;
}
/* Bold all links that aren't titles */
a:not(h1 a):not(h2 a):not(h3 a):not(h4 a):not(h5 a):not(h6 a) {
    font-weight: bold;
}.dxpr-theme-boxed-container { background: #FEF5F6; }

.dxpr-theme-boxed-container .nav-tabs >li.active a { border-bottom-color: #FEF5F6; }

.dxpr-theme-boxed-container .tabs-left > .nav-tabs .active>a { border-right-color: #FEF5F6; }

.dxpr-theme-boxed-container .tabs-right > .nav-tabs .active>a { border-left-color: #FEF5F6; }

.container {
  max-width: 1280px;
  padding-left: 60px;
  padding-right: 60px;
}
.navbar-container.dxpr-theme-fluid,
.page-title-container.dxpr-theme-fluid,
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}
.dxpr-theme-boxed-container {
  max-width: 1580px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row > * {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}
.region-sidebar-first .block,
.region-sidebar-second .block,
.dxpr-theme-util-gutter-bottom {
  margin-bottom: 30px;
}
.page-title-full-width-container {
  margin-bottom: 30px;
}
@media screen and (max-width: 1200px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .navbar-container.dxpr-theme-fluid,
  .page-title-container.dxpr-theme-fluid,
  .container-fluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .row > * {
    padding-left: 15px;
    padding-right: 15px;
  }
}
body { background-position: center center; }

body { background-attachment: fixed; }