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

/* Delete ALL font size / font-family / font-weight / line-height  in includes/Accordion CSS */
/* Adjust the font sizes according to screen size in the media query */
/* Make sure the Skin# and Accordion IDs match */

/* Accordion Mods - make sure you use the proper skin# used by the accordion */
/* 4 mobile - adjust larger screen sizes in media query at bottom */


/* in case there are multiple colour schemes in different accordions, the accordion needs to be targeted. The one below is for a single instance on the main page */

#accordion-style-1 .skin_p a:hover, #accordion-style-2 .skin_p a:hover {
	text-decoration: none;
	font-style: italic;
}
#accordion-format .DWAccordions_navLink .DWAccordions_navSpan
{
	font-size : 1.2rem;
	line-height: 1.4;
	text-decoration: none;
}
#accordion-format .DWAccordions_container h4 {
font-size: 1.3rem;
}
#accordion-format .DWAccordions_container h6 {
/* [disabled]font-size: 22px; */
}

#accordion-format p a {
	color: #575757;
	text-decoration: underline;
}

/* Font size of title bar - delete the font size from the Accordion CSS */

#accordion-format .DWAccordions_navLink .DWAccordions_navImg
{
	font-size : 1.3rem;
	/*color : #2E4053;
	color : rgba(46, 64, 83, 0.75);
	*color : #2E4053;*/
}

/* Content */
#accordion-format p {
	font-size: 1.3rem;
	color: #494949;
}
.accordion_side-text-wrapper {
	/* if text is required to the side of an accordion section */
	padding-left: 0px!important;
	margin-bottom: 30px;
}
.accordion_side-text-wrapper p {
	/* if text is required to the side of an accordion section */
	color: #EAEAEA!important;
}

#accordion-format .DWAccordions_contentDivs h1
{
	margin-top : 0px;
	margin-bottom : 30px;
	font-size : 22px;
	color : rgb(46, 64, 83);
}
#accordion-format .DWAccordions_contentDivs {
	font-size : 1rem;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	background-color : #ffffff;
	/* [disabled]border : 1px solid #F46A0E; */
}
	
.accordionSection {
	/*float: none;
	clear: both;*/
}

/* make sure the layer ID matches the accordion name.  */
/* 4 mobile - adjust larger screen sizes in media query at bottom */

/* emphasize text */
.DWAccordions_navLink .DWAccordions_navSpan span {
	/* [disabled]margin-right: 6px; */
	transition: .6s;
}
.DWAccordions_navLink:hover .DWAccordions_navSpan span {
}


/* name below testimonials */
/* 4 mobile - adjust larger screen sizes in media query at bottom */
#accordion-format .serviceContent h4 {
	font-size: 1.4rem;
	color: #7A7A7A;
	/* [disabled]font-weight: bold; */
	margin-bottom: 16px;
	text-align: left;
	margin-left: 0px;
	line-height: 1.2;
}
#accordion-format h6 {
	font-size: 1.1rem;
	color: #949494;
	font-style: italic;
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
	text-align: center;
}


/* Links */
/* Title Bar */
#accordion-format .DWAccordions_navLink.hover .DWAccordions_navSpan
{
}
#accordion-format .DWAccordions_navLink.selected .DWAccordions_navSpan
{
	/* [disabled]font-weight: normal; */
}

/* Content */
#accordion-format .DWAccordions_container .enableLinks a {
	color: #E2A943;
	/* [disabled]background-color: #CCCCCC; */
	text-decoration: underline;
	white-space: wrap!important;
}
#accordion-format .DWAccordions_container .enableLinks a:hover {
	color: #E1C490;
	/* [disabled]background-color: #EDEDED; */
	/* [disabled]font-style: italic; */
}

#accordion-format .DWAccordions_container ul li a {
	/* [disabled]color: #2F2F2F; */
	/* [disabled]background-color: #CCCCCC; */
	text-decoration: underline;
}


/* Lists */
#accordion-format .DWAccordions_container ul {
/*	list-style-type: none;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-top: 0px;*/
}
#accordion-format .DWAccordions_container ul li {
	color: #4E4E4E;
	/* [disabled]font-size: 1.3rem; */
	line-height: 1.2;
	margin-bottom: 6px;
	margin-left: 30px;
	list-style-type: disc;
}
#accordion-format .DWAccordions_container ul ul {
	margin-top: 6px;
	margin-right: 0px;
	margin-left: 6px;
	margin-bottom: 14px;
}
#accordion-format .DWAccordions_container ul ul li {
	color: #494949;
	font-size: 1.2rem;
	/*background-image: none;*/
	padding-left: 20px;
	margin-bottom: 8px;
	/* [disabled]min-height: 20px; */
	font-weight: 300;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 2px;
	line-height: 1.3;
	background-image: url(../images/bullets/accordionSub.png);
	background-position: left 6px;
	background-repeat: no-repeat;
	/* [disabled]margin-top: -6px; */
	list-style-type: none;
}

/* Makes sure content in panel will wrap and not cut off on mobile if text too long. Padding for nav bars needs to be specified here */
a.DWAccordions_navLink {
	word-wrap: break-word;
	height: auto!important;
	line-height: 110%!important;
	vertical-align: middle;
	padding-top: 12px!important;
	padding-bottom: 12px!important;
	padding-right: 40px!important;
}
a.DWAccordions_navLink:hover {
	text-decoration: none;
}

/* size of open/close icon it title bar */
.DWAccordions_navLink.selected .DWAccordions_navImg {
	font-size: 18px;
}

/* if the title bars need to contain numbers, add them in <span> tag right after <DWAccordions_navSpan> */
.DWAccordions_navSpan span {
	font-weight: bolder;
	letter-spacing: 1px;
	padding: 4px 10px;
	margin-right: 12px;
	background-color: rgba(0,0,0,0.20);
}

@media only screen and (min-width : 660px) {
	#accordion-format p {
		font-size: 1.2rem;
	}
	.accordion_side-text-wrapper {
		/* if text is required to the side of an accordion section */
		padding-left: 40px!important;
		margin-bottom: 20px;
	}
	
	#accordion-format .DWAccordions_navLink .DWAccordions_navSpan
	{
	font-size : 1.2rem;
	line-height: 1.2;
	}

	#accordion-format .serviceContent h4 {
	margin-bottom: 12px;
	font-size: 1.4rem;
	line-height: 1.2;
	}
	#accordion-format .serviceContent h6 {
	/* [disabled]font-size: 22px; */
	}
	#accordion-format .DWAccordions_container ul li {
	font-size: 1.3rem;
	padding-bottom: 6px;
	line-height: 1.3;


	}
	#accordion-format .DWAccordions_container ul ul li {
	font-size: 1rem;

	}
}