.sb-button {
  border-radius: 6px;
  padding: 16px 32px;
  font-size: 16px;
  text-decoration: none !important;
  font-weight: 600;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  background: #3b63ad;
  color: #fff !important;
  border: solid 1px #3b63ad;
  box-shadow: 0 0 !important;
}

.sb-button:hover,
.sb-button:focus {
  background: #fff;
  color: #3b63ad !important;
}

.sb-button.primary {
  background: #3b63ad;
  color: #fff !important;
  border: solid 1px #3b63ad;
}

.sb-button.primary:hover,
.sb-button.primary:focus {
  background: #fff;
  color: #3b63ad !important;
}

.sb-button.vine {
  background: #a61d4c;
  border: solid 1px #a61d4c;
}

.sb-button.vine:hover,
.sb-button.vine:focus {
  background: #fff;
  color: #a61d4c !important;
}

.sb-button.yellow {
  background: #fcc221;
  border: solid 1px #fcc221;
}

.sb-button.yellow:hover,
.sb-button.yellow:focus {
  background: #fff;
  color: #fcc221 !important;
}

img.inline {
  margin: 0;
  display: inline !important;
  width: auto;
}

/* ----------------------------------------
* theme modifications
* ----------------------------------------*/
:root {
  --sb-primary-1: #111111;
  --sb-primary-2: #3B63AD;
  --sb-primary-3: #FCC221;
  --sb-primary-4: #662E17;

  --sb-secondary-1: #333030;
  --sb-secondary-2: #6C6C6C;
  --sb-secondary-3: #F7F7F9;
  --sb-secondary-4: #FAE2D4;
  --sb-secondary-5: #ABABFA;
  --sb-secondary-5: #C0D0E9;
  --sb-secondary-5: #EFB6C7;

  --cta-footer-background-color: var(--sb-primary-2);
  --cta-post-inner-content: var(--sb-secondary-3);
}

[data-theme="light"] {
  --cta-footer-background-color: var(--sb-primary-2);
  --cta-post-inner-content: var(--sb-secondary-3);
}

[data-theme="dark"] {
  --cta-footer-background-color: var(--sb-secondary-1);
  --cta-post-inner-content: var(--sb-secondary-1);
}

.m-footer {
  background: none;
}

.m-footer__content,
.m-full-width-block {
  max-width: 100%;
  margin: 0;
}
.m-full-width-block {
  padding: 50px 0 75px;
  text-align: center;
}

.m-full-width-block.pre-footer {
  background: var(--cta-footer-background-color);
  color: #fff;
}
.m-full-width-block.post-inner-content {
  background: var(--cta-post-inner-content);
}

.m-full-width-block.m-full-width-block.pre-footer .m-small-text {
  color: #fff;
}
.m-footer__content .m-footer__content-wrapper,
.m-full-width-block .m-full-width-block-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}
.m-footer__content .m-footer__content-wrapper .m-footer-global-menu h4 {
  margin-bottom: 10px;
}
.m-footer__content .m-footer__content-wrapper .m-footer-global-menu ul {
  list-style: none;
  padding: 0;
  margin-top: 0;
}
.m-footer__content .m-footer__content-wrapper .m-footer-global-menu ul li {
  padding: 5px 0 0;
}

.m-footer__content .m-footer__content-wrapper .column {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}

.m-footer__content.main {
  background: var(--footer-background-color);
}

.m-comments {
  padding-bottom: 40px;
}

.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: .25rem;
}

.breadcrumb li {
  margin-bottom: 0 !important;
  font-size: 1rem;
  font-weight: 600;
}
.breadcrumb li a {
  text-decoration: underline;
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  padding-left: .5rem;
  color: #6c757d;
  content: "/";
}


/* Media Queries */
@media only screen and (min-width: 48rem) {
  .m-footer__content .m-footer__content-wrapper,
  .m-full-width-block .m-full-width-block-wrapper {
    padding: 0 20px;
    max-width: 1200px;
  }
  .m-footer__content .m-footer__content-wrapper .m-footer-global-menu {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .m-footer__content .m-footer__content-wrapper .column {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    text-align: start;
  }
}
@media only screen and (min-width: 64rem) {
  .m-footer__content .m-footer__content-wrapper .column {
    width: calc(25% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 80rem) {
  .m-footer__content .m-footer__content-wrapper,
  .m-full-width-block .m-full-width-block-wrapper {
    padding: 0;
  }
}