/* These will only be processed in IE when there's a data attribute on a parent node with the var names and value */

html.isie .widgettitle {
    cssvars: color(--colour-high);
}

html.isie .widget-description {
    cssvars: color(--colour-fore);
}

html.isie .widget-menu-advanced {
    cssvars: background-color(--colour-back), color(--colour-fore);
}

html.isie .widget-menu-advanced .menu > .menu-item {
    cssvars: color(--colour-fore), outline(solid 1px --colour-high);
}

html.isie .widget-menu-advanced .menu > .menu-item.current-menu-item {
    cssvars: background(--colour-high), color(--colour-back), border-color(--colour-high);
}

@media only screen and (min-width: 640px) {
    html.isie .icit-image-widget .video-wallpaper.loaded {
        cssvars: background-color(--colour-back);
    }
}

html.isie .inlinecontent-textonly > div {
    cssvars: color(--colour-fore), background-color(--colour-back);
}

html.isie .inlinecontent-textonly .textonly-body > h2 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-textonly .textonly-body > .content {
    cssvars: color(--colour-fore);
}

html.isie .inlinecontent-textonly .textonly-body > .button {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-testimonials .wrap,
html.isie .inlinecontent-stats .wrap {
    cssvars: background-color(--colour-back), background-image(--image-back);
}

html.isie .widget-header h2 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-stats .widget-header h2 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-stats .card {
    cssvars: border-color(--colour-high);
}

html.isie .inlinecontent-stats .card h3 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-stats .card .button {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-header .wrap {
    cssvars: background-image(--image-back), background-color(--colour-back);;
    height: 33.33vh;
    overflow: auto;
}

html.isie .inlinecontent-header .widget-header h2 {
    cssvars: color(--colour-fore);
}

html.isie .inlinecontent-sponsors .wrap {
    cssvars: background-color(--colour-back), color(--colour-fore);
}

html.isie .inlinecontent-sponsors .wrap h2 {
    cssvars: color(--colour-fore);
}

html.isie .inlinecontent-contacts .wrap {
    cssvars: background-color(--colour-back);
}

html.isie .inlinecontent-contacts .widget-header {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-contacts .card {
    cssvars: background-color(--colour-card), color(--colour-fore);
}

html.isie .inlinecontent-contacts h3 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-contacts .name {
    cssvars: color(--colour-fore);
}

html.isie .inlinecontent-contacts .email {
    cssvars: outline(solid 1px --colour-fore);
}

html.isie .inlinecontent-location .wrap.image-fore > .box > article {
    cssvars: background-image(--image-fore);;
}

html.isie .inlinecontent-location .wrap {
    cssvars: background-color(--colour-back);;
}

html.isie .inlinecontent-location .wrap > .box {
    cssvars: background-image(--image-back);;
}

html.isie .inlinecontent-location .wrap > .box > article {
    cssvars: background-color(--colour-card), color(--colour-fore);
}

html.isie .inlinecontent-location .date,
html.isie .inlinecontent-location h2 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-custom-html .wrap {
    cssvars: background-color(--colour-back), color(--colour-fore);
}

html.isie .inlinecontent-custom-html input[type="button"],
html.isie .inlinecontent-custom-html input[type="reset"],
html.isie .inlinecontent-custom-html input[type="submit"],
html.isie .inlinecontent-custom-html .button,
html.isie .inlinecontent-custom-html button,
html.isie .inlinecontent-custom-html .widget-header h2 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-split h1,
html.isie .inlinecontent-split h2,
html.isie .inlinecontent-split h3,
html.isie .inlinecontent-split h4,
html.isie .inlinecontent-split h5,
html.isie .inlinecontent-split h6 {
    cssvars: color(--colour-high);
}

html.isie .inlinecontent-split2 .wrap,
html.isie .inlinecontent-split .wrap {
    cssvars: background-color(--colour-back), color(--colour-fore);
}

html.isie .inlinecontent-split2 .image {
    cssvars: background-color(--colour-high), outline(solid 1px --colour-mids), flex-direction(row);
}

html.isie .inlinecontent-split2 .wrap .body .content {
    cssvars: outline(solid 1px --colour-mids);
}

html.isie .widget-menu-advanced .menu.list-titles-image > .menu-item > a {
    cssvars: color(--colour-fore);
}

html.isie .widget-menu-advanced .menu.list-titles-image > .menu-item > a span.photo {
    cssvars: background-color(--colour-high);
}

html.isie .widget input[type="submit"].button,
html.isie .widget .button,
html.isie .widget input[type="button"],
html.isie .widget input[type="reset"],
html.isie .widget input[type="submit"] {
    cssvars: color(--colour-fore);
}

html.isie .inlinecontent-layout15 .wrap {
    cssvars: background-color(--colour-back), color(--colour-fore);
}

html.isie .hero-gallery .wrap {
    cssvars: color(--colour-fore);
}

html.isie .hero-gallery .widget .button {
    cssvars: color(--colour-fore);
}

html.isie .widget.widget_text {
    cssvars: background-color(--colour-back), color(--colour-fore);
}

html.isie .widget_media_gallery {
    cssvars: background-color(--colour-back), color(--colour-fore);
}

html.isie .slick-controls .slick-arrow {
    cssvars: color(--colour-fore);
}

html.isie .slick-controls .slick-dots li {
    cssvars: color(--colour-fore), text-shadow(0 0 1em --colour-back);
}

html.isie .hero-gallery .slick-controls,
html.isie .gallery .slick-controls {
    cssvars: filter(drop-shadow(0 0 5px --colour-back)), color(--colour-fore);
}

html.isie .eventhero {
    cssvars: color(--colour-back), background-color(--colour-back), background-image(--image-back);
    height: 100vh;
    overflow: auto;
}

html.isie .eventhero:before {
    background-color: currentColor;
}

html.isie .eventhero .body {
    cssvars: color(--colour-fore);
}

html.isie .slick-controls {
    cssvars: color(--colour-high);
}

html.isie .site-header {
    cssvars: background-color(--head-bak-col), color(--head-txt-col);
}

html.isie .site-ident {
    cssvars: border-right(solid 1px --head-high-col);
}

html.isie .site-ident svg.logo {
    cssvars: fill(--head-txt-col);
}

html.isie .inlinecontent-header .wrap,
html.isie .inlinecontent-stats .wrap,
html.isie .inlinecontent-testimonials .wrap {
    cssvars: color(--colour-back);
}

html.isie .inlinecontent-header .wrap::before,
html.isie .inlinecontent-stats .wrap::before,
html.isie .inlinecontent-testimonials .wrap::before {
    background-color: currentColor;
}

html.isie .inlinecontent-header .wrap .widget-header,
html.isie .inlinecontent-stats .wrap .widget-header,
html.isie .inlinecontent-stats .wrap .cards,
html.isie .inlinecontent-testimonials .wrap .widget-header,
html.isie .inlinecontent-testimonials .wrap .cards {
    cssvars: color(--colour-fore);
}

/* Pseudo elements */
/*.inlinecontent-testimonials .wrap .card .content::before {*/
/*    cssvars: color(--colour-high);*/
/*}*/

/*.inlinecontent-contacts .phone a::before {*/
/*    cssvars: color(--colour-high);*/
/*}*/

/*.inlinecontent-contacts .email a::before {*/
/*    cssvars: color(--colour-high);*/
/*}*/

/*.slick-controls .slick-dots li.slick-active::before {*/
/*    cssvars: color(--colour-high);*/
/*}*/

/*a[data-linktype].error:before,*/
/*a[data-linktype].busy:before {*/
/*    cssvars: background(--colour-back), color(--colour-fore);*/
/*}*/

/*a[data-linktype].busy::after {*/
/*    cssvars: color(--colour-fore);*/
/*}*/