/**
 * Curious Realm brand styles.
 *
 * Part 1 is the site's "Additional CSS" from Appearance → Customize (October 2026),
 * built into the theme so it is part of the default look. The @font-face for
 * Toon Town Industrial / toonti is added inline by inc/curious-realm/brand.php
 * (it needs the theme's URL).
 *
 * Part 2 styles the branded default sidebar/footer blocks.
 *
 * @package Euphony
 */

/* ==========================================================================
   Part 1 – Additional CSS from curiousrealm.com
   ========================================================================== */

.ebayproduct{width:200px;min-height:265px;float:left;background:0;margin:0;margin-right:10px;margin-bottom:10px;padding:0;border:0;}
.ebayproduct img{width:cover;display:block;}
.ebayproduct a, .ebayproduct img{margin:0!important;padding:0!important;border:0!important;}
.ebayproduct a{display:block!important;}
.ebayproduct p{margin:0;padding:0;}
.ebayrow{display:block;overflow:hidden;}
.slider-content-wrapper .entry-title span{font-size:.4em;}
.slider-content-wrapper .entry-title{width:142%!important;display:block;line-height:.4em;}
.slider-content-wrapper .entry-title a, .slider-content-wrapper .entry-title a:visited{color:#8520B7!important;}
.embed-container{position:relative;padding-bottom:70.75%;height:0;overflow:hidden;}
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.slider-content-wrapper .entry-title a:hover{color:#F9A926!important;}
h, h1, h2, h3, h4, h5, h6, h7, h a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, .section-description-wrapper.section-subtitle{font-family:'toonti'!important;}
.nav-menu .menu-item a{font-family:'toonti'!important;font-size:1.1em;}
.widget-title{font-size:1.3em!important;}
.nav-menu .menu-item#menu-item-231 a::after{background-image:none!important;border:0;content:"\25BC";}
.nav-menu .menu-item#menu-item-231:hover a::after{background-image:none!important;border:0;content:"\25B2";}
.nav-menu .menu-item#menu-item-231 .sub-menu a::after{background-image:none!important;background-color:yellow;border:0;content:"";}
.nav-menu .menu-item .dropdown-toggle{display:none!important;font-family:arial!important;}
.nav-menu .menu-item .sub-menu{width:40%;margin-top:0px;text-align:left;margin-right:330px;}
.nav-menu .menu-item .sub-menu li{width:100%!important;}
@media(min-width:377px) and (max-width:900px){
	.nav-menu .menu-item .sub-menu{width:100%!important;}
.nav-menu .menu-item#menu-item-231:hover a::after{display:none;background-image:none!important;border:0;content:"";}
#site-header-menu #menu-toggle::before{content:"\2630";}
}

@media(max-width:1198px){
	#site-header-menu span.menu-label{display:inline!important;}
#site-header-menu #menu-toggle::before{content:"\2630";}
}

.nav-menu .menu-item .sub-menu a{width:100%!important;}
.navigation .nav-previous{text-align:center!important;}
#euphony-logo-slider-section{padding:5px 0 5px 0;}
#euphony-logo-slider-section .wrapper{height:122px;}
.owl-stage{display:flex;justify-content:center;align-items:center;}
.owl-item{width:1024px!important;height:122px;}
.owl-item .hentry-inner img{width:none!important;}
.featured-content-wrapper .hentry-inner .entry-title{text-align:center!important;}
footer .footer-widget-2{text-align:center!important;}
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .wp-block-post-title, .entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.post h1, .post h2, .post h3, .post h4, .post h5, .post h6,
.page h1, .page h2, .page h3, .page h4, .page h5, .page h6,
.main-navigation a, .site-navigation a, .menu a, .nav-menu a{font-family:"Toon Town Industrial", sans-serif !important;}
#primary-menu a{font-family:"Toon Town Industrial", sans-serif !important;color:#8224e3!important;}
h2.entry-title a, .section-subtitle p{font-family:"Toon Town Industrial", sans-serif !important;}
h2.entry-title a, .widget-title{color:#8224e3!important;}
#site-navigation .menu-item a:hover, h2.entry-title a:hover{color:#f9a926!important;}
.site-branding, .site-branding a.custom-logo-link{width:100% !important;max-width:100% !important;display:block !important;}
.site-branding a.custom-logo-link{display:inline-flex;justify-content:center!important;align-items:center;}
img.custom-logo{width:100%;max-width:none;display:block;}
.cat-links{margin-top:146px;display:none!important;}
@media(min-width:1024px){
	body .site-content{display:flex !important;align-items:flex-start;gap:2rem;}
body .site-content #primary,
	body .site-content .content-area, body .site-content .site-main{flex:1 1 auto !important;min-width:0 !important;margin:0 !important;float:none !important;overflow:visible !important;}
body .site-content #secondary.widget-area.sidebar{flex:0 0 360px !important;max-width:360px !important;position:static !important;float:none !important;transform:none !important;left:auto !important;right:auto !important;margin:0 !important;}
}

@media(min-width:768px) and (max-width:1023.98px){
	body.home .site-content{display:flex !important;align-items:flex-start;gap:2rem;}
body.home .site-content #primary,
	body.home .site-content .content-area, body.home .site-content .site-main{flex:1 1 auto !important;min-width:0 !important;margin:0 !important;float:none !important;}
body.home .site-content #secondary.widget-area.sidebar{flex:0 0 360px !important;max-width:360px !important;position:static !important;float:none !important;margin:0 !important;}
}

@media(min-width:992px){
	.main-navigation li.menu-item-has-children, .site-header .menu li.menu-item-has-children{position:relative;}
.main-navigation .sub-menu, .site-header .menu .sub-menu{position:absolute;top:100%;left:-999em;width:300px;z-index:9999;white-space:normal;padding:0.75rem 0;}
.main-navigation li.menu-item-has-children:hover > .sub-menu, .main-navigation li.menu-item-has-children:focus-within > .sub-menu,
	.site-header .menu li.menu-item-has-children:hover > .sub-menu, .site-header .menu li.menu-item-has-children:focus-within > .sub-menu{left:0;}
}
#events-section .wrapper{flex-wrap:wrap!important;}
.section-heading-wrapper.events-section-headline{flex:1 1 100%!important;width:100%!important;}
.events-content-wrapper.section-content-wrapper{flex:1 1 100%!important;}
#events-section .view-more{flex:1 1 100%!important;text-align:center!important;}
h1, h2, h3, h4, h5, h6,
.entry-title, .page-title, .wp-block-post-title, .site-title, .widget-title, .main-navigation a, .nav-menu a{font-family:"Toon Town Industrial", sans-serif !important;}
@media(max-width:1032px){
	#content .wrapper{flex-wrap:wrap!important;}
/* The original rules here used "%100" (invalid, ignored by browsers); kept out so the layout is unchanged. */
	#secondary{padding-top:2rem;text-align:center;}
.section-content-wrapper{flex-wrap:wrap!important;}
.section-content-wrapper .grid-item{flex:1 1 100%!important;}
}

@media(min-width:1032px){
	#content .wrapper{display:flex !important;align-items:flex-start !important;gap:2rem;flex-wrap:nowrap !important;}
#primary{flex:1 1 auto !important;min-width:0 !important;}
#secondary.widget-area.sidebar,
	#secondary{flex:0 0 360px !important;max-width:360px !important;}
}

@media(min-width:1200px){
	#content .wrapper{display:flex !important;align-items:flex-start !important;gap:2rem;flex-wrap:nowrap !important;}
#primary{flex:1 1 auto !important;min-width:0 !important;width:auto !important;max-width:none !important;}
#secondary.widget-area.sidebar,
	#secondary{flex:0 0 360px !important;max-width:360px !important;width:360px !important;}
}

@media(max-width:1199.98px){
	#content .wrapper{display:block !important;}
#primary,
	#secondary.widget-area.sidebar,
	#secondary{width:100% !important;max-width:100% !important;float:none !important;}
#secondary.widget-area.sidebar,
	#secondary{margin-top:2rem !important;}
}
#euphony-logo-slider-section{display:none;}
/* ==========================================================================
   Part 2 – Branded default sidebar / footer blocks
   (only used when those widget areas are empty)
   ========================================================================== */

/* "Follow & Subscribe!" icons – same look as the Social Media Widget plugin. */
.cr-social-icons{display:flex;flex-wrap:wrap;gap:4px;}
.cr-social-icons a{display:inline-block;line-height:0;}
.cr-social-icons img.fade{width:48px;height:48px;opacity:.8;transition:opacity .2s ease-in-out;}
.cr-social-icons a:hover img.fade, .cr-social-icons a:focus img.fade{opacity:1;}
.cr-icon-fallback{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#8224e3;color:#fff;font-size:22px;opacity:.8;}
.cr-social-icons a:hover .cr-icon-fallback{opacity:1;background:#f9a926;color:#111;}
/* "Even More Places...." subscribe buttons (PowerPress "modern" look). */
.cr-subscribe{display:flex;flex-direction:column;gap:6px;}
.cr-subscribe .pp-ssb-btn-sq{display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:4px;background:#222;color:#fff !important;text-decoration:none;font-weight:600;}
.cr-subscribe .pp-ssb-btn-sq:hover, .cr-subscribe .pp-ssb-btn-sq:focus{background:#8224e3;}
.cr-subscribe .pp-ssb-ic{display:inline-flex;width:22px;justify-content:center;}
/* Sponsor slideshows. */
.cr-slideshow{position:relative;}
.cr-slideshow .cr-slide{display:none;}
.cr-slideshow .cr-slide.is-active{display:block;}
.cr-slideshow img{display:block;width:100%;height:auto;}