﻿/* Liturgical Colour - ordinary time */
main.regular { background-image:none; }
.regular header, .regular box, .regular figure.full { border:3px darkgreen solid; 
			 border-radius: 7px; 
			 background-color:#b6edb6;}
.regular h1 { color:darkgreen; }
.regular h2 { color:darkgreen; }
.regular h3 { color:green; }
.regular footer hr { background-color:#77DD77; }
.regular figcaption { color:green; }
figure footer { background-image:none; height:auto; }

/* Liturgical Colour - Violet, Advent, Lent until day b4 Palm Sunday, All Souls Day*/
 main.violet { background-image:none;
		  background-position:right bottom; background-repeat:no-repeat; 
		 max-width:100%; height:auto; } 
.violet header, .violet box, .violet figure.full { border:3px #8A2BE2 solid; 
			 border-radius: 7px; 
			 background-color:#E6E6FA; }
.violet h1 { color:#9400D3; }
.violet h2 { color:#8A2BE2; }
.violet h3 { color:purple;}
.violet h4 { color:#483D8B;}
.violet h5 { color:#9400D3;}
.violet footer hr { background-color:#8A2BE2; }     
.violet figcaption.full { color:#8A2BE2; }
.violet figcaption { color:#9b3aee; }
.violet footer { width:100%; }

/* 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.png');
		 background-position:right bottom; background-repeat:no-repeat; 
		 max-width:100%; height:auto; margin-bottom:5%;
		 background-color:F1E9D2; }
.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; }
.gold h1 { color: white; }
.gold h2 { color:white; }
.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 - martyr, Holy Week, Friday after Ascension Day to the Feast of Pentecost*/
 main.martyr { background-image:url('../img/devotions-bkgd/martyr-cross.png');
		  background-position:right bottom; background-repeat:no-repeat; 
		  max-width:100%; height:auto; margin-bottom:5%; }		 
.martyr	header, .martyr box, .martyr figure.full { border:3px #CC0000 solid; 
			 border-radius: 7px; 
			 background-color:#ff6961; }
.martyr h1 { color:white; }
.martyr	h2 { color:white; }		
.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:75%; }
.martyr figure footer { background-image:none; height:auto; width:100%; }

/* Liturgical Colour - Israel, Virgin Mary Days, Angels */
 main.israel { background-image:url('../img/devotions-bkgd/gentle-dove.png');
		  background-position:right bottom; background-repeat:no-repeat; 
		  max-width:100%; height:auto; margin-bottom:5%; }
.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 - Gr event day */
.event main { background-image:url('../img/devotions-bkgd/ricepaper.png'); }
.event header, .event box, .event figure.full { border:3px #CC0000 solid; 
			 border-radius: 7px; 
			 background-color:orange; }			 
.event h1 { color:white; }
.event h2 { color:white; }
.event h3 { color:green; }
.event h4 { color:#738b2a; }
.event h5 { color:#738b2a; }
.event footer hr { background-color:orange; }
.event figcaption.full { color:#738b2a; }
.event figcaption { color:#213210; }

/* Liturgical Colour - non-saints day */
 body.passion { background-image:none; 
				background-color: rgb(240,225,255); }
 main.passion { background-image:url('../Images/Background/Gentle-As-A-Dove.png');
		  		background-position:right bottom; 
		  		background-repeat:no-repeat; }
.passion header,.passion box, .passion figure.full { border:3px #8A2BE2 solid; 
			 border-radius: 7px; 
			 background-color:#E6E6FA; }		 
.passion h1 { color:#9400D3; }
.passion h2 { color:#8A2BE2; }
.passion h3 { color:purple; }
.passion h4 { color:#483D8B;}
.passion h5 { color:#9400D3; }
.passion footer hr { background-color:#8A2BE2; }
.passion figcaption { color:#8A2BE2; }

/* Liturgical Colour - Pentecost */
 body.pentecost { background-image:none; background-color:white;}
 main.pentecost { background-image:url('../img/pentecost/pentecost sunday.png');
		  background-position:100% 94%; background-repeat:no-repeat; }
.pentecost header,.pentecost box, .pentecost figure.full { border:3px #CC0000 solid; 
			 border-radius: 7px; 
			 background-color:white; }		 
.pentecost h1 { color:#ff3300; }
.pentecost h2 { color:#ff6961; }
.pentecost h3 { color:#e60000; }
.pentecost h4 { color:#668cff; }
.pentecost footer { width:80%;}
.pentecost footer hr { background-color:#ff6961;}
.pentecost figcaption { color:#CC0000; }

/* Liturgical Colour - Holy Week/k */
 main.holywk { background-image:url('../Images/Background/holy week.png');
		  background-position:right bottom; background-repeat:no-repeat; }
.holywk	header,.holywk box, .holywk figure.full { border:3px #CC0000 solid;  
	     border-radius: 7px;
	     background-color:#ff6961; }		     
.holywk h1 { color:white; }
.holywk	h2 { color:white; }		
.holywk h3 { color:#CC0000; }
.holywk h4 { color:maroon; }
.holywk h5 { color:#CC0000 }
.holywk footer { width:77%; }
.holywk	footer hr { background-color:#ff6961; }	     
.holywk figcaption { color:#CC0000; }

/* Liturgical Colour - Holy Saturday - no colour */
body.holysat { background-image:url('../Images/Background/mochi-dot-linen-cotton-fabric-blend-unbleached-7.jpg');
       			background-color:#FFFFFF; }
 main.nohang { background-image:none; }
.nohang	header,.martyr box, .martyr figure.full { border:3px black solid; 
	     border-radius: 7px;
	     background-color:white; }		     
.nohang h1 { color:#808080; }
.nohang	h2 { color:#A9A9A9;  }		
.nohang h3 { color:#D3D3D3; background-color:black;}
.nohang h4 { color:#C0C0C0; }
.nohang h5 { color:#A9A9A9; }
.nohang	footer hr { background-color:#808080; }	     
.nohang figcaption { color:#808080; }	

@media only screen and (max-width:913px) {
hr { margin: 0px auto 7px auto; }
main.gold { background-image:url('../img/devotions-bkgd/saintcross-med.png'); 
			 background-position:100% 97%; }
.gold figure footer { display:block; background-image:none; height:auto; width:100%; }                
main.martyr { background-image:url('../img/devotions-bkgd/martyr-cross-med.png');
			  background-position:100% 97%;}
.martyr figure footer { display:block; background-image:none; height:auto; width:100%; } 
main.holywk { background-image:url('../Images/Background/holy week medium.png');
		  background-repeat:no-repeat; background-position:100% 92%;  }
                               
}

@media only screen and (min-width: 481px) and (max-width:768px) {
main.pentecost { background-image:url('../img/pentecost/pentecost sunday med.png'); }	 
.pentecost footer { width:72%;}	
}

@media only screen and (max-width:540px) {
main.gold { background-image:url('../img/devotions-bkgd/martyr-cross-small.png');
		     background-position:100% 98%; }  
.gold footer { width:75%; }                                    
main.martyr { background-image:url('../img/devotions-bkgd/martyr-cross-small.png');
			  background-position:100% 98%;}
.martyr footer { width:75%; }                
main.israel { background-image:url('../img/devotions-bkgd/dove-small.png');
			  background-position:100% 98%;}
.israel footer { width:75%; }
main.violet { background-image:url('../img/devotions-bkgd/allsaints_small.png');
			  background-position:100% 98%;}
.violet footer { width:75%; }
.holywk footer { width:73%; }
main.holywk { background-image:url('../Images/Background/holy week small.png');
		  background-position:right bottom; background-repeat:no-repeat; }

}
 
@media only screen and (max-width:480px) {
main.pentecost { background-image:url('../img/pentecost/pentecost sunday mobile.png'); 
					background-position:100% 92%;}
main {margin-left:3%; width:93%; } 
.pentecost footer { width:55%;} 	

}
