@charset "utf-8";
/* foto-accord.css • CSS Document; 	• srElliott		(adapted 2019 Mar 1 from \SRE\_A\C\EDE_53.css) */

/* index.php MUST INCLUDE: 
	< ? php include ($NIV."_A/JS/accordion.php"); ? >
*/

/* ACCORDION */
		div.panel {	padding: 0 12px;	background-color: white;	max-height: 0;	
			overflow: hidden;	transition: 0.6s ease-in-out;	opacity: 0;					}
		div.panel.show {	opacity: 1;	max-height: 2000px;									}
	
    /* ACCORDION */
		button.accordion {	background-color: white;	padding: 6px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 18px;	font-weight: bold;	color: navy;	}	
		button.accordion.active, button.accordion:hover { background-color:  #9cc;	color: navy;	}
		
    /* ACCORDION ~ Level 2 */
		button.accordion2 {	background-color: #80CAC4;	padding:5px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 17px;	font-weight: bold;	color: navy;	}	
		button.accordion2.active, button.accordion2:hover { background-color: #26A69A;	color: white;	}
			
    /* ACCORDION ~ Level 3 */
		button.accordion3 {	background-color: #99D5CF;	padding: 4px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 16px;	font-weight: bold;	color: navy;	}	
		button.accordion3.active, button.accordion3:hover { background-color: #33ABA0;	color: white;	}
				
    /* ACCORDION ~ Level 4 */
		button.accordion4 {	background-color: white;	padding: 3px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 15px;	font-weight: bold;	color: navy;	}	
		button.accordion4.active, button.accordion4:hover { background-color: #9cc;	color: navy;	}
	
	 /* ACCORDION ~ Level 5 */
		button.accordion5 {	background-color: #CCEAE7;	padding: 2px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 14px;	font-weight: bold;	color: navy;	}	
		button.accordion5.active, button.accordion5:hover { background-color: #4CB6AC;	color: white;	}
		
/* ACCORDION red */
		button.accordionr {	background-color: #66C0B8;	padding: 6px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 18px;	font-weight: bold;	color: #FF0000;	}	
		button.accordionr.active, button.accordionr:hover { background-color: #1AA094;	color: #FF0000;	}
		
    /* ACCORDION ~ 2 red */
		button.accordion2r {	background-color: #80CAC4;	padding:5px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 17px;	font-weight: bold;	color: #FF0000;	}	
		button.accordion2r.active, button.accordion2r:hover { background-color: #26A69A;	color: #FF0000;	}
			
    /* ACCORDION ~ 3 red */
		button.accordion3r {	background-color: #99D5CF;	padding: 4px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 16px;	font-weight: bold;	color: #FF0000;	}	
		button.accordion3r.active, button.accordion3r:hover { background-color: #33ABA0;	color: #FF0000;	}
				
    /* ACCORDION ~ 4 red */
		button.accordion4r {	background-color: #B2E0DB;	padding: 3px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 15px;	font-weight: bold;	color: #FF0000;	}	
		button.accordion4r.active, button.accordion4r:hover { background-color: #40B0A6;	color: #FF0000;	}
	
	 /* ACCORDION ~ 5 red */
		button.accordion5r {	background-color: #CCEAE7;	padding: 2px;	width: 100%;	border: inset;	
			text-align: left;	border-radius: 10px;	cursor: pointer;	outline: none;	transition: 0.4s;
			font-family: 'Tahoma';	font-size: 14px;	font-weight: bold;	color: #FF0000;	}	
		button.accordion5r.active, button.accordion5r:hover { background-color: #4CB6AC;	color: #FF0000;	}