/******************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; 
}

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

/* DuQuoin State Fair Custom CSS */
/*Change colors throughout the site component/aspect to create a theme*/
/**********************************************************************/

/**********************************************************************/
/* CSS Rules for controlling heights on photogallery images in rentals section of DSF */
.dsf-rental .cmp-photo-gallery .grid-list-type  .grid-img-container {
    height: 250px;
}
.cmp-image-card__text .cmp-image-card__text-title {
    margin-left: -20px;
}

/* Buy Presale Carnival Wristbands link background color */
.agency-header .cmp-agency-header__links-desktop__item--link {
    background: #ffba00;
    padding: 5px;
    font-weight: bold;
}

/* Set Agency Footer Color */
.cmp-agency-footer, .cmp-agency-header {
    background: #337141;
}

/* Set color of bar above H1 Title here */
.title h1::before {
    background-color: #244f2e;
    /* Uncomment the code below to remove the bar above the h1 title */
    /*display: none;*/
}

/* Set Global Footer Color */
.cmp-global-footer, .cmp-global-header {
    background: #244f2e;
}

.cmp-title h1, .cmp-title h2, .cmp-title h3,
.cmp-custom-cf h1, .cmp-custom-cf h2, .cmp-custom-cf h3 {
    color:#244f2e !important;
}

.cmp-agency-footer h3{
    color: white !important;
}

.button .cmp-button {
    background: #337141;
}

/*Table Formatting*/
.cmp-table table th, .cmp-text table th, .cmp-faq table th {
    background-color: #337141;
}

.cmp-accordion__button {
    color: #337141;
}

a {
    color: #3b6e4a;
}

a:visited {
    color: #1f4427;
}

.cmp-navigation__item-link{
    color: #3b6e4a;
}

.cmp-global-footer__copyright-text a{
    color: white;
}

.agency-header .cmp-agency-header__links-desktop__item--link{
    color: #224f2e;
}

/*header*/
.fa-search:before
{
    color: #244f2e;
}

.agency-header, .agency-header--white-text,
.cmp-agency-header__links-desktop__item, 
.google-translate, .goog-te-gadget, .goog-te-combo, 
.agency-header, .agency-header--white-text, 
.cmp-agency-header__links-desktop__item, 
.google-translate, .goog-te-gadget, .goog-te-combo {
    color: #244f2e !important;
}

.fa-bars:before, .fa-times:before{
    color:#244f2e;
}

.agency-header .cmp-search-input {
    border-bottom: 1px solid #244f2e;
}
/**********************************************************************/
/* The following rules are for setting background color separate from content, breadcrumbs, etc. */

/* Set background color for body area  */
.soi-container > .template__placeholder--content > .aem-Grid > .container > .cmp-container {
    background-color: #EDEDED;
	padding-bottom: 30px;
}
/* Set background color for  content area */
.soi-container > .template__placeholder--content > .aem-Grid > .container > .cmp-container > .cmp-container__mobile > .aem-Grid > .container {
    background-color: white;
}
/* Set background color for spacer */
.soi-container > .template__placeholder--content > .aem-Grid > .container > .cmp-container > .cmp-container__mobile > .aem-Grid > .spacer > .cmp-spacer {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
}
/* Hide cq-placeholder */
.soi-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 > .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 > .cmp-container .cmp-container__mobile > .aem-Grid.aem-Grid--12.aem-Grid--default--12  > .spacer.spacer--bg.aem-GridColumn.aem-GridColumn--default--12 > .cq-placeholder {
    display: none;
}
.soi-container > .template__placeholder.template__placeholder--content > .aem-Grid.aem-Grid--12.aem-Grid--default--12 > .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 > .cmp-container > .cmp-container__mobile > .aem-Grid.aem-Grid--12.aem-Grid--default--12 > .spacer.spacer--bg.aem-GridColumn.aem-GridColumn--default--12 > .cq-placeholder {
	display:none;
}

/* Set background color for breadcrumbs */
.breadcrumb nav {
    background-color: #ffffff;
}
.breadcrumb .cmp-breadcrumb {
    padding: 15px 0 30px 0;
    max-width: 75rem;
    margin: 30px auto 0 auto;
    display: block;
}
/* EVENTS CSS ================================================== */
.soi-base.soi-base--news-article > .soi-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12  > .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 {
	background-color: #EDEDED;
}
 .soi-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 > .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 > .cmp-container > .cmp-container__mobile > .aem-Grid.aem-Grid--12.aem-Grid--default--12 > .container.responsivegrid.container--max-width.aem-GridColumn.aem-GridColumn--default--12 > .cmp-container  {
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-bottom: 30px;
}
/* Set background color for  events spacer */
.soi-base.soi-base--news-article > .soi-container > .aem-Grid.aem-Grid--12.aem-Grid--default--12 > .container.responsivegrid.aem-GridColumn.aem-GridColumn--default--12 > .cmp-container > .cmp-container__mobile > .aem-Grid.aem-Grid--12.aem-Grid--default--12 > .spacer.spacer--bg.aem-GridColumn.aem-GridColumn--default--12 > .cmp-spacer {
	width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	background-color: #FFFFFF;

}

/**********************************************************************/
/* Grandstand listing Desktop */
@media all and (min-width: 769px) {
    .grandstand-list .cmp-cf-list__item {
        display: grid;
        grid-template-columns: [image] 270px [det1] auto [det2] auto [det3] auto [tickets] 220px [end];
        grid-template-rows: [top] auto [title] auto [subtitle] auto [imagebottom] auto [date] auto [details] auto [last-line];
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;
    }
    .grandstand-list .cmp-cf-list__item-title {
        margin: 0;
    }
    .grandstand-list .cmp-cf-list__item div {
        display: inherit;
    }
    /* Image */
    .grandstand-list .cmp-cf-list__item .image {
        display: inherit;
        grid-column-start: image;
        grid-column-end: det1;
        grid-row-start: top;
        grid-row-end: imagebottom;
        margin-right: 20px;
    }
    /* Date */
    .grandstand-list .cmp-cf-list__item div:nth-child(4) {
        grid-column-start: image;
        grid-column-end: det1;
        grid-row-start: imagebottom;
        grid-row-end: date;
        margin-right: 20px;
        font-weight: bold;
    }
    /* Gates open */
    .grandstand-list .cmp-cf-list__item div:nth-child(6) {
        grid-column-start: image;
        grid-column-end: det1;
        grid-row-start: date;
        grid-row-end: details;
        margin-right: 20px;
    }
    /* Title */
    .grandstand-list .cmp-cf-list__item a:nth-child(8) {
        grid-column-start: det1;
        grid-column-end: tickets;
        grid-row-start: top;
        grid-row-end: title;
        text-decoration: none;
    }
    .grandstand-list .cmp-cf-list__item a:nth-child(8):hover {
        text-decoration: underline;
    }
    .grandstand-list .cmp-cf-list__item a:nth-child(8) .paragraph {
        font-size: 1.375rem;
        line-height: 1.5;
    }
    /* Subtitle */
    .grandstand-list .cmp-cf-list__item div:nth-child(10) {
        grid-column-start: det1;
        grid-column-end: tickets;
        grid-row-start: title;
        grid-row-end: subtitle;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(10) p {
        font-size: 1.125rem;
        line-height: 1.5;
        color: #244f2e;
        font-weight: bold;
    }
    /* Tier 1 */
    .grandstand-list .cmp-cf-list__item div:nth-child(11) {
        grid-column-start: det1;
        grid-column-end: det2;
        grid-row-start: subtitle;
        grid-row-end: imagebottom;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(12) {
        grid-column-start: det1;
        grid-column-end: det2;
        grid-row-start: imagebottom;
        grid-row-end: details;
    }
    /* Tier 2 */
    .grandstand-list .cmp-cf-list__item div:nth-child(13) {
        grid-column-start: det2;
        grid-column-end: det3;
        grid-row-start: subtitle;
        grid-row-end: imagebottom;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(14) {
        grid-column-start: det2;
        grid-column-end: det3;
        grid-row-start: imagebottom;
        grid-row-end: details;
    }
    /* Tier 3 */
    .grandstand-list .cmp-cf-list__item div:nth-child(15) {
        grid-column-start: det3;
        grid-column-end: tickets;
        grid-row-start: subtitle;
        grid-row-end: imagebottom;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(16) {
        grid-column-start: det3;
        grid-column-end: tickets;
        grid-row-start: imagebottom;
        grid-row-end: details;
    }
    /* Track, Tier 1, Tier 2, Tier 3 */
    .grandstand-list .cmp-cf-list__item div:nth-child(11), 
    .grandstand-list .cmp-cf-list__item div:nth-child(13), 
    .grandstand-list .cmp-cf-list__item div:nth-child(15) {
        font-weight: bold;
        border-bottom: 1px solid #e6e6e6;
    }
    /* Details */
    .grandstand-list .cmp-cf-list__item div:nth-child(18) {
        grid-column-start: det1;
        grid-column-end: tickets;
        grid-row-start: details;
        grid-row-end: last-line;
    }
    /* Tickets header */
    .grandstand-list .cmp-cf-list__item div:nth-child(20) {
        grid-column-start: tickets;
        grid-column-end: end;
        grid-row-start: top;
        grid-row-end: title;
        margin-left: 20px;
        padding: 5px 10px 0 10px;
        color: #fff;
        font-weight: bold;
        background-color: #244f2e;
        border-bottom: 1px solid #fff;
    }
    /* Ticket links */
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) {
        grid-column-start: tickets;
        grid-column-end: end;
        grid-row-start: title;
        grid-row-end: last-line;
        margin-left: 20px;
        padding: 0;
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li {
        margin: 0;
        background-color: #f2f2f2;
        border-bottom: 1px solid #fff;
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li:before {
        content: '';
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li a {
        display: inline-block;
        padding: 5px 10px 5px 10px;
        font-size: 1rem;
        line-height: 20px;
        text-decoration: none;
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li a:hover {
        text-decoration: underline;
    }
    /* Half Mile List */
    .half-mile-list .cmp-cf-list__item {
        display: grid;
        grid-template-columns: [image] 270px [det1] auto [end];
        grid-template-rows: [top] auto [title] auto [subtitle] auto [imagebottom] auto [date] auto [details] auto [last-line];
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;
    }
    .half-mile-list .cmp-cf-list__item a:nth-child(6) {
        display: inherit;
        grid-column-start: det1;
        grid-column-end: end;
        grid-row-start: top;
        grid-row-end: title;
        text-decoration: none;
    }
    .half-mile-list .cmp-cf-list__item a:nth-child(6):hover {
        text-decoration: underline;
    }
    .half-mile-list .cmp-cf-list__item a:nth-child(6) .paragraph {
        font-size: 1.375rem;
        line-height: 1.5;
    }
    .half-mile-list .cmp-cf-list__item div:nth-child(8) {
        grid-column-start: det1;
        grid-column-end: end;
        grid-row-start: title;
        grid-row-end: date;
    }
}
/* Grandstand listing Mobile */
@media all and (max-width: 768px) {
    .grandstand-list .cmp-cf-list__item {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;
    }
    .grandstand-list .cmp-cf-list__item-title {
        margin: 0;
    }
    .grandstand-list .cmp-cf-list__item div {
        display: inherit;
    }
    .grandstand-list .cmp-cf-list__item p {
        display: block!important;
    }
    /* Image */
    .grandstand-list .cmp-cf-list__item .image {
        display: inherit;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 3;
        grid-row-end: 4;
    }
    /* Date */
    .grandstand-list .cmp-cf-list__item div:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 4;
        grid-row-end: 5;
        font-weight: bold;
    }
    /* Gates open */
    .grandstand-list .cmp-cf-list__item div:nth-child(6) {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 5;
        grid-row-end: 6;
    }
    /* Title */
    .grandstand-list .cmp-cf-list__item a:nth-child(8) {
        display: inherit;
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2;
        text-decoration: none;
    }
    .grandstand-list .cmp-cf-list__item a:nth-child(8):hover {
        text-decoration: underline;
    }
    .grandstand-list .cmp-cf-list__item a:nth-child(8) .paragraph {
        font-size: 1.375rem;
        line-height: 1.5;
    }
    /* Subtitle */
    .grandstand-list .cmp-cf-list__item div:nth-child(10) {
        grid-column-start: 1;
        grid-column-end: 4;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(10) p {
        font-size: 1.125rem;
        line-height: 1.5;
        color: #244f2e;
        font-weight: bold;
    }
    /* Tier 1 */
    .grandstand-list .cmp-cf-list__item div:nth-child(11) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 6;
        grid-row-end: 7;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(12) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 7;
        grid-row-end: 8;
    }
    /* Tier 2 */
    .grandstand-list .cmp-cf-list__item div:nth-child(13) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 6;
        grid-row-end: 7;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(14) {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 7;
        grid-row-end: 8;
    }
    /* Tier 3 */
    .grandstand-list .cmp-cf-list__item div:nth-child(15) {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 6;
        grid-row-end: 7;
    }
    .grandstand-list .cmp-cf-list__item div:nth-child(16) {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 7;
        grid-row-end: 8;
    }
    /* Track, Tier 1, Tier 2, Tier 3 */
    .grandstand-list .cmp-cf-list__item div:nth-child(11), 
    .grandstand-list .cmp-cf-list__item div:nth-child(13), 
    .grandstand-list .cmp-cf-list__item div:nth-child(15) {
        margin-top: 20px;
        font-weight: bold;
        border-bottom: 1px solid #e6e6e6;
    }
    /* Details */
    .grandstand-list .cmp-cf-list__item div:nth-child(18) {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 8;
        grid-row-end: 9;
        margin-top: 10px;
    }
    /* Tickets header */
    .grandstand-list .cmp-cf-list__item div:nth-child(20) {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 9;
        grid-row-end: 10;
        margin-top: 20px;
        padding: 5px 10px 0 10px;
        color: #fff;
        font-weight: bold;
        background-color: #244f2e;
        border-bottom: 1px solid #fff;
    }
    /* Ticket links */
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) {
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 11;
        grid-row-end: 12;
        padding: 0;
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li {
        margin: 0;
        background-color: #f2f2f2;
        border-bottom: 1px solid #fff;
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li:before {
        content: '';
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li a {
        display: inline-block;
        padding: 5px 10px 5px 10px;
        font-size: 1rem;
        line-height: 20px;
        text-decoration: none;
    }
    .grandstand-list .cmp-cf-list__item ul:nth-child(22) li a:hover {
        text-decoration: underline;
    }
    /* Half Mile List */
    .half-mile-list .cmp-cf-list__item {
        display: grid;
        grid-template-columns: auto;
        grid-template-rows: auto auto auto auto;
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e6e6;
    }
    /* Title */
    .half-mile-list .cmp-cf-list__item a:nth-child(6) {
        display: inherit;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2;
        text-decoration: none;
    }
    .half-mile-list .cmp-cf-list__item a:nth-child(6):hover {
        text-decoration: underline;
    }
    .half-mile-list .cmp-cf-list__item a:nth-child(6) .paragraph {
        font-size: 1.375rem;
        line-height: 1.5;
    }
    /* Image */
    .half-mile-list .cmp-cf-list__item .image {
        display: inherit;
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 3;
    }
    /* Date */
    .half-mile-list .cmp-cf-list__item div:nth-child(4) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 3;
        grid-row-end: 4;
        font-weight: bold;
    }
    .half-mile-list .cmp-cf-list__item div:nth-child(8) {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 4;
        grid-row-end: 5;
    }
}
/* Grandstand Event Page */
.grandstand-event-title p {
    margin: 0;
    padding: 0;
    font-size: 1.125rem!important;
    line-height: 27px!important;
}
.grandstand-event-title .cmp-contentfragment__element {
    margin: 0!important;
}
.grandstand-event-title .cmp-contentfragment__element--eventStartTime p,
.grandstand-event-title .cmp-contentfragment__element--eventGatesOpen p {
    font-weight: bold;
}
.grandstand-event-tickets {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto auto auto auto auto;
    width: 100%;
}
@media all and (max-width: 768px) {
    .grandstand-event-tickets {
        margin-top: 30px;
    }
}
.grandstand-event-tickets div, 
.grandstand-event-tickets .cmp-contentfragment__element,
.grandstand-event-tickets .cmp-contentfragment__element-title,
.grandstand-event-tickets .cmp-contentfragment__element-value {
    margin: 0;
}
/* Ticket header */
.grandstand-event-tickets dl:nth-child(2) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 2;
    padding: 5px 10px 0 10px;
    font-weight: bold;
    background-color: #244f2e;
    border-bottom: 1px solid #fff;
}
.grandstand-event-tickets dl:nth-child(2) .paragraph {
    color: #fff;
}
/* Links */
.grandstand-event-tickets dl:nth-child(3) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
}
.grandstand-event-tickets dl:nth-child(3) li {
    margin: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #fff;
}
.grandstand-event-tickets dl:nth-child(3) li a {
    display: inline-block;
    padding: 5px 10px 5px 10px;
    font-size: 1rem;
    line-height: 20px;
    text-decoration: none;
}
.grandstand-event-tickets dl:nth-child(3) li a:hover {
    text-decoration: underline;
}
.grandstand-event-tickets dl:nth-child(4) {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
.grandstand-event-tickets dl:nth-child(5) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
.grandstand-event-tickets dl:nth-child(6) {
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}
.grandstand-event-tickets dl:nth-child(4),
.grandstand-event-tickets dl:nth-child(5),
.grandstand-event-tickets dl:nth-child(6) {
    margin-top: 10px;
}
.grandstand-event-tickets dl:nth-child(4) .cmp-contentfragment__element-title,
.grandstand-event-tickets dl:nth-child(5) .cmp-contentfragment__element-title,
.grandstand-event-tickets dl:nth-child(6) .cmp-contentfragment__element-title {
    padding: 5px 10px;
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
}
.grandstand-event-tickets dl:nth-child(4) .cmp-contentfragment__element-value,
.grandstand-event-tickets dl:nth-child(5) .cmp-contentfragment__element-value,
.grandstand-event-tickets dl:nth-child(6) .cmp-contentfragment__element-value {
    padding: 5px 10px;
}
.grandstand-page-content img {
    float: left;
    clear: both;
    max-width: 100%;
}

/* Hide the time portion of listed Events on the Event Calendar view and wrap the Event title text */
.hide-time .fc-event-time {
	display: none;
}
.hide-time .fc-event-title {
	text-wrap: wrap;
}



@media all and (min-width: 700px) {
    .grandstand-page-content img {
        margin-right: 20px;
        margin-bottom: 20px;
    }
}
@media all and (max-width: 699px) {
    .grandstand-page-content img {
        margin-top: 20px;
        margin-bottom: 20px;
    }
	}