/* cmsms stylesheet: Anderson modified: 12/07/25 23:18:40 */
/* CSS for Anderson Express */

body {
  font-family: "Open Sans", "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

strong { font-weight: 700; }
hr { background : rgba(0, 0, 0, 0.8); }

.ae-content a { decoration: none; color: #777777; }
.ae-content a:hover { decoration: underline; }

#footer { background: #000000; }
#header .header-body { background: #000000; }

.bg-color-ae-grey { background-color: #edecec; }

.bg-color-ae-black { background: #000000; }
.bg-color-ae-black.ae-home-news { border-bottom: 8px solid #ffffff; }
.bg-color-ae-black.ae-home-news h2, .bg-color-ae-black.ae-home-news p { color: #ffffff; }
.bg-color-ae-black .btn { background-color: #00BDE4; color: #ffffff;}
.bg-color-ae-black .btn:hover { background-color: #ffffff; color: #00BDE4; }

.bg-color-ae-blue { background-color: #00BDE4; color: #ffffff;}
.bg-color-ae-blue .btn { background-color: #ffffff; color: #000000;}
.bg-color-ae-blue .btn:hover { color: #00BDE4; }

.bg-image-ae-dots {
  background-color: #000000;
  background-image: url("/uploads/images/anderson-design/dots-bg.jpg");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 1000px 100%;
}

.bg-color-ae-title { 
  background: #00BDE4;
  background: linear-gradient(180deg, rgba(0,121,145,1) 0%, rgba(0,189,228,1) 100%); 
}

.bg-color-ae-title h2 { font-weight: 700; }

#header .header-top.border-bottom-ae-light { border-bottom: 1px solid #ffffff; }
#header .header-body.border-bottom-ae-blue { border-bottom: 8px solid #00BDE4; }
html.sticky-header-active #header .header-body {
    position: fixed;
    border-bottom-color: #00BDE4;
    box-shadow: none;
}

.border-top-ae-white { border-top: 2px solid #ffffff; }
.border-bottom-ae-white { border-bottom: 8px solid #ffffff; }
.border-bottom-ae-blue { border-bottom: 8px solid #00BDE4; }

.phone-ae-header { color: #ffffff; font-size: 22px; }
.phone-ae-header:hover { color: #ffffff; }
.phone-ae-header i { color: #ffffff; font-size: 20px; }

.btn-ae-header { background-color: #00BDE4; color: #ffffff; }
.btn-ae-header:hover { background-color: #ffffff; color: #00BDE4; }

.btn-ae-footer { border-color: #ffffff; color: #ffffff; }
.btn-ae-footer:hover { background-color: #00BDE4; color: #ffffff; border-color: #ffffff; }

.social-icons-ae-footer li a { background: #000000 !important; border: 2px solid #ffffff; }
.social-icons-ae-footer li a i { color: #ffffff; vertical-align: 0; }

h2.ae-slider-caption { font-weight: normal; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); }
.tp-leftarrow { left: -30px !important; border-radius: 0px 6px 6px 0px !important; }
.tp-rightarrow { left: auto !important; right: -70px !important; border-radius: 6px 0px 0px 6px !important; }

.tparrows {
  background: #ffffff;
  background: rgba(255,255,255,.5);
  color: #000000 !important;
}
.tparrows::before {
  color: #000000 !important;
}
.tparrows:hover {
    background: rgba(255,255,255,.8);
}

.slick-slider { margin-top: 4px;}
.slick-slide { margin: 0px 2px 0px 2px; }
.slick-list { height: 300px; }
.slick-dots li button:before { font-size: 12px !important; }
.slick-dots li.slick-active button:before { opacity: 1; color: #00BDE4 !important; }

ul.check li, ul.times li { margin-bottom: 0px; padding-left: 1.3em !important; }
ul.check li:before, ul.times li:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }
ul.check li:before { content: "\f00c"; color: #00BDE4; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: -1.3em; width: 1.3em; }
ul.times li:before { content: "\f00d"; color: #d7222a; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-left: -1.3em; width: 1.3em; }

.ae-column-content h2 { color: #00BDE4; margin: 0px 0px 16px 0px; }
.ae-column-content h2 { color: #00BDE4; margin: 0px 0px 16px 0px; }
.ae-column-content .btn { background-color: #00BDE4; color: #ffffff; border: 2px solid #00BDE4; }
.ae-column-content .btn:hover { background-color: #ffffff; color: #00BDE4; border-color: #00BDE4; }
.ae-column-content.bg-color-ae-grey h2 { color: #000000; }

.file-drop-area {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    transition: 0.2s;
    background-color: #ffffff;
    border-radius: 0.25rem;
}

.choose-file-button {
    flex-shrink: 0;
    background-color: #00BDE4;
    border: 2px solid #00BDE4;
    border-radius: 3px;
    padding: 4px 12px;
    margin-right: 10px;
    text-transform: uppercase;
    color: #ffffff !important;
    font-weight: normal;
    font-size: 12px;
}

.file-message {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0
}

@media (min-width: 1200px) {
}

@media (min-width: 992px) {
}

@media (min-width: 767px) {
.ae-home-news .h-400px { height: 400px; }
.ae-home-news .h-200px { height: 200px; }
.ae-home-news img { display: none; }
}

@media (max-width: 991px) {
  .ae-home-news .h-400px { height: auto; }
  .ae-home-news .h-200px { height: auto; }
  .ae-home-news img { display: inline; }
  .ae-home-news section { background-image: none !important; padding: 0 !important; }
}

/* News
*/

.news-button-link { margin-bottom: 20px; }
.news-button-link i { padding-right: 10px; }
.news-button-link a { background-color: #00BDE4; border: 1px solid #00BDE4; color: #ffffff; }
.news-button-link a:hover { color: #000000; }
.news-button-link a.btn-sm.text-uppercase { font-weight: normal; font-size: 1rem;}

.news-content h3 { margin-top: 30px; margin-bottom: 20px; }

.pagination > a, .pagination > a:hover, .pagination > a:focus, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #535353;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link {
    background-color: #00BDE4 !important;
    border-color: #00BDE4;
}

.article-image-right, .article-image-left { width: 100%; height: auto; }
.article-image-right { float: none; margin-left: 0px; margin-bottom: 15px; }
.article-image-left { float: none; margin-left: 0px; margin-bottom: 15px; }

@media (min-width: 576px) {
  .article-image-right, .article-image-left { width: 50%; }
  .article-image-right { float: right; margin-left: 15px;}
  .article-image-left{ float: left; margin-right: 15px;}
}

@media (min-width: 768px) {
  .article-image-right, .article-image-left { width: 25%; }
  .article-image-right { float: right; margin-left: 15px;}
  .article-image-left { float: left; margin-right: 15px;}
}