:root {
    --primary: #066ac9;     --primary-light: #e6f0f9;   --primary-dark: #055aab;
    --secondary: #e4e6ef;   --secondary-dark: #b5b5c3;

    --font1: 'Rubik', sans-serif;
    --font2: 'Lato', sans-serif;

	--fsize1: calc(1.425rem + 2.1vw); 
	--fsize2: calc(1.375rem + 1.5vw);
	--fsize3: calc(1.275rem + .3vw);

	--lh1: 1.2;
	--lh2: 1.2;
	--lh3: 1.2;

    --bs-body-font-family: var(--font1);
    --bs-link-color: var(--primary);
    --bs-link-hover-color: var(--secondary);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .fsize1, .fsize2, .fsize3 { font-family: var(--font2); }

.fsize1 { font-size: var(--fsize1)!important; }
.fsize2 { font-size: var(--fsize2)!important; }
.fsize3 { font-size: var(--fsize3)!important; }
font { font: inherit !important; color: inherit !important;} /* google-translate */
.cPrimary { color: var(--primary); }

/* Buttons */
.btn { --bs-btn-padding-y: 0.375rem; --bs-btn-padding-x: 1rem; } 
.btn-group-sm>.btn, .btn-sm { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; }
.btn-group-lg>.btn, .btn-lg { --bs-btn-padding-x: 1rem; --bs-btn-padding-y: 0.375rem; }

.btn-primary { --bs-btn-color: #fff; --bs-btn-bg: var(--primary); --bs-btn-border-color: var(--primary);
--bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--primary-dark); --bs-btn-hover-border-color: var(--primary);
--bs-btn-active-color: #fff; --bs-btn-active-bg: var(--primary-dark); --bs-btn-active-border-color: var(--primary-dark);
--bs-btn-focus-shadow-rgb: 6,106,201; }

.btn-secondary { --bs-btn-color: #000; --bs-btn-bg: var(--secondary); --bs-btn-border-color: var(--secondary);  
--bs-btn-hover-color: #000; --bs-btn-hover-bg: var(--secondary-dark); --bs-btn-hover-border-color: var(--secondary-dark);
--bs-btn-active-color: #000; --bs-btn-active-bg: var(--secondary-dark); --bs-btn-active-border-color: var(--secondary-dark);
--bs-btn-focus-shadow-rgb: 228, 230, 239; }

/* Header */
.topbar { background: var(--primary); }
header { background: #fff; box-shadow: 1px 3px 5px 0px rgb(210, 217, 237, .3); z-index: 1040; }
header .navbar.navbar-top { padding-top: 1rem; padding-bottom: 1rem; }
header .nav-link:not(.btn):hover { color: var(--primary); }
.navbar .logo { width: 100%; max-width: 200px; }

/* Slideshows */
.slick-slider .slick-arrow:focus { box-shadow: 0 0 0 0.25rem rgba(6, 106, 201,.4); }

/* Cards */
.card { border-radius: 0px; }
.card .card-img-top { border-radius: 0px; }

/* Dropdowns */
.dropdown-menu, .hasMenu > ul, .hasSubMenu > ul { }

/* Forms */
.form-label { margin-bottom: 0px; }
.form-control {  }
.form-select { }
/* Autocomplete List */
.navbar-top ul.autocomplete-list {
    border: 1px solid #ced4da;
    width: 500px;
}

ul.autocomplete-list{
    list-style: none;
    position: absolute;
    background: white;
    padding-left: 0;
    z-index: 2000;
    padding: 0rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-top: 0;
    width: 285px;
}

ul.autocomplete-list strong{
    display: block;
}

ul.autocomplete-list>li{
    margin-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

#mobileSearchCollapse ul.autocomplete-list {
    top: 38px;
    width: auto;
}

ul.autocomplete-list>li:hover{
    cursor: pointer;
    background: #f9f9f9;
    /* background: #333333; */
}

ul.autocomplete-list>li a{
    color:var(--bs-body-color);
}
ul.autocomplete-list>li:hover a{
    color:var(--bs-body-color);
}

/* Alerts */
.alert { border-radius: .45rem; }

@media (min-width: 576px) {}
@media(min-width: 768px){}
@media(min-width: 992px){
}
@media(min-width: 1200px){
    :root {
        --fsize1: 2.75rem; 
        --fsize2: 2rem;
        --fsize3: 1.5rem;
    }

    .navbar .logo { max-width: 250px; }

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