/* Mobile Responsive Styles for George Hurrell Theme - NUCLEAR VERSION */

/* ============================================
   FORCE MOBILE STYLES WITH !important
   ============================================ */
   

/* SLIDESHOW FIX FOR MOBILE */
@media only screen and (max-width: 768px) {

    /* Slideshow container */
    #slideshow {
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
        margin-bottom: 30px !important;
    }

    /* Show first slide by default (CSS fallback if JS fails) */
    #slideshow .slide:first-child {
        display: block !important;
        position: relative !important;
    }

    /* Slideshow slides */
    #slideshow .slide {
        width: 100% !important;
    }

    /* Slideshow links inside slides */
    #slideshow .slide a {
        display: block !important;
        width: 100% !important;
    }

    /* Slideshow images */
    #slideshow .slide a img {
        width: 100% !important;
        height: auto !important;
        border: 2px solid #222 !important;
        display: block !important;
    }
    
    /* FORCE ALL IFRAMES TO FIT MOBILE */
    iframe {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Specifically target sidebar iframes */
    #sidebar iframe {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px 0 !important;
    }
    
    /* FORCE SIDEBAR WIDGET DIVS TO NOT FLOAT */
    #sidebar div[style*="float"] {
        float: none !important;
        width: 100% !important;
        display: block !important;
        clear: both !important;
    }
    
    /* Force social icons container */
    #sidebar h3 + div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        clear: both !important;
    }
    
    /* Force social icon links */
    #sidebar a {
        float: none !important;
        display: inline-block !important;
        margin: 5px !important;
    }
    
    /* Force social icon divs */
    #sidebar a div {
        float: none !important;
        display: inline-block !important;
        margin: 5px !important;
    }
    
    /* Force sidebar to clear everything */
    #sidebar {
        clear: both !important;
        width: 100% !important;
        float: none !important;
        margin-top: 50px !important;
        padding-top: 30px !important;
        border-top: 3px solid #b88e54 !important;
        overflow: hidden !important;
    }
    
    /* Prevent any sidebar content from breaking out */
    #sidebar * {
        max-width: 100% !important;
    }
}   
   

/* Mobile landscape and smaller tablets (max-width: 768px) */
@media only screen and (max-width: 768px) {
    
    /* FORCE full width layout */
    #container {
        width: 100% !important;
    }
    
    #main_content {
        width: 100% !important;
        float: none !important;
        border-right: none !important;
        padding: 65px 15px 15px !important;
        margin-top: 10px !important;
    }
    
    #full_content {
        width: 100% !important;
        padding: 15px !important;
    }
    
    /* FORCE sidebar below content */
    #sidebar {
        width: 100% !important;
        float: none !important;
        border-left: none !important;
        border-top: 2px solid #222 !important;
        padding: 20px 15px !important;
        margin-top: 40px !important;
        clear: both !important;
    }
    
    /* Header */
    #header {
        height: auto !important;
        text-align: center !important;
    }
    
    #header-home-link img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Navigation */
    #nav {
        width: 100% !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 9999 !important;
        background: #111 !important;
    
    }
    
    /* Show hamburger menu */
    .mobile-menu-toggle {
        display: block !important;
        background: #222 !important;
        color: #b88e54 !important;
        padding: 15px 20px !important;
        cursor: pointer !important;
        text-align: center !important;
        font-size: 18px !important;
        border: none !important;
        width: 100% !important;
        font-family: 'FuturaBook' !important;
        margin-bottom: 0 !important;
        position: relative !important;
        z-index: 1001 !important;
        -webkit-tap-highlight-color: transparent;
    }
    
    .mobile-menu-toggle:hover {
        background: #333 !important;
    }
    
    /* Hide menu by default */
    #nav ul {
        display: none !important;
        background: #111 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Show menu when open - only top-level ul */
    #nav.mobile-menu-open > div > ul,
    #nav.mobile-menu-open > ul {
        display: block !important;
    }
    
    /* Stack menu items */
    #nav li {
        float: none !important;
        width: 100% !important;
        border-bottom: 1px solid #222 !important;
        margin: 0 !important;
    }
    
    #nav a {
        padding: 15px 20px !important;
        font-size: 18px !important;
        display: block !important;
        text-align: left !important;
    }
    
    /* Dropdown menus - hidden by default */
    #nav ul ul,
    #nav .sub-menu {
        position: static !important;
        width: 100% !important;
        left: 0 !important;
        display: none !important;
        float: none !important;
        top: auto !important;
    }

    /* Disable hover on mobile */
    #nav ul li:hover > ul,
    #nav ul li:hover > .sub-menu {
        display: none !important;
    }

    /* Arrow indicator */
    #nav ul li.menu-item-has-children > a:after {
        content: " ▼" !important;
        font-size: 12px !important;
    }

    #nav ul li.menu-item-has-children.open > a:after {
        content: " ▲" !important;
    }

    /* Show submenu when parent has .open class */
    #nav ul li.menu-item-has-children.open > ul,
    #nav ul li.menu-item-has-children.open > .sub-menu,
    #nav li.menu-item-has-children.open > ul,
    #nav li.menu-item-has-children.open > .sub-menu {
        display: block !important;
    }

    /* Submenu items - ensure they're clickable */
    #nav ul ul li,
    #nav .sub-menu li {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    #nav ul ul a,
    #nav .sub-menu a {
        padding: 15px 20px 15px 40px !important;
        background: rgba(0, 0, 0, 0.3) !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }
    
    /* Headings */
    h1 {
        font-size: 24px !important;
        letter-spacing: 2px !important;
        margin-bottom: 15px !important;
    }
    
    h2 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
        clear: both !important;
    }
    
    h3 {
        font-size: 22px !important;
    }
    
    h4 {
        font-size: 28px !important;
    }
    
    h5 {
        font-size: 18px !important;
        margin: 15px 0 20px 0 !important;
        clear: both !important;
    }
    
    /* Posts */
    .post {
        width: 100% !important;
        padding: 15px !important;
        margin: 5px 0 !important;
    }
    
    .post_thumb {
        float: none !important;
        margin: 10px 0 !important;
        text-align: center !important;
    }
    
    .post_thumb img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    
    .post_text {
        margin-left: 0 !important;
    }
    
    .readmore {
        float: none !important;
        display: block !important;
        margin: 10px 0 !important;
    }

    .post_cat {
        float: none !important;
        display: block !important;
        margin: 5px 0 15px !important;
    }

    
    /* FORCE ALL IMAGES TO FULL WIDTH */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    #main_content img,
    #full_content img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-bottom: 30px !important;
        display: block !important;
    }
    
    .alignleft,
    .alignright {
        float: none !important;
        margin: 15px auto !important;
        display: block !important;
        width: 100% !important;
    }
    
    #davis-photo {
        float: none !important;
        margin: 15px auto 30px !important;
        display: block !important;
        width: 100% !important;
    }
    
    .gallery img,
    .post_thumb img,
    .entry_content img,
    .entrytext img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Footer */
    #footer {
        padding: 15px 15px 80px 15px !important;
        background-position: center bottom 15px !important;
        background-size: auto 50px !important;
        clear: both !important;
        margin-top: 50px !important;
    }

    #footer ul {
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }

    #footer li {
        display: block !important;
        margin: 10px 0 !important;
    }

    .footer-nav ul {
        padding: 0 !important;
    }

    .footer-nav li {
        display: block !important;
        margin: 8px 0 !important;
    }
    
    /* Forms */
    fieldset {
        margin: 10px 0 !important;
    }
    
    fieldset div input,
    textarea {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Comments */
    #comment {
        width: 100% !important;
    }
    
    .commenttable {
        width: 100% !important;
    }
    
    .commenttable td {
        display: block !important;
        width: 100% !important;
        padding: 5px 0 !important;
    }
    
    .commenttable input[type="text"] {
        width: 100% !important;
    }
    
    /* Navigation between posts */
    .postnav {
        width: 100% !important;
    }
    
    .older,
    .newer {
        float: none !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }
    
    .older a,
    .newer a {
        display: block !important;
        width: 100% !important;
    }
    
    /* Slideshow */
    #slideshow {
        height: auto !important;
        margin-bottom: 30px !important;
    }
    
    #slideshow img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Social icons - prevent overlap */
    #icon_facebook,
    #icon_twitter,
    #icon_tumblr,
    #icon_myspace {
        margin: 5px !important;
        display: inline-block !important;
    }
    
    /* Sidebar spacing */
    #sidebar ul li {
        margin-bottom: 20px !important;
    }
    
    #sidebar h2 {
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }
    
    /* Ensure content doesn't overlap */
    #main_content > *,
    #full_content > * {
        clear: both !important;
        margin-bottom: 20px !important;
    }
    
    /* Front page specific spacing */
    body.home #main_content img:last-of-type {
        margin-bottom: 50px !important;
    }
}

/* Tablet (max-width: 980px but above 768px) */
@media only screen and (min-width: 769px) and (max-width: 980px) {
    #container {
        width: 100% !important;
    }
    
    #main_content {
        width: 60% !important;
    }
    
    #sidebar {
        width: 35% !important;
    }
}

/* Mobile portrait (max-width: 480px) */
@media only screen and (max-width: 480px) {
    body {
        font-size: 14px !important;
    }
    
    h1 {
        font-size: 20px !important;
        letter-spacing: 1px !important;
    }
    
    h2 {
        font-size: 18px !important;
    }
    
    h4 {
        font-size: 24px !important;
    }
    
    h5 {
        font-size: 16px !important;
    }
    
    #nav a {
        font-size: 16px !important;
        padding: 12px 15px !important;
    }
    
    .post {
        padding: 10px !important;
    }
    
    #footer {
        background-image: none !important;
    }
}

/* Print styles */
@media print {
    #nav,
    #sidebar,
    #footer,
    .readmore,
    .post_cat,
    .mobile-menu-toggle {
        display: none !important;
    }
    
    #main_content,
    #full_content {
        width: 100% !important;
        float: none !important;
    }
}

/* ============================================
   DESKTOP - Hide mobile menu toggle (769px+)
   ============================================ */
@media only screen and (min-width: 769px) {
    .mobile-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}/* Mobile Responsive Styles for George Hurrell Theme - NUCLEAR VERSION */

/* ============================================
   FORCE MOBILE STYLES WITH !important
   ============================================ */
   

/* SLIDESHOW FIX FOR MOBILE */
@media only screen and (max-width: 768px) {

    /* Slideshow container */
    #slideshow {
        width: 100% !important;
        position: relative !important;
        overflow: hidden !important;
        margin-bottom: 30px !important;
    }

    /* Show first slide by default (CSS fallback if JS fails) */
    #slideshow .slide:first-child {
        display: block !important;
        position: relative !important;
    }

    /* Slideshow slides */
    #slideshow .slide {
        width: 100% !important;
    }

    /* Slideshow links inside slides */
    #slideshow .slide a {
        display: block !important;
        width: 100% !important;
    }

    /* Slideshow images */
    #slideshow .slide a img {
        width: 100% !important;
        height: auto !important;
        border: 2px solid #222 !important;
        display: block !important;
    }
    
    /* FORCE ALL IFRAMES TO FIT MOBILE */
    iframe {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    
    /* Specifically target sidebar iframes */
    #sidebar iframe {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 10px 0 !important;
    }
    
    /* FORCE SIDEBAR WIDGET DIVS TO NOT FLOAT */
    #sidebar div[style*="float"] {
        float: none !important;
        width: 100% !important;
        display: block !important;
        clear: both !important;
    }
    
    /* Force social icons container */
    #sidebar h3 + div {
        float: none !important;
        width: 100% !important;
        margin-bottom: 20px !important;
        clear: both !important;
    }
    
    /* Force social icon links */
    #sidebar a {
        float: none !important;
        display: inline-block !important;
        margin: 5px !important;
    }
    
    /* Force social icon divs */
    #sidebar a div {
        float: none !important;
        display: inline-block !important;
        margin: 5px !important;
    }
    
    /* Force sidebar to clear everything */
    #sidebar {
        clear: both !important;
        width: 100% !important;
        float: none !important;
        margin-top: 50px !important;
        padding-top: 30px !important;
        border-top: 3px solid #b88e54 !important;
        overflow: hidden !important;
    }
    
    /* Prevent any sidebar content from breaking out */
    #sidebar * {
        max-width: 100% !important;
    }
}   
   

/* Mobile landscape and smaller tablets (max-width: 768px) */
@media only screen and (max-width: 768px) {
    
    /* FORCE full width layout */
    #container {
        width: 100% !important;
    }
    
    #main_content {
        width: 100% !important;
        float: none !important;
        border-right: none !important;
        padding: 65px 15px 15px !important;
        margin-top: 10px !important;
    }
    
    #full_content {
        width: 100% !important;
        padding: 15px !important;
    }
    
    /* FORCE sidebar below content */
    #sidebar {
        width: 100% !important;
        float: none !important;
        border-left: none !important;
        border-top: 2px solid #222 !important;
        padding: 20px 15px !important;
        margin-top: 40px !important;
        clear: both !important;
    }
    
    /* Header */
    #header {
        height: auto !important;
        text-align: center !important;
    }
    
    #header-home-link img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Navigation */
    #nav {
        width: 100% !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 9999 !important;
        background: #111 !important;
    
    }
    
    /* Show hamburger menu */
    .mobile-menu-toggle {
        display: block !important;
        background: #222 !important;
        color: #b88e54 !important;
        padding: 15px 20px !important;
        cursor: pointer !important;
        text-align: center !important;
        font-size: 18px !important;
        border: none !important;
        width: 100% !important;
        font-family: 'FuturaBook' !important;
        margin-bottom: 0 !important;
        position: relative !important;
        z-index: 1001 !important;
        -webkit-tap-highlight-color: transparent;
    }
    
    .mobile-menu-toggle:hover {
        background: #333 !important;
    }
    
    /* Hide menu by default */
    #nav ul {
        display: none !important;
        background: #111 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Show menu when open - only top-level ul */
    #nav.mobile-menu-open > div > ul,
    #nav.mobile-menu-open > ul {
        display: block !important;
    }
	
    /* Stack menu items */
    #nav li {
        float: none !important;
        width: 100% !important;
        border-bottom: 1px solid #222 !important;
        margin: 0 !important;
    }
    
    #nav a {
        padding: 15px 20px !important;
        font-size: 18px !important;
        display: block !important;
        text-align: left !important;
    }
    
    /* Dropdown menus - hidden by default */
    #nav ul ul,
    #nav .sub-menu {
        position: static !important;
        width: 100% !important;
        left: 0 !important;
        display: none !important;
        float: none !important;
        top: auto !important;
    }

    /* Disable hover on mobile */
    #nav ul li:hover > ul,
    #nav ul li:hover > .sub-menu {
        display: none !important;
    }

    /* Arrow indicator */
    #nav ul li.menu-item-has-children > a:after {
        content: " ▼" !important;
        font-size: 12px !important;
    }

    #nav ul li.menu-item-has-children.open > a:after {
        content: " ▲" !important;
    }

    /* Show submenu when parent has .open class */
    #nav ul li.menu-item-has-children.open > ul,
    #nav ul li.menu-item-has-children.open > .sub-menu,
    #nav li.menu-item-has-children.open > ul,
    #nav li.menu-item-has-children.open > .sub-menu {
        display: block !important;
    }

    /* Submenu items - ensure they're clickable */
    #nav ul ul li,
    #nav .sub-menu li {
        display: block !important;
        width: 100% !important;
        float: none !important;
    }

    #nav ul ul a,
    #nav .sub-menu a {
        padding: 15px 20px 15px 40px !important;
        background: rgba(0, 0, 0, 0.3) !important;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        pointer-events: auto !important;
    }
    
    /* Headings */
    h1 {
        font-size: 24px !important;
        letter-spacing: 2px !important;
        margin-bottom: 15px !important;
    }
    
    h2 {
        font-size: 20px !important;
        margin-bottom: 15px !important;
        clear: both !important;
    }
    
    h3 {
        font-size: 22px !important;
    }
    
    h4 {
        font-size: 28px !important;
    }
    
    h5 {
        font-size: 18px !important;
        margin: 15px 0 20px 0 !important;
        clear: both !important;
    }
    
    /* Posts */
    .post {
        width: 100% !important;
        padding: 15px !important;
        margin: 5px 0 !important;
    }
    
    .post_thumb {
        float: none !important;
        margin: 10px 0 !important;
        text-align: center !important;
    }
    
    .post_thumb img {
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    
    .post_text {
        margin-left: 0 !important;
    }
    
    .post_cat {
        float: none !important;
        margin: 15px 0 !important;
    }
    
    /* FORCE ALL IMAGES TO FULL WIDTH */
    img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
    }
    
    #main_content img,
    #full_content img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin-bottom: 30px !important;
        display: block !important;
    }
    
    .alignleft,
    .alignright {
        float: none !important;
        margin: 15px auto !important;
        display: block !important;
        width: 100% !important;
    }
    
    #davis-photo {
        float: none !important;
        margin: 15px auto 30px !important;
        display: block !important;
        width: 100% !important;
    }
    
    .gallery img,
    .post_thumb img,
    .entry_content img,
    .entrytext img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Footer */
    #footer {
        padding: 15px 15px 80px 15px !important;
        background-position: center bottom 15px !important;
        background-size: auto 50px !important;
        clear: both !important;
        margin-top: 50px !important;
    }

    #footer ul {
        width: 100% !important;
        margin: 0 !important;
        text-align: center !important;
    }

    #footer li {
        display: block !important;
        margin: 10px 0 !important;
    }

    .footer-nav ul {
        padding: 0 !important;
    }

    .footer-nav li {
        display: block !important;
        margin: 8px 0 !important;
    }
    
    /* Forms */
    fieldset {
        margin: 10px 0 !important;
    }
    
    fieldset div input,
    textarea {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Comments */
    #comment {
        width: 100% !important;
    }
    
    .commenttable {
        width: 100% !important;
    }
    
    .commenttable td {
        display: block !important;
        width: 100% !important;
        padding: 5px 0 !important;
    }
    
    .commenttable input[type="text"] {
        width: 100% !important;
    }
    
    /* Navigation between posts */
    .postnav {
        width: 100% !important;
    }
    
    .older,
    .newer {
        float: none !important;
        text-align: center !important;
        margin: 10px 0 !important;
    }
    
    .older a,
    .newer a {
        display: block !important;
        width: 100% !important;
    }
    
    /* Slideshow */
    #slideshow {
        height: auto !important;
        margin-bottom: 30px !important;
    }
    
    #slideshow img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Social icons - prevent overlap */
    #icon_facebook,
    #icon_twitter,
    #icon_tumblr,
    #icon_myspace {
        margin: 5px !important;
        display: inline-block !important;
    }
    
    /* Sidebar spacing */
    #sidebar ul li {
        margin-bottom: 20px !important;
    }
    
    #sidebar h2 {
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }
    
    /* Ensure content doesn't overlap */
    #main_content > *,
    #full_content > * {
        clear: both !important;
        margin-bottom: 20px !important;
    }
    
    /* Front page specific spacing */
    body.home #main_content img:last-of-type {
        margin-bottom: 50px !important;
    }
}

/* Tablet (max-width: 980px but above 768px) */
@media only screen and (min-width: 769px) and (max-width: 980px) {
    #container {
        width: 100% !important;
    }
    
    #main_content {
        width: 60% !important;
    }
    
    #sidebar {
        width: 35% !important;
    }
}

/* Mobile portrait (max-width: 480px) */
@media only screen and (max-width: 480px) {
    body {
        font-size: 14px !important;
    }
    
    h1 {
        font-size: 20px !important;
        letter-spacing: 1px !important;
    }
    
    h2 {
        font-size: 18px !important;
    }
    
    h4 {
        font-size: 24px !important;
    }
    
    h5 {
        font-size: 16px !important;
    }
    
    #nav a {
        font-size: 16px !important;
        padding: 12px 15px !important;
    }
    
    .post {
        padding: 10px !important;
    }
    
    #footer {
        background-image: none !important;
    }
}

/* Print styles */
@media print {
    #nav,
    #sidebar,
    #footer,
    .readmore,
    .post_cat,
    .mobile-menu-toggle {
        display: none !important;
    }
    
    #main_content,
    #full_content {
        width: 100% !important;
        float: none !important;
    }
}

/* ============================================
   DESKTOP - Hide mobile menu toggle (769px+)
   ============================================ */
@media only screen and (min-width: 769px) {
    .mobile-menu-toggle {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}