@import 'variables.css';

.fa-bars {
    font-size: 24px;
    color: #000;
}

.org-guide-icon svg {
    width: 20px;
    height: 20px;
    color: var(--spot-color);
    position: relative;
    bottom: 3px;
}

.org-info-icon svg {
    width: 20px;
    height: 20px;
    color: var(--spot-color);
    position: relative;
    bottom: 3px;
}

.tour-article-icons,
.spot-article-icons,
.drop-article-icons,
.gem-article-icons {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
}

.tour-article-icons {
    fill: var(--tour-color);
}

.spot-article-icons {
    fill: var(--spot-color);
}

.drop-article-icons {
    fill: var(--drop-color);
}

.gem-article-icons {
    fill: var(--gem-color);
}

.org-info-icons,
.spot-info-icons,
.drop-info-icons,
.gem-info-icons {
    position: relative; 
    bottom: 0px;
}

.org-info-icons {
    fill: var(--spot-color);
}

.spot-info-icons {
    fill: var(--spot-color);
}

.drop-info-icons {
    fill: var(--drop-color);
}

.gem-info-icons {
    fill: var(--gem-color);
}

.sidemenu-icons {
    fill: #4285F4;
    width: 18px;
    height: 18px;
    margin-right: 8px
}

.language-icon {
    margin-top: 32px;
    margin-left: 24px;
    width: 20px;
    height: 20px;
    fill: #4285F4;
}

.spot-floating-button-icon svg,
.drop-floating-button-icon svg,
.gem-floating-button-icon svg {
    width: 32px;
    height: 32px;
    color: white;
    position: relative;
    bottom: 2px;
}

.bi-facebook.orgview {
    font-size: 40px;
    color: #1877F2;
    position: relative; 
}

.bi-info-circle-fill.orgview {
    font-size: 20px;
    color: #FFB800;
    position: relative; 
}

.bi-bookmark-star-fill.orgview {
    color: #FF3836;
}