
/* JMD Styles */

:root   {
    
    
    --Black: 		#000000;
    --White: 		#FFFFFF;
	
    --Purple: 			#3E205A;
    --MidDarkPurple: 	#5A4072;
    --MidLightPurple: 	#78638B;
    --LightPurple: 		#9D8EAB;
	
    --LightGrey: 	#F6F6F6;
    --MidGrey: 		#737373;
    --DarkGrey: 	#737373;
	--TextGrey: 	#282828;

	--Transition: 	0.2s ease-in-out;
	
    --Purple1: 			#230F2D;	
    --Purple2: 			#3E205A;	
    --Purple3: 			#5A4072;	
    --Purple4: 			#725C87;	
    --Purple5: 			#A091AD;
	
    --Purplea1: 		#3E205A;	
    --Purplea2: 		#78638B;	
    --Purplea3: 		#5A4072;	
    --Purplea4: 		#FFFFFF;	
    --Purplea5: 		#A091AD;
	
    --Purpleb1: 		#F6F6F6;	
    --Purpleb2: 		#3E205A;	
    --Purpleb3: 		#FFFFFF;	
    --Purpleb4: 		#9D8EAB;	
    --Purpleb5: 		#644470;
    --Textb: 			#282828;
	
    --Purplec1: 		#F6F6F6;	
    --Purplec2: 		#230F2D;	
    --Purplec3: 		#FFFFFF;	
    --Purplec4: 		#5A4B61;	
    --Purplec5: 		#8A789B;
    --Textc: 			#282828;
	
	
    --Purpled1: 		#F6F6F6;	
    --Purpled2: 		#55565A;	
    --Purpled3: 		#FFFFFF;	
    --Purpled4: 		#848485;	
    --Purpled5: 		#B3B2B1;
    --Textc: 			#282828;
}


/*********************/
/* Accordion Section */
/*********************/


.layout--accordion-section 		{}
.layout--accordion-section h1 	{font-weight: 300; text-decoration: none; font-size: 41px;}
.layout--accordion-section p 	{max-width: 100%; margin-bottom: 20px;}

.layout--accordion-section .accordion-section-item h2 					{display: block; padding: 14px 22px; font-size: 20px; line-height: 1.2em; margin-bottom: 10px; cursor:pointer; position: relative; }
.layout--accordion-section .accordion-section-item-content 				{padding: 40px; margin-top: -10px; margin-bottom: 10px; display: none;}

.layout--accordion-section .accordion-section-item h2 span.plus			{width:52px; height: 100%; position:absolute; display: block; right:0px; top:0px; }
.layout--accordion-section .accordion-section-item h2 span.plus:before 	{width:2px; height: 50%; position: absolute; left: calc(50% - 1px); top: 13px; content: ''; transition: var(--Transition);}
.layout--accordion-section .accordion-section-item h2 span.plus:after 	{width:2px; height: 50%; position: absolute; left: calc(50% - 1px); top: 13px; content: ''; transform: rotate(90deg); transition: var(--Transition);}

.layout--accordion-section .accordion-section-item.active h2 span.plus:before 	{transform: rotate(90deg);}
.layout--accordion-section .accordion-section-item.active h2 span.plus:after 	{transform: rotate(180deg); opacity: 0;}


/* Dark Purple Background / Mid Purple Accordion */
.layout--accordion-section.as_dpb_mpa 												{background-color: var(--Purple1);} 
.layout--accordion-section.as_dpb_mpa h1,
.layout--accordion-section.as_dpb_mpa p,
.layout--accordion-section.as_dpb_mpa p a 											{color: var(--White);}
.layout--accordion-section.as_dpb_mpa .accordion-section-item h2 					{background-color: var(--Purple2); color: var(--White);}
.layout--accordion-section.as_dpb_mpa .accordion-section-item-content 				{background-color: var(--Purple3);}
.layout--accordion-section.as_dpb_mpa .accordion-section-item h2 span.plus 			{background-color: var(--Purple4);}
.layout--accordion-section.as_dpb_mpa .accordion-section-item.active h2 span.plus 	{background-color: var(--Purple5);}
.layout--accordion-section.as_dpb_mpa .accordion-section-item h2 span.plus:before 	{background-color: var(--White);}
.layout--accordion-section.as_dpb_mpa .accordion-section-item h2 span.plus:after 	{background-color: var(--White);}

/* Mid Purple Background / Light Purple Accordion */
.layout--accordion-section.as_mpb_lpa 												{background-color: var(--Purplea1);} 
.layout--accordion-section.as_mpb_lpa h1,
.layout--accordion-section.as_mpb_lpa p,
.layout--accordion-section.as_mpb_lpa p a 											{color: var(--White);}
.layout--accordion-section.as_mpb_lpa .accordion-section-item h2 					{background-color: var(--Purplea2); color: var(--White);}
.layout--accordion-section.as_mpb_lpa .accordion-section-item-content 				{background-color: var(--Purplea3);}
.layout--accordion-section.as_mpb_lpa .accordion-section-item h2 span.plus 			{background-color: var(--Purplea4);}
.layout--accordion-section.as_mpb_lpa .accordion-section-item.active h2 span.plus 	{background-color: var(--Purplea5);}
.layout--accordion-section.as_mpb_lpa .accordion-section-item h2 span.plus:before 	{background-color: var(--Purplea1);}
.layout--accordion-section.as_mpb_lpa .accordion-section-item h2 span.plus:after 	{background-color: var(--Purplea1);}


/* Light Grey Background / Mid Purple Accordion */
.layout--accordion-section.as_lgb_mpa 												{background-color: var(--Purpleb1);} 
.layout--accordion-section.as_lgb_mpa h1,
.layout--accordion-section.as_lgb_mpa p 											{color: var(--Textb);}
.layout--accordion-section.as_lgb_mpa p a 											{color: #3E205A;}
.layout--accordion-section.as_lgb_mpa .accordion-section-item h2 					{background-color: var(--Purpleb2); color: var(--White);}
.layout--accordion-section.as_lgb_mpa .accordion-section-item-content 				{background-color: var(--Purpleb3);}
.layout--accordion-section.as_lgb_mpa .accordion-section-item h2 span.plus 			{background-color: var(--Purpleb4);}
.layout--accordion-section.as_lgb_mpa .accordion-section-item.active h2 span.plus 	{background-color: var(--Purpleb5);}
.layout--accordion-section.as_lgb_mpa .accordion-section-item h2 span.plus:before 	{background-color: var(--White);}
.layout--accordion-section.as_lgb_mpa .accordion-section-item h2 span.plus:after 	{background-color: var(--White);}


/* Light Grey Background / Dark Purple Accordion */
.layout--accordion-section.as_lgb_dpa 												{background-color: var(--Purplec1);} 
.layout--accordion-section.as_lgb_dpa h1,
.layout--accordion-section.as_lgb_dpa p 											{color: var(--Textc);}
.layout--accordion-section.as_lgb_dpa p a 											{color: #3E205A;}
.layout--accordion-section.as_lgb_dpa .accordion-section-item h2 					{background-color: var(--Purplec2); color: var(--White);}
.layout--accordion-section.as_lgb_dpa .accordion-section-item-content 				{background-color: var(--Purplec3);}
.layout--accordion-section.as_lgb_dpa .accordion-section-item h2 span.plus 			{background-color: var(--Purplec4);}
.layout--accordion-section.as_lgb_dpa .accordion-section-item.active h2 span.plus 	{background-color: var(--Purplec5);}
.layout--accordion-section.as_lgb_dpa .accordion-section-item h2 span.plus:before 	{background-color: var(--White);}
.layout--accordion-section.as_lgb_dpa .accordion-section-item h2 span.plus:after 	{background-color: var(--White);}



/* Light Grey Background / Dark Grey Accordion */
.layout--accordion-section.as_lgb_dga 												{background-color: var(--Purpled1);} 
.layout--accordion-section.as_lgb_dga h1,
.layout--accordion-section.as_lgb_dga p 											{color: var(--Textd);}
.layout--accordion-section.as_lgb_dga p a 											{color: #3E205A;}
.layout--accordion-section.as_lgb_dga .accordion-section-item h2 					{background-color: var(--Purpled2); color: var(--White);}
.layout--accordion-section.as_lgb_dga .accordion-section-item-content 				{background-color: var(--Purpled3);}
.layout--accordion-section.as_lgb_dga .accordion-section-item h2 span.plus 			{background-color: var(--Purpled4);}
.layout--accordion-section.as_lgb_dga .accordion-section-item.active h2 span.plus 	{background-color: var(--Purpled5);}
.layout--accordion-section.as_lgb_dga .accordion-section-item h2 span.plus:before 	{background-color: var(--White);}
.layout--accordion-section.as_lgb_dga .accordion-section-item h2 span.plus:after 	{background-color: var(--White);}



/* Purple */
.layout--accordion-section.is-bg--brand-primary .accordion-section-item h2 					{background-color: var(--MidLightPurple); color: var(--White);}
.layout--accordion-section.is-bg--brand-primary .accordion-section-item-content 			{background-color: var(--MidDarkPurple);}
.layout--accordion-section.is-bg--brand-primary .accordion-section-item h2 span.plus 		{background-color: var(--White);}
.layout--accordion-section.is-bg--brand-primary .accordion-section-item h2 span.plus:before {background-color: var(--Purple);}
.layout--accordion-section.is-bg--brand-primary .accordion-section-item h2 span.plus:after 	{background-color: var(--Purple);}
.layout--accordion-section p a {color: var(--White);}

/* Grey */
.layout--accordion-section.is-bg--grey--light .accordion-section-item h2 					{background-color: var(--Purple); color: var(--White);}
.layout--accordion-section.is-bg--grey--light .accordion-section-item-content 				{background-color: var(--White);}
.layout--accordion-section.is-bg--grey--light .accordion-section-item h2 span.plus 			{background-color: var(--LightPurple);}
.layout--accordion-section.is-bg--grey--light .accordion-section-item h2 span.plus:before 	{background-color: var(--White);}
.layout--accordion-section.is-bg--grey--light .accordion-section-item h2 span.plus:after 	{background-color: var(--White);}
.layout--accordion-section p a {color: var(--TextGrey);}

/* White */
.layout--accordion-section.is-bg--light .accordion-section-item h2 							{background-color: var(--Purple); color: var(--White);}
.layout--accordion-section.is-bg--light .accordion-section-item-content 					{background-color: var(--LightGrey);}
.layout--accordion-section.is-bg--light .accordion-section-item h2 span.plus 				{background-color: var(--LightPurple);}
.layout--accordion-section.is-bg--light .accordion-section-item h2 span.plus:before 		{background-color: var(--White);}
.layout--accordion-section.is-bg--light .accordion-section-item h2 span.plus:after 			{background-color: var(--White);}
.layout--accordion-section p a {color: var(--TextGrey);}





/*********************************/
/* Bullet Point 2 Column Section */
/*********************************/


.layout--bullet-point-2-column-section 		{}
.layout--bullet-point-2-column-section h1 	{font-weight: 300; text-decoration: none; font-size: 41px;}
.layout--bullet-point-2-column-section p 	{max-width: 100%; margin-bottom: 20px;}

.layout--bullet-point-2-column-section p a 			{display: inline-block; padding: 9px 13px; font-size: 1em; font-weight: normal; min-width: 130px; cursor: pointer; 
														text-decoration: none !important; text-align: center; outline: 0; line-height: 1em; transition: var(--Transition);}
.layout--bullet-point-2-column-section p a:hover 	{opacity: 0.5;}

.layout--bullet-point-2-column-section .cols 			{display: flex; gap: 20px; }
.layout--bullet-point-2-column-section .cols.c2 .col 	{width: 50%; }


.layout--bullet-point-2-column-section ul ul {margin-top: 0.75em; list-style: none;}

.layout--bullet-point-2-column-section ul ul li {position: relative;}
.layout--bullet-point-2-column-section ul ul li:before {content: "–"; margin-right: .4em; position: absolute; left: -20px; font-weight: 600; }



/* Dark Grey */
.layout--bullet-point-2-column-section.is-bg--grey--dark 		{}
.layout--bullet-point-2-column-section.is-bg--grey--dark p a	{color: var(--DarkGrey); background: var(--White);}

/* Purple */
.layout--bullet-point-2-column-section.is-bg--brand-primary 	{}
.layout--bullet-point-2-column-section.is-bg--brand-primary p a {color: var(--Purple); background: var(--White);}

/* Grey */
.layout--bullet-point-2-column-section.is-bg--grey--light 		{}
.layout--bullet-point-2-column-section.is-bg--grey--light p a 	{color: var(--White); background: var(--Purple);}

/* White */
.layout--bullet-point-2-column-section.is-bg--light 			{}
.layout--bullet-point-2-column-section.is-bg--light p a 		{color: var(--White); background: var(--Purple);}


@media (max-width: 640px) 
{
  .layout--bullet-point-2-column-section .cols 			{flex-direction: column; }
  .layout--bullet-point-2-column-section .cols.c2 .col 	{width: 100%; }
}


/***********************/
/* Some Generic Styles */
/***********************/

.jmd-full-width-text p {width: 100%; max-width: 100%;}





