/*
Theme Name: Loud
Theme URI: https://themeforest.net/item/loud-a-modern-wordpress-theme-for-the-music-industry/20881607
Author: WolfThemes
Author URI: https://wolfthemes.com
Description: A Modern and Unique WordPress Theme for the Music Industry
Version: 2.6.95
Requires at least:  6.0
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, threaded-comments, translation-ready
Text Domain: loud

For any CSS customization, it is strongly recommended to use a child theme
https://wlfthm.es/child-theme

You will find a child theme template in your theme package
*/



/* Fix mobile header overflow on small phones - 2026-07-07 */
@media (max-width: 520px) {
  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar,
  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .flex-mobile-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .flex-mobile-wrap {
    padding: 0 10px 0 14px !important;
    display: flex !important;
    align-items: center !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .logo-container {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .logo-text.logo-link {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-header-right {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 158px !important;
    margin-left: auto !important;
    gap: 4px !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-header-socials {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 4px !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .hamburger-container {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
  }
}

@media (max-width: 380px) {
  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-social-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 12px !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-header-right {
    max-width: 138px !important;
  }
}




/* Fix mobile header overflow on small phones - 2026-07-07 */
@media (max-width: 520px) {
  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar,
  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .flex-mobile-wrap {
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .flex-mobile-wrap {
    padding: 0 10px 0 14px !important;
    display: flex !important;
    align-items: center !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .logo-container {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .logo-text.logo-link {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-header-right {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 158px !important;
    margin-left: auto !important;
    gap: 4px !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-header-socials {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 4px !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .hamburger-container {
    flex: 0 0 44px !important;
    width: 44px !important;
/* DS_DOM_TYPE_TEST */

    min-width: 44px !important;
  }
/* DS_CUA_TYPE_TEST */

}

@media (max-width: 380px) {
  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-social-icon {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    font-size: 12px !important;
  }

  body:is(.page-id-10,.page-id-13,.page-id-2548,.page-id-2560) #mobile-bar .robot-header-right {
    max-width: 138px !important;
  }
}

/* DS_TEST_INSERT */