@charset "UTF-8";

.lily-section-headercells {
	height: 5px;
	width: 10px;
	background-color: #990e0e;
}

.marquee {
  position: relative;
  width: 100%;
/*    width: 50vw !important;  */
/*    max-width: 100%; */
/*   height: 100% !important; */
  height: 74vh !important;
  overflow: hidden;
  
}

.track {
position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 35s linear infinite;
}

  @keyframes marquee {
   from { top: 0px; }
    to { top: -3750px; }
  } 
  
  .section-headercells {
	margin-bottom: 60px;
	position: relative;
	padding-bottom: 20px;
	padding-left: 500px;
	/*text-align: left;  Align the text to the left */
}

.section-headercells::before {
	content: "";
	position: absolute;
	display: block;
	width: 60px;
	height: 5px;
	background: #990e0e;
	bottom: 0;
	left: -450px; /* Position the element from the left side */
	right: 0; /* Stretch the element to the right side */
	margin: 0 auto; /* Center the element horizontally */
}

.section-headercells h2 {
	font-size: 36px;
	text-transform: uppercase;
	text-align: left; /* Center the heading text */
	font-weight: 700;
	margin-bottom: 10px;
}

.section-headercells p {
	/*padding-left: -450px;*/
	text-align: left;
	padding-left: 20px;
	/*padding-left: -800px;*/
	/*padding: -800px;*/
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	color: #9195a2;
}

.card {
	background-color: #fff;
	border-radius: 10px;
	border: none;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem
		1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem
		rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1);
}

.l-bg-cherry {
	background: linear-gradient(to right, #aecae8, #95b8de) !important;
	color: #fff;
}

.l-bg-blue-dark {
	background: linear-gradient(to right, #a2bbde, #91b0db) !important;
	color: #fff;
}

.l-bg-green-dark {
	background: linear-gradient(to right, #c0cff0, #4286f4) !important;
	color: #fff;
}

.l-bg-orange-dark {
	background: linear-gradient(to right, #a2d1e8, #8ec4de) !important;
	color: #fff;
}

.l-bg-coral-dark {
	background: linear-gradient(to right, #81c2db, #72bad6) !important;
	color: #fff;
}

.l-bg-bubblegum-dark {
	background: linear-gradient(to right, #7eecfc, #3ea8b8) !important;
	color: #fff;
}

.card .card-statistic-3 .card-icon-large .fas, .card .card-statistic-3 .card-icon-large .far,
	.card .card-statistic-3 .card-icon-large .fab, .card .card-statistic-3 .card-icon-large .fal
	{
	font-size: 110px;
}

.card .card-statistic-3 .card-icon {
	text-align: center;
	line-height: 50px;
	margin-left: 13px;
	color: #000;
	position: absolute;
	right: 5px;
	top: 20px;
	opacity: 0.1;
}

.l-bg-cyan {
	background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
	color: #fff;
}

.l-bg-green {
	background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
	color: #fff;
}

.l-bg-orange {
	background: linear-gradient(to right, #f9900e, #ffba56) !important;
	color: #fff;
}

.l-bg-cyan {
	background: linear-gradient(135deg, #289cf5, #84c0ec) !important;
	color: #fff;
}
.container-fluid .row {
    display: flex;                 /* Use flexbox for equal height columns */
    align-items: stretch;          /* Ensure both columns stretch equally */
}

#twitter-feed {
    flex-grow: 1;                  /* Let it fill the remaining height */
    overflow-y: auto;              /* Enable vertical scrolling */
    padding: 10px;                 /* Optional: Add padding for spacing */
    border: 1px solid #ddd;        /* Optional: Border for clarity */
}

/* Optional: Add a scrollbar style for better aesthetics */
#twitter-feed::-webkit-scrollbar {
    width: 8px;
}

#twitter-feed::-webkit-scrollbar-thumb {
    background-color: #999;        /* Custom scrollbar thumb color */
    border-radius: 10px;
}

#twitter-feed::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
#facebook-feed .facebook-mask {
  overflow: hidden;
  height: 600px;
}
#facebook-feed .facebook-content {
  animation: scroll-up 60s linear infinite;
}


.facebook-marquee {
  height: 550px; /* slightly smaller for 4-column layout */
  overflow-y: auto;
  scroll-behavior: smooth;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #f9f9f9;
  padding: 10px;
}

/* smooth scroll + auto-scroll when idle */
.facebook-marquee:not(:hover) .facebook-track {
  animation: scroll-up 70s linear infinite;
}

.facebook-track {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.fb-post {
  background: #fff;
  border-radius: 8px;
  padding: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  width: 100%; /* responsive inside col-lg-4 */
}

.fb-xfbml-parse-ignore p {
  font-size: 0.9rem;
  margin-bottom: 4px;
}

.fb-xfbml-parse-ignore a {
  color: #3b5998;
  text-decoration: none;
  font-weight: 500;
}

.fb-xfbml-parse-ignore a:hover {
  text-decoration: underline;
}

@keyframes scroll-up {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}

/* --- FIX: force facebook iframe to fill full column width --- */
.facebook-marquee .fb-post,
.facebook-marquee .fb_iframe_widget,
.facebook-marquee .fb_iframe_widget span,
.facebook-marquee iframe {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Force all Facebook post embeds to fit their container */
.fb-post,
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 auto !important;
  box-sizing: border-box;
}