/*
 Theme Name:     Art Institute of Chicago
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         ROC Group
 Author URI:     https://www.rocgroup.com
 Template:       Divi
 Version:        1.0.0
*/

/* Custom Fonts */
@font-face {
	font-family: 'ideal-sans-book';
	font-style: normal;
	font-weight: normal;
	src: local('ideal-sans-book'), url('fonts/IdealSans-Book.woff') format('woff');
}

@font-face {
	font-family: 'ideal-sans-medium';
	font-style: normal;
	font-weight: normal;
	src: local('ideal-sans-medium'), url('fonts/IdealSans-Medium.woff') format('woff');
}

@font-face {
	font-family: 'ideal-sans-light';
	font-style: normal;
	font-weight: normal;
	src: local('ideal-sans-light'), url('fonts/IdealSans-Light.woff') format('woff');
}

/*Global Styles, Force Ideal Sans font */
strong, h2.et_pb_toggle_title {
	font-family: ideal-sans-book!important;
}


p, td, li, ul, li span, em, h1, a, h3, div, input {
	font-family: ideal-sans-light!important;
}

p, td, li, ul, i, em, div, input {
	color: #666;
}

.et-fixed-header #top-menu li > a, #top-menu a, .sidebar-p span, .aic-list-enroll li p {
	color: #666!important;
}

h2, span {
	font-family: ideal-sans-medium!important;
}

/* Style Fix to Default for WP Admin Bar */
#wpadminbar span {
	font-family: dashicons!important;
}

/*black headers*/
.small-head {
  	font-size:1.3em!important;
}

@media only screen and (max-width: 1024px) {
  .small-head {
  	font-size:1em!important;
  }
}

/* Mobile/Desktop Show/Hide */
.mobile, li.mobile {
	display: none;
}

.desktop {
	display: block;
}

li.desktop {
	display: list-item;
}

@media only screen and (max-width: 980px) {
	.mobile {
	display: block;
	}

	li.mobile {
		display: list-item;
	}

	.desktop, li.desktop {
		display: none;
	}
}

/* Health Savings Account Page */
.aic-list-cont {
	margin: 10px 15px;
	width: 43%;
	display: inline-block; 
	vertical-align: top;
}

.aic-list-hsa {
	counter-reset: hsa;
	list-style: none;
	font-family: 'Ideal Sans - Light',Helvetica,Arial,Lucida,sans-serif;
}

.aic-list-hsa-two {
	counter-reset: two 3;
	list-style: none;
	font-family: 'Ideal Sans - Light',Helvetica,Arial,Lucida,sans-serif;
}

.aic-list-hsa > li, .aic-list-hsa-two > li {
	list-style: none;
	margin-left: 45px;
	margin-bottom: 	20px;
}

.aic-list-hsa li:before {
	counter-increment: hsa;
	content: counter(hsa);
	color: purple;
	font-size: 2em;
	margin-right: 20px;
	margin-left: -37px;
	vertical-align: middle;	
}

.aic-list-hsa li:first-child:before {
	margin-left: -31px;
}

.aic-list-hsa-two li:before {
	counter-increment: two;
	content: counter(two);
	color: purple;
	font-size: 2em;
	margin-right: 20px;
	margin-left: -37px;
	vertical-align: middle;	
}

/* How to Enroll Page */
.aic-list-enroll {
	counter-reset: enroll;
	list-style: none;
}

.aic-list-enroll > li {
	list-style: none;
	margin-left: 80px;
	margin-bottom: 20px;
	position: relative;
	margin-top: 40px;
}

.aic-list-enroll > li:first-child {
	margin-top: 0;
}

.aic-list-enroll > li:before {
	counter-increment: enroll;
	content: counter(enroll);
	color: white;
	background-color: #c1c1c1;
	font-size: 3em;
	margin-right: 20px;
	margin-left: -80px;
	vertical-align: middle;	
	border-radius: 50%;
	padding: 15px 25px;
	width: 70px;
	height: 70px;
	top: 0;
	left: -1px;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	position: absolute;
}

.aic-list-enroll > li:first-child:before {
	padding: 15px 28px;
}

.aic-list-enroll h3 {
	text-transform: uppercase;
	color: 	black;
	font-weight: bold;
}

.aic-list-enroll a {
	font-weight: bold;
	color: #2ea3f2;
}

.aic-list-enroll p {
	color: black;
}

.or-circle {
	color: white;
	font-weight: bold;
	background-color: #a0248e;
	border-radius: 50%;
	padding: 7px 7px 7px 10px;
	height: 40px;
	width: 40px;
	margin: 10px 0 20px 0;
}

/* Table Styles */
td > div > p {
    line-height: 1.06em;
}

td > div > p > span {
    line-height: 1.06em;
}

td > p {
    line-height: 1.06em;
}

p.sidebar-p {
    margin-bottom: -8px;
}

ul > li {
    line-height: 1.4em;
}

td > ul > li {
    line-height: 1.06em;
    padding-bottom: 1.4em;
}

td > ul > li:last-child {
	padding-bottom: 0;
}

th {
	position: sticky;
	top: 0px;
	background-color: white;
}

th > p > strong, th >p {
	font-size: 14px;
	line-height: 1.2em;
}

#plan-chart-1 table, #medical-chart2 table, #medical-chart2-1 table,  #dental-plan-chart-6 table {
	border-collapse: separate;
}

#medical-chart2 th, #medical-chart2-1 th, #dental-plan-chart-6 th {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: none;
}

#hsa-fsa-table-4 th, #dental-chart-5 th {
	background-color: rgba(255,255,255,0.50);
}

#medical-chart2 tr.red-row, #medical-chart2 tr.red-row td, #medical-chart2 tr.red-row td.red-heading, #medical-chart2 tr.red-row td.gray-heading, #medical-chart2-1 tr.red-row, #medical-chart2-1 tr.red-row td, #medical-chart2-1 tr.red-row td.red-heading, #medical-chart2-1 tr.red-row td.gray-heading, #dental-chart-5 tr.red-row, #dental-chart-5 tr.red-row td, #dental-chart-5 tr.red-row td.red-heading, #dental-chart-5 tr.red-row td.gray-heading, #dental-plan-chart-6 tr.coral-row td.side-heading-coral {
	border-top: none;
}

.hsa-money-in li {
	padding-bottom: 0;
	line-height: 1.4em;
}

.hsa-money-in ul {
	margin:20px 0 10px 0;
}

.table-overflow {
	overflow: auto;
}

.table-intro {
	width: 90%;
	margin: auto;
	padding-left:20px;
}

.fsa-header {
	font-size: 26px; 
	color: #a0248e;
	margin:inherit;
}

.med-plan-names-table {
	table-layout:fixed;
	width:100%!important;
}

/*
.med-plan-names-table tr, .med-plan-names-table th, .med-plan-names-table td {
	padding:5px!important;
}*/

.med-plan-names {
	color: #666;
	line-height:1.06em;
	width:33.33%;"
}

@media only screen and (max-width: 479px) {
	.aic-list-cont {
		width: 100%;
		display: block;	
	}

	#contact-chart-8, #contribution-chart-3 {
		background-size: 160%, 140%!important;
		max-width: 100%!important;
	}

	.et_pb_accordion_0.et_pb_accordion h2.et_pb_toggle_title {
		font-size: 22px!important;
	}

	.table-intro {
		width: 100%;
		margin: auto;
		padding-left:40px;
		padding-right: 20px;
	}

	.fsa-header {
		margin-top:0px;
	}
	.med-plan-names-table tr, .med-plan-names-table th, .med-plan-names-table td {
		padding:5px!important;
	}

	#hsa-fsa-table-4 {
		margin-top: -30px;
	}
} 	

.heading-one {
	font-size: 14px!important;
	position: sticky;
	top: 0px;
	box-sizing: border-box;
}

.heading-two {
	position: sticky;
	top: 54px!important;
	box-sizing: border-box;
}

.heading-three {
	font-size: 14px!important;
	position: sticky;
	top: 0px;
	box-sizing: border-box;
}

.heading-five {
	position: sticky;
	top: 42px;
}

.red-heading, .purple-heading, .blue-heading  {
	color:#fff;
	padding:15px;
	font-size:25px!important;
	font-family: ideal-sans-book!important;
}
	
.red-heading span, .purple-heading span, .blue-heading span {
	font-weight:normal;
	font-size:.75em;
	font-family: ideal-sans-book!important;
}

.entry-content ul {
	padding: 0 0 0 1em;
}

.aic-table-body {
	width: 100%!important;
}

.aic-table-body td{
	padding: 6px 6px!important;
}

.aic-table-grey-row {
	background-color: #5b6765;
	color: white;
	text-align: center;
}

.aic-table-grey-row p {
	color: white;
}

.aic-table-tabs {
	overflow: hidden;
	border: 1px solid #ccc;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 20px;
}

.aic-table-tabs-dental {
	overflow: hidden;
	border: 1px solid #ccc;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 20px;
}

.aic-table-tabs-vision {
	overflow: hidden;
	border: 1px solid #ccc;
	display: grid;
	grid-template-columns: 1fr;
	margin-top: 20px;
}

.aic-table-tabs button, .aic-table-tabs-dental button, .aic-table-tabs-vision button {
	color: #666;
	background-color: #f4f4f4;
	font-size: 18px;
	font-weight: 700;
	font-family: Open Sans,Arial,sans-serif;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

.aic-table-tabs button.orange:hover, .aic-table-tabs button.orange.active {
	color: white;
	background-color: #ef4023;
}

.aic-table-tabs button.orange div {
	color: #666;
	transition: 0.3s;
}

.aic-table-tabs button.orange:hover div, .aic-table-tabs button.orange.active div  {
	color: white;
}

.aic-table-tabs button.purple:hover, .aic-table-tabs button.purple.active {
	color: white;
	background-color: #695092;
}

.aic-table-tabs button.blue:hover, .aic-table-tabs button.blue.active {
	color: white;
	background-color: #1d4665;
}

.aic-table-tabs-dental button.red:hover, .aic-table-tabs-dental button.red.active {
	color: white;
	background-color: #f06d78;
}

.aic-table-tabs-dental button.orange-dental:hover, .aic-table-tabs-dental button.orange-dental.active {
	color: white;
	background-color: #f2991e;
}

.aic-table-tabs-vision button.blue-vision:hover, .aic-table-tabs-vision button.blue-vision.active {
	color: white;
	background-color: #3b98d3;
}


.aic-table-tabs br, .aic-table-tabs-dental br, .aic-table-tabs-vision br {
	display:none;
}

.aic-table-tab-content, .aic-table-tab-content2 {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

.aic-table-tab-content table, .aic-table-tab-content2 table {
	color: #666;
}

.aic-table-tab-content table td, .aic-table-tab-content2 table td {
	border-bottom: 1px solid black;
	border-top: none;
}

.orange-back {
	background-color: #fbcfc8;
}

.purple-back {
	background-color: #d9d3e4;
}

.blue-back {
	background-color: #c6d1d8;
}

.baby-blue-back {
	background-color: #cee5f4;
}

.pink-back {
	background-color: #fbdadd;
}

.tan-back {
	background-color: #fce5c7;
}

.foot-notes li {
	margin-bottom: 20px;
}

.foot-notes br {
	visibility: visible;
	display: block;
}

/*Welcome Page */
.aic-welcome-col-3 {
	display: none;
}

/*Search results */
.post-meta {
	display: none;
}

.aic-search-results .container:before {
	display: none;
}

/*Print Styles*/

@media print {
	p img {
		width: 100%;
	}
	table, td, th, tr {
		border: 1px solid black;
	}
}

table.header img {
	max-height: 50px;
}

.wordpress-print-posts.link-wrapper i p, .print-all i p {
	font-family: ideal-sans-light;
	font-size: 12px;
	display: inline-block;
	padding-left: 5px;
}

#menu-item-2404 {
	padding-left: 5px;
}

#menu-item-2404 a:hover {
	opacity: 1!important;
}

/*hide single page print on home */
.page-id-6 #menu-item-2377 {
	display: none!important;
}

/*Hide complete guide print on all pages except home */
#menu-item-2404 {
	display: none!important;
}

.page-id-6 #menu-item-2404 {
	display: block!important;
	margin-top: 20px;
}

.print {
	display: none;
}