@charset "UTF-8";
/* CSS Document */


	.cc-accordion-main {width: 100%; display: inline-block; margin: 40px auto 60px; /*background-color: #ecf0f1 !important;*/}
	
	.cc-accordion-inner h2 {line-height: 135%; text-align: left !important; margin-bottom: 15px; font-size: 28px !important; color: black !important; background: none !important;}

	.cc-accordion-inner h2:after {content: ""; display: block; width: 40px; height: 5px; background: #1c69d4; margin: 20px 0px;}

	.cc-accordion-inner {width: 75%; min-width: 270px; display: inline-block; margin: 0px auto;}
	
	.cc-accordion-inner  p {font-size: 18px; line-height: 135%; text-align: left; color: black !important;}
	
	.cc-accordion-inner  ul {font-size: 18px; line-height: 135%; text-align: left; color: black !important; padding-left: 40px;}
	
	.cc-accordion-inner  ul li {padding-bottom: 15px;}
	
	/*.cc-accordion-inner  h3 {line-height: 1.2 !important; text-align: left; margin-bottom: 15px; color: black !important}*/
	
	
	
	
/* Style the element that is used to open and close the accordion class */
h3.cc-accordion {
    /*background-color: #FFFFFF !important; */
    color: #000000 !important;
    cursor: pointer;
    padding: 18px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
	margin-top: 0px !important;
    margin-bottom:-3px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
h3.cc-accordion.active, h3.cc-accordion:hover {
    background-color: #f1f1f1;
	font-weight: bold;
}

/* Unicode character for "plus" sign (+) */
h3.cc-accordion:after {
    font-family: "Font Awesome 5 Free";
	content: "\f107"; 
    font-size: 18px;
    color: #1c69d4;
    float: right;
    margin-left: 5px;
}

/* Unicode character for "minus" sign (-) */
h3.cc-accordion.active:after {
    font-family: "Font Awesome 5 Free";
	content: "\f106"; 
}





p.accordion {
    /*background-color: #FFFFFF !important; */
    color: #000000 !important;
    cursor: pointer;
    padding: 18px;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:-3px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	font-size: 1.35em;
    /*border-top: 1px solid #ddd;
	width: 100%;*/
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
    background-color: #f1f1f1;
	font-weight: bold;
}

/* Unicode character for "plus" sign (+) */
p.accordion:after {
    font-family: "Font Awesome 5 Free";
	content: "\f107"; 
    font-size: 18px;
    color: #1c69d4;
    float: right;
    margin-left: 5px;
}

/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
    font-family: "Font Awesome 5 Free";
	content: "\f106"; 
}

/* Style the element that is used for the panel class */

div.cc-panel {
    padding: 0px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:0px;
	text-align: left;
}
	
	
div.cc-panel p {
    margin:20px 0;
	text-align: left;
	font-size: larger; 
	line-height: 135%; 
	color: black !important;
}

div.cc-panel p a {
	color: black !important;
	font-weight: bold;
}

div.cc-panel p a:hover {
	color: #1c69d4 !important;
	font-weight: bold;
}
	
div.cc-panel ul li {
    padding-bottom: 15px;
	text-align: left;
}

div.cc-panel.show {
    opacity: 1;
    max-height: 2500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */   
	
}