/* .ff-germania {
    font-family: "Germania One", system-ui;
    font-weight: 400;
    font-style: normal;
} */
html[dir="rtl"] {
    direction: rtl;
    unicode-bidi: embed;
}
  
body[dir="rtl"] {
    direction: rtl;
}
  
small{
    font-size: 75%;
}
.text-justify{
    text-align: justify;
}
.bg-image {
    background-color: #002a86;
    /*background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)), url('images/randell-redding-flag.jpg');*/
    background-size: cover;
    background-position: center;
    background-size: cover;
    color: white; /* Adjust text color for readability */
}

.custom-jumbotron{
    position: relative;
}
.custom-jumbotron h1,  .custom-jumbotron p {
    text-shadow: 2px 2px 4px #000000;
}

.flag-container {
    min-height: 300px; /* Adjust height as needed */
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.5), /* Dark overlay */
        rgba(0, 0, 0, 0.5)
      ),
      linear-gradient(
        to bottom,
        #FF0018 16.67%,
        #FFA52C 16.67%,
        #FFA52C 33.34%,
        #FFFF41 33.34%,
        #FFFF41 50.01%,
        #008018 50.01%,
        #008018 66.68%,
        #0000F9 66.68%,
        #0000F9 83.35%,
        #86007D 83.35%
      ); 
}
.bg-red {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.9), /* Dark overlay */
        rgba(0, 0, 0, 0.8)
      ),#FF0018;
}
.bg-purple {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.7), /* Dark overlay */
        rgba(0, 0, 0, 0.9)
      ),#86007D;
}

/* Ensure the text and other content are positioned above the overlay */
.custom-jumbotron > * {
    position: relative;
    z-index: 2;
}

.opacity-85 {
        opacity: .85 !important;
}

.white-90{
    background: rgba(0,0,0,0.8);
}

p,li{
    /* font-size: 125%; */
    letter-spacing: normal;
}
.bg-dark{
    background-color: #061d3e!important;
}
hr.white{
    opacity: 1;
    height: 0.1rem;
    color: #ffffff;
    background: #ffffff;
}
hr{
    opacity: 1;
    height: 1.2rem;
    color:#a8a8a8;
    background: #a8a8a8;
}
.hr-height{
    height:.3rem!important;
}
.img-max {
    max-width: 40%;
}
.border-big{
    border-width: 2em !important;
}

.my-neg{
    margin-left: -3em;
    margin-right: -3em;
}







blockquote {
    padding: 10px 20px;
    margin: 0em 2em; /* Adjusted margin for smaller screens */
    border-left: 1em solid #dee2e6; /* Adjusted border for smaller screens */
    background-color: #dee2e61c;
    font-style: italic;
}
  
@media (min-width: 576px) {
    blockquote {
      margin: 0em 3em;
      border-left: 1.5em solid #dee2e6;
    }
}
  
@media (min-width: 768px) {
    blockquote {
      margin: 0em 4em;
      border-left: 2em solid #dee2e6;
    }
}
  
@media (min-width: 992px) {
    blockquote {
      margin: 0em 5em;
      border-left: 2.5em solid #dee2e6;
    }
}
  
@media (min-width: 1200px) {
    blockquote {
      margin: 0em 6em;
      border-left: 3em solid #dee2e6;
    }
}