.container-headerx {
  background-color: #FDDA0D;
  background-image: none;
}
.container-header {
  background-color: #14daff;
  background-image: none;
}
.mod-custom {padding-bottom:10px;}
h1 {color:#000000;background-color:#fff;}
.container-footer {
  background-color: #000000;
  background-image: none;
}
body a {
 color: #14daff;
}
main a:hover {
  color: #ff3914	!important;
}
.container-topbar {
background-color: white;
}
xhr{
    width:80%;
    height:3px;
    background:#000000;
    opacity: 1;
    margin:auto;
}


.container-topbarTEST {
    background-color: yellow;
}
.xxxbody {
background-color: #ffff00;
}
.xxxbody { color: #e75468;
}


.nav-item {
color: #000000;
}
.nav-item:hover {
color: #696969;text-decoration:underline;
}
.container-footer {
background-color: #14daff;
}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
    
blockquote {
    border-left: 4px solid #B2BEB5 !important; /* Change #007bff to whatever accent color you like */
    padding: 0.25rem 0 0.25rem 1rem; /* Top/bottom padding, plus left spacing */
    margin: 1.5rem 0;
    background-color: #f8f9fa; /* Optional: adds a very light grey background box */
}
/* Ensure paragraphs inside blockquotes don't add extra vertical stretching */


.youtube {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #000;
    margin: 5px 0;
}

.youtube iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.youtube .youtube-inner {
    position: absolute;
    inset: 0;
    cursor: pointer;
}

.youtube img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}

.youtube .play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 72px;
    height: 72px;
    margin-left: -36px;
    margin-top: -36px;
    border-radius: 50%;
    background: rgba(255, 0, 0, 0.9);
    cursor: pointer;
    z-index: 2;
}

.youtube .play::after {
    content: "";
    position: absolute;
    left: 29px;
    top: 21px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 23px solid #fff;
}
.youtube .youtube-inner:hover .play {
    filter: brightness(75%);
}