﻿
 main.xmas { background-image:url('../img/christmas/stable.png');
		  background-position:right 97%; background-repeat:no-repeat; 
		  margin-bottom:7%; }
		 
 .xmas h5, .gold h5, .martyr h5, .hanukkah h5 { background-image:url('../img/christmas/christmas_border.png');
	 background-repeat:no-repeat; 
	 background-position:center bottom; 
	 padding:4%;
	 background-size: 100% auto;
   	 text-align:center; 
   	 margin-bottom:0; 
   	 margin-top:0; 
   	 color: #bf9b30; }
   	 
footer { width: 73%; }

figure footer { width: 100%; }
		  
/* Liturgical Colour - Christmas - place thumb angels around h1 on all but home page*/		  
.xmas box, .xmas figure.full { border:3px #FFD700 solid; 
			 border-radius: 7px; 
			 background-color:#CFB53B; 
			 }
#home.xmas header {  display: flex;
  				 flex-direction: row;
  				 justify-content: space-between;
  				 border:3px #FFD700 solid; 
			 	 border-radius: 7px; 
  				 background-color:#CFB53B; 
  				 align-items:center;}
  				 
angelHeader { display: flex; 
			  flex-direction:row; 
			  justify-content: center; }

.xmas h1 { color:white; }
#home.xmas h2 { color:white; }
.xmas h2 { color:#FFD700  }
.xmas h3 { color:#CFB53B;}
.xmas h4 { color:#FFA500;}   
.xmas figcaption.full { color:white; }
.xmas figcaption { color:#483D8B; }
/* Liturgical Colour - Saint - place saints cross about header on home page*/		  

/* Liturgical Colour - saints day regular, Christmas Day to the Presentation, Easter Day to Ascension Day, Trinity Sunday, Jesus Special Feast Days, All Saints’ Day, Thanksgiving for Holy Communion  */

main.gold { background-image:url('../img/devotions-bkgd/saintcross-med.png'); 
			 background-position:100% 97%; 
			 background-repeat:no-repeat;
			 max-width:100%; 
			 height:auto; 
			 margin-bottom:5%;}

.gold header, .gold box, .gold figure.full { border:3px #FFD700 solid; 
			 border-radius: 7px; 
			 background-image:url('../img/devotions-bkgd/gold_background.jpg');
			 background-repeat: no-repeat;
  			 background-size:cover; }
  			 
#home.gold header { display: flex;
  				 flex-direction: row;
  				 justify-content: space-between;
  				 border:3px #FFD700 solid; 
			 	 border-radius: 7px; 
  				 background-color:#CFB53B; 
  				 align-items:center; }
 		  
.gold h1 { color: white; }
.gold h2 { color:#FFD700; text-shadow: 1px 1px 2px red; }
.gold footer hr { background-color:#FFD700; }
.gold h3 { color:#D4AF37; }
.gold h4 { color:#FFA500; }
.gold h5 { color:#D4AF37; }
.gold figcaption.full { color:white; }
.gold figcaption { color:#483D8B; }
.gold footer { width:75%; }
.gold figure footer { background-image:none; height:auto; width:100%; }
			 
/* Liturgical Colour - saints day martyr */
 main.martyr { background-image:url('../img/devotions-bkgd/martyr-cross.png');
	background-repeat:no-repeat; 
	max-width:100%; 
	height:auto; 
	background-position:bottom+3% right; }
		 
.martyr	header, .martyr box, .martyr figure.full { border:3px #CC0000 solid; 
			 border-radius: 7px; 
			 background-color:#ff6961; }
			 
#home.martyr header { display:flex;
					  height:90px;
					  align-items: center;
 					  justify-content: right;
			 		  background-image:none; 
			 		  background-color:#ff6961;
			 		  border:7px #CC0000 solid;
			 		  border-radius: 17px;  
			 		   }			 
.martyr h1 { color:white; text-shadow: maroon 0.1em 0.1em 0.2em;}
.martyr	h2 { color:white; text-shadow: maroon 0.1em 0.1em 0.2em;}		
.martyr h3 { color:#CC0000; }
.martyr h4 { color:maroon; }
.martyr h5 { color:#CC0000; }
.martyr	footer hr { background-color:#ff6961; }
.martyr figcaption { color:#CC0000; }
.martyr footer { width:80%; }

/* Liturgical Colour - israel */

 main.israel { background-image:url('../img/devotions-bkgd/gentle-dove.png');
 				background-position:right bottom; background-repeat:no-repeat; }
.israel header,.israel box, .israel figure.full { border:3px #004C99 solid; 
			 border-radius: 7px; 
			 background-color:#CCE5FF; }
#star1 { float:left; }
#star2 { float:right;}	
 		 
.israel h1 { color:#2B60DE;}
.israel h2 { color:#2B65EC;}
.israel h3 { color:#0066CC;}
.israel h4 { color:#483D8B;}
.israel h5 { color:#004C99; }
.israel footer hr { background-color:#99CCFF; }
.israel figcaption { color:#0066CC; } 
.israel footer { width:80%; }

/* Liturgical Colour - Hanukkah */
.hanukkah lightheader { display:flex;
				   flex-flow: row nowrap;
				   max-width:940px;
				   margin 0 auto;
 				   align-items: center; 
				   border:3px #004C99 solid;
				   border-radius: 7px; 
			 	   background-color:#CCE5FF;
			 	   margin:0 auto 1% auto;
			 	   }
			 	   
main.hanukkah { background-image:none; }
			 	   
.hanukkah header { background-image:url('../img/hanukkah/hanukkah-background.jpg');
		background-color:transparent;
		background-repeat: no-repeat; 
		background-size:cover;
		}			 	   			 	   
.hanukkah h1 { color:white; text-shadow: #004C99 0.1em 0.1em 0.2em;}
.hanukkah h2 { color:#D4AF37; padding:5%;}
.hanukkah h3 { color:#0066CC;}
.hanukkah h4 { color:#483D8B;}
.hanukkah figcaption { color:#0066CC; } 	
.manorah img {  height:0; max-height:100%; }
 .lightbox { display:flex; 
 			 flex-flow: row nowrap;
			 max-width:940px;
		     margin 0 auto;
 			 align-items: center; }
 			 
@media only screen and (max-width:770px) {
 main.xmas { background-image:url('../img/christmas/stable-tab.png');
			background-position:right 97%; }
 main.gold { background-image:url('../img/devotions-bkgd/saintcross-med.png'); 
			 background-position:100% 97%; 
			 background-repeat: no-repeat; }
.gold figure footer { display:block; background-image:none; height:auto; width:100%; }                
main.martyr { background-image:url('../img/devotions-bkgd/martyr-cross-med.png');}
.martyr figure footer { display:block; background-image:none; height:auto; width:100%; }                                
		 			
}

@media only screen and (max-width:540px) {
main {margin-right:3px;}
#home header { margin-left:0%; }

main.xmas { background-image:url('../img/christmas/holy-family_small.png');
			background-position:110% 97%; 
			background-repeat:no-repeat; 
			background-origin: content-box; }
     
.xmas footer h5 { max-width:80%; margin-left:1%; }

main.gold { background-image:url('../img/devotions-bkgd/saintcross-small.png');}
hr { margin-left:7%; }
.gold footer { width:75%; }
main.martyr { background-image:url('../img/devotions-bkgd/martyr-cross-small.png');
			background-position:98% 95%;}
.martyr footer { width:74%;}
main.israel { background-image:url('../img/devotions-bkgd/dove-small.png'); }
.israel footer { width:75%; }

.hanukkah h2 { margin-left:31%;}

}
