/******************Weglot***********************************/

/*Restrict form width to remain within parent container 
   - form set to cover full width of pg. (used for translation purposes)*/
   .guideContainerNode {
    max-width: 100%;
}
/*WeGlot Keyboard Focus*/
.wg-drop.wg-mouse-click>div:focus 
{ 
    outline: 3px solid #1CA6DF; 
}

/**********************************************************/

/* Removes width restraints on text components */
.cmp-text {
    max-width: 100%;
}

/* Centers Text in Container */
.text-center {
    text-align: center !important;
}

/* Set attributes for color bar above H1 title text */
.title .cmp-title h1::before {
    width: 5.9375rem;
    content: " ";
    height: .375rem;
    position: absolute;
    top: 0;
    left: 0;
}



.guideContainerNode .mobileLayout {
    display: none !important;
}

.afCheckBoxItem {
    width: 100%;
}

.guideWidgetLabel.right label,
.guideWidgetLabel.left label {
    line-height: 24px;
}

.guideContainerNode .red {
    color: #E21121;
}

.guideContainerNode .bold {
    font-weight: bold;
}

@media only screen and (min-width : 200px) {}

@media only screen and (min-width : 320px) {}

@media only screen and (max-width : 768px) {
    .afToolbarButton .guidebutton button .iconButton-icon {
        display: none!important;
    }
    .afToolbarButton .guidebutton button .iconButton-label {
        display: block!important;
    }
    .afToolbarButton .guidebutton button.submit {
        margin-right: 0!important;
    }
}

@media only screen and (min-width : 769px) {}

@media only screen and (min-width : 1200px) {}

@media only screen and (min-width : 1600px) {}


@media (min-width: 1101px) {
.agency-header-is-sticky .cmp-agency-header .container--header-navigation {
     display: block;
     }
}

/* Get Covered Illinois Shop/Enroll header link */
.agency-header .gc-header-cta .cmp-agency-header__links-desktop__item--link:nth-child(1) {
    padding: 6px 12px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    background-color: #FF6F0E;
    border-radius: 4px;
}

/* Set Agency Footer Color */
.cmp-agency-footer {
    background-color: #162B53;
}

/* Set Global Footer Color */
.cmp-global-footer {
    /* background: #003E62;*/
}

/* Find Help Tool ============================= */
.sectionHeader {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    padding: 5px 5px 5px 0px;
}
@media only screen and (min-width : 769px) {
	.sectionHeader {
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 768px) {
.sectionHeader {
    flex-direction: column;
    }
}

.sectionHeader .headerCopy {
    padding: 10px 30px 10px 30px;
}
.map-icon {
    display: inline-block;
    width: 25%;
}
.sectionHeader .headerCopy .location-header {
    color: gray;
	padding-bottom: 10px;

}

#jeff, form:has(#optIn) {
    display: flex !important;
    flex-wrap: wrap;
    background-color: #263238;
    flex-direction: row;
    justify-content: center;
}

.inputBoxSmall .formInput, #jeff .inputBox, #jeff .inputBox .formInput, #jeff .selectBox .selectInput, #date_range.selectInput, #meeting_type {
    width:-webkit-fill-available;
    background-color: #263238;
    color: white !important;
    padding: 15px 0px 15px 0px;
    margin: 0px 15px 0px 15px;
}

#jeff .selectBox .selectInput, #date_range.selectInput, .inputBoxSmall .formInput, #meeting_type {
    border-bottom: solid 2px white !important;
}

#jeff .selectBox, .inputBoxSmall {
    width: 50%;
    padding-bottom: 5px;
}

#jeff .inputBox .formInput, #jeff .selectBox .selectInput, #jeff .checkBoxes, #date_range.selectInput, .inputBoxSmall .formInput, #meeting_type {
    border: none;
}

#jeff .inputBox .formInput {
	border-bottom: solid white 2px;
}

/* checkbox section of form */
#jeff .checkBoxes {
    padding: 25px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    width: -webkit-fill-available;
}

@media only screen and (min-width : 769px) {
    #jeff .checkBoxes {
        justify-content: center;
    }
    #jeff .checkBoxes label {
        padding-right: 25px;
    }
    input#in_person, input#telephone, input#zoom {
        margin-right: 10px !important;
    }
}

#jeff .checkBoxes span {
    display: block;
    width:-webkit-fill-available;
    padding-bottom: 20px;
	text-align: center;
}

/* Search button */
#jeff .next {
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin-bottom: 25px;
    background-color: #6B6B6B;
    color: white;
    border: none;
}

#jeff .next:hover {
	background-color: #FF6F0E;
}

/******* CSS for after clicking Search button *******/
/* Error message */
.locations .errorMessage {
	padding-bottom: 15px;
	color: white;
	text-align: center;
}

/* Loading wheel gif */
.locations .loading {
	text-align: center;
	padding-bottom: 15px;
}

/* Size up the loading wheel */
@media only screen and (min-width: 769px) {
	.loading img {
		padding: 15px;
		width: 10%;
	}
}
@media only screen and (max-width: 768px) {
	.loading img {
		padding: 15px;
		width: 20%;
	}
}

.grid-one {
	text-wrap: nowrap;
	min-width: 80px;
	margin-right: 15px;
	text-align: -webkit-center;
}

.grid-two {
	width: -webkit-fill-available;
	max-width: 32rem;
}

@media only screen and (max-width : 768px) {
	.map-link {
	    width: 20%;
    }
}

/* svg bg */
.map-link svg path:nth-child(1) {
    fill: #ffffff00;
}
/* location pin main */
.map-link svg path:nth-child(2) {
    fill: #FF6F0E;
}
/* globe outline */
.map-link svg path:nth-child(3) {
    fill: #ffffff;
}
/* location pin dot */
.map-link svg path:nth-child(4) {
    fill: #000000;
}

.map-link-icon {
	display: block;
}

.map-link-icon svg circle {
	fill: #FF6F0E !important;
}

.map-link svg:has(circle) path {
	fill: #ffffff !important;
}

.distance {
	padding-left: 15px;
}

.location::before {
	display: none;
}

.section-title {
	padding: 25px;
	color: gray;
	font-weight: bold;
}
/* Individual List Items */
li.location:nth-child(odd) {
	background:#80808020;
}

@media only screen and (min-width : 769px) {
	li.location {
		display: flex;
		padding: 15px;
		align-items: center;
	}
}

@media only screen and (max-width : 768px) {
	li.location {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: column;
	}
}
@media only screen and (max-width : 768px) {
	.grid-one, .grid-two, .grid-three {
		text-align: center;
		padding: 15px;
	}
	.grid-three {
		padding-bottom: 30px;
	}
}

.grid-two .blue-title {
	background: #2b93e0;
	border-radius: 2px;
	color: #ffffff;
	padding: 2px 8px;
}

.results-button, .next:has(~div .privacy) {
	line-height: 36px;
    height: 36px;
    padding: 0 2rem;
    cursor: pointer;
    -webkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    text-decoration: none;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    border-radius: 2px;
    outline: none;
    background-color: #293b61;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-tap-highlight;
}

.location-title, .location-address, .location-phone, .map-link {
	margin: 5px 15px 5px 0px;
	line-height: 24px;
}

.location-title {
font-weight: bold;
}

.locations ul {
	padding-left: 0px;
}

/* text color on the form with overrides for placeholder */
#jeff {
    color: white !important;
}
::-webkit-input-placeholder {
    color: #D4D6D7;
}
:-moz-placeholder {
    color: #D4D6D7;
}
::-moz-placeholder {
    color: #D4D6D7;
}
:-ms-input-placeholder {
    color: #D4D6D7;
}
/* auto-complete styles on zip code */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border-bottom: 2px solid white;
    -webkit-text-fill-color: white;
    -webkit-box-shadow: 0 0 0px 1000px #263238 inset;
    transition: background-color 5000s ease-in-out 0s;
    caret-color: white;
}

/* Find Local Help - SCHEDULE ONLINE ============================== */
button.previous {
	border: none;
	background-color: transparent;
	color: #2b93e0;
	font-size: 22px;
	padding: 25px;
	cursor: pointer;
}
button.previous:hover {
	color:#0565ac;
}

.headerCopy-address {
	line-height: 15px !important;
	padding: 10px;
}

.headerCopy-address h2 {
	margin-bottom: 15px;
}

section.formSection:has(~.appointment-results) {
	background-color: #263238 !important;
	color: white;
	padding: 25px
}

#date_range.selectInput {
	margin: 10px;
}

.appointmentList .location {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.appointment-date .month {
	border: solid 1px #263238;
	background-color: #263238;
}
.appointment-date .month p {
	color: white;
}

.appointment-date .date {
	border: solid 1px #263238;
	background-color: white;
}

.appointmentList .grid-two {
	display: flex;
	flex-direction: column;
}

.appointmentList .grid-two .accessibility-icons li {
	width: 50px;
	padding: 10px 15px 10px 0px;
}

.appointmentList .grid-two .accessibility-icons li::before {
	display: none;
}

.appointmentList .grid-two .accessibility-icons {
	max-width: 50%;
	display: flex;
	padding: 0px;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

@media only screen and (max-width : 768px) {
	.appointmentList .grid-two .accessibility-icons {
	align-self: center;
	}
}

.appointmentList .sessionTitle, .appointmentList .sessionTime, .appointmentList .assister {
	margin-bottom: 0px;
}

.appointmentList .sessionTitle {
	font-weight: bold;
	font-size: 20px;
}
.appointmentList .sessionTime {
	font-size: 18px;
	margin-top: 3px;
}
.appointmentList .assister {
	font-size: 14px;
}
.appointmentList .appointment-date {
	width: 50px;
}

.scheduleHeader .headercopy-schedule {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 15px;
	flex-wrap: wrap;
}

.headercopy-schedule .appointment-date {
	text-wrap: nowrap;
	min-width: 50px;
	margin-right: 30px;
	text-align: -webkit-center;
}

.headercopy-schedule .appointment-date p, .headercopy-schedule .appointment-confirmation, .headercopy-schedule .assister-confirmation {
	margin-bottom: 0px !important;
}

.formSection:has(.scheduleAppointmentFormTitle) {
	background-color: #263238;
	color: white;
	padding: 20px;
}
.scheduleAppointmentFormTitle {
	color: white;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-align: center;
}

.privacy p {
	color: white;
}

.inputBoxSmall:nth-child(3), .inputBoxSmall:nth-child(4) {
	margin-bottom: 5px;
}

.selectBoxBig {
	margin-bottom: 25px;
}

.selectBoxBig {
	display: block;
	width:-webkit-fill-available
}

div:has(#optIn):has(~.next) {
	margin-bottom: 25px;
	width: -webkit-fill-available;
	text-align: center;
}

.next:has(~div .privacy) {
	margin-bottom: 25px;
}

.appointment-results .loading {
	text-align: center;
}

@media only screen and (max-width : 768px) {
	.appointmentList {
		padding-left: 0px;
	}
}

.headercopy-schedule .loading {
	text-align: center;
}