@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
html,
body {
  font-family: "Montserrat", sans-serif;
}
html {
  position: relative;
  min-height: 100%;
}
body {
  background-color: whitesmoke;
  margin-bottom: 60px;
}
h1,
h2,
h3,
h4,
h5 {
  line-height: 1.2;
  font-weight: 400;
  font-family: "Montserrat", sans-serif;
}
a {
  color: #136695;
  font-weight: 500;
  text-decoration: none;
}
a:hover {
  color: #10537A;
  font-weight: 500;
  text-decoration: none;
}
img {
  max-width: 100%;
}
.btn-blue {
  color: white;
  background-color: #136695;
  border-color: #10537A;
}
.btn-blue:hover {
  color: white;
  background-color: #10537A;
  border-color: #10537A;
}
.btn-secondary-action {
  color: black;
  background-color: #EEE5E9;
  border-color: #EEE5E9;
}
.btn-secondary-action:hover {
  color: black;
  background-color: #7C7C7C;
  border-color: #7C7C7C;
}
.btn-blue-outline {
  color: #136695;
  background-color: white;
  border-color: #10537A;
}
.btn-blue-outline:hover {
  color: white;
  background-color: #136695;
  border-color: #10537A;
}
.article-title {
  color: #2B303A;
  line-height: 1.2;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
}
.cob-card {
  background-color: #136695;
}
.border-blue {
  border: solid 1px #10537A;
}
.nav-logo {
  max-width: 300px;
  height: auto;
}
.fog-img {
  opacity: 0.5;
}
.cob-accordion .accordion-header [aria-expanded="true"] {
  background-color: #DADADA;
  outline: none;
  color: #136695;
}
.cob-accordion .accordion-button:focus {
  box-shadow: none;
}
.article-banner-img {
  max-height: 450px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.cob-header {
  background-color: #153659;
  color: white;
  padding: 0.5rem;
  padding-left: 1rem;
  border-radius: 0.375rem;
  margin: 1rem auto 0.75rem 0;
}
@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}
/* medium and up screens */
@media (min-width: 768px) {
  .carousel-inner .carousel-item-end.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  .carousel-inner .carousel-item-start.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(0);
}
.carousel-control-prev,
.carousel-control-next {
  color: rgba(0, 0, 0, 0.5);
  /* Semi-transparent black */
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
  /* Makes the icons white */
}
.slider {
  height: 100%;
  min-height: 22rem;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  justify-content: center;
}
.slider-nav {
  width: 12px;
  height: 12px;
  margin: 2rem 12px 0;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  cursor: pointer;
  appearance: none;
  backface-visibility: hidden;
}
.slider-nav.active {
  box-shadow: 0 0 0 0 #136695, 0 0 0 0 rgba(51, 51, 51, 0);
  outline-color: #136695;
}
@media (max-width: 767px) {
  .slider-nav {
    display: none;
  }
}
.slider-inner-0 {
  left: 0rem !important;
}
.slider-inner-1 {
  left: -26rem !important;
}
.slider-inner-2 {
  left: -52rem !important;
}
.slider-inner-3 {
  left: -78rem !important;
}
.slider-inner-4 {
  left: -104rem !important;
}
.slider-inner-5 {
  left: -130rem !important;
}
.slider-inner-6 {
  left: -156rem !important;
}
.slider-inner-7 {
  left: -182rem !important;
}
.slider-inner-8 {
  left: -208rem !important;
}
.slider-inner-9 {
  left: -234rem !important;
}
.slider-inner-10 {
  left: -260rem !important;
}
.slider-inner-11 {
  left: -286rem !important;
}
.slider-inner-12 {
  left: -312rem !important;
}
.slider-inner-13 {
  left: -338rem !important;
}
.slider-inner-14 {
  left: -364rem !important;
}
.slider-inner-15 {
  left: -390rem !important;
}
.slider-inner-16 {
  left: -416rem !important;
}
.slider-inner-17 {
  left: -442rem !important;
}
.slider-inner-18 {
  left: -468rem !important;
}
.slider-inner-19 {
  left: -494rem !important;
}
.slider-inner-20 {
  left: -520rem !important;
}
.slider-inner-21 {
  left: -546rem !important;
}
.slider-inner-22 {
  left: -572rem !important;
}
.slider-inner-23 {
  left: -598rem !important;
}
.slider-inner-24 {
  left: -624rem !important;
}
.slider-inner-25 {
  left: -650rem !important;
}
.slider-inner-26 {
  left: -676rem !important;
}
.slider-inner-27 {
  left: -702rem !important;
}
.slider-inner-28 {
  left: -728rem !important;
}
.slider-inner-29 {
  left: -754rem !important;
}
.slider-inner-30 {
  left: -780rem !important;
}
.slider-inner-31 {
  left: -806rem !important;
}
.slider-inner-32 {
  left: -832rem !important;
}
.slider-inner-33 {
  left: -858rem !important;
}
.slider-inner-34 {
  left: -884rem !important;
}
.slider-inner-35 {
  left: -910rem !important;
}
.slider-inner-36 {
  left: -936rem !important;
}
.slider-inner-37 {
  left: -962rem !important;
}
.slider-inner-38 {
  left: -988rem !important;
}
.slider-inner-39 {
  left: -1014rem !important;
}
.slider-inner-40 {
  left: -1040rem !important;
}
.slider-inner-41 {
  left: -1066rem !important;
}
.slider-inner-42 {
  left: -1092rem !important;
}
.slider-inner-43 {
  left: -1118rem !important;
}
.slider-inner-44 {
  left: -1144rem !important;
}
.slider-inner-45 {
  left: -1170rem !important;
}
.slider-inner-46 {
  left: -1196rem !important;
}
.slider-inner-47 {
  left: -1222rem !important;
}
.slider-inner-48 {
  left: -1248rem !important;
}
.slider-inner-49 {
  left: -1274rem !important;
}
.slider-inner-50 {
  left: -1300rem !important;
}
.slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 10px;
  width: 100%;
  height: 100%;
  transition: left 0.4s;
  display: flex;
  flex-flow: row nowrap;
}
.slider-contents {
  height: 90%;
  margin: 0 1rem 0 0;
  text-align: left;
  display: flex;
  flex: 1;
  flex-flow: column nowrap;
  width: 25rem;
  max-width: 25rem;
  min-width: 25rem;
}
.slider-contents.active {
  border: #136695 solid 2px;
}
.slider-arrow-right,
.slider-arrow-left {
  cursor: pointer;
}
.slider-arrow-right.disabled,
.slider-arrow-left.disabled {
  cursor: auto;
}
.cob-pill {
  padding: 0 0.35rem;
  border-radius: 0.375rem;
  font-size: small;
  color: white;
}
.cob-pill.lapis-jewel {
  background-color: #136695;
}
.cob-pill.ahi-poke {
  background-color: #D64933;
}
.cob-pill.lavender-pearl {
  background-color: #EEE5E9;
  color: black !important;
}
.cob-pill.grey {
  background-color: #7C7C7C;
}
.cob-pill.hailey-blue {
  background-color: #2C70F8;
}
.cob-pill.parsley {
  background-color: #345833;
}
.cob-pill.mulberry {
  background-color: #8F0D47;
}
.cob-pill.blood {
  background-color: #750303;
}
.cob-pill.porpoise-place {
  background-color: #076B7B;
}
.cob-pill.default {
  background-color: #2B303A;
}
.nav-color {
  background-color: #ADCAC4;
}
.nav-color h3 {
  color: whitesmoke;
  font-weight: 700;
}
.nav-color i {
  color: #153659;
}
.baby-aqua-bg {
  background-color: #ADCAC4;
}
.baby-aqua-bg h3 {
  color: whitesmoke;
  font-weight: 700;
}
::-webkit-scrollbar-track {
  background: #EEE5E9;
}
::-webkit-scrollbar {
  width: 7px;
  background-color: #EEE5E9;
  scrollbar-color: #7C7C7C #EEE5E9;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: #7C7C7C;
}
.home-page-img {
  width: 100%;
  height: 100%;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.5);
}
h3.extra {
  font-weight: 700;
  color: #153659;
}
p.extra {
  font-weight: 500;
  color: #153659;
}
.btn-get-started {
  background: #153659;
  border: none;
  color: whitesmoke;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px 2px 10px 2px;
  padding: 0.5rem 2.5rem 0.5rem 1.5rem;
}
.btn-get-started:after {
  padding: 0 7px;
  content: url(/images/Whitesmoke_Bullet.png);
  position: absolute;
}
.btn-get-started:hover,
.btn-get-started:focus,
.btn-get-started.focus {
  color: whitesmoke;
  background-color: #136695;
  border-color: #136695;
  text-decoration: none;
}
.anonymous-card {
  border-radius: 0px;
}
.anonymous-card .card-img-top {
  border-radius: 0px;
}
.grid-articles {
  padding: 5%;
  margin: auto;
}
.latest-articles-padding-x {
  padding-left: 5%;
  padding-right: 5%;
}
.latest-news .card {
  border-radius: 0.5rem;
}
.latest-news .card-body h5 {
  margin-bottom: 1rem;
}
.latest-news .badge {
  padding: 0.5rem 1rem;
}
.article-body p,
.article-body li {
  line-height: 2;
}
.profile-placeholder {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.profile-placeholder img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.card-title {
  font-family: Roboto Slab;
}
.fw-bold {
  font-family: roboto slab;
}
.mb-custom {
  margin-bottom: 3rem !important;
}
.notification-icon {
  height: 24px;
  margin-right: 10px;
  position: relative;
  top: 6px;
  vertical-align: middle;
}
.nav-icon {
  display: inline-block;
}
.articles-link {
  margin-right: 10px;
  vertical-align: middle;
  padding-top: 16px;
}
.header-section {
  text-align: left;
  padding-top: 3%;
  padding-left: 3%;
  padding-right: 0;
  padding-bottom: 0;
  margin: auto;
}
.header-section h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
  font-weight: bold;
  color: #333;
}
.home-page-article .card-title a {
  color: #153659 !important;
}
.home-page-article hr {
  border: 1px solid !important;
}
.home-page-article .home-page-article-image1 .card img {
  min-height: 300px !important;
  max-height: 400px !important;
}
.btn-check:checked + .btn {
  color: white !important;
  background-color: #10537A !important;
  border-color: #10537A !important;
}
.unsubscribe-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f9f9f9;
  /* Reset some default browser styles */
  /* Main container */
  /* Confirmation text */
  /* Home button */
}
.unsubscribe-page * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.unsubscribe-page .container {
  text-align: center;
  background: #ffffff;
  padding: 2rem;
  max-width: 500px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.unsubscribe-page h1 {
  font-size: 1.8rem;
  color: #333;
  margin-bottom: 0.5rem;
}
.unsubscribe-page p {
  font-size: 1rem;
  color: #666;
  margin-bottom: 1.5rem;
}
.unsubscribe-page .button {
  display: inline-block;
  padding: 0.8rem 2rem;
  background-color: #007bff;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 5px;
  transition: background-color 0.3s;
}
.unsubscribe-page .button:hover {
  background-color: #0056b3;
}
.video-player-inline {
  position: relative;
}
.rss-link i {
  color: #cc5200 !important;
}
.rss-link:hover i {
  color: #ff6600 !important;
}