@charset "UTF-8";
:root {
    --bs-purple: #dd157d;
    --bs-gray: #767676;
    --bs-gray-light: #ced4da;
    --bs-gray-dark: #555555;
    --gsol-yellow: #f5d300;
    --gsol-purple-dark: #a30758;
    --gsol-yellow-dark: #d7b800;
    --gsol-yellow-light: #fdf8e7;
    --gsol-trip: #00aa6c;
    --gsol-trip-light: #deead5;
    --gsol-trip-dark: #008152;
    --gsol-orange-light: #fae2d6;
    --gsol-orange-dark: #ca6510;
    --gsol-blue-light: #e4eeff;
    --gsol-purple-light: #fdf8fb;
    --gsol-gray-light: #e9ecef;
    
    --bs-nav-link-padding-y: .5rem;
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-color: #0d6efd;
    --bs-nav-link-font-size: var(--bs-body-font-size);
    --bs-nav-link-font-weight: 700;
    
    --bs-breadcrumb-font-size: .875em;
}

.btn-gsol {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--gsol-yellow);
    --bs-btn-border-color: var(--gsol-yellow);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--gsol-yellow-dark);
    --bs-btn-hover-border-color: var(--gsol-yellow-dark);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--gsol-yellow-dark);
    --bs-btn-active-border-color: var(--gsol-yellow-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--gsol-yellow);
    --bs-btn-disabled-border-color: var(--gsol-yellow);
}
.btn-gsol-alt {
    --bs-btn-color: var(--bs-purple);
    --bs-btn-bg: var(--bs-light);
    --bs-btn-border-color: var(--bs-purple);
    --bs-btn-hover-color: var(--bs-purple);
    --bs-btn-hover-bg: var(--gsol-yellow);
    --bs-btn-hover-border-color: var(--gsol-yellow-dark);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--gsol-yellow);
    --bs-btn-active-border-color: var(--gsol-yellow-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--gsol-yellow);
    --bs-btn-disabled-border-color: var(--gsol-yellow);
}
.btn-trip {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--gsol-trip);
    --bs-btn-border-color: var(--gsol-trip);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--gsol-trip-dark);
    --bs-btn-hover-border-color: var(--gsol-trip-dark);
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--gsol-trip-dark);
    --bs-btn-active-border-color: var(--gsol-trip-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--gsol-trip);
    --bs-btn-disabled-border-color: var(--gsol-trip);
}
.btn-orange {
    --bs-btn-color: #000;
    --bs-btn-bg: var(--bs-orange);
    --bs-btn-border-color: var(--bs-orange);
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--gsol-orange-dark);
    --bs-btn-hover-border-color: var(--gsol-orange-dark);
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--gsol-orange-dark);
    --bs-btn-active-border-color: var(--gsol-orange-dark);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: var(--bs-orange);
    --bs-btn-disabled-border-color: var(--bs-orange);
}
.btn-outline-location {
    --bs-btn-color: var(--bs-gray);
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-gray);
    --bs-btn-hover-border-color: var(--bs-gray);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-gray);
    --bs-btn-active-border-color: var(--bs-gray);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-gray);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-gray);
    --bs-gradient: none;
}

/* Bootstrap hardcoded modifications */

body {
    font-family: "Lato", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", system-ui, -apple-system, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
hr {
    opacity: 1;
}
.text-justify {
    text-align: justify !important;
}
.start-25 {
    left: 25% !important;
}
.start-33 {
    left: 33.333333% !important;
}
.end-33 {
    right: 33.333333% !important;
}
.end-25 {
    right: 25% !important;
}
.top-25 {
    top: 25% !important;
}
.top-33 {
    top: 33% !important;
}
.bottom-25 {
    bottom: 25% !important;
}
.bottom-33 {
    bottom: 33% !important;
}
.w-33 {
    width: 33.333333% !important;
}
.mw-20 {
    max-width: 20% !important;
}
.mw-50 {
    max-width: 50% !important;
}
.vw-75 {
    width: 75vw !important;
}
.vw-90 {
    width: 90vw !important;
}
.min-vh-50 {
    min-height: 50vh !important;
}
.min-vh-75 {
    min-height: 75vh !important;
}

.text-gray-dark {
    color: var(--bs-gray-dark) !important;
}
.text-primary, .nav-link, .link-primary {
    color: var(--bs-gray) !important;
}
.link-secondary {
    color: var(--bs-dark) !important;
}
.link-light-gray {
    color: var(--bs-gray-light) !important;
}
.nav-link:hover, .link-primary:hover, .link-secondary:hover, .text-purple {
    color: var(--bs-purple) !important;
}
.nav-link:focus, .link-primary:focus, .link-secondary:focus {
    color: var(--gsol-purple-dark) !important;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler:not(.collapsed) {
    border-color: var(--bs-purple);
}
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.border-purple {
    border-color: var(--bs-purple) !important;
}
.form-control:focus, .form-select:focus, .form-check-input:focus {
    border-color: var(--bs-light);
    box-shadow: 0 0 0 0.25rem rgba(221, 21, 125, 0.25);
}
.form-check-input:checked {
    background-color: var(--bs-purple);
    border-color: var(--bs-purple);
}

.fs-7 {
    font-size: 0.85rem !important;
}
.fs-8 {
    font-size: 0.65rem !important;
}
.display-7 {
    font-size: calc(1.375rem + 0.5vw);
    font-weight: 300;
    line-height: 1.3;
}
.btn {
    border: none;
}
.btn-primary {
    background-color: var(--bs-purple);
    color: var(--bs-btn-color);
}
.btn-primary:hover, .btn-primary:focus {
    background-color: var(--gsol-purple-dark) !important;
}
.btn-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(163,7,88,.5);
}
.btn-primary:disabled, .btn-primary.disabled {
    color: #fff !important;
    background-color: var(--bs-gray) !important;
    border-color: var(--bs-gray);
}
.btn-sm {
    font-size: var(--bs-btn-font-size);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    border-radius: var(--bs-btn-border-radius);
}
footer #social .btn {
    border: 1px solid currentcolor;
}

body .show-index, body.index .hide-index {
    display: none !important;
}
body.index .show-index {
    display: block !important;
}
#search_button img, #search_dropdown img {
    height: 1.3rem;
    width: auto;
    top: -0.1rem;
    position: relative;
}
.text-shadow {
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.6), 2px 2px 4px rgba(0, 0, 0, 1);
}
#showpw.btn-secondary {
    border-color: #ced4da;
}
/*.form-control::placeholder {
    font-size: smaller;
}*/

.carousel-item {
    transition: transform 2s ease-in-out;
}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {
    transition: opacity 0s 2s;
}

.vert .carousel-item-next:not(.carousel-item-start), .vert .active.carousel-item-end {
    transform: translateY(100%);
}
.vert .carousel-item-prev:not(.carousel-item-end), .vert .active.carousel-item-start {
    transform: translateY(-100%);
}

.modal-backdrop.show {
    opacity: 0.8;
}

.link-unstyled, .link-unstyled:visited, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus, .link-unstyled:active:hover {
  font-style: inherit;
  color: inherit;
  background-color: transparent;
  font-size: inherit;
  text-decoration: none;
  font-variant: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  border-radius: inherit;
  border: inherit;
  outline: inherit;
  box-shadow: inherit;
  padding: inherit;
  vertical-align: inherit;
}

.strip-last-divider .breadcrumb-item:last-child:before {
    color: #f00 !important;
    content: "";
}
.strip-last-divider .breadcrumb-item:last-child {
    padding-left: 0.3rem;
}

.flex-basis-25 {
    flex-basis: calc(25% - 3rem);
}
.flex-basis-33 {
    flex-basis: calc(33.333333% - 3rem);
}
.flex-basis-50 {
    flex-basis: calc(50% - 3rem);
}
.flex-basis-66 {
    flex-basis: calc(66.666666% - 3rem);
}
.flex-basis-75 {
    flex-basis: calc(75% - 3rem);
}
.flex-basis-100 {
    flex-basis: calc(100% - 3rem);
}

@media (min-width: 576px) {
    .flex-basis-sm-25 {
        flex-basis: 25%;
    }
    .flex-basis-sm-33 {
        flex-basis: 33.333333%;
    }
    .flex-basis-sm-50 {
        flex-basis: 50%;
    }
    .flex-basis-sm-66 {
        flex-basis: 66.666666%;
    }
    .flex-basis-sm-75 {
        flex-basis: 75%;
    }
    .flex-basis-sm-100 {
        flex-basis: 100%;
    }
    .border-top-sm-2 {
        border-top: 2px solid #dee2e6 !important;
    }
    .border-right-sm-0 {
        border-right: 0 !important;
    }
    .border-right-sm-2 {
        border-right: 2px solid #dee2e6 !important;
    }
    .border-bottom-sm {
        border-bottom: 1px solid #dee2e6 !important;
    }
    .border-top-sm {
        border-top: 1px solid #dee2e6 !important;
    }
}
@media (min-width: 768px) {
    .flex-basis-md-25 {
        flex-basis: 25%;
    }
    .flex-basis-md-33 {
        flex-basis: 33.333333%;
    }
    .flex-basis-md-50 {
        flex-basis: 50%;
    }
    .flex-basis-md-66 {
        flex-basis: 66.666666%;
    }
    .flex-basis-md-75 {
        flex-basis: 75%;
    }
    .flex-basis-md-100 {
        flex-basis: 100%;
    }
    .border-top-md-0 {
        border-top: 0 !important;
    }
    .border-top-md-2 {
        border-top: 2px solid #dee2e6 !important;
    }
    .border-right-md-2 {
        border-right: 2px solid #dee2e6 !important;
    }
    .mw-md-50 {
        max-width: 50% !important;
    }
    .mw-md-100 {
        max-width: 100% !important;
    }
}
@media (min-width: 992px) {
    .flex-basis-lg-25 {
        flex-basis: 25%;
    }
    .flex-basis-lg-33 {
        flex-basis: 33.333333%;
    }
    .flex-basis-lg-50 {
        flex-basis: 50%;
    }
    .flex-basis-lg-66 {
        flex-basis: 66.666666%;
    }
    .flex-basis-lg-75 {
        flex-basis: 75%;
    }
    .flex-basis-lg-100 {
        flex-basis: 100%;
    }
    .border-right-lg-2 {
        border-right: 2px solid #dee2e6 !important;
    }
}
@media (min-width: 1200px) {
    .flex-basis-xl-25 {
        flex-basis: 25%;
    }
    .flex-basis-xl-33 {
        flex-basis: 33.333333%;
    }
    .flex-basis-xl-50 {
        flex-basis: 50%;
    }
    .flex-basis-xl-66 {
        flex-basis: 66.666666%;
    }
    .flex-basis-xl-75 {
        flex-basis: 75%;
    }
    .flex-basis-xl-100 {
        flex-basis: 100%;
    }
    .border-right-xl-0 {
        border-right: 0 !important;
    }
    .border-right-xl-2 {
        border-right: 2px solid #dee2e6 !important;
    }
}

.border-white {
    border-color: #fff !important;
}



/* Global header styles */

header {
    margin-bottom: 65px;
}
header .navbar-brand img {
    width: 60px;
    height: auto;
}
header a.nav-link:not(.dropdown-toggle):after {
    content: "";
    position: relative;
    display: block;
    height: 6px;
    width: 100%;
    background-color: var(--gsol-yellow) !important;
    transition: all .3s ease-in-out;
    z-index: 203;
    top: 0.1rem;
    opacity: 0;
}
header a.nav-link:not(.dropdown-toggle):hover:after {
    opacity: 1;
}
body:not(.index) .dropdown-toggle:after {
    display: none;
}
.dropdown-toggle:after {
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-left: 0.35em solid transparent;
}
body.index .dropdown-toggle:before {
    display: none;
}
.dropdown-toggle:before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.35em solid;
    border-right: 0.35em solid transparent;
    border-bottom: 0;
    border-left: 0.35em solid transparent;
}
.dropdown-toggle.show:after, .dropdown-toggle.show:before {
    transform: rotate(180deg);
}
.dropdown-toggle.selected::before {
    transform: rotate(270deg);
    vertical-align: 0.15em;
    color: var(--bs-purple);
}

@media (min-width: 1400px) {
    .container {
        max-width: 1140px;
    }
}
@media (max-width: 991px) {
    header.navbar ul {
        display: block;
    }
    header.navbar ul a {
        padding-right: 0;

    }
    header.navbar li:after {
        display: none;
    }
}

@media (min-width: 576px) {
    .position-sm-absolute {
        position: absolute !important;
    }
    .top-sm-25 {
        top: 25% !important;
    }
}
@media (min-width: 1200px) {
    .display-7 {
        font-size: 1.8rem;
    }        
}
@media (max-width: 767px) {
    .logo-hide strong {
        display: none;
    }
    .logo-second {
        display: block;
    }
}
@media (max-width: 449px) {
    .logo-hide {
        font-size: 1rem !important;
        font-weight: bold;
    }
}
@media (max-width: 410px) {
    :not(.index) .bi.bi-person-circle, :not(.index) .bi.bi-search, .navbar-toggler-icon {
        height: 18px;
        width: 18px;
    }
    :not(.index) #search_dropdown {
        width: 95vw !important;
    }
    .logo-hide {
        font-size: 0.75rem !important;
    }
}
@media (max-width: 350px) {
    .logo-hide {
        font-size: 0.6rem !important;
    }
}
.gradient, .gradient-inv {
    height: 5px !important;
}
.gradient {
    /* http://colorzilla.com/gradient-editor/#f6cd4d+0,e2147f+100 */
    background: rgb(246,205,77);
    background: -moz-linear-gradient(-45deg, rgba(246,205,77,1) 16%, rgba(226,20,127,1) 110%);
    background: -webkit-linear-gradient(-64deg, rgba(246,205,77,1) 16%,rgba(226,20,127,1) 110%);
    background: linear-gradient(155deg, rgba(246,205,77,1) 16%,rgba(226,20,127,1) 110%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6cd4d', endColorstr='#e2147f',GradientType=1 );
}
.gradient-inv {
    /* http://colorzilla.com/gradient-editor/#e2147e+0,f6cd4d+100 */
    background: rgb(226,20,126);
    background: -moz-linear-gradient(left,  rgba(226,20,126,1) 0%, rgba(246,205,77,1) 75%);
    background: -webkit-linear-gradient(left,  rgba(226,20,126,1) 0%,rgba(246,205,77,1) 75%);
    background: linear-gradient(to right,  rgba(226,20,126,1) 0%,rgba(246,205,77,1) 75%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2147e', endColorstr='#f6cd4d',GradientType=1 );
}

/* Global colors */

.bg-darker {
    background-color: rgba(0, 0, 0, 0.050);
}
.border-purple {
    border-color: var(--bs-purple) !important;
}
.border-location {
    border-color: var(--bs-gray) !important;
}
.dropdown-divider.border-purple {
    border-top: 1px solid var(--bs-purple) !important;
}
.border-gsol {
    border-color: var(--gsol-yellow) !important;
}
.border-gray {
    border-color: var(--bs-gray) !important;
}
.border-gray-light {
    border-color: var(--gsol-gray-light) !important;
}
.border-gray-dark {
    border-color: var(--bs-gray-dark) !important;
}
.border-transparent {
    border-color: transparent !important;
}
.bg-gsol {
    background-color: var(--gsol-yellow) !important;
}
.bg-trip {
    background-color: var(--gsol-trip) !important;
}
.bg-trip-light {
    background-color: var(--gsol-trip-light) !important;
}
.border-trip {
    border-color: var(--gsol-trip) !important;
}
.bg-orange {
    background-color: var(--bs-orange) !important;
}
.bg-orange-light {
    background-color: var(--gsol-orange-light) !important;
}
.bg-yellow-light {
    background-color: var(--gsol-yellow-light) !important;
}
.bg-blue-light {
    background-color: var(--gsol-blue-light) !important;
}
.bg-gray-light {
    background-color: var(--gsol-gray-light) !important;
}
.bg-purple {
    background-color: var(--bs-purple) !important;
}
.border-orange {
    border-color: var(--bs-orange) !important;
}