/*!
 * Start Bootstrap - 1 Col Portfolio HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* General styling */
*,
*::before,
*::after {
    box-sizing: border-box; /* Include padding and border in element's total width and height */
    margin: 0;
    padding: 0; /* Reset padding */
}

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top */
    overflow-x: hidden; /* Prevent horizontal scrolling */
    margin: 0; /* Remove default margin */
    font-family: Courier, monospace; /* Fallback added for Courier */
}

.text-left {
    text-align: left;
}

/* Navbar color for current page */
#current a {
    color: #9F4C25;
}

/* Ensure correct color for active navbar items */
.navbar.navbar-inverse.navbar-fixed-top .container #bs-example-navbar-collapse-1 .nav.navbar-nav li a.active,
.navbar.navbar-inverse.navbar-fixed-top .container #bs-example-navbar-collapse-1 .nav.navbar-nav li a#current {
    color: #9F4C25;
}

/* Remove list style */
ul {
    list-style: none; /* More concise list style removal */
}

/* Footer margin */
footer {
    margin: 30px 0; /* Adjusted for better spacing */
}

/* Capitalize page heading and section titles */
.page-header, .short-bio-title, .bio-title, .page-header a {
    text-transform: uppercase;
}

/* Desktop and mobile header display */
.desktop-header {
    display: block;
}

.mobile-header {
    display: none;
    margin-bottom: 9px;
}

.mobile-pull-right {
    margin-top: 9px;
    padding: 9px 0;
    border-top: 1px solid #eee; /* Simplified color code */
    border-bottom: 1px solid #eee; /* Simplified color code */
}

.mobile-page-header {
    border: none;
}

.header-link {
    white-space: nowrap; /* Prevents text from wrapping */
}

/* Prevent elements from causing horizontal overflow */
img, iframe {
    max-width: 100%; /* Ensure images and iframes do not exceed their container's width */
    height: auto; /* Maintain aspect ratio */
}

/* New image styling rules */
img {
    object-fit: contain;
}

/* Container styling */
.container {
    max-width: 100%; /* Reverted to max-width to avoid oversized content */
    overflow-x: hidden; /* Prevent horizontal overflow */
    padding-left: 15px;
    padding-right: 15px;
}

/* Responsive design for mobile */
@media only screen and (max-width: 600px) {
    .mobile-header {
        display: block;
    }

    .desktop-header {
        display: none;
    }

    .container {
        padding-left: 15px; /* Prevent content from touching edges */
        padding-right: 15px;
    }

    /* Adjust margins and padding for mobile view */
    footer, .page-header, .short-bio-title, .bio-title {
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-nav > li > a {
        padding-left: 15px;
    }
}

/* Responsive iframe styling */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Aspect ratio for 16:9 videos */
    height: 0;
    overflow: hidden;
    max-width: 100%; /* Ensure the container does not exceed the viewport width */
    background: #000;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.navbar-toggle .icon-bar {
    background-color: #000000 !important;
}