:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #1717c2;
  --bs-secondary: #fd6d0d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
body{background-color: #edeef0;font-family: 'Lato', sans-serif;color: #333;font-weight:300;}
h1,h2,h3,h4,h5,h6{font-family: 'Lato', sans-serif;font-weight: 800;}
.card-body p img{width:100%;border-radius:5px;}
p a{color: #1717c2;text-decoration: none;font-weight: bold;}
p a:hover{color: #333;text-decoration: none;font-weight: bold;}
.card-body p .card-text ul,li a{color: #1717c2;text-decoration: none;font-weight: bold;}
.card-body p .card-text ul,li a:hover{color: #000;text-decoration: none;font-weight: bold;}
.card-img-overlay {
    position: absolute;
    overflow: hidden;
    right: 0;
    top: auto;
    bottom: 0;
    left: 0;
    padding: 1rem;
}
.bg-gradient-grey {
  background-image: linear-gradient(to right, rgb(50, 50, 50), rgba(50,50,50,0.5));
}  
.bg-primary-grad {
  --bs-bg-opacity: 1;
  background: rgba(0, 0, 255, 1);
  background: linear-gradient(to right, rgba(0, 0, 255, 1), rgba(0, 128, 128, 1), rgba(0, 191, 255, 1), rgba(255, 255, 0, 1));
}
.bg-gradient-overlay2 {
  background-image: linear-gradient(90deg, rgba(var(--bs-primary-rgb),0.8) 0%, rgba(var(--bs-secondary-rgb)) 100%);
}
.bg-gradient-overlay {
  background: linear-gradient(to right, rgba(0, 0, 255, 1), rgba(0, 128, 128, 0.9), rgba(0, 191, 255, 0.9), rgba(255, 255, 0, 1));
}
.bg-primary {
  background-color: #1717c2;
}
.thumb-post img {
  object-fit: none; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 500px;
  min-height: 400px;
}
p img{
max-width: 100%;
height: auto;
}
.navbar {
     padding-top: 0px;
    padding-bottom: 0px;
}
.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}