@import "font.css";

:root {
	/*--main-bg-color: #333994;
	--section-health-color: #e8654a;
	--section-savings-color: #7dd8c5;
	--section-insurance-color: #db5477;
	--section-wellness-color: #eaca30;*/
}

/* ------- Site Color Mappings From Design Update 2022

Health – Style 1 – Previous Teal Now Orange
Was: #219CC0
Now: #e8654a   

Savings – Style 2 – Previous Orange Now Aqua
Was: #E48B45
Now: #7dd8c5  

Insurance – Style 3 – Previous Navy Now Pink
Was: #0E4179
Now: #db5477

Wellness – Style 4  - Previous Green Now Yellow
Was: #008500
Now: #eaca30

Default Purple - Now Blue
Was: #6163A0
Now: #333994

*/

* {
	-ms-box-sizing: border-box; 		/* ie8 */
   -khtml-box-sizing: border-box; 	/* konqueror */
   -webkit-box-sizing: border-box; 	/* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    	/* Firefox, other Gecko */ 
	box-sizing: border-box; 			/* css3 rec */	 
	outline: 0;
	outline-offset: 0;
}

html,
body { 
	padding: 0;
	margin: 0;
	font-family: "gibson-book", Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #333333; 
	z-index: 0;
	width: 100%;
	max-width: 100vw; 
	height: 100%;
	min-height: 100vh;
	overflow-x: hidden;	 
	font-display: fallback;
} 

section, article, header, footer, nav, aside, hgroup {
	display: block;
}
header,
main,
footer {
	width: 100%;
	min-width: 320px;
	max-width: 100%;
	display: block;
	margin: 0;
	padding: 1rem 0;
	display: relative;
	border: 0px solid blue;
}

main[role="main"] {
	max-width: 1000px;
	min-height: calc(100vh - 210px); 	/* footer at bottom */
	margin: 0 auto;
	background-color: white;
	display: relative;
	border: 0px solid red;
}

nav,
section { 
	display: block;
	padding: 0; 
	margin: 0 auto;
	margin-bottom: 1.5rem; /*2rem */
	max-width: 1000px; 
	clear: both; 
	border: 0px solid red;
}
section:after {
	content: "";
	display: block;
	clear: both;   
}

section[role="main"] {
	border: 0px solid red;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0; 
	font-weight: normal;
}
/*h1 {
	color: #080566;
	font: 28px/1.4em "gibson-semibold";
	font-weight: normal;
	margin-bottom: 5px; 	
}*/
h1 {
    color: #4F0A4B;
    font: 30px / 1.4em "gibson-semibold";
    font-weight: normal;
    margin-bottom: 10px;
}
h1 p{
	padding-bottom: 0px;
}
/* h2 {
	font: 22px/29px "gibson-semibold"; 
 	font-weight: 400; 
	padding: 0;
	margin: 0;
	margin-bottom: 1rem;
}
h3 {
	font: 21px/24px "gibson-medium";
	color: #1B061C;
} */
h2 {
	color: #4F0A4B;
	font: 24px/32px "gibson-semibold"; 
 	font-weight: 400; 
	padding: 10px 0px;
	margin: 0;
	margin-bottom: 1rem;
}
h3 {
	font: 22px/26px "gibson-medium";
	color: #1B061C;
    padding-bottom: 15px;
    padding-top: 10px;
}
h4 {
	
}
h5 {
}

a {
	text-decoration: none;
	color: #3B66AB; /* 333333 */
}
a:hover,
a:focus {
	text-decoration: none;
	color: #080566; /* 197B99 */
}

header a:hover, header a:focus,
footer a:hover, footer a:focus {
	color: white;
	text-decoration: underline;
}

main p a{
	/* text-decoration: underline; */
}

main p a:hover{
	text-decoration: underline;
}

main ul li a:hover,
main ol li a:hover  {
	text-decoration: underline;
}

a.button {
	font: 22px/1.8em "gibson-semibold";
	color: #4F0A4B; 
	text-align: center;
	display: inline-block;
	background: #F7D636;
	border-radius: 4px;
	padding: 0.1em 0.5em;
}
a.button:hover {
	text-decoration: none;
}
p {
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
}

strong,
b {
	font-family: "gibson-medium";
	font-weight: normal;
}

/* Chrome */
*:focus {
    outline-width: 0;
	 outline: none;
}

/* iOS */
/* 
@supports added by CLB on 11/30/2020 because unless specifying 
this specifically, it is also applied to chrome and makes the main 
browser's scrollbar disappear. Also note that it is possible that
(-webkit-touch-callout: none) may no lonnger be supported at some 
point in the future. So, this will eventually need to be revisited.
 */
@supports (-webkit-touch-callout: none) {
	::-webkit-scrollbar {
		-webkit-appearance: block;
		width: 7px;
	}
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	/*background-color: rgba(0,0,0,.5); */
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* Accessibility */
body a:focus, 
body link[href]:focus, 
body button:focus, 
body input:not([type="hidden"]):focus, 
body select:focus, textarea:focus {
	outline: 0;
	outline-offset: 0;
} 
body.using-kb a:focus, 
body.using-kb link[href]:focus, 
body.using-kb button:focus, 
body.using-kb input:not([type="hidden"]):focus, 
body.using-kb select:focus, textarea:focus {
  	outline: 1px dotted #4F0A4B;
  	outline-offset: 5px; 
} 
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}
a.skip-main:focus {
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 0 35%;
    padding: 5px;
    font-size: 20px;
	color: white;
	background-color: #4F0A4B; 
    text-align: center;
    z-index: 999;
}

/******************************************************
	Header 
*******************************************************/
header {
	position: relative;
	margin: 0;
	margin-bottom: 1.5rem;
	padding: 15px 0px;
	background-color: #333994;
	color: white;  
}
header nav { 
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%; 
	height: 48px; 
}
header nav:after {
	content: "";
	clear: both;
	position: relative;
	display: block;
}
header a {
	color: white;
	/* font: 15px/20px "AvenirNext-DemiBold"; */
	font: 15px/20px "gibson-medium"; 
  	font-weight: 400; 
}
header a#navToggle {
	background: url("../img/global/menu_mobile.svg") no-repeat center center;
	background-size: 32px 34px;
	position: absolute;
	right: 20px;
	bottom: 10px;
	width: 34px;
	height: 34px;
	cursor: pointer; 
}
header a#navToggle[status="active"] {
	background: url("../img/global/menu_mobile_close.svg") no-repeat center center;
	background-size: 29px 34px;	
}
header #logo { 
	width: 80px;
	height: 48px;
	float: left;
	margin-left: 20px;
	display: inline-block;
	background: url("../img/disney_benefits_logo.svg") no-repeat 0 0; 
	background-size: 80px 48px;
} 
header nav div#menuBanner {
	display: none;
	position: relative;  
	clear: both; 
	width: 100%; 
	padding: 1rem 0.5rem;
	z-index: 10;	
	background-color: #333994; 
}
header nav div#menuBanner.active {
	display: block;
}
div#menuBanner ul { 
	padding: 0;
	margin: 0;
}
div#menuBanner ul li {
	display: block;
	padding: 0.75rem 0.5rem;
	margin: 0; 
	list-style: none;
	font: 15px/16px "gibson-book"; 
	border-bottom: 1px solid #D8D8D8;
}
div#menuBanner ul li:hover,
div#menuBanner ul li:focus {
	/* background-color: rgba(97,99,160, 0.6);*/
}
div#menuBanner ul li.menu {
	position: relative;
	background: url("../img/global/icon_arrow_right.svg") no-repeat right 15px;
	background-size: 7px 13px;  
}
div#menuBanner ul li.menu ul {
	margin: 0;
	padding: 0.5rem 1rem 0 1rem;
	border: 0;
	display: none;
}
div#menuBanner ul li.menu:hover ul, 
div#menuBanner ul li.menu[status="active"] ul {
	/* display: block; */
}
div#menuBanner ul li a {
	border: 0;
	font: 15px/16px "gibson-regular"; 
 	border: 0;
	display: inline;
	width: auto;
	margin: 0;    
}
div#menuBanner li.menu ul li a {
	display: block;
}
div#menuBanner ul#navMain li.menu ul li:last-child,
div#menuBanner ul#navUtility li:last-child {
	border: 0;
}
div#menuBanner ul li.desktop {
	display: none;
}

div#menuBanner form.search { 
	display: block; 
	width: 100%;
	margin: 0;
	padding: 4px 10px; 
	background: white;
	border: 0px solid #737373; 
	border-radius: 2px;
} 
div#menuBanner form.search input.keyword {
	position: relative;
	width: auto; 
	display: inline-block;
	overflow: hidden;
	margin: 0;
	border: 0;
	color: #737373;
  	font: 16px/16px "gibson-book";  
}
div#menuBanner form.search *.submitBtn {
	width: 21px;
	height: 21px;
	display: inline-block;
	background: url("../img/global/icon_search.svg") no-repeat center center;
	background-size: 16px 16px;
	border: 0;
	margin-top: 2px;
	float: right;
	box-sizing: border-box;
}
/******************************************************
	END OF HEADER
*******************************************************/


/******************************************************
	Footer 
*******************************************************/
footer {
	width: 100%;
	display: block;
	background-color: #333333;
	color: white;
	font: 14px/24px "gibson-book";
	font-weight: 400;
	text-align: center;
	margin: 0;
	padding: 1rem 0;
	position: relative;
	bottom: 0;
}
footer nav,
footer ul {
	margin: 0 auto;
	padding: 0;
	width: auto;
	display: inline-block; 
}
footer ul:after {
	content: "";
	display: block;
	clear: both;
}
footer ul li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0; 
	float: left; 
}
footer ul li:after {
	content: "|";
	margin: 0 1rem; 
}
footer ul li:last-child:after {
	content: "";
	margin: 0;
}
footer a {
	font: inherit;
	color: white;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}
/******************************************************
	END OF FOOTER
*******************************************************/



article,
aside { 
	position: relative;
	display: inline-block; 
	float: left;
	padding: 0;
	margin: 0; 
}
article {
	width: 680px;
	max-width: calc(70% - 10px);
	clear: both;
}
aside { 
	width: 30%;   
	max-width: calc(30% - 10px);
	padding: 0;  
	margin: 0;
	float: right
} 

div.main,
div.aside {
	display: inline-block;
	float: left; 
} 
div.main {
	width: 80%; 
	width: calc(80% - 4px);
	float: left; 
}
div.aside {
	width: 20%;
	float: right;  
}

/******************************************************
	Main Content Area
*******************************************************/
#breadcrumbs { 
	margin: 0;
	padding: 0;
	color: #333333;
}
#breadcrumbs li {
	list-style: none;
	display: inline-block;
	float: left;
	padding: 0;
	margin: 0; 
	/*text-transform: capitalize;*/
}
#breadcrumbs li:after {
	content: ">";
	padding: 0 0.75rem;
}
#breadcrumbs li:nth-last-child(2):after,
#breadcrumbs li.mobile:after {
	content: "";
	padding: 0;
} 
#breadcrumbs a {
	color: #333333;
	text-decoration: none;
}
#breadcrumbs a:hover {
	text-decoration: underline;
}
#breadcrumbs li.mobile {
	display: none
}
#breadcrumbs li.mobile:before {
	content: "<";
	padding: 0 0.75rem 0 0;
}



/*=====================================================
	Form
  =====================================================*/
form {
	margin: 0;
	margin-bottom: 2em;
	width: 500px;
	max-width: 100%;
	display: block;
	position: relative; 
}
form label {
	display: block;
	font: 18px/24px "gibson-semibold";
}

#search_suggestions label {
    display: block;
    font: 18px/24px "gibson-semibold";
}

form div.row {
  	margin-bottom: 1rem;
}
form div.buttons {
	text-align: right;
}
form select,
form input[type="text"] {
	font: 16px/21px "gibson-book"; 
	width: 220px;
	max-width: 100%;
}
/*form input.button {
	width: 210px;
	height: 50px;
	background: #080566;
	color: white;
	font: 22px/50px "gibson-book"; 
	text-align: center;	
	border: 0;
	border-radius: 4px; 
}*/
form input.button {
    padding-left: 30px;
    height: 50px;
    font: 22px / 50px "gibson-book";
    background: var(---F7D636-sunshine) 0% 0% no-repeat padding-box;
    background: #F7D636 0% 0% no-repeat padding-box;
    opacity: 1;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) 19px / var(--unnamed-line-spacing-20) var(--unnamed-font-family-gibson);
    color: var(---4f0a4b-hr-plum);
    letter-spacing: 0.76px;
    color: #4F0A4B;
    opacity: 1;
    padding-right: 30px;
    border: none;
    font-weight: bolder;
	font: normal normal 700 19px / 20px gibson-medium !important;
    letter-spacing: 1px;
}
form#planForm { 
	width: 320px;
	max-width: 100%;
	position: relative;
} 
form#planForm input[type="text"],
form#planForm div.field-select {
	width: 320px;
	height: 40px;
	padding-right: 8px;
	padding-left: 8px;
	position: relative;  
	border: 0; 
	border-radius: 2px;
	border: 1px solid #737373;
}
form#planForm div.field-select {
	display: block; 
	padding: 0;   
}
div.field-select select {
	/* Appearance: none will hide the default arrow */
	appearance: none;
	/* Best to include the browser prefix for cross-browser compatibility */
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	max-width: 100%;
	margin: 4px 0 6px 0;
	height: 30px;
	border: 0;
	padding-right: 0;
	padding-left: 8px;
} 
form#planForm div.field-select:after {
	content: ""; 
	display: inline-block;
	width: 14px;
	height: 6px; 
	background: url("../img/global/icon_arrow_select.svg") no-repeat right center;
	background-size: 14px 6px;
	position: absolute;
	right: 8px;
	top: 17px;
}


/*=====================================================
	END OF FORM
  =====================================================*/

/*=====================================================
	Table
  =====================================================*/
table { 
	border-collapse: collapse; 
	display: table;
	table-layout: fixed;
	width: auto; 
	margin: 0.5rem auto;
}
table:before,
table:after {
	content: "";
	display: block;
	clear: both;
	margin: 0.5rem 0; 
}   
table th,
table tr {
	vertical-align: top;
	word-wrap: normal;
}
  
div.table-wrapper {
	margin: 0;
	margin-bottom: 2rem;
	padding: 0;
	width: auto;
	max-width: 100%;
	display: block;
	text-align: center;
	overflow-x: auto; 
	position: relative;
}
div.table-wrapper:before,
div.table-wrapper:after {
	content: "";
	display: block;
	clear: both;
	margin: 0; 
}  

/* Global table overwrite Vertical */

table.color_table {
	width: 100%; 
	min-width: 800px;
	min-width: calc(800px - 2rem);	
	margin: 1em 0;
	border: 0;
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: collapse; 
} 
table.color_table:before,
table.color_table:after {
	content: "";
	display: block;
	clear: both;
	margin: 0.5rem 0; 
}  
table.color_table thead,
table.color_table tfoot,
table.color_table tbody {
	display: table;  
	width: 100%;
	table-layout: fixed;   
}
table.color_table th {
	font: 18px/1.3em "gibson-semibold";
	font-weight: normal;
	border: 0px solid #A4A4A4;
	padding: 25px;	
	text-align: left;
	width: auto;
	vertical-align: top;
	white-space: break-spaces;
}
table.color_table td {
	/* font: 18px/1.3em "Avenir"; */
	font: 18px/1.3em "gibson-book";
	color: #333333;
	font-weight: normal;
	border: 0px solid #A4A4A4;
	padding: 25px;	
	text-align: left;
	width: auto;
	vertical-align: top;
	white-space: break-spaces;
	background: #EFF2F7;
}
table.color_table th p,
table.color_table td p {
	margin: 0;
	padding: 0; 
}
table.color_table th p + p,
table.color_table .plan td p + p {
	padding-top: 10px
}
/* CMS automatically puts an &nbsp; in an empty HT so it doesn't read as empty to be white */
table.color_table thead th.force_white_bg{
	background-color: #ffffff !important;
}
table.color_table thead th:not(:empty) {
	background-color: #73146B;
	background-color: var(--main-bg-color, #73146B);
	color: white;
	text-align: center;
	vertical-align: middle;
	padding: 30px 25px;
} 
table.color_table tbody tr > th:first-child {
	text-align: right;
	background-color: white;
}
table.color_table tbody tr td { 
	border-width: 0 1px 1px 0;
}
table.color_table tbody tr > td:last-child { 
	border-width: 0 0px 1px 0;
}
table.color_table tbody tr:nth-of-type(2n+1) > td {
	background: #EFF2F7;
}
table.color_table tbody tr > td span { 
	color: #333994;
}
table.color_table thead th:nth-of-type(2) {  
	background-color: #4F0A4B; 
	background-color: var(--section-wellness-color, #4F0A4B); 
}
/*table.color_table tbody tr:nth-of-type(1) > *:nth-child(2), */
table.color_table tbody tr > *:nth-child(2) span { 
	color: #4F0A4B; 
	color: var(--section-wellness-color, #4F0A4B);
}
table.color_table thead th:nth-of-type(3) { 
	background: #73146B; 
}
/*table.color_table tbody tr:nth-of-type(1) > *:nth-child(3), */
table.color_table tbody tr > *:nth-child(3) span { 
	color: #73146B; 
}
table.color_table thead th:nth-of-type(4) { 
	background: #622764; 
}
/*table.color_table tbody tr:nth-of-type(1) > *:nth-child(4), */
table.color_table tbody tr > *:nth-child(4) span { 
	color: #622764; 
} 
table.color_table thead th:nth-of-type(5) { 
	background: #8F4388; 
}
/*table.color_table tbody tr:nth-of-type(1) > *:nth-child(5), */
table.color_table tbody tr > *:nth-child(5) span { 
	color: #8F4388; 
}
table.color_table thead th:nth-of-type(6) { 
	background: #4F0A4B; 
}
/*table.color_table tbody tr:nth-of-type(1) > *:nth-child(6),*/ 
table.color_table tbody tr > *:nth-child(6) span/*, 
table.color_table tbody tr > td:last-child:not([colspan]) span*/ { 
	color: #4F0A4B; 
}


/* */

/* Global table overwrite Horizontal */

table.color_table_horizontal {
	width: 100%; 
	min-width: 800px;
	min-width: calc(800px - 2rem);	
	margin: 1em 0;
	border: 0;
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: collapse; 
} 
table.color_table_horizontal:before,
table.color_table_horizontal:after {
	content: "";
	display: block;
	clear: both;
	margin: 0.5rem 0; 
}  
table.color_table_horizontal thead,
table.color_table_horizontal tfoot,
table.color_table_horizontal tbody {
	display: table;  
	width: 100%;
	table-layout: fixed;   
}
table.color_table_horizontal th {
	font: 18px/1.3em "gibson-semibold";
	font-weight: normal;
	border: 0px solid #979797;
	padding: 30px;	
	text-align: left;
	width: auto;
	vertical-align: middle;
	white-space: break-spaces;
}
table.color_table_horizontal td {
	/* font: 18px/1.3em "Avenir"; */
	font: 18px/1.3em "gibson-book";
	font-weight: normal;
	border: 0px solid #979797;
	padding: 30px;	
	text-align: left;
	width: auto;
	vertical-align: middle;
	white-space: break-spaces;
}
table.color_table_horizontal th p,
table.color_table_horizontal td p {
	margin: 0;
	padding: 0;
	font-family: "gibson-book";
}
table.color_table_horizontal th p + p,
table.color_table_horizontal .plan td p + p {
	padding-top: 10px
}
/* CMS automatically puts an &nbsp; in an empty HT so it doesn't read as empty to be white */
table.color_table_horizontal th.force_white_bg{
	background-color: #ffffff !important;
}
table.color_table_horizontal th:not(:empty) {
	color: white;
	text-align: center !important;
	width: 20% !important;
	word-break: keep-all;
}
table.color_table_horizontal td { 
    background: rgba(216,216,216,0.4);
	border-width: 1px 1px 1px 0;
}
table.color_table_horizontal tr > td:nth-child(3),
table.color_table_horizontal tr > td:nth-child(5),
table.color_table_horizontal tr > td:nth-child(7),
table.color_table_horizontal tr > td:nth-child(9),
table.color_table_horizontal tr > td:nth-child(11),
table.color_table_horizontal tr > td:nth-child(13),
table.color_table_horizontal tr > td:nth-child(15),
table.color_table_horizontal tr > td:nth-child(17) {  
	background-color: #ffffff !important;
}
table.color_table_horizontal tr:last-child td { 
	border-width: 0 1px 0 0 !important;
}
table.color_table_horizontal tr:nth-child(n+1) th:nth-child(1) {  
	background-color: #4F0A4B; 
}
table.color_table_horizontal tr:nth-child(n+1) td {  
	border-width: 0 1px 1px 0;	
}
table.color_table_horizontal tr:nth-child(n+1) td span {  
	color: #333994;
}
table.color_table_horizontal tr:nth-child(n+2) th:nth-child(1) {  
	background-color: #73146B; 
	color: #ffffff;
}
table.color_table_horizontal tr:nth-child(n+2) td span {  
	color: #eaca30; 
}
table.color_table_horizontal tr:nth-child(n+3) th:nth-child(1) {  
	background-color: #622764;
	color: #fff;
}
table.color_table_horizontal tr:nth-child(n+3) td span {  
	color: #db5477;
}
table.color_table_horizontal tr:nth-child(n+4) th:nth-child(1) {  
	background-color: #8F4388;
	color: #ffffff;
}
table.color_table_horizontal tr:nth-child(n+4) td span {  
	color: #7dd8c5; 
}
table.color_table_horizontal tr:nth-child(n+5) th:nth-child(1) {  
	background-color: #4F0A4B; 
}
table.color_table_horizontal tr:nth-child(n+5) td span {  
	color: #4F0A4B; 
}

table.color_table_horizontal tr:nth-child(n+6) th:nth-child(1) {  
	background-color: #73146B; 
	color: #fff;
}
table.color_table_horizontal tr:nth-child(n+6) td span {  
	color: #333994;
}
table.color_table_horizontal tr:nth-child(n+7) th:nth-child(1) {  
	background-color: #622764; 
	color: #ffffff;
}
table.color_table_horizontal tr:nth-child(n+7) td span {  
	color: #eaca30; 
}
table.color_table_horizontal tr:nth-child(n+8) th:nth-child(1) {  
	background-color: #8F4388;
	color: #fff;
}
table.color_table_horizontal tr:nth-child(n+8) td span {  
	color: #db5477;
}
table.color_table_horizontal tr:nth-child(n+9) th:nth-child(1) {  
	background-color: #4F0A4B; 
	color: #ffffff;
}
table.color_table_horizontal tr:nth-child(n+9) td span {  
	color: #7dd8c55; 
}
table.color_table_horizontal tr:nth-child(n+10) th:nth-child(1) {  
	background-color: #73146B; 
}
table.color_table_horizontal tr:nth-child(n+10) td span {  
	color: #4F0A4B; 
}

/* */

/* Global table overwrite B&W */

table.black_white_table_horizontal {
	width: 100%; 
	min-width: 800px;
	min-width: calc(800px - 2rem);	
	margin: 1em 0;
	border: 0;
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: collapse; 
} 
table.black_white_table_horizontal:before,
table.black_white_table_horizontal:after {
	content: "";
	display: block;
	clear: both;
	margin: 0.5rem 0; 
}  
table.black_white_table_horizontal thead,
table.black_white_table_horizontal tfoot,
table.black_white_table_horizontal tbody {
	display: table;  
	width: 100%;
	table-layout: fixed;   
}
table.black_white_table_horizontal th,
table.black_white_table_horizontal td {
	font: 18px/1.3em "gibson-semibold";
	font-weight: normal;
	border: 0px solid #979797;
	padding: 30px;	
	text-align: left;
	width: auto;
	vertical-align: middle;
	white-space: break-spaces;
}
table.black_white_table_horizontal th p,
table.black_white_table_horizontal td p {
	margin: 0;
	padding: 0; 
}
table.black_white_table_horizontal th p + p,
table.black_white_table_horizontal .plan td p + p {
	padding-top: 10px
}
/* CMS automatically puts an &nbsp; in an empty HT so it doesn't read as empty to be white */
table.black_white_table_horizontal th.force_white_bg{
	background-color: #ffffff !important;
}
table.black_white_table_horizontal th:not(:empty) {
	/*background-color: #979797;*/
	text-align: center !important;
	width: 15% !important;
	word-break: keep-all;
}
table.black_white_table_horizontal td { 
	border-width: 1px 1px 1px 0;
}
table.black_white_table_horizontal tr:last-of-type > td:last-of-type { 
	border-width: 0 1px 0 0;
}
table.black_white_table_horizontal tr:nth-child(n+1) td {  
	border-width: 0 1px 1px 0;	
}

table.black_white_table_horizontal th { 
	border-width: 1px 1px 1px 0;
}
table.black_white_table_horizontal tr:last-of-type > th:last-of-type { 
	border-width: 0 1px 0 0;
}
table.black_white_table_horizontal tr:nth-child(n+1) th {  
	border-width: 0 1px 1px 0;	
}

/* */

/* Global table overwrite B & W Vertical */

table.black_white_table {
	width: 100%; 
	min-width: 800px;
	min-width: calc(800px - 2rem);	
	margin: 1em 0;
	border: 0;
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: collapse; 
} 
table.black_white_table:before,
table.black_white_table:after {
	content: "";
	display: block;
	clear: both;
	margin: 0.5rem 0; 
}  
table.black_white_table thead,
table.black_white_table tfoot,
table.black_white_table tbody {
	display: table;  
	width: 100%;
	table-layout: fixed;   
}
table.black_white_table th,
table.black_white_table td {
	font: 18px/1.3em "gibson-semibold";
	font-weight: normal;
	border: 0px solid #979797;
	padding: 25px;	
	text-align: left;
	width: auto;
	vertical-align: top;
	white-space: break-spaces;
}
table.black_white_table th p,
table.black_white_table td p {
	margin: 0;
	padding: 0; 
}
table.black_white_table th p + p,
table.black_white_table .plan td p + p {
	padding-top: 10px
}
/* CMS automatically puts an &nbsp; in an empty HT so it doesn't read as empty to be white */
table.black_white_table thead th.force_white_bg{
	background-color: #ffffff !important;
}
table.black_white_table thead th:not(:empty) {
	background-color: #ffffff;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	padding: 30px 25px;
} 
table.black_white_table thead th:first-child {
	/*text-align: right;*/
	background-color: white;
}
table.black_white_table tbody tr td { 
	border-width: 0 1px 1px 0;
}
table.black_white_table tbody tr > td:last-child { 
	border-width: 0 0px 1px 0;
}

table.black_white_table thead th { 
	border-width: 0 1px 1px 0;
}
table.black_white_table thead th:last-child { 
	border-width: 0 0px 1px 0;
}

/* */


/* Plan Comparison */
table.plan {
	width: 100%; 
	min-width: 800px;
	min-width: calc(800px - 2rem);	
	margin: 1em 0;
	border: 0;
	border-spacing: 0;
	table-layout: fixed;
	border-collapse: collapse; 
	
} 
table:before,
table:after {
	content: "";
	display: block;
	clear: both;
	margin: 0.5rem 0; 
}  
table.plan thead,
table.plan tfoot,
table.plan tbody {
	display: table;  
	width: 100%;
	table-layout: fixed;   
}
table.plan th,
table.plan td {
	font: 18px/1.3em "gibson-semibold";
	font-weight: normal;
	border: 0px solid #979797;
	padding: 25px;	
	text-align: left;
	width: auto;
	vertical-align: top;
	white-space: break-spaces;
	/*background-color: #EFF2F7;*/
}
table.plan td{
	font: 18px/1.3em "gibson-book";
	background-color: #EFF2F7;
}
table.plan td b,
table.plan td strong,
table.plan b,
table.plan strong{
	font: 18px/1.3em "gibson-semibold";
}
table.plan th p,
table.plan td p {
	margin: 0;
	padding: 0; 
}
table.plan th p + p,
table.plan td p + p {
	padding-top: 10px
}
table.plan thead th:not(:empty) {
	background-color: #333994;
	background-color: var(--main-bg-color, #333994);
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 30px 25px;
} 
table.plan tbody tr > th:first-child {
	text-align: right;
	background-color: white;
}
table.plan tbody tr td { 
	border-width: 0 1px 1px 0;
}
table.plan tbody tr > td:last-child { 
	border-width: 0 0px 1px 0;
}
table.plan tbody tr:nth-of-type(2n+1) > td {
	background: #EFF2F7;
}
table.plan tbody tr > td span { 
	color: #333333;
}


/* NOTE - IFF color theme are fixed, otherwise enabled inline dynamic theme! */
table.plan thead th:nth-of-type(2) {  
	background-color: #4F0A4B; 
	background-color: var(--section-wellness-color, #4F0A4B); 
}
/* table.plan tbody tr:nth-of-type(1) > *:nth-child(2), */
/*
table.plan tbody tr > *:nth-child(2) span { 
	color: #eaca30; 
	color: var(--section-wellness-color, #eaca30);
}
*/

table.plan thead th:nth-of-type(3) { 
	background: #73146B; 
	color: #fff;
}

/*table.plan tbody tr:nth-of-type(1) > *:nth-child(3), */
/*
table.plan tbody tr > *:nth-child(3) span { 
	color: #db5477; 
}
*/

table.plan thead th:nth-of-type(4) { 
	background: #622764; 
}

/*table.plan tbody tr:nth-of-type(1) > *:nth-child(4), */
/*
table.plan tbody tr > *:nth-child(4) span { 
	color: #7dd8c5; 
} 
*/

table.plan thead th:nth-of-type(5) { 
	background: #8F4388; 
	color: #fff;
}

/*table.plan tbody tr:nth-of-type(1) > *:nth-child(5), */
/*
table.plan tbody tr > *:nth-child(5) span { 
	color: #333994; 
}
*/
table.plan thead th:nth-of-type(6) { 
	background: #4F0A4B; 
}

/*table.plan tbody tr:nth-of-type(1) > *:nth-child(6), */
/*
table.plan tbody tr > *:nth-child(6) span { 
	color: #4F0A4B; 
}
*/

/* Plan Highlights  */
div.chart {
	text-align: left;
	border-top: 1px solid #333333; 
	font: 18px/1.3em "gibson-book";
	padding: 0;
	margin: 0;
	width: 500px;
	max-width: 100%;
}
div.chart div.item {
	padding: 20px 40px;
	border-bottom: 1px solid #333333;	
}
div.chart div.heading {
	/* color: #197B99;*/
	color: #333333;
	font-family: "gibson-semibold";
	position: relative;
}
div.chart label {
	display: inline-block;
}
div.chart ul {
	margin: 0;
	padding: 1rem 0 0 2rem;
	padding-right: 0;  
}
div.chart li {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 12px 0;
	border-bottom: 0.5px solid #979797;
}
div.chart ul > li:last-child {
	border: 0;
}
div.chart div span { 
	top: bottom;
	right: 0;
	font: 18px/1.3em "gibson-book";
	color: #333333;
	/*position: absolute;*/
	display: inline-block; 
}
/*=====================================================
	END OF TABLE
  =====================================================*/
 

/*=====================================================
	Tiles, Cards, boxes
  =====================================================*/
ul.tiles {  
	position: relative;
	width: 102%; 				/* 5 per row - right alignment, 20px gap */ 
	padding: 0;
	margin: 0 -10px;
	display: flex; 
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	flex-flow: flex-direction;
	justify-content: space-between;
	justify-content: flex-start;
	align-items: stretch;
	align-content: flex-start;	 
} 
ul.tiles > li { 
  	display: flex; 
  	justify-content: center; 
	flex-direction: column;
	list-style: none;
	margin: 10px;
	padding: 0;
	border-radius: 4px; 
	text-align: center;
	background: #ebedee;  
	cursor: pointer;  
	flex: 0 1 auto;
	width: 180px;							/* 5 per row - default */ 
	width: calc(20% - 20px);
	min-height: 106px; 
} 
/*ul.tiles a {
	color: inherit;
	color: #333333;  
	font: 20px/22px "gibson-medium", Verdana, Arial;
	font-weight: normal;	
	display: block;
	padding: 1rem;
	margin: 0 auto; 
}*/
ul.tiles a {
    color: inherit;
    color: #3B66AB;
    font: 18px/24px "gibson-medium", Verdana, Arial;
    font-weight: normal;
    display: block;
    padding: .85rem;
    margin: 0 auto;
}
ul.tiles a:hover {
	text-decoration: underline;
}
ul.tiles.colx5 > * {		/* 5 per row - default */ 
}
ul.tiles.colx3 {			/* 3 per row */			
	width: 100%;
}
ul.tiles.colx3 > * {		/* 3 per row */
	width: 205px;
	width: calc(33% - 20px);
	min-height: 126px; 	
}
ul.tiles.colx4 {			/* 4 per row */
	width: 100%;
}
ul.tiles.colx4 > * {		/* 4 per row */
	width: calc(25% - 20px);
	min-height: 126px; 		
}


/* Contacts, Tools */
div.cards { 
	position: relative;
	width: 100%; 
	padding: 0;
	margin: 0 -10px;
	display: flex; 
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction: row;
	flex-flow: flex-direction;
	justify-content: flex-start; 
	align-items: stretch;
	align-content: flex-start;	 	 
}
div.card { 
  	display: flex; 
  	justify-content: center; 
	flex-direction: column;
	justify-content: normal;
	align-items: start;
	align-content: start; 
	order: 0;
	flex-shrink: 1;
	align-self: auto;
	width: calc(50% - 20px);
	margin: 10px;
	margin-bottom: 30px;
	padding: 20px; 
	padding-bottom: 20px; 
 	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;	 
	/*border-radius: 6px;*/ 
	position: relative; 	
	text-align: left;
	background: white;  
	border-top: 7px solid #73146B;
}
div.card > h3.banner { 
	width: 100%;
	/*background-color: #333994;*/
	color: #4F0A4B;
	text-transform: uppercase;
	border-radius: 6px 6px 0 0;
	padding: 20px 25px;
	margin: 0;
	/*box-shadow: 0 0px 8px 0 rgba(0,0,0,0.2);*/
	transition: 0.3s;	 
}

div.card > h3.banner.white { 
	/*color: #ffffff;*/
	color: #4F0A4B;
}

div.card div.container { 
	padding: 1em 25px; 
	margin: 0;
	margin-bottom: 1rem;
	height: 100%;
}
div.card a.link {
	position: absolute;
	bottom: 1rem;
	font: 14px/1.2em "gibson-semibold";
	text-transform: uppercase;
}
div.card table {
	width: auto;
	border: 0;
}
div.card table th,
div.card table td {
	padding: 0;
	padding-right: 0.5rem
}

/* card new */
div.card-new { 
  	display: flex; 
  	justify-content: center; 
	flex-direction: column;
	justify-content: normal;
	align-items: start;
	align-content: start; 
	order: 0;
	flex-shrink: 1;
	align-self: auto;
	width: calc(50% - 20px);
	margin: 10px;
	margin-bottom: 30px;
	padding: 0; 
	padding-bottom: 20px; 
 	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;	 
	border-radius: 6px; 
	position: relative; 	
	text-align: left;
	background: white;  
}
div.card-new > h3.banner { 
	width: 100%;
	background-color: #333994;
	color: #333333;
	text-transform: uppercase;
	border-radius: 6px 6px 0 0;
	padding: 20px 25px;
	margin: 0;
	box-shadow: 0 0px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;	 
}

div.card-new > h3.banner.white { 
	/*color: #ffffff;*/
	color: #4F0A4B;
}

div.card-new div.container { 
	padding: 1em 25px; 
	margin: 0;
	margin-bottom: 1rem;
	height: 100%;
}
div.card-new a.link {
	position: absolute;
	bottom: 1rem;
	font: 14px/1.2em "gibson-semibold";
	text-transform: uppercase;
}
div.card-new table {
	width: auto;
	border: 0;
}
div.card-new table th,
div.card-new table td {
	padding: 0;
	padding-right: 0.5rem
}



/* Contacts, Tools ARTICLE TEMPLATE */

.contacts_tools_head_purple /* Now Blue */ { 
	background-color: #333994 !important;	 
}
.contacts_tools_head_teal /* Now Orange */ {
	background-color: #4F0A4B !important; 
}

.contacts_tools_head_orange /* Now Aqua */ {
	background-color: #7dd8c5 !important; 
}

.contacts_tools_head_navy /* Now Pink */ {
	background-color: #db5477 !important; 
	color: #fff !important;
}

.contacts_tools_head_green /* Now Yellow */ {
	background-color: #eaca30 !important;	 
}

.contacts_tools_link{
	position: absolute;
	bottom: 1rem;
	font: 14px/1.4em "gibson-semibold";
	text-transform: uppercase;
}


/*=====================================================
	Take Action listing
  =====================================================*/
img.clipart {
	min-width: 173px;
	min-height: 232px;	
	position: absolute;
	z-index: 0;
	top: -234px; 
	right: 0;
}

img.right-col-header {
	max-width: 155px;
	position: absolute;
	z-index: 0;
	top: -217px; 
	right: 0;
} 
 
ul.list {
	padding: 0 16px; 
	margin: 10px 0 2em 0;
	border: 1px solid #DDE3EC; 
	border-width: 1px 0;
	position: relative; 
}
ul.list li {
	list-style: none;
	padding: 4px 0;
	margin: 0;
	border-bottom: 1px solid #D8D8D8;
}
ul.list li:last-of-type {
	border: 0;
}
ul.list li a {
	font: 18px/20px "gibson-book"; 
} 
div.aside a.button,
aside a.button {
	font: 22px/1.3em "gibson-semibold";
	width: 100%; 
	padding-top: 12px;
	padding-bottom: 12px;
}
/*=====================================================
	END OF TAKE ACTION
  =====================================================*/


/*=====================================================
	Accordion
  =====================================================*/
div.accordion {
	position: relative;
	margin: 20px 0;
	border: 0px solid red
}
div.accordion div.item {
	clear: both;
	margin: 0; 
	padding: 0;
	padding-bottom: 10px;  
	clear: both;
} 

div.accordion-custom-large div.item-custom-large {
	padding-bottom: 0px;  
} 

/*div.accordion div.item > h3 {
	font: 20px/22px "gibson-semibold";
	color: #333333; 
	background-color: #ebedee;
	padding: 25px 20px;
	margin: 0;
	margin-bottom: 10px;
	border-radius: 4px; 
	position: relative;
	cursor: pointer;
}*/
/*div.accordion div.item > h3 {
    font: 22px "gibson-semibold";
    color: #ffffff;
    background-color: #73146B;
    padding: 25px 20px;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}*/

div.accordion div.item > h3 {
	font: 22px "gibson-semibold";
    color: #ffffff;
    background-color: #73146B;
    padding: 22px 60px;
    margin: 0;
    margin-bottom: 10px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    display: table;
    vertical-align: middle;
	width: 100% !important;
}

div.accordion div.item > h3.white {
	color: #fff; 
}

/*div.accordion div.item > h3:after {
	content: "";
	width: 21px;
	height: 21px;
	display: inline-block;
	background: url("../img/global/toggle_plus_white.svg") no-repeat center center;
	background-size: 16px 16px; 
	position: absolute;
	cursor: pointer;
	right: 20px; 
} */

div.accordion div.item > h3:after {
    content: "";
    width: 21px;
    height: 21px;
    display: block;
    background: url(../img/global/toggle_plus_white.svg) no-repeat center center;
    background-size: 16px 16px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
}

div.accordion div.item > h3.white:after {
	background: url("../img/global/toggle_plus_white.svg") no-repeat center center;
}

div.accordion div.item.active > h3:after {
	background: url("../img/global/toggle_minus_white.svg") no-repeat center center; 
	background-size: 21px 5px; 
}

div.accordion div.item.active > h3:after {
    background: url(../img/global/toggle_minus_white.svg) no-repeat center center;
    background-size: 16px 16px;
    position: absolute;
    cursor: pointer;
    right: 20px;
    top: 50%;
    transform: translate(-50%, -50%);
    /* background-size: 21px 5px; */
}

div.accordion div.item.active > h3.white:after {
	background: url("../img/global/toggle_minus_white.svg") no-repeat center center; 
}

div.accordion div.item > div.group {
	display: none;
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px; 
}
div.accordion div.item > div.group:after {
	content: "";
	display: block;
	position: relative;
	clear: both;	
}
div.accordion div.item > h3 a {
	font: inherit;
	font: 20px/22px "gibson-semibold";
	color: #333333; 
}

div.accordion div.item > h3 a.white {
	color: #fff; 
}

.accordion div.main {
    /*width: calc(100% - 4px);*/
    float: left;
}

.accordion_large_tbl div.main {
    width: calc(100% - 4px);
    float: left;
}


/*=====================================================
	END OF Accordion
  =====================================================*/
  
  
section.cols > article {
	width: 570px; 
}
section.cols > aside {
	width: 430px;	
	max-width: 430px; 
}
  
div.info { 
	background: #EFF2F7;
	float: right; 
	display: inline-block;
	margin: 0;
	padding: 2em;
}
div.info h3 {
	color: #4F0A4B;
	font: 18px/1.1em "gibson-semibold";
	margin: 0.6rem 0;	
}
div.info p {
	font: 18px/22px "gibson-book"; 
}
div.info + article {
	clear: left;
	width: calc(100% - 480px);
	display: inline-block;
	margin: 0;
	padding: 0;
}

section img.right { 
	float: right;
	margin: 0.5rem 0 1.5rem 2rem;
}


/*=====================================================
	Miscellaneous
  =====================================================*/ 
*.footnotes {
	font-size: 0.9em;
	font-style: italic;
}

*.tools { 
	float: right;
	display: inline-block;
	margin: 0;
	padding: 0;
	font: 18px/34px "gibson-book";
	font-weight: normal;
	border: 1px solid ed
}
dl.tools dt,
dl.tools dd,
ul.tools li {
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	padding-left: 5px; 
	text-align: left;  
}
dl.tools dt {
	padding-right: 10px; 
}
*.tools a {
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	margin: 0;
	padding: 0;
	float: left;
}
*.tools a.media { 
	background: url("../img/global/icon_media.svg") no-repeat 0 0; 
}
*.tools a.print { 
	background: url("../img/global/icon_printer.png") no-repeat center center;  
	background-size: 34px;  
}
*.tools a.thumb.up { 
	background: url("../img/global/toggle_thumb_up.png") no-repeat 0 0; 
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	margin: 0;
	padding: 0;
	float: left;
}
*.tools a.thumb.down {
	background: url("../img/global/toggle_thumb_down.png") no-repeat 0 0;
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	margin: 0;
	padding: 0;
	float: left;
}
*.tools a.thumb.up.helpful { 
	background: url("../img/global/toggle_thumb_up_on.png") no-repeat 0 0;
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	margin: 0;
	padding: 0;
	float: left;
}
*.tools a.thumb.down.not_helpful {
	background: url("../img/global/toggle_thumb_down_on.png") no-repeat 0 0;
	display: inline-block;
	width: 34px;
	height: 34px;
	background-size: 34px 34px;
	margin: 0;
	padding: 0;
	float: left;
}
a.help {
	display: inline-block;
	width: 23px;
	height: 23px;
	background: url("../img/global/icon_question.png") no-repeat center center; 
	background-size: 23px 23px;	
	float: right;
}

a.help.text {
	display: auto;
	width: auto;
	height: auto;
	background: none; 
	background-size: none;	
	float: none;
}

/*section[role="alert"] {
	width: 100%; 
 	padding: 15px 40px 15px 100px; 
	box-shadow: 0 0px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;	 
	font: 20px/1.2em "gibson-book";
	position: relative; 
	border-radius: 4px;
}
section[role="alert"]:before {
	content: "";
	display: inline-block;
	position: absolute;
	padding: 0;
	margin: 0; 
	width: 80px;
	height: 100%; 
	top: 0;
	bottom: 0;
	left: 0;
	background: #333994 url("../img/global/icon_alert.svg") no-repeat center center;
	background-color: #333994 !important;
	background-size: 46px 45px; 
	border-radius: 4px 0 0 4px;
} 
section[role="alert"] p {
	margin: 0;
	padding: 0;
}
section[role="alert"] p + p {
	margin-top: 0.3rem;
}
section[role="alert"] a {
	color: #0075e3;
}
section[role="alert"] a:hover {
	color: #333333;
	text-decoration: underline;
}  
section[role="alert"] a.close_alert { 
	display: inline-block;
	position: absolute;
	right: 15px;  
	top: 18px;
	background: url("../img/global/icon_x.svg") no-repeat center center;
	background-size: 12px 12px;
	width: 15px;
	height: 15px;
	cursor: pointer;
}*/

/* Side login */
div.tab_login {
	position: fixed;
	z-index: 1;
	top: 25%;
	left: 0%;
	width: 180px;
	padding: 0;
	margin: 0; 
}
div.tab_login p {
	padding: 0;
	margin: 0; 
	padding: 10px 15px;
	background: #ebedee;
	font: 17px/23px "gibson-book";
	display: none;
}
div.tab_login:hover p {
	display: block;
}
div.tab_login a.login {
	background: #eaca30 url("../img/global/icon_side_tab.png") no-repeat center center;
	background-size: 46px 46px;
	display: block;
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 0; 
}



/* Popup Modal */ 
.fancybox-close-small {
	/*background-image: url("../js/fancybox/fancybox.png");*/
	background-image: url("../img/global/icon_close_disney.png");
	background-position: -40px 0px;
	width: 28px;
	height: 28px;
	top: -15px !important;
	right: -15px !important;
	text-indent: -9999px;
	z-index: 99999 !important; 
}
 
div.popup {
	width: 100%;
	display: none;
	font-size: 0.9em; 
	padding: 15px; 
	background-color: transparent;  
}
div.popup div.container {
	background-color: white;
	padding: 1rem; 
}
/*
div.popup {
	max-width: 60%;
	width: auto;
	display: none;
	font-size: 0.9em;
	position: relative;
	padding: 20px; 
	background-color: transparent; 
}
div.popup div.container {
	background-color: white;
	padding: 1rem; 
}
*/
.fancybox-close-small {
	display: inline-block;
	width: 30px;
	height: 30px;
	background:  url("../img/global/icon_close_disney.png") no-repeat center center;
	background-size: 28px 28px; 
	z-index: 2000; 
	top: 0px !important;
	right: 0px !important; 
}
.fancybox-close-small:hover:after,
.fancybox-close-small:after {
	background-color: transparent;
	background-image: none;
	content: "";
	background: trasparent url("../img/global/icon_close.svg") no-repeat center center;
	background-size: 30px 30px; 	
	z-index: 0;
}

div.popup .fancybox-close-small {
	top: 0 !important;
	right: 0 !important; 
}



/*=====================================================
	BEGIN CONTENT MODAL
  =====================================================*/ 

.content-modal-container.md {
	width: 700px;
	padding: 0px;
}

.content-modal-container .modal-title {
	background-color: #333994;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.content-modal-container h6 {
	padding: 0px;
	margin: 0px;
	color: #fff;
	font-size: 22px;
	line-height: 30px;
	font-family: "gibson-semibold";
}

.content-modal-container .fancybox-close-small {
	top: 10px !important;
	right: 10px !important;
}

.content-modal-container .modal-body {
	padding: 30px;
	font-family: "gibson-book";
	font-size: 18px;
	line-height: 26px;
}
  
  
  
  /*=====================================================
	END CONTENT MODAL
  =====================================================*/ 


/* Tooltip */
.ui-tooltip, 
.ui-tooltip .arrow:after { 
	/*background: #197B99;*/
	background: #73146B;
	border: 0px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 4px;
	font: bold 14px "gibson-book", Sans-Serif;
	text-transform: none; 
	box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
}
.ui-tooltip .arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.ui-tooltip .arrow.top {
	top: -16px;
	bottom: auto;
}
.ui-tooltip .arrow.left {
	left: 20%;
}
.ui-tooltip .arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	box-shadow: 6px 5px 9px -9px rgba(0,0,0,0.2);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-tooltip .arrow.top:after {
	bottom: -20px;
	top: auto;
} 

/*=====================================================
	END OF Miscellaneous
  =====================================================*/ 


/*=====================================================
	BEGIN Callout Boxes
  =====================================================*/ 

td.callout_box_wrapper {
	vertical-align: middle;
}

div.callout_box_wrapper {
	padding: 20px;
	background: transparent linear-gradient(180deg, var(---73146b-hr-magenta) 0%, var(---4f0a4b-hr-plum) 100%) 0% 0% no-repeat padding-box;
	background: transparent linear-gradient(180deg, #73146B 0%, #4F0A4B 100%) 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 4px;
	opacity: 1;
	margin-left: 20px;
}

.callout_box_head {
	font-family: "gibson-semibold";
	margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
	color: #ffffff;
	font-weight: 400;
    font-style: normal;
}

.callout_box_head a,
.callout_box_head a:active,
.callout_box_head a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.callout_box_body {
	margin-bottom: 20px;
	margin: 0 0 10px;
	color: #ffffff;
}

.callout_box_body a,
.callout_box_body a:visited {
    text-decoration: underline;
    color: #ffffff;
}

.callout_box_body a:hover,
.callout_box_body a:active {
    text-decoration: underline;
    color: #DDE3EC;
}


td.callout_box_wrapper_1 {
	vertical-align: middle;
}

div.callout_box_wrapper_1 {
    padding: 20px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-top: 10px solid #73146B;
	margin-left: 20px;
}

.callout_box_head_1 {
    font-family: "gibson-semibold";
    text-transform: uppercase;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-18) / var(--unnamed-line-spacing-40) var(--unnamed-font-family-gibson);
    color: var(---4f0a4b-hr-plum);
    text-align: left;
    font: normal normal 600 18px / 40px Gibson;
    letter-spacing: 0.72px;
    color: #4F0A4B !important;
    text-transform: uppercase;
    opacity: 1;
    font-family: "gibson-semibold";
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
}

.callout_box_body_1 {
	margin-bottom: 20px;
	margin: 0 0 10px;
	color: #333333;
}


td.callout_box_wrapper_2 {
	vertical-align: middle;
}

div.callout_box_wrapper_2 {
    padding: 20px;
    background: #EFF2F7 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    border-top: 10px solid #73146B;
	margin-left: 20px;
}

.callout_box_head_2 {
    font-family: "gibson-semibold";
    text-transform: uppercase;
    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-600) var(--unnamed-font-size-18) / var(--unnamed-line-spacing-40) var(--unnamed-font-family-gibson);
    color: var(---4f0a4b-hr-plum);
    text-align: left;
    font: normal normal 600 18px / 40px Gibson;
    letter-spacing: 0.72px;
    color: #4F0A4B !important;
    text-transform: uppercase;
    opacity: 1;
    font-family: "gibson-semibold";
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
}

.callout_box_body_2 {
	margin-bottom: 20px;
	margin: 0 0 10px;
	color: #333333;
}

/*=====================================================
	END OF Callout Boxes
  =====================================================*/ 

#theframe {
  overflow:hidden;
  overflow-x:hidden;
  overflow-y:hidden;
  position:relative;
  top:0px;
  left:0px;
  bottom:0px
}
.theframe_wrap {
  width: 50%; 
  height: 90%;
}
.theframe {
  width: 100%; 
  height: 100%;
  overflow-y: hidden;
}

/******************************************************
	END OF MAIN CONTENT AREA
*******************************************************/

#terms_popup,
#forms_popup,
#privacy_popup,
#legal_popup {
	max-width: 80%;
}


/******************************************************
    Splash pages
*******************************************************/

/*.splash_box {
  width: 944px;
  background-repeat: no-repeat; 
  background-size: 333px 370px;
  background-position: right 0px bottom 0px;
  padding: 36px;
  display: table;
}*/
.splash_box {
    width: 944px;
    background-repeat: no-repeat;
	min-height: 354px;
    /* background-size: 260px 260px;
    background-position: right 40px top 40px;
    padding: 36px; */
    display: table;
	font-family: "gibson-book", Verdana, Helvetica, sans-serif;
}

.splash_box_content_container {
   padding: 34px;
   padding-bottom: 0px;
}

.splash_box_wrapper {
    width: 944px;
    border: 0;
    padding: 0;
    margin: 0;
    /*background: linear-gradient(180deg, #2ba8e0, #2e398e); */
	background: linear-gradient(90deg, #333994, #db5477);
}

.splash_box_wrapper .fancybox-close-small {
	display: inline-block;
	width: 22px;
	height: 22px;
	background:  url("../img/global/icon_close_button_circle_dark.png") no-repeat center center;
	background-size: 22px 22px; 
	z-index: 2000; 
	top: 15px !important;
	right: 17px !important; 
}

.splash_title {
  color: #ffffff;
  font-family: "gibson-semibold", Verdana, Helvetica, sans-serif;
  font-size: 45px;
  line-height: 52px;
  padding-bottom: 10px;
}
.splash_sub_title {
  color: #ffffff;
  font-family: "gibson-medium", Verdana, Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 42px;
}
.splash_description {
  width: 500px;
  color: #ffffff;
  font-family: "gibson-book", Verdana, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 24px;
  float: left;
  margin-top: 35px;
  clear: both;
}
.splash_description a,
.splash_description a:hover,
.splash_description a:visited,
.splash_description a:active	{
  color: #ffffff;
  font-weight: 500;
  text-decoration: underline;
}
.splash_button_box {
	display: flex;
	margin-top: 30px;
}
.splash_button {
  width: 255px;
  border-radius: 6px;
  background: #ebca31;
  color: #333333;
  font-family: "gibson-semibold", Verdana, Helvetica, sans-serif;
  font-size: 20px;
  line-height: 23px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 19px;
}

.splash_button a,
.splash_button a:hover,
.splash_button a:visited,
.splash_button a:active {
  color: #333333;
  font-family: "gibson-semibold", Verdana, Helvetica, sans-serif;
  width: 100%;
  padding: 14px 12px;
}

.three_buttons_splash_box_wrapper .splash_button_box {
	width: 60%;
}
.three_buttons_splash_box_wrapper .splash_box {
  display: table;
}
.three_buttons_splash_box_wrapper {
  border: 0;
  padding: 0;
  margin: 0;
  background: linear-gradient(180deg, #5FB7DF, #3791C9);
}
.three_buttons_splash_box_wrapper .splash_button_3 {
  margin-left: 122px;
  margin-bottom: 20px;
  margin-top: 10px;
}



/******************************************************
	Responsive / Mobile
*******************************************************/
@media (min-width: 980px) {		/* iPhone X */
	header {
		position: relative;
		margin: 0;
		margin-bottom: 20px;
		padding: 25px 10px;
		background-color: #333994;
		color: white;   
		width: 100%;
	}
	header nav {  
		height: 74px;
	}
	a#navToggle {
		display: none;
	}
	header #logo { 
		width: 104px;
		height: 74px;
		margin: 0;
		display: inline-block;
		background: url("../img/disney_benefits_logo.svg") no-repeat 0 0; 
		background-size: 104px 74px;
	}	
	header nav div#menuBanner {
		display: block;
		position: absolute;
		width: calc(100% - 200px);
		height: 100%;
		right: 0;
		bottom: 0;   
	}
	div#menuBanner ul {
		border: 0;
		margin: 0.5rem 0;
	} 
	div#menuBanner ul li {
		padding: 0.5rem 0.5rem;
		display: inline-block;
		float: left;
		border: 0;
	}
	div#menuBanner ul#navMain {
		bottom: -20px;
		left: 0;
		position: absolute;
	}
	div#menuBanner ul#navUtility {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		margin: 0;
		border: 0;
	}
	div#menuBanner form.search {
		position: absolute;
		right: 0;
		bottom: 0;
		width: auto;
	}
	div#menuBanner ul#navMain li { 
		margin: 0;
		padding: 0 1rem 0 1.5rem;
		padding-bottom: 20px;
		list-style: none;
		display: inline-block;
		float: left;
		z-index: 1;
		position: relative;  
	} 
	div#menuBanner ul#navMain > li:first-of-type { 
		padding-left: 0;
	} 
	div#menuBanner ul#navMain > li:nth-of-type(2) { 
		padding-left: 2rem;
	} 
	div#menuBanner ul#navMain li.menu {
		position: relative;
		background: url("../img/global/icon_arrow_down.svg") no-repeat right 3px;
		background-size: 10px 10px;  
	}
	div#menuBanner ul#navMain li.menu ul { 
		position: absolute;
		display: none;
		width: 100%;
		min-width: 200px;
		margin: 0;
		padding: 0; 
		margin-top: 20px; 
		left: -40%;
		background-color: white; 
		box-shadow: 1px 2px 4px rgba(0,0,0,0.5); 
	}
	
	/*ADDED 07/16/2021 FOR NEW DD BY CLB*/
	#navMain > li:nth-child(4) > ul {
		left: 0 !important;
	}
	
	div#menuBanner ul#navMain li.menu ul:before {
		content: "";
		position: absolute;  
		left: 40%;
		width: 0;
		height: 0;
		border-width: 0 15px 10px 15px;
		border-color: transparent transparent #FFFFFF transparent;
		border-style: solid;
		top: -6px;  
	}
	div#menuBanner ul#navMain li.menu ul > li {
		float: none;
		display: block; 
		position: relative;
		padding: 0.15rem 0.75rem;
		margin: 0; 
		width: 100%;  
	}
	div#menuBanner ul#navMain li.menu ul li:hover { 
		background-color: white;
	}
	div#menuBanner ul#navMain li.menu ul > li > a {
		font: 15px/16px "gibson-regular"; 
	  	font-weight: 400; 
		color: #333333;
		width: auto;
		display: block;
		margin: 0;
		padding: 0.5rem 0;   
	}
	div#menuBanner ul#navMain li.menu.active ul,
	div#menuBanner ul#navMain li.menu:hover ul {
		display: block; 	
	}
	
	div#menuBanner ul#navUtility li { 
		font: 12px/1.3em "Open Sans";
		padding: 0 0.5rem; 
		border-right: 1px solid white; 
	}
	div#menuBanner ul#navUtility:after {
		content: "";
		display: block;
		clear: both;
	}
	div#menuBanner ul#navUtility li a {
		font: 13px/1.4em "gibson-regular";
	}
	div#menuBanner ul#navUtility li:last-of-type {
		border: 0;
		padding-right: 0;
	} 	
	div#menuBanner ul li.desktop {
		display: block;
	}
	/* END OF DESKTOP MENU */
}

/* 80em = 1280px */
@media (max-width: 80em) { 
}

/* 64em = 1024px */
@media (max-width: 64em) { 
}

/* 980px */
@media (max-width: 980px) { 
	img.clipart {
		display: none;
	}

	img.right-col-header {
		display: none;
	}
}



@media (max-width: 960px) {
	main {
		padding: 0 10px;
	}
	header { 
	}
	section {
		width: 100%;
	}

	/* 2020.5.12, force to 1 per row for Tools/Contacts */
	div.cards { 
		-webkit-flex-wrap: wrap;
    	-moz-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap; 
	} 
	div.cards > div.card:nth-of-type(n) { 
		width: calc(100% - 20px);
		overflow-wrap: normal;
		word-break: normal;
		margin-right: 0px; 
		margin-left: 20px;
	} 
	div.cards > div.card:nth-of-type(n) td { 
		overflow-wrap: normal;
		word-break: normal;	 
	}	
	div.cards > div.card:nth-of-type(n) { 
		padding: 0;
	} 	
	div.cards > div.card:nth-of-type(n) > * {
		word-break: normal;
		padding: 30px 15px 20px; 
	}
	div.cards > div.card:nth-of-type(n) td { 
		overflow-wrap: break-word;
		word-break: break-all;
		padding: 2px;
		width: auto; 		
	} 	
	
	/* card new */ 
	div.cards > div.card-new:nth-of-type(n) { 
		width: calc(100% - 20px);
		overflow-wrap: normal;
		word-break: normal;
		margin-right: 0px; 
		margin-left: 20px;
	} 
	div.cards > div.card-new:nth-of-type(n) td { 
		overflow-wrap: normal;
		word-break: normal;	 
	}	
	div.cards > div.card-new:nth-of-type(n) { 
		padding: 0;
	} 	
	div.cards > div.card-new:nth-of-type(n) > * {
		word-break: normal;
		padding: 15px 10px; 
	}
	div.cards > div.card-new:nth-of-type(n) td { 
		overflow-wrap: break-word;
		word-break: break-all;
		padding: 2px;
		width: auto; 		
	} 	
	
	/* --------- MODAL WINDOW STYLES --------- */
	.content-modal-container.md {
		width: 100%;
	}
}



/* 48em = 768px */
@media (max-width: 48em) {
	main {
		width: 100%;
		padding: 0 20px 0 20px;
		border: 0px solid blue
	}
	section, article, aside, div.main, div.aside {
		width: 100%;
		max-width: 100%;
		float: none;
		clear: both;
		left: 0;
		position: relative; 
		margin-bottom: 1.5rem;
	}
	section {
		overflow: auto;
	}
	section:after, article:after, aside:after, div.main:after, div.aside:after, dl.tools:after {
		content: ""; 
		display: block;
		clear: both;
		position: relative;
		margin-bottom: 0rem;
	}	 
	div.accordion div.item > div.group {
		padding-bottom: 0;
	}
	section.cols > article {
		width: 100%;  
	}
	section.cols > aside {
		width: 100%;	
		max-width: 100%;
	}
	section.cols div.chart {
		width: 100%;
	}
	footer { 
	}
	footer nav { 
		width: calc(100% - 20px);
	}
	footer ul {
		display: block;
		width: auto;
		max-width: 100%;
		text-align: left; 
	}
	footer ul li:nth-child(n+2) {
		display: list-item;
		float: none; 
	}
	footer ul li:nth-child(n+2):after {
		display: none
	}
	
	label {
		display: block;
		float: none;
		width: 100%;
	} 
	
	#breadcrumbs {  
	}
	#breadcrumbs li:not(.mobile) {
		display: none;
	}
	#breadcrumbs li.mobile {
		display: inline-block; 
		font-size: 14px;
	}
 	
	/*
	dl.tools { 
		clear: both;
		display: block;  
		position: relative; 
	}
	dl.tools:before,
	dl.tools:after {
		content: "";
		display: block;
		position: relative;
		clear: both;
	} 
	*/ 
	*.tools + h1 {
		clear: both;
		width: 100%;
		padding-top: 20px;
	}
	
	ul.tags,
	ul.tiles,
	ul.tiles.colx3,
	ul.tilss.colx4,
	div.cards { 
		-webkit-flex-wrap: wrap;
    	-moz-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap; 
    	flow-direction: column;
    	justify-content: start;
    	width: 100%; 
    	margin: 0;
    
	} 
	ul.tiles > li,
	ul.tiles.colx3 > li,
	ul.tiles.colx4 > li,
	div.cards > div.card,
	div.cards > div.card-new	{
		margin: 10px 0px;
		width: calc(50% - 10px); 
		min-height: 0; 
		justify-content: flex-start;
		text-align: left;
		padding: 10px; 
	} 
	ul.tiles > li:nth-of-type(2n+2),
	ul.tiles.colx3 > li:nth-of-type(2n+2),
	ul.tiles.colx4 > li:nth-of-type(2n+2),
	div.cards > div.card:nth-of-type(2n+2),
	div.cards > div.card-new:nth-of-type(2n+2)	{ 
		margin-left: 20px;
	} 
	ul.tiles li a,
	ul.tiles.colx3 li a,
	ul.tiles.colx4 > li  a, {
		text-align: left;
		padding: 10px;
	} 
	div.cards {
		width: 100%;
		margin-left: 0; 
	} 
	div.cards > div.card:nth-of-type(n) { 
		width: calc(100% - 10px);
		padding: 0;
		margin-left: 0;
	} 	
	div.cards > div.card:nth-of-type(n) > * {
		word-break: normal;
		padding: 30px 15px 20px; 
	}
	div.cards > div.card:nth-of-type(n) td { 
		overflow-wrap: break-word;
		word-break: break-all;
		padding: 2px;
		width: auto; 		
	}  
	
	/* cards new */
	
	div.cards > div.card-new:nth-of-type(n) { 
		width: calc(100% - 10px);
		padding: 0;
		margin-left: 0;
	} 	
	div.cards > div.card-new:nth-of-type(n) > * {
		word-break: normal;
		padding: 15px 10px; 
	}
	div.cards > div.card-new:nth-of-type(n) td { 
		overflow-wrap: break-word;
		word-break: break-all;
		padding: 2px;
		width: auto; 		
	}
	
	div.table-wrapper { 
		max-width: 100%;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	div.table-wrapper:after {
		content: "";	/* Scroll to see more \02192"; */
		position: relative;
		display: block; 
		clear: both;
		text-align: left;
		padding: 10px 0;
		font-size: 14px;
		line-height: 1.2em;
		font-style: italic;
		color: #333333;   
	}

	div.popup {
		width: 100%;
		max-width: 100%;
		max-height: calc(100% - 100px);
  		max-width: 100%;
  		padding: 0;
	}
	div.popup img {
		width: 90%
	}
}

/* 30em = 480px */
@media (max-width: 30em) {
	main {
		width: 100%;
		padding: 0 20px 0 20px; 
		/*
		font-size: 14px;
		line-height: 18px;
		*/
	}
	/* article img,
	section img {
		display: block;
		float: none;
		width: 100%; 
		margin: 1rem auto;
	} */
	section img.right { 
		float: none;
		width: 100%;
		margin: 1rem auto;
	} 
	ul.tiles > li:nth-of-type(n),
	ul.tiles.colx3 > li:nth-of-type(n),
	ul.tiles.colx4 > li:nth-of-type(n) {
		margin-top: 5px;
		margin-bottom: 5px;
		width: calc(50% - 5px);
	}
	ul.tiles > li:nth-of-type(n) a,
	ul.tiles.colx3 > li:nth-of-type(n) a,
	ul.tiles.colx4 > li:nth-of-type(n) a {
		font: 14px/16px "gibson-medium"; 
		padding: 0.5rem 0;
		text-align: center;
	}
	ul.tiles > li:nth-of-type(2n+2),
	ul.tiles.colx3 > li:nth-of-type(2n+2),
	ul.tiles.colx4 > li:nth-of-type(2n+2),
	div.cards > div.card:nth-of-type(2n+2),
	div.cards > div.card-new:nth-of-type(2n+2)	{
		margin-left: 10px; 
	}  
	div.cards { 
		-webkit-flex-wrap: wrap;
    	-moz-flex-wrap: wrap;
    	-ms-flex-wrap: wrap;
    	flex-wrap: wrap; 
	} 
	div.cards > div.card:nth-of-type(n) { 
		width: 100%;
		overflow-wrap: normal;
		word-break: normal;		
		margin-right: 10px;
		margin-left: 10px; 
	} 
	div.cards > div.card:nth-of-type(n) td { 
		overflow-wrap: normal;
		word-break: normal;	 
	}

	div.cards > div.card-new:nth-of-type(n) { 
		width: 100%;
		overflow-wrap: normal;
		word-break: normal;		
		margin-right: 0;
		margin-left: 0; 
	} 
	div.cards > div.card-new:nth-of-type(n) td { 
		overflow-wrap: normal;
		word-break: normal;	 
	}
	
	div.chart { 
		padding: 0;
		margin: 0;
		width: auto;
	}
	div.chart div.item {
		padding: 0.5rem 0.5rem; 
	}
	div.chart div.heading {
		color: #4F0A4B;
	}
	div.chart label {
		display: inline;
	}
	div.chart ul {
		margin: 0;
		padding: 0.25rem 0 0 1rem;
		padding-right: 0;  
	} 
	div.chart div span {    
		margin-left: 0.5em
	}	
	form, 
	form div.field-select,
	form select,
	form:not(.search) input[type] {
		width: 100% !important; 
	}  
}

/* 20em = 320px */
@media (max-width: 20em) {
	div.cards > div.card:nth-of-type(n) {  
		padding: 0; 
	} 
	div.cards > div.card:nth-of-type(n) > * { 
		margin-top: 0; 
	} 
	
	div.cards > div.card-new:nth-of-type(n) {  
		padding: 0; 
	} 
	div.cards > div.card-new:nth-of-type(n) > * { 
		margin-top: 0; 
	} 
	
}

@media (max-width: 960px){
	.splash_box {
		width: 320px;
		background-image:none !important;
		padding: 0px;
	}
	.splash_box_wrapper {
	  width: initial;
	  border: 0;
	  padding: 0;
	  margin: 0;
	  background: none;
	  background-color: #333994; 
	}
	
	.splash_box_wrapper .fancybox-close-small {
		background:  url("../img/global/icon_close_button_circle_light.png") no-repeat center center;
	}
	
	.splash_box_content_container {
		padding-bottom: 30px;
	}
	
	.splash_title {
	  color: #ffffff;
	  font-family: "gibson-medium", Verdana, Helvetica, sans-serif;
	  font-size: 34px;
	  line-height: 42px;
	  padding-bottom: 10px;
	}
	.splash_sub_title {
		color: #ffffff;
		font-family: "gibson-book", Verdana, Helvetica, sans-serif;
		font-size: 24px;
		font-weight: 500;
		line-height: 42px;
	}
	.splash_description {
		width: 281px;
		color: #ffffff;
		font-family: gibson-book;
		font-size: 17px;
		line-height: 24px;
		float: left;
		margin-top: 20px;
		/*padding-bottom: 200px; */
	}
	.splash_description a,
	.splash_description a:hover,
	.splash_description a:visited,
	.splash_description a:active	{
	  color: #ffffff;
	  font-weight: 500;
	  text-decoration: underline;
	}
	.splash_button_box {
		width: 100%;
		text-align: center;
		display: block;
	}
	.splash_button {
		width: 100%;
		border-radius: 6px;
		background: #ebca31;
		color: #333333;
		font-family: "gibson-semibold", Verdana, Helvetica, sans-serif;
		font-size: 19px;
		line-height: 21px;
		text-align: center;
		margin-bottom: 15px;
	}
	.splash_button a,
	.splash_button a:hover,
	.splash_button a:visited,
	.splash_button a:active {
	  color: #333333;
	  font-family: "gibson-semibold", Verdana, Helvetica, sans-serif;
	}
	
	.three_buttons_splash_box_wrapper .splash_button_box {
	}
	.three_buttons_splash_box_wrapper .splash_box {
	}
	.three_buttons_splash_box_wrapper {
	  /*width: 320px;*/
	  border: 0;
	  padding: 0;
	  margin: 0;
	  background: linear-gradient(180deg, #5FB7DF, #3791C9);
	}
	.three_buttons_splash_box_wrapper .splash_button_3 {
	  width: 215px;
	  margin-left: 33px;
	  margin-right: 0;
	}
	.three_buttons_splash_box_wrapper .splash_button {
	  width: 215px;
	  margin-left: 33px;
	}
	
}


/******************************************************
	END OF Responsive
*******************************************************/

@media print {
    /*body * {
        visibility: hidden;
    }*/
     #wrapper,  #wrapper * {
        visibility: visible;
    }
    #wrapper {
        left: 0px;
        top: 0px;
        position:absolute;
    }
     #breadcrumbs,  #breadcrumbs *, *.tools, footer, footer *, .resources, .resources * {
        visibility: hidden;
		display: none;
    }
    p {
        /*page-break-before: always;*/
    }
    h1 p {
        padding-top: 40px;
    }
}

ul {
	margin-top: 0px;
}

section ul {
	margin-top: -10px;
}

section table ul {
	margin-top: -20px;
}

section .basic_black_white_table ul {
	margin-top: 0px;
}

section table .basic_black_white_table ul {
	margin-top: 0px;
}

.accordion-2024 {
	/*height: 72px;*/
}

div.callout_box_wrapper a,
div.callout_box_wrapper a:hover {
	color: #ffffff;
	text-decoration: underline;
}

@media (max-width: 960px){
	.accordion-2024 {
		height: auto;
	}
	/*a,
	strong, 
	b {
		overflow-wrap: anywhere;
	}*/
}

/* Bof: Small Article Accordions */

	/* styleguide.css */
		:root {
		  --display-56-extra-bold-font-family: "Fidelity Sans", Helvetica;
		  --display-56-extra-bold-font-weight: 700;
		  --display-56-extra-bold-font-size: 56px;
		  --display-56-extra-bold-letter-spacing: 0.28px;
		  --display-56-extra-bold-line-height: 64px;
		  --display-56-extra-bold-font-style: normal;
		  --display-48-light-font-family: "Fidelity Sans", Helvetica;
		  --display-48-light-font-weight: 300;
		  --display-48-light-font-size: 48px;
		  --display-48-light-letter-spacing: 0.24px;
		  --display-48-light-line-height: 56px;
		  --display-48-light-font-style: normal;
		  --heading-30-semibold-font-family: "Gibson", Helvetica;
		  --heading-30-semibold-font-weight: 600;
		  --heading-30-semibold-font-size: 30px;
		  --heading-30-semibold-letter-spacing: 0.15px;
		  --heading-30-semibold-line-height: 42px;
		  --heading-30-semibold-font-style: normal;
		  --subtitle-26-semibold-font-family: "Gibson", Helvetica;
		  --subtitle-26-semibold-font-weight: 600;
		  --subtitle-26-semibold-font-size: 26px;
		  --subtitle-26-semibold-letter-spacing: 0.13px;
		  --subtitle-26-semibold-line-height: 26px;
		  --subtitle-26-semibold-font-style: normal;
		  --subtitle-22-medium-font-family: "Gibson", Helvetica;
		  --subtitle-22-medium-font-weight: 500;
		  --subtitle-22-medium-font-size: 22px;
		  --subtitle-22-medium-letter-spacing: 0.11px;
		  --subtitle-22-medium-line-height: 26px;
		  --subtitle-22-medium-font-style: normal;
		  --eyebrow-20-regular-font-family: "Fidelity Sans", Helvetica;
		  --eyebrow-20-regular-font-weight: 400;
		  --eyebrow-20-regular-font-size: 20px;
		  --eyebrow-20-regular-letter-spacing: 2px;
		  --eyebrow-20-regular-line-height: 24px;
		  --eyebrow-20-regular-font-style: normal;
		  --paragraph-18-book-font-family: "Gibson", Helvetica;
		  --paragraph-18-book-font-weight: 400;
		  --paragraph-18-book-font-size: 16px;
		  --paragraph-18-book-letter-spacing: 0.09px;
		  --paragraph-18-book-line-height: 24px;
		  --paragraph-18-book-font-style: normal;
		  --paragraph-18-medium-font-family: "Gibson", Helvetica;
		  --paragraph-18-medium-font-weight: 500;
		  --paragraph-18-medium-font-size: 18px;
		  --paragraph-18-medium-letter-spacing: 0.09px;
		  --paragraph-18-medium-line-height: 24px;
		  --paragraph-18-medium-font-style: normal;
		  --REM-16-light-font-family: "Fidelity Sans", Helvetica;
		  --REM-16-light-font-weight: 300;
		  --REM-16-light-font-size: 16px;
		  --REM-16-light-letter-spacing: 0.08px;
		  --REM-16-light-line-height: 24px;
		  --REM-16-light-font-style: normal;
		  --REM-16-regular-font-family: "Fidelity Sans", Helvetica;
		  --REM-16-regular-font-weight: 400;
		  --REM-16-regular-font-size: 16px;
		  --REM-16-regular-letter-spacing: 0.08px;
		  --REM-16-regular-line-height: 24px;
		  --REM-16-regular-font-style: normal;
		  --REM-16-bold-font-family: "Fidelity Sans", Helvetica;
		  --REM-16-bold-font-weight: 700;
		  --REM-16-bold-font-size: 16px;
		  --REM-16-bold-letter-spacing: 0.08px;
		  --REM-16-bold-line-height: 24px;
		  --REM-16-bold-font-style: normal;
		  --utility-14-regular-font-family: "Fidelity Sans", Helvetica;
		  --utility-14-regular-font-weight: 400;
		  --utility-14-regular-font-size: 14px;
		  --utility-14-regular-letter-spacing: 0.07px;
		  --utility-14-regular-line-height: 18px;
		  --utility-14-regular-font-style: normal;
		  --utility-14-bold-font-family: "Fidelity Sans", Helvetica;
		  --utility-14-bold-font-weight: 700;
		  --utility-14-bold-font-size: 14px;
		  --utility-14-bold-letter-spacing: 0.07px;
		  --utility-14-bold-line-height: 18px;
		  --utility-14-bold-font-style: normal;
		  --utility-12-regular-font-family: "Fidelity Sans", Helvetica;
		  --utility-12-regular-font-weight: 400;
		  --utility-12-regular-font-size: 12px;
		  --utility-12-regular-letter-spacing: 0.06px;
		  --utility-12-regular-line-height: 16px;
		  --utility-12-regular-font-style: normal;
		  --utility-12-bold-font-family: "Fidelity Sans", Helvetica;
		  --utility-12-bold-font-weight: 700;
		  --utility-12-bold-font-size: 12px;
		  --utility-12-bold-letter-spacing: 0.06px;
		  --utility-12-bold-line-height: 16px;
		  --utility-12-bold-font-style: normal;
		  --disney-purple-700: rgba(79, 11, 74, 1);
		  --disney-purple-500: rgba(114, 20, 107, 1);
		  --disney-blue-500: rgba(59, 102, 171, 1);
		  --disney-gray-100: rgba(234, 237, 238, 1);
		}

	/* style.css */
		.ret-frame {
		  display: flex;
		  flex-direction: column;
		  width: 998px;
		  align-items: flex-start;
		  gap: 16px;
		  position: relative;
		}

		.ret-frame .ret-frame-wrapper {
		  display: flex;
		  flex-direction: column;
		  align-items: flex-start;
		  gap: 16px;
		  align-self: stretch;
		  width: 100%;
		  position: relative;
		  flex: 0 0 auto;
		}

		.ret-frame .ret-div {
		  display: inline-flex;
		  align-items: center;
		  gap: 8px;
		  position: relative;
		  flex: 0 0 auto;
		  cursor: pointer;
		  margin-top: 0px;
		  margin-bottom: 0px;
		}
		
		.ret-frame .ret-div a {
			display: contents;
		}
		
		.ret-frame .ret-p * {
			display: contents;
		}

		.ret-frame .ret-carets {
		  position: relative;
		  width: 18px;
		  height: 18px;
		  margin-top: -2px;
		}

		.ret-frame .ret-text-wrapper {
		  position: relative;
		  width: fit-content;
		  margin-top: -1.00px;
		  font-family: var(--paragraph-18-medium-font-family);
		  font-weight: var(--paragraph-18-medium-font-weight);
		  color: #000000;
		  font-size: var(--paragraph-18-medium-font-size);
		  letter-spacing: var(--paragraph-18-medium-letter-spacing);
		  line-height: var(--paragraph-18-medium-line-height);
		  /*white-space: nowrap;*/
		  font-style: var(--paragraph-18-medium-font-style);
		  margin-bottom: 0px;
		}
		
		.ret-frame .ret-div-wrapper {
		  font-family: var(--paragraph-18-book-font-family);
		  font-weight: var(--paragraph-18-book-font-weight);
		  color: #000000;
		  font-size: var(--paragraph-18-book-font-size);
		  font-style: var(--paragraph-18-book-font-style);
		  line-height: var(--paragraph-18-book-line-height);
		  letter-spacing: var(--paragraph-18-book-letter-spacing);
		  padding-left: 26px;
		}

		.ret-frame .ret-line {
		  position: relative;
		  align-self: stretch;
		  width: 100%;
		  height: 1px;
		  object-fit: cover;
		}
		
		.ret-div-wrapper { 
			display: none;
		}
		
		.ret-frame p {
			padding-bottom: 0px;
		}

/* Eof: Small Article Accordions */

.ret-img {
	width: 50px;
}

.anchor-lnk {
	height: 0px;
	padding: 0px;
	margin:0px;
	display: block;
}