/* index.css - style sheet for printmaker new-index.php May 2025*/
	body {
	  background-color: #FFF;
  	}

		
	.womanPane {
      width: 60%;
}	

	.womanPane img {
		width: 149px;
	  border-radius: .25em;
	}

	.womanPane figcaption {
		font-size: .55em;
		text-align: center;
		}

	  .header h1, .header h2 {
		  color: #000;
	  }
		
	.header h1 {
		margin-top: 0;
	}
				
.header .newProd  p {  /*used with new product emphasis, e.g. tiles*/
  left: 27%;
}	

/* #exhibits and #venues are "id's" for posting places showing Mimi's art - Not always visible*/		
	#venues {
	  /*display: none;  use this line to take art venues off the home page */
	  width: 20em;
	  text-align: center;
	  margin: 0 auto;
	  /*height:234px; }250px*/
	  color: black;
	  }
	  
	#venues em {
	  font-weight: bold;
	  font-style: normal;
	  color: Ivory;
	}
	  
	  	  
	  #venues ul {
	  list-style: none;
	  padding: 0;
	  margin: 0;	  
	  }
	  
	#venues li {
    font-weight: normal;
    margin: 0 0 1.5em;
    width: 20em;
	line-height: 1.5em;
}	
	
	#venues li h3 {
	  margin: 0;
	  }
	  
	 #exhibits h3 {	  
	  margin: 0 0 1em;
	  color: #EE592F;
	  font-variant: small-caps;
	  text-align: center;	  
	} 
	
	#venues li + p {
		
	}
	  
	#venues p {
	  margin: .3em 0 .3em 0;
	  color: #CD553F; /*#FBA91F*/
	  font-size: .85em;
	  font-weight: bold;
	  text-align: center;
	  line-height: 1em;
	  }
	
	#venues p.black {
		color: black;
	}
	
	#venues p.gray {
		color: gray;
	}
	
	#venues p.small-caps{
		font-variant-caps:small-caps;
	}
	  
	#venues p span {
		line-height: 1.5em;
	    font-size: 1.2em;
	    color: olive;
	}
	  	  
	#venues a:link, #venues a:visited {
	  color: #000;	  
	  font: small-caps bold 1.1em "Gill Sans MT","Century Gothic",sans-serif;
	  }
	  
	#venues a:hover {
	  font-size: 1.2em;
	  text-decoration: none;
	  }
	  
	#venues a:focus{
	  outline: none;
	  }
	  
	  #venues h4 {
/* ------- used for Christmas card h4 ----------	  
	
		border: 2px solid green;
		border-radius: .25em;
		padding: 1em 0;
		color: #000;
 */
		  margin: 0; /* NOT used at Christmas for cards */
  	}  
	
  	#venues h4 a:link, #venues h4 a:visited {
  		color: brown;
  	}
	
	.text {
		color: #000;
		margin: 2em 1em;
	}
	
	.facebook img {		
		width: 8%;
		height: 50%;
		margin-left: 10%
	}
	
/* ------- used for CALENDAR img ----------*/	
	#venues img {
		    box-shadow: 2px 2px 4px gray;
	}
	
	#calendar > h4 {
	    margin-bottom: 1em;
	}
  	
	#news {	  
      position: absolute; 
	  top: -265px;
	  left: -65px;
	  margin-top: 30px;
	  }	

	#news a {
	  color: #EE592F;	/*#FF8353*/  
	  margin: 0 0 0 0;
	  padding: 5px;
	  font-family: "Comic Sans MS", sans-serif;
	  text-decoration: none;
	  }
	
	#news a:hover{
	  color: gold;	  
	  }
	  
	  footer {
		  margin-left: 0;
	  }
	  
	  footer #copyright {
		  color: black;
		  text-align: center;
		  font-size: .8em;
	  }
	  
	  /*------------------------------------
	             screen size > 480px
	  --------------------------------------
	                  Navigation          
	  ------------------------------------*/
	  @media (min-width: 30em) { /* 480px/16px */
		 
		  body {
			  background-color: #fff;
	  		}
		 
		  #wrapper {				
		  		margin-top: 20px;	
		  }

		  .heading {
			  display: block;
			  margin-top: 0;
		  }

		  
		  .womanPane, hgroup {
			  width: 298px;
			  
		  }
		  
		  .womanPane img {
			  width: 298px;
			  
		  }

				
	  	.header h1 {
	  		font-size: 2.1em;
	  		letter-spacing: .08em;
	  		padding-top: 0px;
			margin-top: 3em;
	  		}
		
			
			#venues {
				/*margin: 0;*/
			}
	  
	  	  footer {
	  		  margin: 2em auto;
	  	  }
			
	  }


	  /*------------------------------------
	             screen size 480 to 540px
	  --------------------------------------
	                  Navigation          
	  ------------------------------------*/
	
	@media (max-width: 33.75em) and (min-width: 30em) { /* 540px/16px & 480px/16px */

		hgroup {
			font-size: 90%;
		}
		
/*		#exhibits {
		    font-size: 0.9em;
		    margin: -10em 0 0 35%;
		} */

		#venues {
			margin: 0 auto;
		}		
		
	}



	  /*------------------------------------
	             screen size > 541px
	  --------------------------------------
	                  Navigation          
	  ------------------------------------*/
	
	@media (min-width: 33.8125em) { /* 541px/16px */
		
		#exhibits {
		    font-size: 1em;
		    
		}
		
		
	}




	  /*------------------------------------
	             screen size > 760px
	  --------------------------------------
	                  Navigation          
	  ------------------------------------*/
	
	@media (min-width: 47.5em) { /* 760px/16px */
		
	
	   
	   hgroup {
		   font-size: 100%;
	   }
	

		#exhibits {
		    font-size: 1em;
		    left: 45%;
		}
		
	}
	#w3 {margin: 5em 0 0 0; }