@import url("https://www.ecfr.eu/css-templates/battle_lines.css"); .map {
    margin-left: auto;
    margin-right: auto;
    max-width: 1300px;
}

.titlearea {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #515148;
}

.mapcontainer {
    background-color: #515148;
}

.intropara {
    margin-top: 1rem;
    max-width: 900px;
}

.textarea h2 {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
}

.textarea h3 {
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
}

.textarea h2 + h3 {
    margin-top: 2rem;
}

ul.submenu {
    margin-left: 0;
    padding-top: 0;
    margin-top: 6px;
    border-top: 1px solid white;
    padding-bottom: 0;
}

ul.submenu > li {
    display: inline-block;
}

li.subtitles, ul.submenu > li {
    padding-right: 25px;
    line-height: normal;
}

.title-square {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-color: gray;
    margin-right: 1rem;
}

.titleitself {
    text-transform: uppercase;
}

.menucontent .active .submenu {
    display: block !important;
}

.toggle-submenu.open,
.toggle-submenu.activetitle,
.submenu li.activetitle a
{
    color: #33FFBA;
}

.subtitles {
    text-transform: none;
}

.toggle-submenu {
    transition: 0.4s;
}

.toggle-submenu.open, .menuarea:not(.menuarea-closed) .toggle-submenu {
    margin-top: 30px;
    margin-bottom: 30px;
}

.bg-ansar_al_din {
	background-color: #dafc31;
}
.bg-aqim {
	background-color: #58fb30;
}
.bg-mujao {
	background-color: #537257;
}
.bg-katibat_macina {
	background-color: #00fbb7;
}
.bg-katibat_serma {
	background-color: #7ea7e8;
}
.bg-ansarul_islam {
	background-color: #ff80a8;
}
.bg-isgs {
	background-color: #c6b0fd;
}
.bg-plateforme {
	background-color: #ffd929;
}
.bg-cme {
	background-color: #a49984;
}
.bg-dan_na_ambassagou {
	background-color: #c5d5c7;
}
.bg-cma {
	background-color: #f0714d;
}

.social-share {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.social-share .share-buttons {
    grid-template-columns: repeat(auto-fit, 50px);
}
.social-share .share-button {
    font-size: 1.1rem !important;
}
.titlearea .social-share {
    margin-top: 0;
    /* margin-bottom: 2rem; */
}
.titleitself {
    display: block;
}
.map {
    margin-top: 2rem;
    height: auto;
}
.menuarea-closed .submenu {display:none;}

.menuarea-bottom .menuarea-bottom-hidden {
	display: none;
}

.textarea a {
    border-bottom: 2px solid #33FFBA;
    background: white;
    color: inherit;
}

.textarea a:hover {
    background-color: #33FFBA;
}

.textarea .submenu a {
    border-bottom-width: 0;
}

.toggle-submenu:last-child {
    margin-bottom: 0;
}

.map iframe {
    height: 540px;
    background-color: white;
}
.textarea {
    margin-top: 2rem;
}
.authorarea {
    padding-bottom: 0;
}
@media ( min-width: 1008px ) {
    .map iframe {
        height: 64vw;
    }
}
@media ( min-width: 1300px ) {
    .map iframe {
        height: 850px;
    }
}

@media ( min-width: 1300px ) {
    .map {
        margin-bottom: 3rem;
        padding-left: 10px;
        padding-right: 10px;
        background-color: transparent;
    }
    .titleitself span {
    	display: block;
	}
}
@media only screen and (max-width: 40.063em) {
	.titlearea {
		padding-top: 40px;
	}
    body,
	.titleitself {
		max-width: 100%;
	}
    .textarea p {
    	font-size: 16px;
        line-height: 150%;
    }
    ul.submenu > li {
		display: block;
		line-height: 1;
		margin-top: .5rem;
	}
	ul.submenu > li.menu-separator {
		margin-bottom: 1rem;
		height: 0;
		overflow: hidden;
	}
}

.titlecontent {
    width: 1300px;
}

iframe { display: block; }