/* ------------------------------------------------------------------ */
/*            KMPQ Cellular/Tablet/Desktop Switch v.2.0.2             */
/*        FOR DESKTOP/MOBILE DEVICE Mechanics Switching -KMPQ         */
/* ------------------------------------------------------------------ */

/* MAIN HOME AND PANELS MERGER CSS */

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url("../images2/clouds2.gif") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    overflow:hidden;
}

/* ------------------------------------------------------------------ */
/*                         FOR MOBILE PHONES -KMPQ                    */
/* ------------------------------------------------------------------ */
@media (max-width: 999.98px) {
  .HideOnMobile {
    display: none;
  }
  .ShowOnMobile {
    display: initial;
  }
/* FOR STUDIO PANEL SCREEN AUTO-ADJUSTS: */
/*-------------------------------------------------------*/
/*@media screen and (min-width:320px){ /*
/* Pane Opacity Thickens to 1.0 from 0.8 */
html,
body {
    height: 100%;
    width: auto;
}
/*body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url("../images2/clouds2.gif") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    overflow:hidden;
}*/

/* Footer Glowy Thing */
    
.paneopacity {
    opacity:0.5;
    filter: brightness(100%) saturate(100%);
            -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    
}

.paneopacity:hover {
    opacity:1.9;
    filter: brightness(250%) saturate(130%);
    -webkit-filter: drop-shadow(0px 0px 80px rgba(255, 255, 255, 255));
}

.footerglow {
    opacity:0.5;
    filter: brightness(100%) saturate(100%);
            -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    
}

.footerglow:hover {
    opacity:1.9;
    filter: brightness(250%) saturate(130%);
    -webkit-filter: drop-shadow(0px 0px 80px rgba(255, 255, 255, 255));
}

/* Thumbnail Shadowfilter Hover ENABLED */

.shadowfilterthumbnail {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(126, 5, 255, 50));
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background:none;
        filter: brightness(100%) saturate(100%);
	
}.shadowfilterthumbnail:focus-within {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}
.shadowfilterthumbnail:hover {
    -webkit-filter: drop-shadow(0px 0px 80px rgba(255, 255, 255, 255));
    position:center;
    /*top:-25px;*/
    left:-35px;
    width:200px;
    height:auto;
    display:block;
    z-index:1;
    background:#ADFF2F;
    filter: contrast(120%) brightness(110%) saturate(110%);
}
    
/* Thumbnail Shadowfilter Hover DISABLED */

.shadowfilterdisabled {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(126, 5, 255, 50));
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background:none;
        filter: brightness(100%) saturate(100%);
	
}.shadowfilterdisabled:focus-within {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}
.shadowfilterdisabled:hover {
    -webkit-filter: drop-shadow(0px 0px 80px rgba(255, 255, 255, 255));
    position:center;
    /*top:-25px;*/
    left:-35px;
    width:200px;
    height:auto;
    display:block;
    z-index:1;
    background:#ADFF2F;
    filter: contrast(150%) brightness(120%) saturate(0%);
    border: solid;
    border-color: black;
    border-width: thick;
    border-style: dashed;
}
    
.weatherhighlight {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(126, 5, 255, 50));
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background:none;
        filter: brightness(100%) saturate(100%);
	
}
.weatherhighlight:focus-within {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}
.weatherhighlight:hover {
    -webkit-filter: drop-shadow(0px 0px 80px rgba(255, 255, 255, 255));
    position:center;
    /*top:-25px;*/
    left:-35px;
    width:200px;
    height:auto;
    display:block;
    z-index:1;
    background-color:darkseagreen;
    filter: contrast(150%) brightness(120%) saturate(12ß0%);
    border: solid;
    border-color: black;
    border-width: thin;
    border-style: dotted;
}
/* Shadowfilter */
.shadowfilter {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(126, 5, 255, 50));
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
	
}.shadowfilter:hover {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
        position:center;
    /* filter: contrast(100%) brightness(100%) saturate(110%); */

}
.shadowfilter:focus {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}
 /* top:-25px;*/
.clear {clear: both; margin: 0px; height:0}

/*p a{font:12px/16px Tahoma, sans-serif; color:#fff; text-decoration:underline;}
p a:hover{ color:#fff; text-decoration:none;}*/
body{padding:0px; margin:0px; background:#071e24; color:#fff; font:18px/22px Tahoma, Geneva, sans-serif}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:12px/16px Tahoma, sans-serif; color:#FFFFFF; text-decoration:underline; background-color:#000000;}
p a:hover{color:#74ff38; text-decoration:none;}

.headline{font:20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:black; font-weight:bold; background-color:#ffd700; background-size: auto; border-bottom: 1px solid #ffd700;}

#container2{width:428px; position:static; margin:50px auto; margin-top:50px; cursor:grab;}
/* HEADER */

/* #header{width:device-width; height:288px; position:inherit; background:url(../images/Ascension%20Radio%20Logo4%20Banner.png) 0 0 no-repeat } */

/* MENU */
.menu{margin:0 auto; padding:0; height:40px; width:100%; display:block; background:url('topMenuImages2.png') repeat-x; opacity:0.8;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:15px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages2.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages2.png') 100% -30px no-repeat;}
.menu li a:hover{
    background-position:0px -60px;
    color:deepskyblue;
    opacity:1.0;
    filter: contrast(130%) saturate(190%);
    -webkit-filter: drop-shadow(0px 0px 80px white));
    }
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages2.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages2.png') 100% -90px no-repeat;}
.menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    border-bottom: 5px solid #ffd700;
}
.menulowernote{font:18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:white; font-weight:lighter; background-color:grey; background-size: auto; border: 1px solid black; opacity:0.7;}
.menulowernote:hover{font:20px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:black; font-weight:bold; background-color:deepskyblue; background-size: auto; border: 5px solid black; opacity:1.9;
    filter: contrast(130%) brightness(120%) saturate(140%);
    -webkit-filter: drop-shadow(0px 0px 80px rgba(255, 255, 255, 0));}

/* CONTENT NO CLICKY */

.revolver {
  pointer-events: none;
}

/* STUDIO PANEL TEMPLATE */

#welcome{margin-bottom:24px; opacity:0.8;}
#welcome h2{height:25px; position:relative; margin-bottom:8px}
#welcome img{float:left; margin-right:15px; margin-left:4px; display:inline; filter: contrast(120%) brightness(120%) saturate(110%); opacity:1.0;}
#welcome p{float:left; width:240px; opacity:0.8;}
#welcome p span{display:block; margin-bottom:10px; padding-top:3px; opacity:1.9;}

/* CENTER PANE */
#centerPan{align-content: center; width:400px; float:center; margin-top:60px; margin:31px 40px 0px 43px; display:inline; border-bottom: 10px solid #ffd700;
}

/* Shadowfilter */

#footer{height:53px; clear:both; align-self: center; background:url(../images/b_footer.gif) 0 0 no-repeat }
#footer p{padding: 12px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#fff}

}

/* ------------------------------------------------------------------ */
/*                         FOR DESKTOPS -KMPQ                         */
/* ------------------------------------------------------------------ */

@media (min-width: 1000px) {
  .HideOnMobile {
    display: initial;
  }
  .ShowOnMobile {
    display: none;
  }
/* CSS Document */
body{padding:0px; margin:0px; background:#071e24; color:#fff; font:16px/18px Tahoma, Geneva, sans-serif}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:12px/16px Tahoma, sans-serif; color:#FFFFFF; text-decoration:underline; background-color:#000000;}
p a:hover{color:#74ff38; text-decoration:none;}

    .paneopacity {
    opacity:0.5;
    filter: brightness(100%) saturate(100%);
            -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    
}

.paneopacity:hover {
    opacity:1.9;
    filter: brightness(250%) saturate(130%);
    -webkit-filter: drop-shadow(0px 0px 80px rgba(255, 255, 255, 255));
}
    
.headline{font:18px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; background-color:#ffd700;}

html, 

body {
/* background-image: url("../images2/clouds2.gif");
background-repeat: no-repeat;
background-size: 120% 120%; */
/*background-position:center;*/
}
/*body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: url("../images2/clouds2.gif") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    overflow:hidden;
}*/

      .shadowfilter {
        -webkit-filter: drop-shadow(0px 0px 10px rgba(126, 5, 255, 50));
        -webkit-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
	
}.shadowfilter:hover {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}
}.shadowfilter:mousedown {
	-webkit-filter: drop-shadow(0px 0px 80px rgba(126, 5, 255, 50));
}

#container{width:1024px; position:relative; margin:0 auto;}


/* HEADER */

/*#header{width:1080px; height:504px; position:inherit; background:url(../images/Ascension Logo3.gif) 0 0 no-repeat }*/


/* MENU */
.menu2{margin:0 auto; padding:0; height:30px; width:90%; display:block; background:url('topMenuImages.png') repeat-x;}
.menu2 li{padding:0; margin:0; list-style:none; display:inline;}
.menu2 li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:18px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu2 li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu2 li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu2 li a:hover span{background-position:100% -60px;}
.menu2 li a.active, .menu li a.active:hover{line-height:30px; font:15px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu2 li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

/* CONTENT */

#content{width:825px; position:relative; clear:both; margin: 0 auto;}

#leftPan{align-content: center; width:400px; float:left; margin:31px 40px 0 43px; display:inline;}
#rightPan{align-content: center; width:335px; float:left; margin:35px 0 0 0;}

#welcome{margin-bottom:24px}
#welcome h2{height:25px; position:relative; margin-bottom:8px}
#welcome img{float:left; margin-right:15px; margin-left:4px; display:inline}
#welcome p{float:left; width:240px}
#welcome p span{display:block; margin-bottom:10px; padding-top:3px}

#about h2{height:25px; position:relative; margin-bottom:8px}
#about img{float:left; margin-right:15px; margin-left:4px; display:inline}
#about p{float:left; width:240px}
#about p span{display:block; margin-bottom:10px; padding-top:3px}

#about ul {margin-left:12px; clear:both; margin-top:15px}
#about ul li{font:16px/18px Tahoma, Geneva, sans-serif; background:url(../images/arrow.gif) 0 4px no-repeat; padding-left:18px; height:20px;}
#about ul li a{color:#9af1ff; text-decoration:underline;}
#about ul li a:hover{color:#ff4646; text-decoration:bold;}

#news{align-self:center; margin-bottom:10px}
#news h2{align-self:center; height:21px; position:relative; margin-bottom:10px}
#news p span{align-self:center; display:block; margin-bottom:20px}

#shows h2{height:21px; position:relative; margin-bottom:10px}
#shows p span{display:block; margin-bottom:10px; padding-top:3px}

.clear#end{height:20px}

/* FOOTER */
#revolver {
  pointer-events: none;
}

#footer{height:53px; clear:both; align-self: center; background:url(../images/b_footer.gif) 0 0 no-repeat }
#footer p{padding: 12px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#fff}

}