#a { list-style:"📍 " }
#c { list-style:"💁 " }
#d { list-style:"📆 " }
#e { list-style:"📧 " }
#f { list-style:"🏁 " }
#h { list-style:"🎟 " }
#l { list-style:"🔗 " }
#n { list-style:"📲 " }
#p { list-style:"⛪ " }
#r { list-style:"🖎 " }
#t { list-style:"⌚ " }
li {
        list-style: "";
	list-style-position: initial;
	list-style-image: initial;
	margin: 0.3cm;
}

body {
        background-image: radial-gradient(circle at 0.45em 0.45em, rgb(232,242,242) 1px, transparent 0);
	background-size: 0.45cm 0.45cm;
}
.Devotions    summary { background: linear-gradient(90deg, rgba(139,  0,128,0.8) 0%, rgba(139,  0,128,0.5) 10px, rgba(139,  0,128,0) 15px, rgba(0,0,0,0) 100%); }
.Meals        summary { background: linear-gradient(90deg, rgba(139, 69, 19,0.8) 0%, rgba(139, 69, 19,0.5) 10px, rgba(139, 69, 19,0) 15px, rgba(0,0,0,0) 100%); }
.Other        summary { background: linear-gradient(90deg, rgba(125,125,125,0.8) 0%, rgba(125,125,125,0.5) 10px, rgba(125,125,125,0) 15px, rgba(0,0,0,0) 100%); }
.Performances summary { background: linear-gradient(90deg, rgba(  0,  0,  0,0.8) 0%, rgba(  0,  0,  0,0.5) 10px, rgba(  0,  0,  0,0) 15px, rgba(0,0,0,0) 100%); }
.Recreation   summary { background: linear-gradient(90deg, rgba(  0,209,209,0.8) 0%, rgba(  0,209,209,0.5) 10px, rgba(  0,209,209,0) 15px, rgba(0,0,0,0) 100%); }
.Retreats     summary { background: linear-gradient(90deg, rgba(219,219,112,0.8) 0%, rgba(219,219,112,0.5) 10px, rgba(219,219,112,0) 15px, rgba(0,0,0,0) 100%); }
.Romance      summary { background: linear-gradient(90deg, rgba(199,  0,  0,0.8) 0%, rgba(199,  0,  0,0.5) 10px, rgba(199,  0,  0,0) 15px, rgba(0,0,0,0) 100%); }
.Socializing  summary { background: linear-gradient(90deg, rgba(234,173,234,0.8) 0%, rgba(234,173,234,0.5) 10px, rgba(234,173,234,0) 15px, rgba(0,0,0,0) 100%); }
.Studies      summary { background: linear-gradient(90deg, rgba( 47, 79, 47,0.8) 0%, rgba( 47, 79, 47,0.5) 10px, rgba( 47, 79, 47,0) 15px, rgba(0,0,0,0) 100%); }
.Support      summary { background: linear-gradient(90deg, rgba(  0,  0,255,0.8) 0%, rgba(  0,  0,255,0.5) 10px, rgba(  0,  0,255,0) 15px, rgba(0,0,0,0) 100%); }
.Volunteering summary { background: linear-gradient(90deg, rgba(  0,  0,139,0.8) 0%, rgba(  0,  0,139,0.5) 10px, rgba(  0,  0,139,0) 15px, rgba(0,0,0,0) 100%); }

input[type=checkbox] {
        position: absolute;
	margin: 0;
	width : 1cm;
	height: 1cm;

        border: none;
	outline: none;
	cursor: pointer;
	background-color: rgba(255,255,255,0.75);
}
input[type="checkbox"]:checked       { background-color: rgba(0,0,0,0); }
a { text-decoration: none; }
label {
        display: inline-block;
	width: 80%;
	height: 1cm;
	padding-left: 2cm;
	color: #77216F;
	font-size: 0.83cm;
}
label[for=Devotions   ]{ background: rgba(139,  0,128,0.4); }
label[for=Meals       ]{ background: rgba(139, 69, 19,0.4); }
label[for=Other       ]{ background: rgba(125,125,125,0.4); }
label[for=Performances]{ background: rgba(  0,  0,  0,0.4); }
label[for=Recreation  ]{ background: rgba(  0,209,209,0.4); }
label[for=Retreats    ]{ background: rgba(219,219,112,0.4); }
label[for=Romance     ]{ background: rgba(199,  0,  0,0.4); }
label[for=Socializing ]{ background: rgba(234,173,234,0.4); }
label[for=Studies     ]{ background: rgba( 47, 79, 47,0.4); }
label[for=Support     ]{ background: rgba(  0,  0,255,0.4); }
label[for=Volunteering]{ background: rgba(  0,  0,139,0.4); }



summary.SpecialEvent  {
        background-color: #FCE5DE;
}
* {
        font-family: ubuntu;
	font-size: 0.5cm;
	color: #111111;
	max-width: 16cm;
	margin: 0 auto;
}
span {
        font-size: 0.66cm;
	margin-left : 2%;
	margin-right: 2%;
	margin-bottom: 1%;
	color: #77216F;
}
div { padding-top: 0.1cm; }
b { color: #77216F }
sup { color: #AEA79F ; }
sub, summary { color: #E95420; vertical-align: top; font-size: 0.5cm; }
sub.Parish { float: right; color: darkgreen; font-size: 0.5cm; }

#q { float: right; }

.q { float: left ; }
details details summary span {
        vertical-align: top;
	position: absolute;
	font-size:  2.15cm;
	top: 0cm;
	right: 0;
	opacity: 0.1;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
}
details {
        width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
details details summary { color: #772; }
details details details summary {
        color: #16F;
	padding-left: 1cm;
}

summary {
        position: relative;
	padding: 0.4cm;
	padding-bottom: 0.1cm;
	font-size: 10cm:
	background: white;
}
pre {
        color: white;
	background-color: #AEA79F;
	padding: 1cm;
	font-family: monospace;
}

   #Devotions:not(:checked) ~ .Devotions   ,
       #Meals:not(:checked) ~ .Meals       ,
       #Other:not(:checked) ~ .Other       ,
#Performances:not(:checked) ~ .Performances,
  #Recreation:not(:checked) ~ .Recreation  ,
    #Retreats:not(:checked) ~ .Retreats    ,
     #Romance:not(:checked) ~ .Romance     ,
 #Socializing:not(:checked) ~ .Socializing ,
     #Studies:not(:checked) ~ .Studies     ,
     #Support:not(:checked) ~ .Support     ,
#Volunteering:not(:checked) ~ .Volunteering
{ display: none; }

   #Devotions:not(:checked) ~ details .Devotions   ,
       #Meals:not(:checked) ~ details .Meals       ,
       #Other:not(:checked) ~ details .Other       ,
#Performances:not(:checked) ~ details .Performances,
  #Recreation:not(:checked) ~ details .Recreation  ,
    #Retreats:not(:checked) ~ details .Retreats    ,
     #Romance:not(:checked) ~ details .Romance     ,
 #Socializing:not(:checked) ~ details .Socializing ,
     #Studies:not(:checked) ~ details .Studies     ,
     #Support:not(:checked) ~ details .Support     ,
#Volunteering:not(:checked) ~ details .Volunteering
{ display: none; }