#page-menu {
    justify-content: center;
    align-items: center;
    background-color: black !important;
    height: 42px;
}

#page-menu-wrap {
    background-color: #1a1a1a !important;
}
#page-menu nav li a {
    color: #fff;
    font-weight: 300;
}

#page-menu-wrap a:hover,
#page-menu-wrap a.current {
    font-weight: 600;
}

#page-menu-wrap .page-menu-row {
    justify-content: center;
    align-items: center;
}

.one-page-menu.fnone {
    width: 100%;
}

#page-title.newsroom-title-container {
    background: url("../images/newsroom/mg-newsroom-title-back.jpg") no-repeat center 57% / cover;
    background-color: black;
    height: 25vw;
    min-height: 350px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-color: black;
}

#page-title .container {
    width: fit-content;
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;
    padding-left: 0px;
    padding-right: 0px;
    float: left;
}

#page-title h1 span.mg-red {
    color: var(--themecolor) !important;
    font-weight: bold;
    font-size: 2.8rem;
    display: inline-block;
    letter-spacing: normal;
    margin-top: 0px;
}
#page-title .container h1,
#page-title.page-title-parallax h1 {
    font-size: 2.8rem;
    text-transform: none;
    font-weight: normal !important;
    letter-spacing: normal;
}

#page-title h1,
#page-title h2,
.newsroom-content h1,
.newsroom-content h2 {
    text-transform: none;
    padding: 2rem 0;
    border-bottom: 1px solid #fff;
    width: fit-content;
}

#content .content-wrap .newsroom-content {
    padding-top: 0px;
    background-color: black;
    background: url("../images/newsroom/mg-newsroom-back.jpg") no-repeat center top / cover;
    padding-top: 2rem;
    padding-bottom: 2rem;
    transition: 1s all;
}

#content .content-wrap .newsroom-content.newsroom-contact-container {
    background-image: none;
}

.slider-description-container {
    background-color: #1a1a1a;
    display: flex;
    padding: 4rem;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    border-left: 6px solid #d42529;
}

.slider-description-container .mg-heading {
    font-size: 1.56rem;
    margin-bottom: 2rem;
    line-height: 1.2;
}

.slider-description-container p {
    font-size: 1.06rem !important;
}

.sliders-container .row {
    margin-top: 20px;
}

.newsroom-carousel-container button.owl-next,
.newsroom-carousel-container button.owl-prev {
    opacity: 0.6 !important;
    border-radius: 0px !important;
    color: #fff;
    background-color: transparent;
    font-size: 30px !important;
    width: 50px !important;
    height: 50px !important;
    border: 1px solid #fff;
    margin-top: -45px !important;
}

.owl-carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
}

.newsroom-carousel-container button.owl-prev:hover,
.newsroom-carousel-container button.owl-next:hover {
    opacity: 1 !important;
}

#page-title h2,
.newsroom-content h2 {
    font-size: 2.2rem;
}

#content .content-wrap .newsroom-content.active {
    background: linear-gradient(45deg, rgba(49, 50, 51, 1) 0%, rgba(29, 30, 32, 1) 48%, rgba(23, 24, 26, 1) 100%);
}

.newsroom-detail-info {
    padding: 4rem;
}

.gmap_canvas .fluid-width-video-wrapper {
    position: absolute;
    padding: 0;
    height: 100%;
}

.newsroom-detail-info h1,
.newsroom-detail-info h1 span#newsroom-detail-name {
    color: #fff;
    font-weight: normal;
}

.newsroom-name-container {
    padding: 1rem 0;
    border-bottom: 1px solid #fff;
}

.newsroom-info-section {
    flex-direction: column;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    padding: 1rem 0;
}

.newsroom-info-section .newsroom-info-subtitle,
.newsroom-info-section .newsroom-info-detail {
    font-size: 1.6rem;
    color: #fff;
    padding-top: 0.5rem;
}

.newsroom-info-section .newsroom-info-detail a:not(.button) {
    color: rgba(255, 255, 255, 0.6);
    transition: 0.4s all;
}
.newsroom-info-section .newsroom-info-detail a:not(.button):hover {
    color: #fff;
    background-color: transparent !important;
}

.newsroom-social-icons a {
    padding: 10px;
}
.close.back {
    position: relative;
    margin: 3rem 0px;
    left: 0;
    font-size: 3rem;
    line-height: 1.1;
}
.gmap_canvas,
#gmap_canvas {
    overflow: hidden;
    background: none !important;
    height: 100%;
    width: 100%;
    min-height: 500px;
}

.map-container #map {
    height: calc(100vh - 100px);
}
#newsroom-info-map .fluid-width-video-wrapper {
    background: url("../images/mg-logo-footer%401x.png") no-repeat center center / auto;
    background-color: rgba(255, 255, 255, 0.1);
}
.newsroom-controls .section {
    margin-top: 0px;
    background-color: black;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 0;
    margin-bottom: 0px;
}

.newsroom-controls .right {
    text-align: right !important;
}

.newsroom-controls .select-controls {
    padding: 1rem;
    border-left: 6px solid var(--themecolor);
}

.slider-image-container {
    background: black no-repeat center center / cover;
}

#content .content-wrap {
    padding-top: 0px;
    background-color: black;
}

.newsroom-container {
    padding: 30px;
    border: 1px solid rgba(255, 255, 255, 0.6);
}
.news-item-container {
    padding: 0.5rem;
}
.news-item {
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0px !important;
    margin: 0.5rem;
}
.newsroom-title h2 {
    margin-bottom: 10px;
}

.newsroom-state {
    font-size: 1.1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.newsroom-buttons {
    padding-top: 1rem;
}
.grid-filter-wrap {
    margin-top: 1.5rem;
}
.grid-filter li a {
    border-radius: 0 !important;
    background-color: transparent;
    color: rgb(255, 255, 255, 0.4) !important;
    margin: 10px;
    border: 1px solid rgb(255, 255, 255, 0.4) !important;
}

.grid-filter li.activeFilter a {
    margin: 10px;
    color: white !important;
}

.grid-filter li.activeFilter {
    color: white !important;
}
.grid-filter li a:hover {
    background-color: #d42529;
    color: #fff !important;
    font-weight: bold;
}

.dark .grid-filter {
    border: none !important;
}

.mg-marker {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.mg-marker-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 1rem;
}

.mg-merker-title,
.mg-merker-link {
    color: #1a1a1a;
    font-size: 1.2rem;
    font-weight: normal;
}

.mg-marker-title {
    margin-top: 1rem;
}

.close.close-modal {
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #fff;
    width: 60px;
    height: 60px;
    opacity: 0.4;
    transition: 0.4s all;
    color: #fff;
    border-radius: 0 !important;
}
.modal-fullscreen .modal-content {
    height: 100vh;
}

.post-container {
    padding: 1rem 0.5rem;
}
.post-container .card-title {
    font-size: 17px;
    line-height: 1.2;
}
.post-container .card-description {
    font-size: 15px;
    font-weight: normal;
    line-height: 1.2;
    color: #b3b3b3;
}

.post-container .card-text-container,
.news-item .card-text-container {
    padding: 2rem;
}

.news-card-container {
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.post-container .card-title,
.post-container .card-separator,
.post-container .card-button,
.post-container .card-description {
    margin-bottom: 1rem;
}
.news-item .card-title,
.news-item .card-separator,
.news-item .card-button,
.news-item .card-description {
    margin-bottom: 1rem;
}

.card-separator {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    height: 1px;
}
.subsection-title {
    padding: 0.5rem 0.5rem 0.5rem 0;
    font-size: 1.6rem;
    color: #fff;
}

.subsection-share {
    padding: 0.5rem 0.5rem 0.5rem 0;
    font-size: 1.25rem;
    color: #fff;
    display: inline-block;
}

.subsection-share .share-social-icons,
.subsection-share .share-text {
    display: inline-block;
}

.subsection-share .share-social-icons a {
    color: rgba(255, 255, 255, 0.6);
    margin: 1rem;
    transition: 0.4s all;
}

.subsection-share .share-social-icons a:hover {
    color: #fff;
    background-color: transparent !important;
}

.newsroom-content.newsroom-contact-container {
    background: #000;
}
.avatar-container img {
    max-width: 120px;
}

.buttons-container {
    display: flex;
}

.download-icon {
    font-size: 20px;
}
.download-button {
    display: flex;
    align-items: center;
    width: fit-content;
}
.download-button i {
    margin-left: 5px;
    margin-right: 0;
}

.news-item .card-info {
    color: rgba(255, 255, 255, 0.5);
}

/*
descargas
*/
.card-image {
    position: relative;
}
.card-image .bg-overlay i {
    font-size: 45px;
}
.checkboxes {
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 5;
    right: 1rem;
    top: 1rem;
}
.mfp-bg {
    background-color: #1a1a1a;
    opacity: 1 !important;
}

button.mfp-close {
    font-size: 45px !important;
    background-color: transparent;
    border: 1px solid white;
    width: 60px;
    height: 60px;
    opacity: 0.4;
    transition: 0.4s all;
    color: white;
    border-radius: 0 !important;
    top: 5%;
    right: 5%;
}

header#header {
    z-index: 6;
}

@media screen and (max-width: 1024px) {
    .slider-image-container {
        min-height: 300px;
    }
    .first-container {
        top: 0px;
    }
    .slider-description-container {
        padding: 1.5rem;
    }
    #page-menu.sticky-page-menu:not(.dots-menu) #page-menu-wrap {
        top: 80px !important;
    }

    #page-menu-wrap .page-menu-row {
        justify-content: flex-start;
    }
    #page-menu-wrap .page-menu-row .page-menu-nav {
        left: 0;
        right: auto;
        background-color: #1a1a1a;
    }
    #page-menu-wrap .page-menu-row .page-menu-container {
        background-color: #1a1a1a;
    }
}
@media screen and (max-width: 767px) {
    #page-title h1,
    #page-title h1 span.mg-red {
        font-size: 2rem;
    }
    #page-title.newsroom-title-container {
        padding: 0px 10px;
        justify-content: center;
    }

    .newsroom-detail-info {
        padding: 1rem;
    }

    #map-modal .fluid-width-video-wrapper iframe,
    #map-modal .fluid-width-video-wrapper object,
    #map-modal .fluid-width-video-wrapper embed {
        height: 95vh;
    }
    .close.close-modal {
        top: 10%;
        right: 5%;
    }
    .modal-fullscreen .modal-content {
        height: 95vh;
    }
    #page-menu.sticky-page-menu:not(.dots-menu) #page-menu-wrap {
        top: 60px !important;
    }

    .subsection-share .share-social-icons {
        margin-top: 1rem;
    }
}
