.panel-hero {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
	background-color: #fff;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-hero.jpg?v=12);
    -webkit-background-size: contain !important;
    background-attachment: fixed;
}

.panel-hero h1 {
	font-size: 21px;
}

.panel-hero a {
	color:#fff;
}

.panel-general-info {
	color: #fff;
	background-color: #fff;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-hero.jpg?v=12) no-repeat center center fixed!important;
    -webkit-background-size: cover!important;
    background-attachment: fixed; 
}

.panel-general-info h1 {
	font-size: 2.4em;
}

.panel-general-info a {
	color: #fff;
}

.panel-intro h2, .panel-small-business h2 {
	color: #000;
	text-shadow: 3px 5px 5px #999;
}

.panel-welcome {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
	background-color: #fff;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-welcome.jpg?v=12);
    -webkit-background-size: contain!important;
    background-attachment: fixed; 
}

.panel-download-app {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
	background: #4d00a6;
	background: linear-gradient(0deg, rgba(77, 0, 166, 1) 0%, rgba(247, 0, 255, 1) 100%);
}

.panel-anime {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-anime.jpg?v=13);
    -webkit-background-size: contain!important;
    background-attachment: fixed; 
}

.panel-anime h1 {
	font-size: 21px;
}

.panel-anime a {
	color:#fff;
}

.panel-pokeblast {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-pokeblast.jpg?v=13);
    -webkit-background-size: contain!important; 
    background-attachment: fixed;
}

.panel-pokeblast h1 {
	font-size: 21px;
}

.panel-pokeblast a {
	color:#fff;
}

.panel-epic {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-epic.jpg?v=13) no-repeat center center fixed!important;
    -webkit-background-size: cover!important;
    background-attachment: fixed; 
}

.panel-epic h1 {
	font-size: 21px;
}

.panel-epic a {
	color:#fff;
}

.panel-charlies {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-charlies.jpg?v=13) no-repeat center center fixed!important;
    -webkit-background-size: contain!important; 
	background-attachment: fixed;
	background-repeat: repeat-y !important;
}

.panel-charlies h1 {
	font-size: 21px;
}

.panel-charlies a {
	color:#fff;
}

.panel-collector {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-collector.jpg?v=13) no-repeat center center fixed!important;
    -webkit-background-size: cover!important;
    background-attachment: fixed; 
}

.panel-collector h1 {
	font-size: 21px;
}

.panel-collector a {
	color:#fff;
}

.panel-special-guests {
	background: #4d00a6;
    background: linear-gradient(0deg, rgba(77, 0, 166, 1) 0%, rgba(247, 0, 255, 1) 100%);
    color: #fff;
    text-shadow: 3px 3px 3px #000;
}

.panel-special-guests p {
	padding: 10px;
}

/*BEYOND*/

.panel-beyond {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-beyond.jpg?v=13); 
	-webkit-background-size: contain!important; 
	background-attachment: fixed;
}

.panel-beyond h1 {
	font-size: 21px;
}

.panel-beyond a {
	color:#fff;
}

.panel-special-guests-beyond {
background: #241506;
background: linear-gradient(0deg, rgba(36, 21, 6, 1) 0%, rgba(71, 39, 11, 1) 34%, rgba(156, 113, 87, 1) 95%);
color: #fff;
}

.panel-special-guests-beyond p {
	padding: 10px;
}



.panel-special-guests-collector {
background: #0b5e59;
background: linear-gradient(0deg, rgba(11, 94, 89, 1) 0%, rgba(38, 174, 189, 1) 60%, rgba(176, 234, 255, 1) 100%);    color: #fff;
    text-shadow: 3px 3px 3px #000;
}

.panel-special-guests-collector p {
	padding: 10px;
}

.panel-special-guests-anime {
background: #270b5e;
background: linear-gradient(0deg, rgba(39, 11, 94, 1) 1%, rgba(91, 38, 189, 1) 61%, rgba(187, 176, 255, 1) 100%);color: #fff;
text-shadow: 3px 3px 3px #000;
}

.panel-special-guest-sponsor {
	background: #00a2ff;
background: linear-gradient(180deg, rgba(0, 162, 255, 1) 1%, rgba(0, 29, 158, 1) 59%);
}

.panel-special-guests-anime p {
	padding: 10px;
}

.panel-special-guests-epic {
background: #383838;
background: linear-gradient(0deg, rgba(56, 56, 56, 1) 19%, rgba(125, 125, 125, 1) 81%, rgba(156, 156, 156, 1) 100%);    text-shadow: 3px 3px 3px #000;
color: #fff;
}

.panel-special-guests-epic p, .panel-special-guests-epic a {
	padding: 10px;
	color:#fff;
}

.panel-special-guests-charlies {
    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-charlies-guests-exhibitors.jpg?v=15) no-repeat center center fixed!important;
    -webkit-background-size: cover!important; 
	color: #fff;
	background-attachment: fixed;
}


.panel-special-guests-pokeblast {
	background: #6e0000;
	background: linear-gradient(0deg, rgba(110, 0, 0, 1) 1%, rgba(255, 0, 0, 1) 100%);
	color: #fff;
}

.panel-special-guests-pokeblast p {
	padding: 10px;
}

.panel-saber-show a {
	color: #00f6ff;
}

.panel-saber-show {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
    background: url(https://www.charliescomiccon.com/images/panels/panel-saber-show.jpg?v=15);
    -webkit-background-size: contain!important; 
    background-attachment: fixed;
}

.panel-special-guests-saber-show {
	color: #fff;
	text-shadow: 3px 3px 3px #000;
background: #000000;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 24%, rgba(74, 74, 74, 1) 79%, rgba(97, 97, 97, 1) 99%);
}

.panel-saber-show h1 {
  font-size: 21px;
}

@media only screen and (max-width: 540px) { 

		.panel-hero, .panel-general-info {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-hero-mobile.jpg?v=12)!important;
		background-attachment: fixed!important;
		background-position: cover!important;
		    -webkit-background-size: contain!important;
		}    

		.panel-anime {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-anime-mobile.jpg?v=12)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-epic {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-epic-mobile.jpg?v=12)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-collector {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-collector-mobile.jpg?v=12)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-charlies {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-charlies-mobile.jpg?v=12)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-pokeblast {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-pokeblast-mobile.jpg?v=12)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-beyond {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-beyond-mobile.jpg?v=12)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  
		.panel-anime {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-anime-ipad.jpg?v=12)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-beyond {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-beyond-ipad.jpg?v=14)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-pokeblast {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-pokeblast-ipad.jpg?v=14)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-charlies {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-charlies-ipad.jpg?v=14)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-collector {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-collector-ipad.jpg?v=14)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

		.panel-special-guests-charlies {
		    background: url(https://www.yays.io/sites/charliescomiccon2026/images/panels/panel-special-guests-charlies.jpg?v=14)!important;
		background-attachment: fixed!important;
		    -webkit-background-size: contain!important;
		}

}