/* Colors

#f6f1ef - v light
#e3d6ce
#bfa08d - ligh
#936b53 - light
#6c4f3d - main
#413025 - darker

*/
html {
    position: relative;
    min-height: 100%;
}
/*body {
    background-color: #FFFEEE;
}*/
footer {
    background-color: #696969;
    padding: 20px 0;
    color: white;
}
.name {
    background-color: #696969;
    color: white;
    border-radius: 5px 5px 0 0;
}

body > .container {
    padding: 60px 15px 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

code {
    font-size: 80%;
}

h4 {
    text-align: center;
}

.menu-link {
    display: block;
    padding: 0.5rem;
    color: white;
}
.menu-link:hover {
    color: #c4bab3;
    text-decoration: none;
}

#map {
    height: 350px;
    width: 100%;
}
#omc-logo {
    width: 100%;
}
.multi-logo {
    width: 40px;
}
.blog-logo {
    width: 50px;
}
.footer-logo {
    width: 60%;
}
.mini-logo, .hope-mini {
    width: 100%;
}
.hope-mini {
    width: 80%;
}

.img-structure {
    width: 300px;
    height: 200px;
}
.main-subject {
    background-color: #FFF5EE;
    border: 1px solid #696969;
    border-radius: 0 0 5px 5px;
}
.big-subject {
    background-color: #FFF5EE;
    border: 1px solid #696969;
    border-radius: 5px;
}
.blue-subject {
    background-color: #d6defc;
    border: 1px solid #696969;
    border-radius: 5px;
}
.small-subject {
    border: 1px solid #696969;
    border-radius: 5px;
    text-align: center;
}
.bg-omc {
    background-color: #696969;
}
.ppl-mini {
    margin: 3px;
}
.results {
    border: 1px solid #696969;
    border-radius: 5px;
}
.mythical-conferences {
    background-color: #c389bd;
}
.mythical-workshops {
    background-color: #79d882;
}
.mythical-dissemination {
    background-color: #6ec4db;
}
.orange-background {
    background-color: #f8a716;
    border: 1px solid #696969;
    border-radius: 0 0 5px 5px;
}
.yellow-background {
    background-color: #ffed95;
    border: 1px solid #696969;
    border-radius: 0 0 5px 5px;
}
.blueish-background {
    background-color: #59dcef;
    border: 1px solid #696969;
    border-radius: 0 0 5px 5px;
}
.blue-background {
    background-color: #618ff8;
    border: 1px solid #696969;
    border-radius: 0 0 5px 5px;
}
.dark-blue-background {
    background-color: #4e6980;
    border: 1px solid #696969;
    border-radius: 0 0 5px 5px;
}
.greenish-background {
    background-color: #6de699;
    border: 1px solid #696969;
    border-radius: 0 0 5px 5px;
}

.beige-background {
    background-color: #F5F5DC;
    border: 1px solid #800020;
    border-radius: 0 0 5px 5px;
}
.list-star {
    list-style-type: "★ ";
    color: blue;
}

.publication-img {
    width: 50%;
}
.publication-item {
    margin: 10px 0;
}
.publication-author {
    font-weight: bold;
    font-size: large;
}
.publication-title {
    font-size: large;
    /*font-style: italic;*/
}
.nice-picture {
    width: 100%;
}
.float-right {
    width: 30%;
    padding: 0 0 0 10px;
}
.nice-picture-left {
    float: left;
    padding: 0 10px 0 0;
    margin-right: 10px;
    max-width: 180px;
}
.nice-picture-right {
    float: right;
    padding: 0 0 0 10px;
    margin-left: 10px;
    max-width: 300px;
}
.no-margin {
    margin: 0;
}
.small-logo {
    height: 55px;
}
.img-responsive {
    width: 100%;
    padding: 5px;
}
/* back to top */
#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    background: black;
    color: white;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0;
}
#back-to-top:hover {
    background: #505050;
}
#back-to-top.show {
    opacity: 1;
}
.materials-miniature {
    width: 70px;
    margin-right: 10px;
}
.news-content {
    min-height: 300px;
}


.btn-mitologia {
    color: #800020;
    background-color: #F5F5DC;
    border-color: #800020
}

.btn-mitologia:hover {
    color: #800020;
    background-color: #F5F5DC;
    border-color: #800020
}

.btn-mitologia:focus,
.btn-mitologia.focus {
    box-shadow: 0 0 0 .2rem rgba(226, 163, 163, 0.5)
}

.btn-mitologia.disabled,
.btn-mitologia:disabled {
    color: #800020;
    background-color: #F5F5DC;
    border-color: #800020
}

.btn-mitologia:not(:disabled):not(.disabled):active,
.btn-mitologia:not(:disabled):not(.disabled).active,
.show>.btn-mitologia.dropdown-toggle {
    color: #800020;
    background-color: #F5F5DC;
    border-color: #800020
}

.btn-mitologia:not(:disabled):not(.disabled):active:focus,
.btn-mitologia:not(:disabled):not(.disabled).active:focus,
.show>.btn-mitologia.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(226, 163, 163, 0.5)
}

.btn-outline-mitologia {
    color: #800020;
    background-color: transparent;
    background-image: none;
    border-color: #800020
}

.btn-outline-mitologia:hover {
    color: 	#800020;
    background-color: #F5F5DC;
    border-color: #800020
}

.btn-outline-mitologia:focus,
.btn-outline-mitologia.focus {
    box-shadow: 0 0 0 .2rem rgba(226, 163, 163, 0.5)
}

.btn-outline-mitologia.disabled,
.btn-outline-mitologia:disabled {
    color: #800020;
    background-color: transparent
}

.btn-outline-mitologia:not(:disabled):not(.disabled):active,
.btn-outline-mitologia:not(:disabled):not(.disabled).active,
.show>.btn-outline-mitologia.dropdown-toggle {
    color: #800020;
    background-color: #F5F5DC;
    border-color: #800020
}

.btn-outline-mitologia:not(:disabled):not(.disabled):active:focus,
.btn-outline-mitologia:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-mitologia.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(226, 163, 163, 0.5)
}
.left-img {
    float: left;
    margin-right: 10px; /* Space between the image and the text */
    margin-bottom: 10px; /* Space between lines when multiple paragraphs are present */
    width: 75px; /* Assuming the width is the same for all images */
}