.elementor-958 .elementor-element.elementor-element-2cde4ae{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-0985a90 *//* --- Mauritania Article Luxury Styling --- */

/* Container & Base */
.mauritania-article-container.luxury-style {
    font-family: 'Roboto', 'Segoe UI', sans-serif; /* Clean, modern font */
    color: #333;
    line-height: 1.7;
    max-width: 900px; /* Adjust max-width as needed */
    margin: 40px auto;
    padding: 0 20px; /* Add padding for smaller screens */
    background-color: #ffffff; /* Ensure clean background */
    overflow: hidden; /* Contains floats */
}

/* Header */
.mauritania-article-container .article-header {
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-align: left;
}

.mauritania-article-container h1 {
    font-family: 'Merriweather', serif; /* Elegant serif for main headline */
    font-size: 2.8em; /* Larger headline */
    font-weight: 700;
    color: #1a3a5d; /* Deep blue */
    margin-bottom: 0.3em;
    line-height: 1.2;
}

.mauritania-article-container h2 {
    font-size: 1.4em;
    font-weight: 400;
    color: #555;
    margin-bottom: 0;
    font-style: italic;
    line-height: 1.4;
}

/* Content Sections */
.mauritania-article-container .article-content {
    margin-top: 30px;
}

.mauritania-article-container h3 {
    font-family: 'Merriweather', serif;
    font-size: 1.8em;
    font-weight: 700;
    color: #1a3a5d; /* Deep blue */
    margin-top: 40px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #c0a062; /* Subtle gold accent */
    display: inline-block; /* Make border only as wide as text */
}

.mauritania-article-container p {
    font-size: 1.05em;
    margin-bottom: 1.5em;
    color: #444;
}

.mauritania-article-container .dateline strong {
    color: #1a3a5d;
}

/* Links */
.mauritania-article-container a {
    color: #c0a062; /* Gold accent */
    text-decoration: none;
    transition: color 0.3s ease;
}

.mauritania-article-container a:hover {
    color: #1a3a5d; /* Darker blue on hover */
    text-decoration: underline;
}

/* Lists Styling */
.mauritania-article-container ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 1.5em;
}

.mauritania-article-container ul li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 12px;
    font-size: 1.05em;
}

.mauritania-article-container ul li::before {
    content: '✓'; /* Checkmark or try '•' or '\2022' */
    position: absolute;
    left: 0;
    top: 0;
    color: #c0a062; /* Gold accent */
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
}

.mauritania-article-container ul li strong {
    color: #1a3a5d; /* Deep blue for emphasis */
}

/* Images Styling */
.mauritania-article-container .article-image {
    margin: 30px 0;
    text-align: center; /* Center images */
    clear: both; /* Ensure it clears floats */
}

.mauritania-article-container .article-image img {
    max-width: 100%;
    height: auto;
    border-radius: 5px; /* Slightly rounded corners */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.mauritania-article-container .article-image img:hover {
    transform: scale(1.02); /* Slight zoom on hover */
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.mauritania-article-container .article-image figcaption {
    font-size: 0.9em;
    color: #777;
    margin-top: 10px;
    font-style: italic;
}

.mauritania-article-container .full-width-image {
    max-width: 100%; /* Allow stretching wider if container permits */
    margin-left: calc(50% - 50vw); /* Centers relative to viewport */
    margin-right: calc(50% - 50vw);
    width: 100vw; /* Force full viewport width */
    box-sizing: border-box; /* Include padding/border in width */
    padding-left: max(20px, calc((100vw - 900px) / 2)); /* Dynamic padding */
    padding-right: max(20px, calc((100vw - 900px) / 2));
}

.mauritania-article-container .full-width-image img {
   width: 100%;
   max-width: 1200px; /* Optional max width for the image itself */
   margin: 0 auto; /* Center image if max-width is hit */
   display: block;
   border-radius: 0; /* Remove radius for edge-to-edge look */
   box-shadow: none;
}

.mauritania-article-container .medium-image {
    max-width: 70%; /* Smaller image */
    margin-left: auto;
    margin-right: auto;
}

/* Side Images with Text Wrap */
.mauritania-article-container .side-image {
    max-width: 40%; /* Adjust as needed */
    margin-top: 5px; /* Align better with text */
    margin-bottom: 15px;
}

.mauritania-article-container .side-image.right {
    float: right;
    margin-left: 25px;
}

.mauritania-article-container .side-image.left {
    float: left;
    margin-right: 25px;
}

/* Clearfix for Floats */
.mauritania-article-container .clear-float {
    clear: both;
}


/* Dividers */
.mauritania-article-container hr.section-divider {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
    margin: 50px 0;
    clear: both; /* Ensure dividers clear floats */
}

/* Footer / About Section */
.mauritania-article-container .about-portal {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    background-color: #f9f9f9; /* Slight background difference */
    padding: 30px;
    border-radius: 5px;
    margin-left: -20px; /* Extend slightly if container has padding */
    margin-right: -20px; /* Extend slightly if container has padding */
}

.mauritania-article-container .about-portal h4 {
     font-family: 'Merriweather', serif;
    font-size: 1.5em;
    color: #1a3a5d;
    margin-bottom: 15px;
}

.mauritania-article-container .about-portal p {
    font-size: 0.95em;
    color: #555;
    margin-bottom: 0;
}


/* Responsive Adjustments */
@media (max-width: 768px) {
    .mauritania-article-container h1 {
        font-size: 2.2em;
    }
    .mauritania-article-container h2 {
        font-size: 1.2em;
    }
     .mauritania-article-container h3 {
        font-size: 1.6em;
    }
    .mauritania-article-container .medium-image {
        max-width: 90%; /* Larger on mobile */
    }
    .mauritania-article-container .side-image {
        float: none; /* Stack side images on mobile */
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

     .mauritania-article-container .full-width-image {
        margin-left: -20px; /* Adjust for container padding */
        margin-right: -20px;
        width: calc(100% + 40px); /* Adjust for container padding */
        padding-left: 0;
        padding-right: 0;
    }
     .mauritania-article-container .full-width-image img {
         border-radius: 0;
     }
     .mauritania-article-container .about-portal {
         margin-left: 0;
         margin-right: 0;
         padding: 20px;
     }
}

@media (max-width: 480px) {
    .mauritania-article-container h1 {
        font-size: 1.8em;
    }
     .mauritania-article-container h2 {
        font-size: 1.1em;
    }
    .mauritania-article-container h3 {
        font-size: 1.4em;
    }
    .mauritania-article-container p,
    .mauritania-article-container ul li {
        font-size: 1em;
    }

}/* End custom CSS */