/** If the background color of the top header is different from the default,
/** Uncomment the below to define the color. 
**/
/** Oblique header color **/
/** Navigation bar color, usually is $bu-color in 95% opacity **/
/** NON-DEFAULT COLORS - UNCOMMENT TO ENABLE
#header-main-nav {
    background: $bu-color-translucent !important;
    nav {
      ul.menu {
        > li {
          > ul.dropdown-menu {
            background: $bu-color-translucent !important;
          }
        }  
      }
    }
}

@include breakpoint(xs) {
  .navbar-toggle {
      border: 2px solid $bu-color;
  }
}

@include breakpoint(sm) {

  .navbar-toggle {
      border: 2px solid $bu-color;
  }
}

.mobile-subheader {
  background: $bu-color-translucent;
}

.obg {
  &.obg-site {
    background: $bu-color !important;
  }
}
/** NON-DEFAULT COLORS END **/
/** LAST BUTTON TO ALIGN RIGHT AS CTA - UNCOMMENT TO ENABLE
#header-main-nav {
    nav {
      width:100%;
      #smu-navbar-full-nav {
        width:100%;
      }
      .navbar-nav {
        width: 100%;
      }
      ul.menu {
        > .last {
          float:right;
          padding-left:15px;
          padding-right: 15px;
        }
      }
    }
}
/** LAST BUTTON TO ALIGN RIGHT AS CTA END **/
.modal {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  .paragraph--type--profile {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  .profile-name {
    text-align: center;
  }
  .profile-photo {
    display: flex;
    justify-content: center;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

a[data-toggle="modal"] {
  cursor: pointer;
}

.panelborder {
  padding: 2.5rem 0;
  border: 1px solid #ccc;
  margin: 0 15px;
}

.d-flex {
  display: flex;
  flex-wrap: wrap;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.paragraph--type--profile {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  width: 100%;
  flex-direction: column;
}

.seperator {
  border-bottom: 1px solid #eee;
  margin-bottom: 2rem;
}

.paragraph--type--panel,
.paragraph--type--_-per-row {
  width: 100%;
}