﻿/*
 * Theme Name: Musikfest - No Artwork
 * Author: Alicia Ventura - ArtsQuest
 * Author URI: https://www.artsquest.org
 * Template: aq
 * Text Domain: aq-musikfest-2015
 * */


   @import url("../aq/style.css");
   

   .banner, .container, body.home .primary > .container { border:none; }
   h5 { clear: both; border:none; border-top: 3px dotted #ea7f1e; padding-top: 35px;}
   body { background: #000 url('images/bg.jpg') no-repeat center bottom fixed;background-size: cover}



div.entry-content{border: #ea7f1e solid 8px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.8);
    padding-right: 15px;padding-left:15px;
    width: 635px;
    margin-left: -23px;min-height:1060px;
color:#000;}

    body.landing div.entry-content{border: none;
    background: transparent;
    padding: 0px;
		width:970px;
    margin-left: 0px;}

body.home div.entry-content{border: none;
    background: transparent;
    padding: 0px;
		width:635px;
    margin-left: 0px;}


/*
.all-content{background-image: url('images/content-bg.png');background-repeat: no-repeat;background-attachment: fixed; background-position:777px top;background-size: 700px;z-index: 10000;padding-bottom: 0px;position:relative; overflow: visible;min-height:1083px}

body.home .all-content, body.landing .all-content{background:none;}

body.home, body.landing { background: #2a6e7b url('images/bg-home.jpg') no-repeat center -35px fixed;}
   */

/*landing page top bar that holds nav*/
   .hd { background-color: transparent; background-image: none; height:195px; }
   body.landing .hd {height: 210px;overflow:visible}

body.landing .primary > .container {
    border-top: none;padding-top:20px;
}

body.landing h2{color: #FFFFFF}

 a, a:link, a:visited { color: #ea7f1e; font-weight:bold; }
   a:active, a:hover { color: #56a0d4; font-weight:bold; }
div.menu>ul>li>a:hover { color: #56a0d4; }
#menu a:active, #menu a:hover { color: #56a0d4; text-decoration: none; }

  
h5, h3.widget-title {border:none; border-top: 3px dotted #ea7f1e; padding-top: 25px;}
body.home h5{color:#fff}
    h3.widget-title {margin-top: 7px;}
	
.logo { margin-left: -40px;}
.container {overflow: visible;}
  .sidebar {float: left;width: 300px;overflow: visible !important; }  
body.landing .sidebar {height:100px;overflow: hidden; }  
/*div.content.cf { background: url('images/content-bg.png') no-repeat center center fixed;z-index: 10000}  
body.home, body.landing  div.content.cf{background-image:none}*/

 #menu a, #menu a:link, #menu a:visited { color: #000000; text-decoration: none; }
#menu, #menu ul { background-color: #ea7f1e;color:#000000 }
   .menu > ul ul a:hover { background-color: #56a0d4; }
 
 a.quicklink, a.quicklink:hover { color: #000; background-color: #ea7f1e; }
   a.quicklink:hover { background-color: #56a0d4; }

#text-2{position: relative;top:0px;z-index:50} /*top:1052px*/

div.highlights a .caption, a.highlight .caption { background-color: #ea7f1e; padding-top: 8px;color:#000; }
   div.tiles a h4 { background-color: #ea7f1e;color:#000; }
    div.tiles a h4:hover { background-color: #56a0d4; }
   div.highlights a:hover .caption, a.highlight:hover .caption, div.tiles a:hover h4 { background-color: #56a0d4; }
   div.highlights a .caption .date, a.highlight .caption .date, div.tiles small { color: #000000; }
   
.btn, a.btn, a.btn:link, a.btn:visited{ 
         background-color: #ea7f1e; color: #000; padding: 5px 10px; font-size: 17px; 
         font-weight: bold; cursor: pointer; text-decoration: none; }
   .btn:hover, a.btn:hover, a.btn:active { color: #FFFFFF; background-color: #56a0d4; }
   
a.tix, a.tix:link, a.tix:visited { padding: 5px 10px; font-size: 17px; background-color: #68ab3a; }
   a.tix:hover { padding: 5px 10px; font-size: 17px; color: #000000; background-color: #f4be49; }

   .button {color: #FFFFFF; background-color: #68ab3a; padding: 7px 11px; font-size: 17px; 
         font-weight: bold; cursor: pointer; text-decoration: none;border:0px}
.button:hover {color: #000000; background-color: #f4be49;}
      
   #footer {  position: absolute; left: 0;bottom: 0;/*top: 110%; left: 0px;*/width: 100%;margin-bottom:-5px; padding: 0px;height: 326px;color:#fff;background:none; /*transparent url('images/footer.png') center top no-repeat;*/font-weight:500;pointer-events: none;}



#footer a:hover{color:#ffffff;}
#footer-info { width:685px; margin:auto;position: relative;top: 85px;right:-274px;pointer-events: all;text-align: left;  z-index: 10;color: #fff;background-color: #000000c7; border-radius: 5px;padding: 10px;}



html {
    position: relative;
    min-height: 100%;
}


 .all-content{
   margin: 0 0 326px; z-index: 100;/* bottom = footer height */
	 /* min-height: 100%;
	 margin-bottom: -526px;
	 
	 position: relative;
    
    margin-bottom: -120px;*/
}

body.landing .all-content{margin: 0 0 326px;}





  

   .aqimagine {float: right;}
   
  
 /*
.primary{padding: 25px 0px 150px 0px;}
*/

/*calendar*/
   table.calendar th { color: #fff; font-weight: 800}
   table.calendar div.noevents { /*background-color: #444444;*/ background: url('images/calendar-circle-no-event.png') center center no-repeat; }
   table.calendar a { /*background-color: #d81f26;*/ background: url('images/calendar-circle-event.png') center center no-repeat; }
   table.calendar a:hover, table.calendar a.today, table.calendar div.today  { /*color: #000000; background-color: #eb2370;*/ background: url('images/calendar-circle-today.png') center center no-repeat; }
  table.calendar div { /*background: #f1d469 url('images/day33-yellow.png') center center no-repeat;*/ background:none; }
   .month h5 { padding-top: 0px;margin-top: -2px;color:#fff}
   /*.month {margin-top: -210px;position: absolute;top:965px}*/


 /* small sponsors tiles*/

   div.sponsor { margin-right: -50px; }
   div.sponsor a 
   { 
      width: 115px; height: 96px; overflow: hidden; display: block; float: left; margin: 0px 15px 20px 0px; 
      position: relative;
   }
   div.sponsor a img { width: 115px; height: 96px; border: none; }
  


/*hide app only ad*/
   
   div.app-ad { display: none; }


 @media screen and (max-width: 1119px){
	   body { background: #ffffff url('images/bg.jpg') no-repeat center bottom fixed;background-size:auto} 
   }


@media (max-width: 900px)
   {
      body,body.landing { background: #000 url('images/bg.jpg') no-repeat -562px -340px fixed; }
	   
	  /* .container{overflow: hidden}
	  body.home, body.landing { background: #f26c5e url('images/bg.jpg') no-repeat top center fixed; }*/
	   div.entry-content{/*border: none;*/margin-left: -2px;padding:14px;width:100%}
	    body.home div.entry-content, body.landing div.entry-content{width:100%;margin-left: 0px;padding:0px;}
	   .logo {margin-left: 9px;margin-top: -13px;position: relative;}    
	#mobileheader a.logo img { height: 190px; width: auto; }
	   #mobileheader {height: 190px;}
	   #mobileheader a.tbtn {padding: 40px 0px;color:#fff}
	   .all-content{margin: 0 0 487px;}
	   div.columns {margin-right: 0px;}
	   div.columns .column, div.column {margin-left: 12px;}
	   #footer { background:none; color:#fff;height:360px;/*padding: 0px 19px 0px 19px;*/}
	   body.landing #footer { padding: 0px 19px 0px 19px;}
	   .footer2 {display: none;}
	  #footer-info {width: 95%;font-size:24px;line-height: 26px; top: -140px;left: 5px;}
	  
	     #footer p {color:#fff !important;}
	   
	   .wxpn {width: 100%!important;}
	   .martin {width: 100%!important;}
	   .vmf {width: 100% !important;}
	   .sectv {width: 100%!important;margin-left: 0px!important;}
	   .replay {width: 100%!important;margin-left: 0px!important;}
		  
      /*increase tile caption and date/time size on mobile*/
      div.highlights a .caption, a.highlight .caption {font: normal 30px 'Rokkitt', serif;}
      div.highlights a .caption .date, a.highlight .caption .date {font: bold 20px 'PT Sans Narrow','Arial Narrow',sans-serif;}
	  
	   a.highlight-half img, a.highlight-half {margin: 0px 35px 42px 0px !important;}
   } 


 

 