body {
  background-color: ;
  color: ;
}
.webpage-block .jumbotron h1, h1 {
  color: ;
  font-family: Koh Santepheap;
  font-size: 40px;
}
.webpage-block .jumbotron h2, h2 {
  color: ;
  font-family: Koh Santepheap;
  font-size: 30px;
}
.webpage-block .jumbotron h3, h3 {
  color: ;
  font-family: Koh Santepheap;
  font-size: 24px;
}
.webpage-block .jumbotron h4, h4 {
  color: ;
  font-family: Koh Santepheap;
  font-size: 18px;
}
.webpage-block .jumbotron h5, h5 {
  color: ;
  font-family: Roboto;
  font-size: 14px;
}
.webpage-block .jumbotron h6, h6 {
  color: ;
  font-family: Roboto;
  font-size: 12px;
}
.webpage-block .jumbotron p, p, .content-block div, .panel div, li {
  color: ;
  font-family: Roboto;
  font-size: 16px;
}
.jumbotron blockquote, blockquote {
  color: ;
  font-family: Roboto;
  font-size: 18px;
}
.jumbotron .lead, .content-block .lead, .lead {
  color: ;
  font-family: Koh Santepheap;
  font-size: 21px;
}
@media (max-width: 767px) {
  .webpage-block .jumbotron h1, h1 {
    font-size: 35px;
  }
  .webpage-block .jumbotron h2, h2 {
    font-size: 30px;
  }
  .webpage-block .jumbotron h3, h3 {
    font-size: 24px;
  }
  .webpage-block .jumbotron h4, h4 {
    font-size: 18px;
  }
  .webpage-block .jumbotron h5, h5 {
    font-size: 14px;
  }
  .webpage-block .jumbotron h6, h6 {
    font-size: 12px;
  }
  .webpage-block .jumbotron p, p {
    font-size: 16px;
  }
  .webpage-block .jumbotron blockquote, blockquote {
    font-size: 18px;
  }
  .webpage-block .jumbotron .lead, .lead {
    font-size: 20px;
  }
}
.webpage-background a {
  color: ;
}
.webpage-block a {
  color: ;
}
.webpage-contact a {
  color: ;
}
.webpage-about a {
  color: ;
}
.webpage-footer {
  background-color: #285981 !important;
  color: #f1f1f1 !important;
}
.webpage-footer a{
  color: #ffffff !important;
}
.webpage-footer .site-footer-simple {
  background-color: #285981 !important;
  color: #f1f1f1 !important;
}

.webpage-footer p {
  color: #f1f1f1 !important;
}
.webpage-footer .site-footer-simple a,
.webpage-footer .site-footer-simple a:hover {
  background-color: #285981 !important;
  color: #ffffff !important;
}
.webpage-header .navbar {
  background-color: #ffffff;
  color: 666;
}
.webpage-header .navbar a,
.webpage-header .navbar a:hover {
  color: #666666 !important;
}
.webpage-header.navbar-fixed-top {
  background-color: ;
}
.webpage-group .webpage-hero > div > div {
  padding-top: 20px;
}
.webpage-header.navbar-fixed-top.hero-behind.transparent {
  background-color: transparent;
}
.webpage-header.hero-behind.transparent .navbar {
  background-color: transparent;
}
body.hero-behind .webpage-group .webpage-hero > div {
  margin-top: 0 !important;
}
.webpage-footer .site-footer-columns .site-footer-upper,
.webpage-footer .site-footer-layers {
  background-color: #285981 !important;
  color: #f1f1f1 !important;
}
.webpage-footer .site-footer-columns .site-footer-upper a,
.webpage-footer .site-footer-columns .site-footer-upper a:hover,
.webpage-footer .site-footer-layers a,
.webpage-footer .site-footer-layers a:hover {
  color: #ffffff !important;
}
:root{
  --ms-member-blue:#3E6F8D;
}

/* =========================
DIRECTORY SPACING
========================= */

.ctc-directory .webpage-block + .webpage-block{
  margin-top:35px;
}

.ctc-directory .webpage-block{
  padding-top:15px !important;
  padding-bottom:15px !important;
}

/* =========================
SECTION TITLES
========================= */

.ctc-directory h2{
  font-size:16px !important;
  letter-spacing:.5px;
  font-weight:600;
  margin-top:10px;
  margin-bottom:10px;
  border-left:4px solid var(--ms-member-blue);
  padding-left:8px;
}

/* =========================
SECTION TEXT
========================= */

.ctc-directory p{
  margin-bottom:14px;
  color:#475569;
  line-height:1.6;
}

/* =========================
DIRECTORY CARD STYLE
========================= */

.ctc-directory .directory-item,
.business-directory .business-card,
.directory-listing,
.listing-card{
  background:#f8fbfd;
  border:1px solid #dbe7ee;
  border-radius:14px;
  padding:18px 20px;
  margin-bottom:16px;
  box-shadow:0 3px 10px rgba(0,0,0,0.04);
  transition:all .2s ease;
}

/* Hover animation */

.ctc-directory .directory-item:hover,
.business-directory .business-card:hover,
.directory-listing:hover,
.listing-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 20px rgba(0,0,0,0.07);
  border-color:var(--ms-member-blue);
  background:#f7fbff;
}

/* =========================
MEMBER LOGO FRAMING
========================= */

.ctc-directory .directory-item img{
  border:2px solid var(--ms-member-blue);
  padding:6px;
  border-radius:6px;
  background:#f6f9fb;
  width:100%;
  max-width:120px;
  height:80px;
  object-fit:contain;
  object-position:center;
  margin-bottom:8px;
}

/* =========================
BUSINESS NAME / LISTING TITLE
========================= */

.ctc-directory .directory-item h3,
.directory-listing h3,
.business-card h3{
  color:#2f5d7c;
  font-size:20px;
  font-weight:600;
  margin-bottom:6px;
}

/* =========================
DIRECTORY LINKS
========================= */

.ctc-directory .directory-item a{
  color:var(--ms-member-blue);
  text-decoration:none;
}

.ctc-directory .directory-item a:hover{
  text-decoration:underline;
}

/* =========================
DIVIDER STYLING
========================= */

.ctc-directory hr{
  border:none;
  border-top:1px solid #e5e5e5;
  margin:40px 0;
}

/* =========================
SITE BUTTON IMPROVEMENTS
========================= */

.btn,
.button,
a.button,
input[type=submit]{
  background:#2f5d7c !important;
  border-radius:8px !important;
  padding:12px 24px !important;
  font-weight:600 !important;
  transition:all .2s ease;
}

.btn:hover,
.button:hover,
a.button:hover,
input[type=submit]:hover{
  background:#264d67 !important;
  transform:translateY(-1px);
}

/* =========================
RESPONSIVE DIRECTORY GRID
========================= */

@media (min-width:900px){
  .ctc-directory .directory-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
}

@media (min-width:1300px){
  .ctc-directory .directory-list{
    grid-template-columns:1fr 1fr 1fr;
  }
}