body {
  --fbc-blue-60: #f4271c !important;
  --fbc-blue-70: #f4271c !important;
}

a {
  color: var(--color-progressive,#36c);
  text-decoration: none;
  border-radius: 0;
}

.dropdown-item, .nav-link {
  color: #000 !important;
  text-decoration: none;
}

b, strong {
  font-weight: bold !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: lightgray !important;
}

.dropdown-item.active {
  background-color: lightgray !important;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff !important;
  --bs-nav-pills-link-active-bg: #f4271c !important;
}

.btn-primary {
  --bs-btn-bg: #f4271c !important;
  --bs-btn-border-color: #f4271c !important;
  --bs-btn-hover-bg: #f4271c !important;
  --bs-btn-hover-border-color: #f4271c !important;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-bg: #f4271c !important;
  --bs-btn-active-border-color: #f4271c !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-bg: #f4271c !important;
  --bs-btn-disabled-border-color: #f4271c !important;
}

 /* Popup container */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
} 

blockquote {
   font-size: 1.1em;
   line-height: 1.6em;
   padding: 20px 20px 20px 40px;
   border-left: none;
   position: relative;
   text-indent: -19px 
}

section#block_content {
    text-align: left;    
}

blockquote p {
   font-size: 1em
}

blockquote:before,
blockquote:after {
   font-family: Arial, serif;
   font-size: 2.5em;
   vertical-align: middle;
   line-height: 0
}

blockquote:before {
   content: open-quote;
   margin-right: 4px
}

blockquote:after {
   content: close-quote;
   margin-left: 3px
}

blockquote.blockstyle,
blockquote.style2 {
   background: #fff;
   font-style: italic
}

blockquote.blockstyle p,
blockquote.style2 p {
   display: inline
}

blockquote.blockstyle {
   border-left: 3px solid #f0715f;
    position: relative;
}

blockquote.blockstyle>span.triangle:before {
   text-indent: 0;
   content: "\f0da";
   font-family: FontAwesome;
   color: #f0715f;
   position: absolute;
   left: -1px;
   top: 50%;
   margin-top: -11px;
   font-style: normal
}

blockquote.blockstyle:before,
blockquote.blockstyle:after {
      color: #f0715f;
}

blockquote.blockstyle.border-color-blue {
   border-color: #01b7f2
}

blockquote.blockstyle.border-color-blue>span.triangle:before {
   color: #01b7f2
}

blockquote.blockstyle.border-color-yellow {
   border-color: #fdb714
}

blockquote.blockstyle.border-color-yellow>span.triangle:before {
   color: #fdb714
}