/*
 * Theme Name: ArtsQuest Network
 * Author: Zero Defect Design LLC
 * Author URI: http://www.zerodefectdesign.com
 * Text Domain: aq
 * */

   /* structure and type */

   body 
   { 
      color: #000000; background-color: #FFFFFF; margin: 0px; text-align: center; 
      font: 15px/22px 'Open Sans', sans-serif; 
   }
   .container { width: 970px; margin: 0px auto; text-align: left; overflow: hidden; }
   body.landing .primary .content { width: 100%; float: none; }

   a, a:link, a:visited { color: #779fda; font-weight:bold; }
   a:active, a:hover { color: #E48511; font-weight:bold;}
   a.ticket, a.ticket:link, a.ticket:visited
   { 
      text-decoration: none; padding: 3px 12px 3px 9px; color: #FFFFFF; 
      background: #002F67 url('images/ticket-edge.png') right center no-repeat; 
      font: bold 17px/24px 'PT Sans Narrow', 'Arial Narrow', sans-serif; text-transform: uppercase;
      letter-spacing: 2px;
   }
   a.ticket:hover { color: #FFFFFF; background-color: #e48511; }
   .sidebar a { text-decoration: none; }

   a.quicklink 
   { 
      display: block; color: #FFFFFF; background-color: #3779C5; padding: 5px 15px 5px 41px; font-size: 17px; 
      font-weight: bold; margin-bottom: 10px;
      background-position: 7px center; background-repeat: no-repeat;
   }
   a.quicklink:hover { color: #FFFFFF; background-color: #e48511; }
   a.email { background-image: url('images/icon-email-white.png');background-position: 11px center; }
a.donate { background-image: url('images/icon-heart.png'); background-position: 11px center; }
   a.tickets { background-image: url('images/icon-ticket.png'); }
a.gift { background-image: url('images/icon-gift.png'); }
   a.shop { background-image: url('https://www.steelstacks.org/wp-content/uploads/sites/3/2014/12/shop.png'); }
   .btn, a.btn, a.btn:link, a.btn:visited, a.tix, a.tix:link, a.tix:visited 
      { 
         color: #FFFFFF; background-color: #3779C5; padding: 5px 10px; font-size: 17px; 
         font-weight: bold; cursor: pointer; text-decoration: none; 
      }
   .btn:hover, a.btn:hover, a.btn:active, a.tix:hover, a.tix:active { color: #FFFFFF; background-color: #e48511; }
   .tix, a.tix, a.tix:link, a.tix:visited, a.tix:hover, a.tix:active { font-size: 14px; padding: 1px 5px; }

.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;}

    .soldout { padding: 5px 10px; font-size: 17px; background-color: #bf2e1a; color:#FFFFFF;border: none; }
    .free { padding: 5px 20px; font-size: 17px; background-color: #f4be49; color:#000000; }
   
   p.intro { font-size: 17px; line-height: 24px; margin-bottom: 45px; }

   #toolbar { background-color: #002F67; color: rgba(255,255,255,0.5); padding: 7px 0px; font-size: 14px; position: fixed; width: 100%; 
   z-index: 1000; }
   #toolbar a, #toolbar a:link, #toolbar a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
   #toolbar a:active, #toolbar a:hover { color: #FFCC00; text-decoration: none;font-weight: normal; }
   .transparent { color: transparent; }
   .alignright { float: right; margin: 0px 0px 20px 20px; }
   .alignleft { float: left; margin: 0px 20px 20px 0px; }
   #toolbar .icons { float: right; text-align: right; width: 220px; height: 23px; overflow: hidden; }
   #toolbar .icons a { padding-left: 2px; }

   /* menu system */

   #menu 
   { 
      background-color: #779FDA; color: #FFFFFF; height: 22px;
      padding: 7px 10px 6px 5px; margin: 20px 0px 25px 0px; 
   }
   #menu a, #menu a:link, #menu a:visited { color: #FFFFFF; text-decoration: none; }
   #menu a:active, #menu a:hover { color: #FFCC00; text-decoration: none; }

   .menu a { color: #ACACAC; }
   .menu ul { padding: 0; margin: 0; list-style-type:none; background-color: #779FDA; }
   .menu > ul li { float: left; padding: 0px; }
   div.menu>ul>li>a
   {
      font: bold 17px/24px 'PT Sans Narrow', sans-serif; padding: 0px 11px 0px 10px; letter-spacing: 1px;
      text-transform: uppercase; background: transparent url('images/divider.png') right center no-repeat;
   }
   div.menu>ul>li>a:hover { color: #E3AF00; }
   div.menu>ul>li:last-child>a { background-image: none; }
   .menu > ul a { display:block; text-decoration:none; }
   .menu > ul a:hover { }
   .menu > ul ul a { padding: 3px 10px 3px 10px; margin: 0px; text-decoration: none; color: #FFFFFF; font-size: 14px; line-height: 15px; }
   .menu > ul ul a:hover { text-decoration: none; color: #FFFFFF !important; background-color: #E3AF00; }
   .menu > ul > li > ul { padding: 10px 0px 10px 0px; position: absolute; visibility: hidden; font-weight: bold; }
   .menu > ul > li > ul > li > ul > li > a { font-weight: normal; padding-left: 30px; background: transparent url('images/divider.png') 17px center no-repeat; }

   .menu > ul li:hover ul, .menu > ul li.hover ul { visibility:visible; }
   .menu > ul li li { float: none; border: none; padding: 0; margin: 0; }
   .menu > ul, .menu > ul li, .menu > ul li ul, .menu > ul li ul li { z-index: 500; }

   /* search */
   
   img.search { float: right; position: relative; top: 0px; cursor: pointer; }
   #menu img.search { top: 2px; } 
   #searchcontrol { display: none; border-bottom: 3px dotted #779fda; margin-top: -25px; }
   div.gsc-control-cse, div.gsc-control-cse-en, div#___gcse_0 { background-color: transparent !important; border: 0px !important; padding; 0px; }
   .cse .gsc-control-cse, .gsc-control-cse { padding: 0px; margin: 0px -12px; }
   
   /* search control modal */

   #simplemodal-overlay { background-color: #FFFFFF; }
   #basic-modal-content { display: none; padding: 0px; text-align: center; }
   #basic-modal-content table { display: inline; width: 80%; }
   #basic-modal-content td { padding-left: 15px; }
   #basic-modal-content td:first-child { padding-left: 0px; }
   #basic-modal-content input 
   { 
      font-size: 48px; line-height: 48px; 
      background-color: transparent; border: none; 
      -webkit-appearance: none; border-radius: 0; -webkit-border-radius:0px;
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
   }
   #basic-modal-content input:focus { outline: none; }
   #basic-modal-content input#s { width: 100%; border-bottom: 2px dotted #666666; color: #000000; }
   #basic-modal-content input#dosearch 
   { 
      color: transparent; background-image: url('images/modalsearch.png'); 
      cursor: pointer;
   }
   #basic-modal-content input#closemodal 
   { 
      color: transparent; background-image: url('images/modalclose.png'); 
      cursor: pointer;
   }
   
   /* ads */
   
   .banner { width: 970px; padding: 60px 0px 15px 0px; border-bottom: 3px dotted #8e6126; margin: 0px auto -30px auto; }
   .rotator, .rotator a { width: 300px; height: 250px; overflow: hidden; }
   .rotator img { width: 300px; height: 250px; }
   
   h2 { font: normal 42px/44px 'Rokkitt', 'Georgia', serif; margin-bottom: 10px; }
   h3 { font: bold 20px/25px 'Open Sans', sans-serif; margin-bottom: 10px; }
   h4
   {
      font: bold 20px/24px 'PT Sans Narrow', 'Arial Narrow', sans-serif; text-transform: uppercase;
      letter-spacing: 2px;
   }

   h5, h3.widget-title 
   { 
      margin: 20px 0px 20px 0px; padding-top: 15px; border-top: 3px dotted #779fda; text-align: center; 
      font: bold 17px/24px 'PT Sans Narrow', 'Arial Narrow', sans-serif; text-transform: uppercase;
      letter-spacing: 2px;
   }
   .content h5 { text-align: left; }

   .sidebar { float: left; width: 300px; }
   .content { float: right; width: 635px; }
   .primary { padding: 25px 0px 0px 0px; }
   .primary > .container { padding: 0px 0px 35px 0px; }

   .sidebar ul { margin: 20px 0px 30px 0px; padding: 0px; list-style-type: none; text-align: center;}
   .sidebar li { margin: 0px 0px; padding: 0px; list-style-type: none; font-size: 18px; line-height: 22px; }
   .sidebar li a { display: block; padding: 6px 0px; }
   .sidebar ul.children { display: none; }

   /* clearfix */
   
   .cf:before, .cf:after { content: " "; display: table; }
   .cf:after { clear: both; }

   /* calendar grid */

   table.calendar { text-align: center; }
   table.calendar th { text-align: center; font-weight: bold; color: #E48511; padding: 0px 0px 5px 0px; }
   table.calendar div, table.calendar a 
   { 
      text-align: center; width: 41px; padding: 9px 0px; display: block; text-decoration: none;
      color: #FFFFFF; background: #FFFFFF url('images/day33.png') center center no-repeat; 
      font-size: 16px;
   }
   table.calendar div.noevents { background-color: #CECECE; }
   table.calendar a { background-color: #779FDA; }
   table.calendar a:hover, table.calendar a.today, table.calendar div.today { color: #FFFFFF; background-color: #E48511; }
   .months, .month { width: 300px; overflow: hidden; }
   .month h5 { border: none; padding-top: 0px; }

   /* link tiles */

   div.tiles { margin-right: -50px; }
   div.tiles a 
   { 
      width: 300px; height: 250px; overflow: hidden; display: block; float: left; margin: 0px 35px 25px 0px; 
      position: relative;
   }
   div.tiles a img { width: 300px; height: 250px; border: none; }
   div.tiles a h4 
   { 
      position: absolute; bottom: 25px; left: 0px; background-color: #3779C5; color: #FFFFFF; text-decoration: none; 
      white-space: nowrap; padding: 4px 10px 4px 10px; margin-bottom: 0px;
   }
   div.tiles a:hover h4 { color: #FFFFFF; background-color: #E48511; text-decoration: none; }


   /* highlight tiles */

   div.highlights { margin-right: -50px; }
   div.highlights a, a.highlight 
   { 
      width: 300px; height: 250px; overflow: hidden; display: block; float: left; margin: 0px 35px 25px 0px; 
      position: relative;
   }
   div.highlights a img, a.highlight img { width: 300px; height: 250px; border: none; }
   div.highlights a .caption, a.highlight .caption
   { 
      position: absolute; bottom: 15px; left: 0px; background-color: #3779C5; color: #FFFFFF; text-decoration: none; 
      padding: 8px 10px 4px 10px; margin-bottom: 0px;
      font: normal 21px/23px 'Rokkitt', serif; 
   }
   div.highlights a .caption .date, a.highlight .caption .date
   { 
      font: bold 14px/17px 'PT Sans Narrow', 'Arial Narrow', sans-serif; text-transform: uppercase;
      letter-spacing: 1px; color: #FFCC00;
   }
   div.highlights a:hover .caption, a.highlight:hover .caption { color: #FFFFFF; background-color: #E48511; text-decoration: none; }


   /* single columns */

   div.columns { margin-right: -80px; }
   div.columns .column, div.column { width: 300px; float: left; margin: 0px 35px 25px 0px; }
   div.columns ul { margin: 0px; list-style-type: none; padding: 0px; }
   div.columns li { margin: 0px; list-style-type: none; padding: 0px 0px 10px 0px; }
   div.columns a { text-decoration: none; }

   #footer 
   { 
      margin: 0px; clear: both; font-size: 13px; line-height: 20px; padding: 55px 0px 115px 0px; 
      color: #FFFFFF; background: transparent url('images/bg-tear.png') center top repeat-x; clear: both;
   }
   
  

   img { display: inline-block; }

   .wireframe img { border: 1px solid #002F67; }
   .wireframe { float: left; margin: 0px 35px 35px 0px; }

   .aqimagine { float: right; }
   
   /* add calendar event */
   
   .ace_btn { display: inline-block; padding: 0px 10px; }
   .ace_btn img { width: 27px; height: 27px; position: relative; top: 6px; }
   .ace_btn.dis {display:none;}
   
   .addthisevent { visibility: hidden; }
   .addthisevent img.calicon { width: 27px; height: 27px; position: relative; top: 6px; }
   
   /* slider */

   #slideshow { width: 635px; height: 412px; position: relative; overflow: hidden; z-index: 0;}
   #slideshow a.highlight, #slideshow a.highlight img { width: 635px; height: 412px; }
   #slideshow a .caption { bottom: 30px; padding: 4px 20px 6px 20px; }
   #slideshow a .caption h3 { font: normal 40px/40px 'Rokkitt', serif; margin-top: 5px; margin-bottom: 0px; }
   .cycle-pager { text-align: right; z-index: 500; position: absolute; top: 10px; right: 10px; overflow: hidden; }
   .cycle-pager span 
   { 
      font-family: arial; font-size: 50px; width: 20px; height: 16px; 
      display: inline-block; color: rgba(255,255,255,0.5); cursor: pointer; 
   }
   .cycle-pager span.cycle-pager-active { color: #E48511;}
   .cycle-pager > * { cursor: pointer;}   
   

   /* home and landing variants */

   body.landing .hd { height: 165px; overflow: hidden; }
   body.landing .primary { padding-top: 25px; }
   body.landing .primary > .container { border-top: 3px dotted #6eb43f; }
   body.landing .banner { margin-bottom: 0px; padding-bottom: 10px; }
   body.landing #searchcontrol, body.home #searchcontrol { margin-bottom: 0px; border: none; }
   /*body.home .primary > .container { border-top: 3px dotted #6eb43f; padding-top: 35px; }
   body.home .primary > .container:first-child { background-image: none; }*/

  /*formstack remove styles*/

   .formstack {all: none;}
   .formstack input{width: auto; float:none; }
   .formstack label{width:auto; float: none; text-align: left; clear: right;}
   
  /* float image with caption */
   
   .image-caption {
	   float:right;
	   padding: 1.5em 0 0 1.5em;}
	   
	.image-caption > p {
		font-size:smaller!important;
		text-align:center;}
		
		
		/*hide div that holds secondary logo for themes that use different color logo*/
		.secondary-logo {
   display:none;
}
/*hide div that holds ArtsQuest at Home logo*/
		.athome-logo {display:none;opacity: 0;}

/*hide div that holds black SteelStacks logo*/
		.black-logo {
   display:none;
}
		
   /* non-mobile */

   #mobileheader, .mobileonly { display: none; }

   /* mobile header system */

   #mobileheader 
   { 
      height: 140px; padding: 20px 0px; text-align: right; width: 635px; margin: 0px auto 20px auto; 
      position: relative; 
   }
   #mobileheader a.logo { float: left; }
    #mobileheader .secondary-logo { display:none; }
#mobileheader .black-logo { display:none; }

		#mobileheader .athome-logo {display:none;opacity: 0;}

	#mobileheader a.logo img { height: 100px; width: auto; }
   #mobileheader a.tbtn 
   { 
      text-align: center; text-decoration: none; margin: 0px; display: inline-block; width: 90px; padding: 20px 0px;
      font-weight: bold; font-size: 20px;
   }
   #mobileheader a.tbtn img { width: 50px; height: 50px; }
   #mobileheader form { position: absolute; bottom: 0px; left: 0px; width: 100%; }
   #mobileheader form select 
   { 
      width: 100%; color: #FFFFFF; background-color: #779FDA; border: 0px; font-size: 20px; 
      padding: 5px;
   }
   
	div.mobilead { display: none; }

    img.sands-logo{position: absolute;margin-left: 350px;margin-top: -185px;}

   /* mobile */

   @media (max-width: 900px)
   {
      .mobileonly { display: block; }
      #mobileheader { display: block; }
      .container, .banner { width: 635px; overflow: hidden; }
      #toolbar { display: none; }
      .banner { margin-bottom: 0px; }
      .banner img { width: 100%; height: auto; }
      .sidebar { display: none; }
      .content { float: none; width: inherit; }
      .aqimagine { float: none; display: block; margin: 0px 0px 20px 0px; }
      .primary { padding-top: 0px; }
      .primary > .container { border-top: none; }
      .menu ul ul { display: none; }
      .hd, #menu { display: none; }
       body.landing { background-position: center -220px; }
      .column h5 { display: none; }
      div.columns .news { float: none; width: inherit; clear: both; }
      .news h5 { display: block; }
	  div.tiles a h4{font-size: 27px;white-space:normal;}
	
	  div.columns .column, div.column { width:100%;margin-left:30px;margin-right:30px;margin-bottom:25px;float:none;}
	  div.columns div.highlights a, div.columns a.highlight { width: 100%;max-width:550px;max-height:458px;height:100%;margin-bottom:25px;margin-left:5px;margin-right:5px;float:none;}
  	  div.columns div.highlights a img, div.columns a.highlight img { width: 100%;max-width:550px;max-height:458px;height:100%; }
   
   	  div.columns div.highlights a .caption, div.columns a.highlight .caption{ font: normal 30px 'Rokkitt', serif; }
      div.columns div.highlights a .caption .date, div.columns a.highlight .caption .date{ font: bold 24px 'PT Sans Narrow', 'Arial Narrow', sans-serif; }
	  
	  a.tix, a.tix:link, a.tix:visited {padding: 12px 22px !important;font-size: 25px !important;margin-top: 15px !important;margin-bottom: 15px !important;}
	   
	   .button {padding: 12px 22px !important;font-size: 25px !important;margin-top: 15px !important;margin-bottom: 15px !important;}

   btn, a.btn, a.btn:link, a.btn:visited, a.tix, a.tix:link, a.tix:visited { display:block; }
	  
	  div.mobilead { display: block; width:100%;}
	   
	   img.sands-logo{position: relative;padding-top: 20px; margin-left: 0px;margin-top: 0px;}
	  
	 /* #toolbar { padding: 7px 0px; font-size: 30px; position: relative; line-height: 35px;height: 70px;}
   
   #toolbar .icons { display:none;}*/
   
   #footer {height:350px;font-size: 24px;line-height: 26px;}
  #footer div.icons{padding-top: 22px;}
   }