@import url(https://fonts.googleapis.com/css?family=Montserrat:400,300,300italic,400italic,700,700italic,500&display=swap);

html,
body {
    background-color: #F0F0F0;
}

* {
    font-family: 'Montserrat', Helvetica, sans-serif;
    /* color: #333447; Admin navbar icon link color*/
    line-height: 1.5;
}

.common-menu {
    list-style-type: none;
    margin-top: 32px;
    padding: 0;
    background-color: #c5c5c580;
}

.common-menu li {
    display: inline-block;
}

.common-menu a {
    color: #616161;
    font-weight: 500;
    text-decoration: none;
    display: inline-block;
    padding: 12px 24px;
    font-size: 1.2rem;
}

.common-menu a:hover {
    background-color: #4CAF5020;
}

.common-menu a.active {
    color: #4CAF50;
    border-bottom: 2px solid #4CAF50;
}

a .material-icons {
    font-variant-caps: normal;
}

.card-h100 {
    height: 100%;
    display: flex;
    flex-direction: column;
}
  
.card-content-h100 {
    flex-grow: 1;
}

.card-footer-h100 {
    margin-top: auto;
  }
  

/* POSITIONING */

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

/* TRIX content */

.trix-button-group {
    margin-right: 1rem;
}

.trix-button-group--history-tools {
    margin-right: 0;
}


.trix-my-content {
    line-height: 1.5;
}

.trix-my-content * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.trix-my-content a {
    text-decoration: none;
    color: rgb(var(--bs-success-rgb));
}

.trix-my-content h1 {
    font-size: 1.2em;
    line-height: 1.2;
}

.trix-my-content blockquote {
    border: 0 solid #ccc;
    border-left-width: 0.3em;
    margin-left: 0.3em;
    padding-left: 0.6em;
}

.trix-my-content [dir=rtl] blockquote,
.trix-my-content blockquote[dir=rtl] {
    border-width: 0;
    border-right-width: 0.3em;
    margin-right: 0.3em;
    padding-right: 0.6em;
}

.trix-my-content li {
    margin-left: 1em;
}

.trix-my-content [dir=rtl] li {
    margin-right: 1em;
}

.trix-my-content pre {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-family: monospace;
    font-size: 0.9em;
    padding: 0.5em;
    white-space: pre;
    background-color: #eee;
    overflow-x: auto;
}

.trix-my-content img {
    max-width: 100%;
    height: auto;
}

.trix-my-content .attachment {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

.trix-my-content .attachment a {
    color: inherit;
    text-decoration: none;
}

.trix-my-content .attachment a:hover,
.trix-my-content .attachment a:visited:hover {
    color: inherit;
}

.trix-my-content .attachment__caption {
    text-align: center;
}

.trix-my-content .attachment__caption .attachment__name+.attachment__size::before {
    content: ' \2022 ';
}

.trix-my-content .attachment--preview {
    width: 100%;
    text-align: center;
}

.trix-my-content .attachment--preview .attachment__caption {
    color: #666;
    font-size: 0.9em;
    line-height: 1.2;
}

.trix-my-content .attachment--file {
    color: #333;
    line-height: 1;
    margin: 0 2px 2px 2px;
    padding: 0.4em 1em;
    border: 1px solid #bbb;
    border-radius: 5px;
}

.trix-my-content .attachment-gallery {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.trix-my-content .attachment-gallery .attachment {
    flex: 1 0 33%;
    padding: 0 0.5em;
    max-width: 33%;
}

.trix-my-content .attachment-gallery.attachment-gallery--2 .attachment,
.trix-my-content .attachment-gallery.attachment-gallery--4 .attachment {
    flex-basis: 50%;
    max-width: 50%;
}

.map-image {
    opacity: 1;
    display: block;
    width: 100%;
    height: 300px;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

#map-container:hover .map-image {
    opacity: 0.3;
}

#map-container:hover .middle {
    opacity: 1;
}