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

/*CHANGE ACCENT COLOR:

#042755

*/

	
	.cc-accordion-main {width: 100%; display: inline-block; margin: 0px auto 40px; /*background-color: #D6D2C4 !important; padding: 60px 0px;*/}

	.cc-accordion-header {width: 75%; min-width: 270px; display: inline-block; margin: 0px auto;}

	.cc-accordion-header h2 {line-height: 135%; text-align: center !important; margin-bottom: 15px; font-size: 44px !important; color: black !important; background: none !important;}

	.cc-accordion-header h2:after{display: none !important;}

    .cc-accordion-header p:after {content: ""; display: block; width: 40px; height: 5px; background: #042755 !important; margin: 20px auto;}
	
	.cc-accordion-header  p {font-size: 18px; line-height: 135%; text-align: center; color: black !important; margin-top: 10px;}


	
	.cc-accordion-inner {width: 85%; min-width: 270px; display: inline-block; margin: 0px auto;}

	.cc-accordion-inner h2 {line-height: 135%; text-align: center !important; margin-bottom: 15px; font-size: 32px !important; color: black !important; background: none !important;}

    .cc-accordion-inner h2:after{content: ""; display: block; width: 40px; height: 5px; margin: 20px auto 40px !important;}

	
	
	.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; font-size: 26px; color: black !important}
	
	
	
	
/* Style the element that is used to open and close the accordion class */
p.accordion {
    /*background-color: #FFFFFF !important; */
    color: black !important;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:-3px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	font-size: 20px;
	    font-family: "Nirmala",sans-serif;
    /*border-top: 1px solid #ddd; */
}

/* 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, .iu-state-hover {
    background-color: #f1f1f1 !important;
	font-weight: bold;
	/*font-family: "Roboto",sans-serif; */
}

.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
    background-color: #f1f1f1 !important;
	font-weight: bold;
    color: #212121;
}

/* Unicode character for "plus" sign (+) */
p.accordion:after {
    font-family: "Font Awesome 5 Free";
	content: "\f107"; 
    font-size: 18px;
    color: #042755;
    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.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;
	/*font-family: "Roboto",sans-serif; */
}
	
	
div.panel p {
    margin:20px 0;
	text-align: left;
	font-size: 16px; 
	line-height: 135%; 
	color: black !important;
}
	
div.panel ul li {
    padding-bottom: 15px;
	text-align: left;
	/*font-family: "Roboto",sans-serif; */
}

div.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) */   
	/*font-family: "Roboto",sans-serif; */
}
	/*
	.ui-state-hover {
		font-weight: bold !important;
		color: #DA291C !important;
		background-color: transparent !important;
	}
	*/




/* BRAND STYLE START */

.cc-brand-clr a {color: #042755 !important;}

.cc-brand-bg {background: #042755 !important;}

.cc-brand h2:after {content: ""; display: block; width: 40px; height: 5px; background: #042755 !important; margin: 20px auto;}

.cc-brand h4:after {content: ""; display: block; width: 40px; height: 5px; background: #042755 !important; margin: 20px auto;}
 
.cc-brand-focus:focus{border: 2px dotted #042755;}