html{
  -webkit-overflow-scrolling: touch;
}

.btn-warning {
  background-color: #f0bd18 !important;
  border-color: #f0bd18 !important;
}

.callout {
    border-left: .25rem solid #f0bd18 !important;
}

.bg-secondary {
    background-color : #DEEBFA !important;
}
.tns-nav > button::after{
  top: 0;
  left: 0;
  width: .75rem;
  height: .75rem;
  transform: scale(0.5);
  border: .125rem solid #f0bd18 !important;
  opacity: 0;
}

.tns-nav > button::before{
 top: 50%;
left: 50%;
width: .375rem;
height: .375rem;
margin-top: -0.1875rem;
margin-left: -0.1875rem;
background-color: #f0bd18;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #f0bd18 !important;
  text-decoration: none;
  background-color: transparent;
}

.blockquote::before {
  display: block;
  position: absolute;
  top: -0.75rem;
  left: 0;
  color: #f0bd18;
  font-family: "around-icons";
  font-size: 4rem;
  font-weight: normal;
  line-height: 1;
  content: "";
}

.paralax-home-image-customs {
  left: 10% !important;
  top: 0px !important;
}
.paralax-home-customs-shape1 {
    left: 48% !important;
    top: 68% !important;
}
.paralax-home-customs-shape2 {
    left: 35% !important;
    top: 68% !important;
}

.paralax-home-customs-shape3 {
    left: 18% !important;
    top: 4% !important;
    z-index: 1 !important;
    width: 10% !important;
}

.paralax-home-customs-shape4 {
    left: 18% !important;
    top: 20% !important;
    z-index: 1 !important;
    width: 3% !important;
}
.sr{ 
  border:         none;
  border-left:    1px solid hsla(200, 10%, 50%,100);
  height:         100px !important;
  width:          1px;       
}

.collapse-disabled{
  pointer-events: none;
}

.tns-nav > button::after{
  top: 0;
  left: 0;
  width: .75rem;
  height: .75rem;
  transform: scale(0.5);
  border: .125rem solid #f0bd18 !important;
  opacity: 0;
}

.tns-nav > button::before{
 top: 50%;
left: 50%;
width: .375rem;
height: .375rem;
margin-top: -0.1875rem;
margin-left: -0.1875rem;
background-color: #f0bd18;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #f0bd18 !important;
  text-decoration: none;
  background-color: transparent;
}

.blockquote::before {
  display: block;
  position: absolute;
  top: -0.75rem;
  left: 0;
  color: #f0bd18;
  font-family: "around-icons";
  font-size: 4rem;
  font-weight: normal;
  line-height: 1;
  content: "";
}
.tns-padding-center{
  padding: 5% !important;
  width: 100% !important;
}

.shadow-custom{
  filter: drop-shadow(0px 12px 12px rgba(32,56,100, 0.4));
}