/* ==========================================================================
     Project:     Mobi CMS Knowledgebase - 2026
     Date:        04/23/2026 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

:root {
     --white: #fff;
     --light-grey: #F9F9F9;
     --dark-blue: #1D2746;
     --grey-blue: #6B707F;
     --light-grey-blue: #B5B8BF;
     --lighter-grey-blue: #DDDEE1;
     --lightest-grey-blue: #E9EAEF;
     --light-blue: #1489F6;
     --blue: #0F73D1;
     --mobi-purple: #2B388F;
     --mobi-purple-light: #2B388F1A;
     --mobi-purple-lighter: #2B388F0D;
     --mobi-blue: #1B75BB;
     --alvin-green: #016839;
     --purple: #6C62CA;
     --orange: #FF8631;
}

/* ==========================================================================
     Typograpy
========================================================================== */

body {background: var(--light-grey); color: var(--dark-blue); font-family: "Roboto", sans-serif; overflow-x:hidden}
.page-wrapper h1,.page-wrapper h2,.page-wrapper h3,.page-wrapper h4,.page-wrapper h5,.page-wrapper h6, .page-wrapper .h1, .page-wrapper .h2, .page-wrapper .h3, .page-wrapper .h4, .page-wrapper .h5, .page-wrapper .h6 { font-family: "Roboto", sans-serif; font-weight:700 }
.page-wrapper #maincontent h1 {font-size: 1.75rem;}
.page-wrapper #maincontent h1 .fa-file-alt {margin-top: 6px;font-size: 1.25rem}
.page-wrapper .topics-tabs .fa-file-alt {margin-top: 3px;font-size: 1.25rem}
.page-wrapper #maincontent h2 {font-size: 1.5rem;}
.page-wrapper #maincontent h3 {font-size: 1.35rem;}
.page-wrapper #maincontent h4 {font-size: 1.2rem;}
.page-wrapper #maincontent h5 {font-size: 1.1rem;}
.page-wrapper #maincontent h6 {font-size: 1rem;}
.page-wrapper #maincontent video {max-width: 100%; height: auto;}

.page-wrapper p {margin-bottom: 1.5rem;line-height: 1.6}
.page-wrapper address {line-height: 1.4}
.page-wrapper code {background: var(--mobi-purple-lighter); border: 1px solid rgba(43, 56, 143, .12); border-radius: .25rem; color: var(--mobi-purple); font-size: .875em; padding: .125rem .35rem;}
.page-wrapper pre code {display: block; background: var(--white); color: var(--dark-blue); padding: 1rem; overflow-x: auto;}

/* ==========================================================================
     Main Layout
========================================================================== */ 

html {scroll-behavior: smooth;}

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:var(--dark-blue); width:auto;height:auto;overflow:visible;padding:10px;color:var(--white);font-weight:600;font-size:.875rem;z-index:99;text-decoration:underline}
.skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: var(--white)}

/* Header */
.header-wrapper {background: url(/img/bg-hero.webp) center center no-repeat; background-size:cover; position: relative; z-index: 0; display: flex; align-items: center}
.header-wrapper::after {content:""; position: absolute; z-index: -1; width: 100%; height: 100%; top: 0px; left: 0px; opacity: 0.8;background: linear-gradient(104deg, #1489F6 1.72%, #2B388F 93.5%);}
.header-wrapper > :not(.particles-js-canvas-el) {position: relative; z-index: 2;}
.header-wrapper > .particles-js-canvas-el {position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none;}

/* Main */
main {position: relative;z-index:0}
main::before, main::after {content: ""; z-index: -1; width: 350px; height: 350px; position: absolute; background: url(/img/bg-halftone.png); background-size: cover;}
main::before {top: 0px; left: 0px}
main::after {bottom: 0px; right: 0px; transform: scale(-1,-1);}

/* ==========================================================================
     Components
========================================================================== */ 

/* Images */
.page-wrapper img {max-width: 100%}
.page-wrapper article img {background:var(--white); padding: 10px}
.page-wrapper #maincontent .maincontent-lightgallery-item {display: inline-block; position: relative; cursor: zoom-in;}
.page-wrapper #maincontent .maincontent-lightgallery-item img {transition: opacity 200ms ease, transform 200ms ease;}
.page-wrapper #maincontent .maincontent-lightgallery-item:hover img,
.page-wrapper #maincontent .maincontent-lightgallery-item:focus-visible img {opacity: .86; transform: scale(.995);}

/* Links */
a {color: var(--light-blue);}
a:hover, a:focus-visible {color: var(--mobi-purple); text-decoration: none;}
a.text-decoration-none:hover, a.text-decoration-none:focus {text-decoration: underline !important;}

/* Shadows */
.shadow-md {box-shadow: 0 0rem .75rem rgba(0,0,0,.1)}

/* Borders */
.border-bottom, .border-start, .border-top {border-color: var(--light-grey-blue) !important}

/* Rules */
hr {border-color: var(--light-grey-blue); opacity: 1}

/* Tables */
.table-mobi {--bs-table-bg: var(--white); --bs-table-color: var(--dark-blue); --bs-table-border-color: var(--lighter-grey-blue); border: 1px solid var(--lighter-grey-blue); border-radius: .5rem; border-collapse: separate; border-spacing: 0; overflow: hidden;}
.table-mobi > :not(caption) > * > * {padding: 1rem 1.25rem; vertical-align: middle; border-bottom-color: var(--lighter-grey-blue);}
.table-mobi > thead > tr > * {background: var(--mobi-purple-lighter); color: var(--dark-blue); font-weight: 700;}
.table-mobi > tbody > tr:last-child > * {border-bottom-width: 0;}
.table-mobi p:last-child {margin-bottom: 0;}
.table-mobi img {max-width: 100%; height: auto;}

/* Backgrounds */
.bg-light-grey {background: var(--light-grey)}
.bg-dark-blue {background: var(--dark-blue)}
.bg-grey-blue {background: var(--grey-blue)}
.bg-light-blue {background: var(--light-blue)}
.bg-mobi-purple {background: var(--mobi-purple)}
.bg-mobi-blue {background: var(--mobi-blue)}
.bg-alvin-green {background: var(--alvin-green)}
.bg-purple {background: var(--purple)}
.bg-orange {background: var(--orange)}

/* Search */
.mobi-search {width: 100%; max-width: 600px;}
.mobi-search .bg-white {border-radius: 30px; padding: 13px;}
.mobi-search input[type="text"], .mobi-search input[type="search"] {border-radius: 15px; border-color:var(--light-grey-blue); flex: 1 1 auto; min-width: 0;}
.mobi-search input[type="text"]::placeholder, .mobi-search input[type="search"]::placeholder {color: var(--grey-blue);}
.mobi-search .form-select {--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236B707F80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");}
.mobi-search button[type="submit"] {width: auto; margin-left: auto; padding: 10px 25px; text-align: left;}

/* Icons */
.icon-topic {width: 35px; height: 35px; color: var(--white);display:flex; align-items: center; justify-content: center;border-radius: 50%; font-size: .875rem}

.icon-num {background:var(--white); border-radius: 99px;  line-height: 0; display:inline-flex; align-items: center; justify-content: center;border-radius: 50%; font-weight: 600;}
.icon-num-white {background:var(--white);position: relative; top: -1px; width:17px; height:17px; font-size: .625rem;  color: var(--dark-blue)}
.icon-num-grey-blue {background: var(--lightest-grey-blue);height: 20px; width: 20px; font-size: .688rem; color: var(--grey-blue)}

.icon-arrow {width:2rem; height:2rem; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; flex-shrink:0; color:var(--mobi-purple); background: var(--mobi-purple-light); transition: background-color 250ms ease, color 250ms ease;}
.icon-arrow-slanted { transform:rotate(45deg); transition:transform 250ms ease,background-color 250ms ease; }

.icon-askalvin {background: var(--alvin-green); display:inline-flex; align-items: center; justify-content: center;border-radius: 50%; width: 30px; height: 30px;}

/* Socials */
.socials a {background: var(--white); border-radius: 50%; box-shadow: 0 .25rem .75rem rgba(29,39,70,.12); color: var(--dark-blue); display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; text-decoration: none; transition: color 250ms ease, transform 250ms ease, box-shadow 250ms ease;}
.socials a:hover, .socials a:focus-visible {color: var(--mobi-purple); transform: translateY(-2px); box-shadow: 0 .5rem 1rem rgba(29,39,70,.16);}

/* Topics Tabs */
.topics-tabs .nav.nav-tabs {gap: 15px; justify-content: center;border:none}
.topics-tabs .nav.nav .nav-link.nav-link, .topics-tabs .topics-tabs-link.nav-link {background: var(--lighter-grey-blue);border:none; border-radius: 99px; font-weight: 700; margin-bottom:0; padding: 4px 20px;font-size: .913rem; color: var(--dark-blue)}
.topics-tabs .nav.nav .nav-link.nav-link:hover, .topics-tabs .nav.nav .nav-link.nav-link:focus, .topics-tabs .topics-tabs-link.nav-link:hover, .topics-tabs .topics-tabs-link.nav-link:focus {background: rgba(107, 112, 127, 0.3);}
.topics-tabs .nav.nav .nav-link.nav-link.active {background: var(--light-blue); color: var(--white); border:none}
.topics-tabs .tab-content.tab-content {padding: 40px 0px}
.topics-tabs .row a {color: var(--dark-blue)}

/* Mainmenu Accordion */
.sidebar-toggle {font-weight: 700;}
.sidebar-toggle .icon-arrow .fas {transition: transform 250ms ease;}
.sidebar-toggle[aria-expanded="true"] {background: var(--mobi-purple-lighter); border-color: var(--light-blue); color: var(--light-blue);}
.sidebar-toggle[aria-expanded="true"] .icon-arrow {background: var(--light-blue); color: var(--white);}
.sidebar-toggle[aria-expanded="true"] .icon-arrow .fas {transform: rotate(180deg);}

.mainmenu-accordion .accordion-item {margin-inline: -1.5rem;}
.mainmenu-accordion .icon-num icon-num-white {background: var(--lighter-grey-blue); width: 20px; height: 20px; color: var(--grey-blue); position: relative; top: .5px}
.mainmenu-accordion button[data-bs-toggle="collapse"] {padding-block: .5rem; padding-inline: 1.5rem; transition: background-color 250ms ease, color 250ms ease;font-size: 1.025rem}
.mainmenu-accordion .accordion-button::after {content:none}
.mainmenu-accordion .accordion-body {padding: 0;}
.mainmenu-accordion .accordion-body > ul > li {padding-block: 5px; padding-inline: 1.5rem;}
.mainmenu-accordion .icon-arrow .fas {transition: transform 250ms ease;}
.mainmenu-accordion button[aria-expanded="true"] {background: var(--mobi-purple-lighter); color: var(--light-blue);}
.mainmenu-accordion button[aria-expanded="true"] .icon-arrow {background: var(--light-blue); color: var(--white);font-size: 1rem}
.mainmenu-accordion button[aria-expanded="true"] .icon-arrow .fas {transform: rotate(180deg);}
.mainmenu-accordion .active {background: var(--mobi-purple-lighter); color: var(--light-blue);}
.mainmenu-accordion .active a {color: var(--light-blue)}

/* Lists */
.list-faq {list-style:none; margin-bottom:0; padding-left:0;}
.list-faq li {position:relative; border-bottom:1px solid var(--light-grey-blue);}
.list-faq li:last-child {border-bottom:0;}
.list-faq li::before {content:""; width:.375rem; height:.375rem; border-radius:50%; background:var(--grey-blue); position:absolute; top:50%; left:0; transform:translateY(-50%);}
.list-faq.list-faq li > a[href] {display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 0 1rem calc(.375rem + 20px); color:var(--dark-blue); font-weight:600; text-decoration:none; background-image:none; background-size:0 0; transition:transform 250ms ease, color 250ms ease;}
.list-faq .faq-link-text {text-decoration:none; text-underline-offset:3px;}
.list-faq.list-faq li > a[href]:hover, .list-faq.list-faq li > a[href]:focus-visible {color:var(--dark-blue); text-decoration:none; background-image:none; background-size:0 0; transform:translateX(.25rem);}
.list-faq.list-faq li > a[href]:hover .faq-link-text,.list-faq.list-faq li > a[href]:focus-visible .faq-link-text {text-decoration:underline;}
.list-faq.list-faq li > a[href]:hover .icon-arrow-slanted,.list-faq.list-faq li > a[href]:focus-visible .icon-arrow-slanted {transform:rotate(45deg) translate(.2rem, -.2rem); background:rgba(29, 39, 70, 0.22);}

/* Slideshows */
.topics-slideshow .slick-dots, .cards-slideshow .slick-dots {padding:0px; margin:15px 0px 0px 0px; display:flex; justify-content: center;font-size: 0}
.topics-slideshow .slick-dots li, .cards-slideshow .slick-dots li {display:inline-block; padding: 0px 2px}
.topics-slideshow .slick-dots button, .cards-slideshow .slick-dots button { opacity: .25; width: 7px; height: 7px; display:block; border-radius: 50%;border:none; padding: 0px; background: var(--dark-blue)}
.topics-slideshow .slick-dots .slick-active button, .cards-slideshow .slick-dots .slick-active button {opacity: 1; background: var(--dark-blue)}
.topics-slideshow .slick-dots button:focus, .cards-slideshow .slick-dots button:focus {outline: none}

.topics-slideshow .slick-track, .cards-slideshow .slick-track {display: flex !important;}
.topics-slideshow.slick-slider .slick-slide, .cards-slideshow.slick-slider .slick-slide {padding: 10px 7.5px;}
.topics-slideshow .slick-slide, .cards-slideshow .slick-slide {height: inherit !important;}

/* Ask Alvin */
.ask-alvin {max-width: 700px; margin-left: auto; margin-right:auto;}
.ask-alvin .tos {height: 250px; overflow-y:auto;}
.ask-alvin .history-col {display:none;}
.ask-alvin .chat-history {overflow-y:auto;overflow-x:hidden;}
.ask-alvin .chat-response {display:flex;align-items:flex-start;gap:5px;max-width:fit-content;}
.ask-alvin .chat-response p {display:block;border-radius:16px;max-width:fit-content;}
.ask-alvin .user-entry {max-width:80%;margin-left:auto;}
.ask-alvin .user-entry p {display:block;background-color:var(--bs-secondary-bg);padding:6px 16px;border-radius:16px;margin-left:auto;margin-right:4px;text-align:right;max-width:fit-content;}
.ask-alvin .user-input {min-height:120px; height: 100%; border:2px solid var(--alvin-green);border-radius:15px;resize:none;outline:none;background-color:var(--white);color:var(--alvin-green);width:100%;padding:10px 30px 10px 15px;border-radius: 15px;box-shadow: 0 0 30px 0 rgba(1, 104, 57, 0.15);}
.ask-alvin .user-input::placeholder {color: var(--alvin-green)}
.ask-alvin .btn-submit {background:none;position:absolute;bottom:20px;right:20px;}
.ask-alvin .btn-submit.disabled {pointer-events:none;opacity:.25}
.ask-alvin .btn-copy-response {position:sticky;top:0px;left:0px;padding:0px 10px}
.ask-alvin .btn-copy-response .fa {font-size:1.25rem;margin:-2px 0px 2px 0px}
.ask-alvin .chat-response-loading {margin-top:-30px}
.ask-alvin .loading-dots {width:8px;aspect-ratio:1;border-radius:50%;animation:loading 1s infinite linear alternate;}

@keyframes loading {
     0%{box-shadow:20px 0 var(--bs-emphasis-color),-20px 0 rgba(var(--bs-emphasis-color-rgb), .125);background:var(--bs-emphasis-color)}
     33%{box-shadow:20px 0 var(--bs-emphasis-color),-20px 0 rgba(var(--bs-emphasis-color-rgb), .125);background:rgba(var(--bs-emphasis-color-rgb), .125)}
     66%{box-shadow:20px 0 rgba(var(--bs-emphasis-color-rgb), .125),-20px 0 var(--bs-emphasis-color);background:rgba(var(--bs-emphasis-color-rgb), .125)}
     100%{box-shadow:20px 0 rgba(var(--bs-emphasis-color-rgb), .125),-20px 0 var(--bs-emphasis-color);background:var(--bs-emphasis-color)}
}

/* ==========================================================================
     CMS Classes
========================================================================== */

/* Text */
.text-grey-blue {color: var(--grey-blue)}
.text-light-blue {color: var(--light-blue)}
.text-mobi-purple {color: var(--mobi-purple)}
.text-light-grey {color: var(--light-grey-blue)}
.text-default {color: var(--dark-blue)}
.text-dark-blue {color: var(--dark-blue)}
.text-blue {color: var(--blue)}

.text-xxs {font-size: .688rem}
.text-xs {font-size: .75rem}
.text-sm {font-size: .875rem;}
.text-md {font-size: 1.063rem;}
.text-lg {font-size: 1.125rem;}
.text-xl {font-size: 1.25rem !important;}

.text-clamp-2 {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 2; overflow: hidden; }
.text-clamp-3 {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 3; overflow: hidden;}
.text-clamp-4 {text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 4; overflow: hidden; }

.leading-none {line-height: 0}
.leading-tight {line-height: 1.3}
.leading-loose {line-height: 1.8}

.fw-black {font-weight:900}

/* Buttons */
.btn-light-blue,
.btn-dark-blue,
.btn-green,
.btn-light-blue-outline,
.btn-grey-blue-outline,
.btn-mobi-blue-outline,
.btn-purple,
.btn-white-outline,
.cms-slideshow .btn-primary, 
.cms-form .btn-primary, 
form[name=frmSearch] .btn-primary { border:none;text-decoration:none; padding: 8px 25px; transition:all 250ms ease;border-radius: 99px; text-align:left; font-weight:600; font-size: .875rem; line-height: 1.3; background:none;}

.btn-light-blue {--bs-btn-bg: var(--light-blue); --bs-btn-color: var(--white); --bs-btn-border-color: var(--light-blue); --bs-btn-hover-bg: var(--mobi-blue); --bs-btn-hover-color: var(--white); --bs-btn-hover-border-color: var(--mobi-blue); --bs-btn-active-bg: var(--mobi-blue); --bs-btn-active-color: var(--white); --bs-btn-active-border-color: var(--mobi-blue); --bs-btn-active-shadow: none; background:var(--light-blue); color: var(--white)}
.btn-light-blue:hover, .btn-light-blue:focus, .btn-light-blue:focus-visible, .btn-light-blue:active {background:var(--mobi-blue); color: var(--white); box-shadow:none; outline:none}

.btn-dark-blue {--bs-btn-bg: var(--dark-blue); --bs-btn-color: var(--white); --bs-btn-border-color: var(--dark-blue); --bs-btn-hover-bg: var(--mobi-purple); --bs-btn-hover-color: var(--white); --bs-btn-hover-border-color: var(--mobi-purple); --bs-btn-active-bg: var(--mobi-purple); --bs-btn-active-color: var(--white); --bs-btn-active-border-color: var(--mobi-purple); --bs-btn-active-shadow: none; background:var(--dark-blue); color: var(--white)}
.btn-dark-blue:hover, .btn-dark-blue:focus, .btn-dark-blue:focus-visible, .btn-dark-blue:active {background:var(--mobi-purple); color: var(--white); box-shadow:none; outline:none}

.btn-green {--bs-btn-bg: var(--alvin-green); --bs-btn-color: var(--white); --bs-btn-border-color: var(--alvin-green); --bs-btn-hover-bg: #015730; --bs-btn-hover-color: var(--white); --bs-btn-hover-border-color: #015730; --bs-btn-active-bg: #015730; --bs-btn-active-color: var(--white); --bs-btn-active-border-color: #015730; --bs-btn-active-shadow: none; background:var(--alvin-green); color: var(--white)}
.btn-green:hover, .btn-green:focus, .btn-green:focus-visible, .btn-green:active {background:#015730; color: var(--white); box-shadow:none; outline:none}

.btn-light-blue-outline {--bs-btn-bg: var(--white); --bs-btn-color: var(--light-blue); --bs-btn-border-color: var(--light-blue); --bs-btn-hover-bg: var(--white); --bs-btn-hover-color: var(--light-blue); --bs-btn-hover-border-color: var(--light-blue); --bs-btn-active-bg: var(--white); --bs-btn-active-color: var(--light-blue); --bs-btn-active-border-color: var(--light-blue); --bs-btn-active-shadow: none; background:var(--white); border: 1px solid var(--light-blue); color: var(--light-blue);}
.btn-light-blue-outline:hover, .btn-light-blue-outline:focus, .btn-light-blue-outline:focus-visible, .btn-light-blue-outline:active {background:var(--white); border: 1px solid var(--blue); color: var(--blue); box-shadow:none; outline:none}

.btn-grey-blue-outline {--bs-btn-bg: var(--white); --bs-btn-color: var(--grey-blue); --bs-btn-border-color: var(--grey-blue); --bs-btn-hover-bg: var(--white); --bs-btn-hover-color: var(--grey-blue); --bs-btn-hover-border-color: var(--grey-blue); --bs-btn-active-bg: var(--white); --bs-btn-active-color: var(--grey-blue); --bs-btn-active-border-color: var(--grey-blue); --bs-btn-active-shadow: none; background:var(--white); border: 1px solid var(--grey-blue); color: var(--grey-blue);}
.btn-grey-blue-outline:hover, .btn-grey-blue-outline:focus, .btn-grey-blue-outline:focus-visible, .btn-grey-blue-outline:active {background:var(--white); border: 1px solid var(--dark-blue); color: var(--dark-blue); box-shadow:none; outline:none}

.btn-purple {--bs-btn-bg: var(--mobi-purple); --bs-btn-color: var(--white); --bs-btn-border-color: var(--mobi-purple); --bs-btn-hover-bg: var(--dark-blue); --bs-btn-hover-color: var(--white); --bs-btn-hover-border-color: var(--dark-blue); --bs-btn-active-bg: var(--dark-blue); --bs-btn-active-color: var(--white); --bs-btn-active-border-color: var(--dark-blue); --bs-btn-active-shadow: none; background:var(--mobi-purple); color: var(--white)}
.btn-purple:hover, .btn-purple:focus, .btn-purple:focus-visible, .btn-purple:active {background:var(--dark-blue); color: var(--white); box-shadow:none; outline:none}

.btn-white-outline {--bs-btn-bg: transparent; --bs-btn-color: var(--white); --bs-btn-border-color: var(--white); --bs-btn-hover-bg: rgba(0,0,0,.1); --bs-btn-hover-color: var(--white); --bs-btn-hover-border-color: var(--white); --bs-btn-active-bg: rgba(0,0,0,.1); --bs-btn-active-color: var(--white); --bs-btn-active-border-color: var(--white); --bs-btn-active-shadow: none; background:none; border: 1px solid var(--white); color: var(--white);}
.btn-white-outline:hover, .btn-white-outline:focus, .btn-white-outline:focus-visible, .btn-white-outline:active {background:rgba(0,0,0,.1); border: 1px solid var(--white); color: var(--white); box-shadow:none; outline:none}

.btn-mobi-blue-outline {--bs-btn-bg: transparent; --bs-btn-color: var(--mobi-blue); --bs-btn-border-color: var(--mobi-blue); --bs-btn-hover-bg: rgba(255,255,255,.1); --bs-btn-hover-color: var(--mobi-blue); --bs-btn-hover-border-color: var(--mobi-blue); --bs-btn-active-bg: rgba(255,255,255,.1); --bs-btn-active-color: var(--mobi-blue); --bs-btn-active-border-color: var(--mobi-blue); --bs-btn-active-shadow: none; background:none; border: 1px solid var(--mobi-blue); color: var(--mobi-blue);}
.btn-mobi-blue-outline:hover, .btn-mobi-blue-outline:focus, .btn-mobi-blue-outline:focus-visible, .btn-mobi-blue-outline:active {background:rgba(255,255,255,.1); border: 1px solid var(--dark-blue); color: var(--dark-blue); box-shadow:none; outline:none}

.btn-top {width: 40px; height: 40px; display: flex;padding: 0px; justify-content: center; align-items:center; border-radius: 50%;}
.btn-top:hover, .btn-top:focus, .btn-top:focus-visible, .btn-top:active {background: rgba(0,0,0,.05); box-shadow:none; outline:none}

/* ==========================================================================
     CMS Components
========================================================================== */

/* Use .btn-blue's colors for cms elements */
.cms-slideshow .btn-primary, .cms-form .btn-primary, form[name=frmSearch] .btn-primary {background: var(--mobi-blue); color: var(--white)}
.cms-slideshow .btn-primary:active, 
.cms-slideshow .btn-primary:hover, 
.cms-slideshow .btn-primary:focus,
.cms-form .btn-primary:active, 
.cms-form .btn-primary:hover, 
.cms-form .btn-primary:focus,
form[name=frmSearch] .btn-primary:hover,
form[name=frmSearch] .btn-primary:focus, 
form[name=frmSearch] .btn-primary:active {background: var(--dark-blue) !important; border-color: transparent !important; color: var(--white); outline: none !important; box-shadow: none !important; }

/* Calendar */
.cms-calendar .text-primary {color: var(--mobi-blue) !important}
.cms-calendar .bg-primary {background: var(--mobi-blue) !important}

/* Forms */
form[name=frmSearch] .btn-primary {border-radius: 0px}

/* ==========================================================================
     Media Queries
========================================================================== */

@media (min-width: 0px) {	
     /* Topics Tabs */
     .topics-tabs .nav.nav-tabs {padding-bottom: 10px}
}

@media (min-width: 576px) {    
     /* Widths */
     .w-sm-50 {width: 50%}

     /* Borders */
     .border-sm-0 {border:none}

}

@media (max-width: 767.98px) {
     .topics-tabs-nav {flex-wrap: nowrap !important;justify-content: flex-start !important;overflow-x: auto;overflow-y: hidden; padding-bottom: 10px;-webkit-overflow-scrolling: touch;}
     .topics-tabs .nav.nav-tabs { flex-wrap: nowrap; justify-content: flex-start;gap: 8px; padding-bottom: 0;}
     .topics-tabs .nav-item, .topics-tabs .topics-tabs-link {flex: 0 0 auto;}
     .topics-tabs .nav.nav .nav-link.nav-link,.topics-tabs .topics-tabs-link.nav-link {white-space: nowrap;padding-inline: 14px; }
}

@media (min-width: 768px) {	
    /* Header */
     .header-wrapper-lg {min-height: 550px}

     /* Topics Tabs */
     .topics-tabs .nav.nav-tabs {padding-bottom: 0px}

     /* Mainmenu Accordion */
    #knowledge-base-sidebar {position: sticky; top: 15px;}
}
  
@media (min-width: 992px) {	

}

@media (min-width: 1200px) {

}    

@media (prefers-blueuced-motion: blueuce) {
	* { animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;transition: none !important}
}