﻿/* 00 Skövde - Skiffer */
div.newtheme .text-content.bg-black,
div.newtheme .bg-black .read-more-link,
div.newtheme .bg-black ul li,
div.newtheme .bg-black p,
div.newtheme .bg-black a,
div.newtheme .bg-black button,
div.newtheme .bg-black h1,
div.newtheme .bg-black h2,
div.newtheme .bg-black h3,
div.imagetileblock h2.bg-black,
div.newtheme .bg-black.facility-opening-hours .holder .calendar-icon {
    background: #4a4a49;
    color: #FFF;
    fill: #fff;
}

/* 01 Skövde - Kalksten */
div.newtheme .text-content.bg-brown,
div.newtheme .bg-brown .read-more-link,
div.newtheme .bg-brown ul li,
div.newtheme .bg-brown p,
div.newtheme .bg-brown a,
div.newtheme .bg-brown button,
div.newtheme .bg-brown h1,
div.newtheme .bg-brown h2,
div.newtheme .bg-brown h3,
div.imagetileblock h2.bg-brown,
div.newtheme .bg-brown.facility-opening-hours .holder .calendar-icon {
    background: #a69b92;
    color: #111;
    fill: #111;
}

/* 02 Skövde - Blåbär */
div.newtheme .text-content.bg-blue,
div.newtheme .bg-blue .read-more-link,
div.newtheme .bg-blue ul li,
div.newtheme .bg-blue p,
div.newtheme .bg-blue a,
div.newtheme .bg-blue button,
div.newtheme .bg-blue h1,
div.newtheme .bg-blue h2,
div.newtheme .bg-blue h3,
div.imagetileblock h2.bg-blue,
div.newtheme .bg-blue.facility-opening-hours .holder .calendar-icon {
    background: #1951a0;
    color: #FFF;
    fill: #fff;
}

/* 03 Skövde - Aqua */
div.newtheme .text-content.bg-teal,
div.newtheme .bg-teal .read-more-link,
div.newtheme .bg-teal ul li,
div.newtheme .bg-teal p,
div.newtheme .bg-teal a,
div.newtheme .bg-teal button,
div.newtheme .bg-teal h1,
div.newtheme .bg-teal h2,
div.newtheme .bg-teal h3,
div.imagetileblock h2.bg-teal,
div.newtheme .bg-teal.facility-opening-hours .holder .calendar-icon {
    background: #00a3b4;
    color: #111;
    fill: #111;
}

/* 04 Skövde - Plommon */
div.newtheme .text-content.bg-lavender,
div.newtheme .bg-lavender .read-more-link,
div.newtheme .bg-lavender ul li,
div.newtheme .bg-lavender p,
div.newtheme .bg-lavender a,
div.newtheme .bg-lavender button,
div.newtheme .bg-lavender h1,
div.newtheme .bg-lavender h2,
div.newtheme .bg-lavender h3,
div.imagetileblock h2.bg-lavender,
div.newtheme .bg-lavender.facility-opening-hours .holder .calendar-icon {
    background: #604696;
    color: #FFF;
    fill: #fff;
}

/* 05 Skövde -Aubergine */
div.newtheme .text-content.bg-purple,
div.newtheme .bg-purple .read-more-link,
div.newtheme .bg-purple ul li,
div.newtheme .bg-purple p,
div.newtheme .bg-purple a,
div.newtheme .bg-purple button,
div.newtheme .bg-purple h1,
div.newtheme .bg-purple h2,
div.newtheme .bg-purple h3,
div.imagetileblock h2.bg-purple,
div.newtheme .bg-purple.facility-opening-hours .holder .calendar-icon {
    background: #831f82;
    color: #FFF;
    fill: #fff;
}

/* 06 Skövde - Ärta */
div.newtheme .text-content.bg-green,
div.newtheme .bg-green .read-more-link,
div.newtheme .bg-green ul li,
div.newtheme .bg-green p,
div.newtheme .bg-green a,
div.newtheme .bg-green button,
div.newtheme .bg-green h1,
div.newtheme .bg-green h2,
div.newtheme .bg-green h3,
div.imagetileblock h2.bg-green,
div.newtheme .bg-green.facility-opening-hours .holder .calendar-icon {
    background: #00964f;
    color: #111;
    fill: #111;
}

/* 07 Skövde - Lime */
div.newtheme .text-content.bg-lime,
div.newtheme .bg-lime .read-more-link,
div.newtheme .bg-lime ul li,
div.newtheme .bg-lime p,
div.newtheme .bg-lime a,
div.newtheme .bg-lime button,
div.newtheme .bg-lime h1,
div.newtheme .bg-lime h2,
div.newtheme .bg-lime h3,
div.imagetileblock h2.bg-lime,
div.newtheme .bg-lime.facility-opening-hours .holder .calendar-icon {
    background: #76b82a;
    color: #111;
    fill: #111;
}

/* 08 Skövde - Mango */
div.newtheme .text-content.bg-yellow,
div.newtheme .bg-yellow .read-more-link,
div.newtheme .bg-yellow ul li,
div.newtheme .bg-yellow p,
div.newtheme .bg-yellow a,
div.newtheme .bg-yellow button,
div.newtheme .bg-yellow h1,
div.newtheme .bg-yellow h2,
div.newtheme .bg-yellow h3,
div.imagetileblock h2.bg-yellow,
div.newtheme .bg-yellow.facility-opening-hours .holder .calendar-icon {
    background: #ffcc00;
    color: #111;
    fill: #111;
}

/* 09 Skövde - Apelsin / 22 Balthazar-orange */
div.newtheme .text-content.bg-orange,
div.newtheme .bg-orange .read-more-link,
div.newtheme .bg-orange ul li,
div.newtheme .bg-orange p,
div.newtheme .bg-orange a,
div.newtheme .bg-orange button,
div.newtheme .bg-orange h1,
div.newtheme .bg-orange h2,
div.newtheme .bg-orange h3,
div.imagetileblock h2.bg-orange,
div.newtheme .bg-orange.facility-opening-hours .holder .calendar-icon {
    background: #ef7d00;
    color: #111;
    fill: #111;
}

/* 10 Skövde - Rädisa */
div.newtheme .text-content.bg-pink,
div.newtheme .bg-pink .read-more-link,
div.newtheme .bg-pink ul li,
div.newtheme .bg-pink p,
div.newtheme .bg-pink a,
div.newtheme .bg-pink button,
div.newtheme .bg-pink h1,
div.newtheme .bg-pink h2,
div.newtheme .bg-pink h3,
div.imagetileblock h2.bg-pink,
div.newtheme .bg-pink.facility-opening-hours .holder .calendar-icon {
    background: #e94190;
    color: #111;
    fill: #111;
}

/* 11 Skövde - Hallon */
div.newtheme .text-content.bg-red,
div.newtheme .bg-red .read-more-link,
div.newtheme .bg-red ul li,
div.newtheme .bg-red p,
div.newtheme .bg-red a,
div.newtheme .bg-red button,
div.newtheme .bg-red h1,
div.newtheme .bg-red h2,
div.newtheme .bg-red h3,
div.imagetileblock h2.bg-red,
div.newtheme .bg-red.facility-opening-hours .holder .calendar-icon {
    background: #e50051;
    color: #FFF;
    fill: #fff;
}

/* 12 Skaraborg - ljung */
div.newtheme .text-content.bg-skaraborg-ljung,
div.newtheme .bg-skaraborg-ljung .read-more-link,
div.newtheme .bg-skaraborg-ljung ul li,
div.newtheme .bg-skaraborg-ljung p,
div.newtheme .bg-skaraborg-ljung a,
div.newtheme .bg-skaraborg-ljung button,
div.newtheme .bg-skaraborg-ljung h1,
div.newtheme .bg-skaraborg-ljung h2,
div.newtheme .bg-skaraborg-ljung h3,
div.imagetileblock h2.bg-skaraborg-ljung,
div.newtheme .bg-skaraborg-ljung.facility-opening-hours .holder .calendar-icon {
    background: #851C4E;
    color: #FFF;
    fill: #fff;
}

/* 13 Avfall Skaraborg - Mörkgrön */
div.newtheme .text-content.bg-recycling-skaraborg-darkgreen,
div.newtheme .bg-recycling-skaraborg-darkgreen .read-more-link,
div.newtheme .bg-recycling-skaraborg-darkgreen ul li,
div.newtheme .bg-recycling-skaraborg-darkgreen p,
div.newtheme .bg-recycling-skaraborg-darkgreen a,
div.newtheme .bg-recycling-skaraborg-darkgreen button,
div.newtheme .bg-recycling-skaraborg-darkgreen h1,
div.newtheme .bg-recycling-skaraborg-darkgreen h2,
div.newtheme .bg-recycling-skaraborg-darkgreen h3,
div.imagetileblock h2.bg-recycling-skaraborg-darkgreen,
div.newtheme .bg-recycling-skaraborg-darkgreen.facility-opening-hours .holder .calendar-icon {
    background: #2C8733;
    color: #000;
    fill: #000;
}

/* Avfall Skaraborg - Ljusgrön*/
div.newtheme .text-content.bg-recycling-skaraborg-lightgreen,
div.newtheme .bg-recycling-skaraborg-lightgreen .read-more-link,
div.newtheme .bg-recycling-skaraborg-lightgreen ul li,
div.newtheme .bg-recycling-skaraborg-lightgreen p,
div.newtheme .bg-recycling-skaraborg-lightgreen a,
div.newtheme .bg-recycling-skaraborg-lightgreen button,
div.newtheme .bg-recycling-skaraborg-lightgreen h1,
div.newtheme .bg-recycling-skaraborg-lightgreen h2,
div.newtheme .bg-recycling-skaraborg-lightgreen h3,
div.imagetileblock h2.bg-recycling-skaraborg-lightgreen,
div.newtheme .bg-recycling-skaraborg-lightgreen.facility-opening-hours .holder .calendar-icon {
    background: #9ab488;
    color: #000;
    fill: #000;
}

/* 14 Skaraborg - grön */
div.newtheme .text-content.bg-skaraborg,
div.newtheme .bg-skaraborg .read-more-link,
div.newtheme .bg-skaraborg ul li,
div.newtheme .bg-skaraborg p,
div.newtheme .bg-skaraborg a,
div.newtheme .bg-skaraborg button,
div.newtheme .bg-skaraborg h1,
div.newtheme .bg-skaraborg h2,
div.newtheme .bg-skaraborg h3,
div.imagetileblock h2.bg-skaraborg,
div.newtheme .bg-skaraborg.facility-opening-hours .holder .calendar-icon {
    background: #557D2D;
    color: #fff;
    fill: #fff;
}


/* 15 Skaraborg - blå */
div.newtheme .text-content.bg-skaraborg-blue,
div.newtheme .bg-skaraborg-blue .read-more-link,
div.newtheme .bg-skaraborg-blue ul li,
div.newtheme .bg-skaraborg-blue p,
div.newtheme .bg-skaraborg-blue a,
div.newtheme .bg-skaraborg-blue button,
div.newtheme .bg-skaraborg-blue h1,
div.newtheme .bg-skaraborg-blue h2,
div.newtheme .bg-skaraborg-blue h3,
div.imagetileblock h2.bg-skaraborg-blue,
div.newtheme .bg-skaraborg-blue.facility-opening-hours .holder .calendar-icon {
    background: #005E6F;
    color: #fff;
    fill: #fff;
}


/* 16 Skaraborg - Ljusråsa */
div.newtheme .text-content.bg-skaraborg-lightpink,
div.newtheme .bg-skaraborg-lightpink .read-more-link,
div.newtheme .bg-skaraborg-lightpink ul li,
div.newtheme .bg-skaraborg-lightpink p,
div.newtheme .bg-skaraborg-lightpink a,
div.newtheme .bg-skaraborg-lightpink button,
div.newtheme .bg-skaraborg-lightpink h1,
div.newtheme .bg-skaraborg-lightpink h2,
div.newtheme .bg-skaraborg-lightpink h3,
div.imagetileblock h2.bg-skaraborg-lightpink,
div.newtheme .bg-skaraborg-lightpink.facility-opening-hours .holder .calendar-icon {
    background: #E0C3D2;
    color: #111;
    fill: #111;
}

/* 17 Skaraborg - Ljusblå */
div.newtheme .text-content.bg-skaraborg-lightblue,
div.newtheme .bg-skaraborg-lightblue .read-more-link,
div.newtheme .bg-skaraborg-lightblue ul li,
div.newtheme .bg-skaraborg-lightblue p,
div.newtheme .bg-skaraborg-lightblue a,
div.newtheme .bg-skaraborg-lightblue button,
div.newtheme .bg-skaraborg-lightblue h1,
div.newtheme .bg-skaraborg-lightblue h2,
div.newtheme .bg-skaraborg-lightblue h3,
div.imagetileblock h2.bg-skaraborg-lightblue,
div.newtheme .bg-skaraborg-lightblue.facility-opening-hours .holder .calendar-icon {
    background: #C2CED6;
    color: #111;
    fill: #111;
}

/* 26 Skaraborg - Skog Ljus */
div.newtheme .text-content.bg-skaraborg-lightgreen,
div.newtheme .bg-skaraborg-lightgreen .read-more-link,
div.newtheme .bg-skaraborg-lightgreen ul li,
div.newtheme .bg-skaraborg-lightgreen p,
div.newtheme .bg-skaraborg-lightgreen a,
div.newtheme .bg-skaraborg-lightgreen button,
div.newtheme .bg-skaraborg-lightgreen h1,
div.newtheme .bg-skaraborg-lightgreen h2,
div.newtheme .bg-skaraborg-lightgreen h3,
div.imagetileblock h2.bg-skaraborg-lightgreen,
div.newtheme .bg-skaraborg-lightgreen.facility-opening-hours .holder .calendar-icon {
    background: #D5D9C4;
    color: #111;
    fill: #111;
}

/* Skaraborg - Jord */
div.newtheme .text-content.bg-skaraborg-dirt,
div.newtheme .bg-skaraborg-dirt .read-more-link,
div.newtheme .bg-skaraborg-dirt ul li,
div.newtheme .bg-skaraborg-dirt p,
div.newtheme .bg-skaraborg-dirt a,
div.newtheme .bg-skaraborg-dirt button,
div.newtheme .bg-skaraborg-dirt h1,
div.newtheme .bg-skaraborg-dirt h2,
div.newtheme .bg-skaraborg-dirt h3,
div.imagetileblock h2.bg-skaraborg-dirt,
div.newtheme .bg-skaraborg-dirt.facility-opening-hours .holder .calendar-icon {
    background: #5E3B2C;
    color: #fff;
    fill: #fff;
}

/* Skaraborg - Jord ljus */
div.newtheme .text-content.bg-skaraborg-dirtlight,
div.newtheme .bg-skaraborg-dirtlight .read-more-link,
div.newtheme .bg-skaraborg-dirtlight ul li,
div.newtheme .bg-skaraborg-dirtlight p,
div.newtheme .bg-skaraborg-dirtlight a,
div.newtheme .bg-skaraborg-dirtlight button,
div.newtheme .bg-skaraborg-dirtlight h1,
div.newtheme .bg-skaraborg-dirtlight h2,
div.newtheme .bg-skaraborg-dirtlight h3,
div.imagetileblock h2.bg-skaraborg-dirtlight,
div.newtheme .bg-skaraborg-dirtlight.facility-opening-hours .holder .calendar-icon {
    background: #CFC2BB;
    color: #111;
    fill: #111;
}

/* 16 Räddningstjänst - mörkblå  */
div.newtheme .text-content.bg-rescue-service-darkblue,
div.newtheme .bg-rescue-service-darkblue .read-more-link,
div.newtheme .bg-rescue-service-darkblue ul li,
div.newtheme .bg-rescue-service-darkblue p,
div.newtheme .bg-rescue-service-darkblue a,
div.newtheme .bg-rescue-service-darkblue button,
div.newtheme .bg-rescue-service-darkblue h1,
div.newtheme .bg-rescue-service-darkblue h2,
div.newtheme .bg-rescue-service-darkblue h3,
div.imagetileblock h2.bg-rescue-service-darkblue,
div.newtheme .bg-rescue-service-darkblue.facility-opening-hours .holder .calendar-icon {
    background: #001e46;
    color: #fff;
    fill: #fff;
}

/* 17 Räddningstjänst - ljusblå  */
div.newtheme .text-content.bg-rescue-service-lightblue,
div.newtheme .bg-rescue-service-lightblue .read-more-link,
div.newtheme .bg-rescue-service-lightblue ul li,
div.newtheme .bg-rescue-service-lightblue p,
div.newtheme .bg-rescue-service-lightblue a,
div.newtheme .bg-rescue-service-lightblue button,
div.newtheme .bg-rescue-service-lightblue h1,
div.newtheme .bg-rescue-service-lightblue h2,
div.newtheme .bg-rescue-service-lightblue h3,
div.imagetileblock h2.bg-rescue-service-lightblue,
div.newtheme .bg-rescue-service-lightblue.facility-opening-hours .holder .calendar-icon {
    background: #e3e9f2;
    color: #111;
    fill: #111;
}

/* 18 Miljösamverkan - Ljusgrön */
div.newtheme .text-content.bg-environmental-light-green,
div.newtheme .bg-environmental-light-green .read-more-link,
div.newtheme .bg-environmental-light-green ul li,
div.newtheme .bg-environmental-light-green p,
div.newtheme .bg-environmental-light-green a,
div.newtheme .bg-environmental-light-green button,
div.newtheme .bg-environmental-light-green h1,
div.newtheme .bg-environmental-light-green h2,
div.newtheme .bg-environmental-light-green h3,
div.imagetileblock h2.bg-environmental-light-green,
div.newtheme .bg-environmental-light-green.facility-opening-hours .holder .calendar-icon {
    background: #c1d197;
    color: #111;
    fill: #111;
}

/* 19 Miljösamverkan - Mellangrön */
div.newtheme .text-content.bg-environmental,
div.newtheme .bg-environmental .read-more-link,
div.newtheme .bg-environmental ul li,
div.newtheme .bg-environmental p,
div.newtheme .bg-environmental a,
div.newtheme .bg-environmental button,
div.newtheme .bg-environmental h1,
div.newtheme .bg-environmental h2,
div.newtheme .bg-environmental h3,
div.imagetileblock h2.bg-environmental,
div.newtheme .bg-environmental.facility-opening-hours .holder .calendar-icon {
    background: #789D4A;
    color: #111;
    fill: #111;
}

/* 20 Balthazar - mellangrå */
div.newtheme .text-content.bg-balthazar-gray,
div.newtheme .bg-balthazar-gray .read-more-link,
div.newtheme .bg-balthazar-gray ul li,
div.newtheme .bg-balthazar-gray p,
div.newtheme .bg-balthazar-gray a,
div.newtheme .bg-balthazar-gray button,
div.newtheme .bg-balthazar-gray h1,
div.newtheme .bg-balthazar-gray h2,
div.newtheme .bg-balthazar-gray h3,
div.imagetileblock h2.bg-balthazar-gray,
div.newtheme .bg-balthazar-gray.facility-opening-hours .holder .calendar-icon {
    background: #757575;
    color: #111;
    fill: #111;
}

/* 21 Balthazar - ljusgrå */
div.newtheme .text-content.bg-balthazar-ligt-gray,
div.newtheme .bg-balthazar-ligt-gray .read-more-link,
div.newtheme .bg-balthazar-ligt-gray ul li,
div.newtheme .bg-balthazar-ligt-gray p,
div.newtheme .bg-balthazar-ligt-gray a,
div.newtheme .bg-balthazar-ligt-gray button,
div.newtheme .bg-balthazar-ligt-gray h1,
div.newtheme .bg-balthazar-ligt-gray h2,
div.newtheme .bg-balthazar-ligt-gray h3,
div.imagetileblock h2.bg-balthazar-ligt-gray,
div.newtheme .bg-balthazar-ligt-gray.facility-opening-hours .holder .calendar-icon {
    background: #BDBFBF;
    color: #111;
    fill: #111;
}

/* 23 Överförmyndare */
div.newtheme .text-content.bg-guardian,
div.newtheme .bg-guardian .read-more-link,
div.newtheme .bg-guardian ul li,
div.newtheme .bg-guardian p,
div.newtheme .bg-guardian a,
div.newtheme .bg-guardian button,
div.newtheme .bg-guardian h1,
div.newtheme .bg-guardian h2,
div.newtheme .bg-guardian h3,
div.imagetileblock h2.bg-guardian,
div.newtheme .bg-guardian.facility-opening-hours .holder .calendar-icon {
    background: #991218;
    color: #FFF;
    fill: #FFF;
}

/* 20 Balthazar - mellangrå */
div.newtheme .text-content.bg-balthazar-gray,
div.newtheme .bg-balthazar-gray .read-more-link,
div.newtheme .bg-balthazar-gray ul li,
div.newtheme .bg-balthazar-gray p,
div.newtheme .bg-balthazar-gray a,
div.newtheme .bg-balthazar-gray button,
div.newtheme .bg-balthazar-gray h1,
div.newtheme .bg-balthazar-gray h2,
div.newtheme .bg-balthazar-gray h3,
div.imagetileblock h2.balthazar-gray,
div.newtheme .balthazar-gray.facility-opening-hours .holder .calendar-icon {
    background: #757575;
    color: #111;
    fill: #111;
}

/* 21 Balthazar - ljusgrå */
div.newtheme .text-content.bg-balthazar-ligt-gray,
div.newtheme .bg-balthazar-ligt-gray .read-more-link,
div.newtheme .bg-balthazar-ligt-gray ul li,
div.newtheme .bg-balthazar-ligt-gray p,
div.newtheme .bg-balthazar-ligt-gray a,
div.newtheme .bg-balthazar-ligt-gray button,
div.newtheme .bg-balthazar-ligt-gray h1,
div.newtheme .bg-balthazar-ligt-gray h2,
div.newtheme .bg-balthazar-ligt-gray h3,
div.imagetileblock h2.bg-balthazar-ligt-gray,
div.newtheme .bg-balthazar-ligt-gray.facility-opening-hours .holder .calendar-icon {
    background: #BDBFBF;
    color: #111;
    fill: #111;
}