﻿/*
 * Theme Name: Musikfest - 2019
 * Author: Zero Defect Design LLC - Artsquest
 * Author URI: http://www.zerodefectdesign.com - http://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 #44d7cd; padding-top: 35px;}
   body { background: #2a6e7b url('images/bg-home.jpg') no-repeat center -35px fixed;}

div.entry-content{border: #497f85 solid 10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.8);
    padding-right: 15px;padding-left:15px;
    width: 635px;
    margin-left: -23px;min-height:1060px;}

    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;
}

   a, a:link, a:visited { color: #ff5e60; font-weight:bold; }
   a:active, a:hover { color: #28a8d1; font-weight:bold; }
div.menu>ul>li>a:hover { color: #ffca59; }
#menu a:active, #menu a:hover { color: #ffca59; text-decoration: none; }

   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;}
      


 /*body.home .primary > .container:first-child { border:none; background-image: url('images/h5.png'); background-repeat: repeat-x;}
 body.landing .primary > .container, body.home .primary > .container { border:none; background-image: url('images/h5.png'); background-repeat: repeat-x;}
 body.home .primary > .container { border:none; background-image: url('images/h5.png'); background-repeat: repeat-x; }*/
  
  h5, h3.widget-title {border:none; border-top: 3px dotted #28a8d1; padding-top: 25px;}
    h3.widget-title {margin-top: 7px;}
	

   .logo { margin-left: -480px;margin-top: -128px;overflow: visible !important;z-index: 0;position: absolute}
.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, #menu ul { background-color: #ff5e60; }
   .menu > ul ul a:hover { background-color: #28a8d1; }
   
   a.quicklink, a.quicklink:hover { color: #FFFFFF; background-color: #ff5e60; }
   a.quicklink:hover { background-color: #28a8d1; }

#text-2{position: absolute;top:1052px;z-index:50}
   
   div.highlights a .caption, a.highlight .caption { background-color: #ff5e60; padding-top: 8px; }
   div.tiles a h4 { background-color: #ff5e60; }
    div.tiles a h4:hover { background-color: #28a8d1; }
   div.highlights a:hover .caption, a.highlight:hover .caption, div.tiles a:hover h4 { background-color: #28a8d1; }
   div.highlights a .caption .date, a.highlight .caption .date, div.tiles small { color: #000000; }
   
   .btn, a.btn, a.btn:link, a.btn:visited
      { 
         color: #FFFFFF; background-color: #ff5e60; 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: #28a8d1; }
   
 #footer { margin: -144px; padding: 0px;height: 955px;color:#000000;background: transparent url('images/footer.png') center top repeat-x;font-weight:500;}

#footer a {color:#f0ba4f;}
#footer p {color:#FFFFFF}
#footer-info { width:495px; margin:auto;position: relative;top: 495px;right:339px;pointer-events: all;text-align: left;  z-index: 10;color: #000000}

   

   .aqimagine {float: right;}
    
    

/*
.primary{padding: 25px 0px 150px 0px;}
*/

   /*calendar*/
   table.calendar th { color: #000000; }
   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;}
   .month {margin-top: -210px;position: absolute;top:965px}



	
  /*hide app only ad*/
   
   div.app-ad { display: none; }

   @media (max-width: 900px)
   {
      body { background: #2a6e7b url('images/bg-home.jpg') no-repeat top center fixed; }
	   .container{overflow: hidden}
	  body.home, body.landing { background: #2a6e7b url('images/bg-home.jpg') no-repeat top center fixed; }
	   div.entry-content{border: none;margin-left: 0px;min-height:1060px;}
	    body.landing div.entry-content{width:100%;}
	   .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;}
	  #footer { background:transparent url('images/mobile/mobile-footer.png') center 38px no-repeat; color:#000000;height:460px;margin: 369px 0px 0px 0px;}
	   .all-content{padding:0px;}
	   .footer2 {display: none;}
	  #footer-info {width: 95%;font-size:24px;line-height: 26px; top: -380px;left: 5px;}
	   #footer a {color:#013744 !important;}
	     #footer p {color:#000000 !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;}
	  
   } 


   