
    :root {
        --text: #23333a;
--links: #007db3;
--titles: #23333a;
--page-background: #FFFFFF;
--highlight: #007db3;
--boxes-background: #f0f9fd;
--boxes-border: #FFFFFF;
--section-titles: #23333a;
--section-titles-background: #FFFFFF;
--header-background: #FFFFFF;
--header-links: #23333a;
--footer-background: #f0f9fd;
--footer-links: #007db3;
--titles-font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--titles-h1-font-size: 2.2143rem;
--titles-h1-font-weight: 700;
--titles-h1-color: #23333a;
--titles-h2-font-size: 1.5714rem;
--titles-h2-font-weight: 400;
--titles-h2-color: #23333a;
--titles-h3-font-size: 1.2857rem;
--titles-h3-font-weight: 400;
--titles-h3-color: #23333a;
--texts-font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--texts-primary-font-size: 1.1429rem;
--texts-primary-color: #23333a;
--texts-secondary-font-size: 1.0000rem;
--texts-secondary-color: #23333a;
--texts-link-color: #007db3;
    }
    
:root { --react-body-font-family: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }

/* cyrillic-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Fira Sans Regular'), local('FiraSans-Regular'), url(https://fonts.gstatic.com/s/firasans/v10/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSxf6TF0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeQhf6TF0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeShf6TF0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeRRf6TF0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSRf6TF0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eSxf6TF0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eQhf6TF0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eShf6TF0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eRRf6TF0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eSRf6TF0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Fira Sans Bold'), local('FiraSans-Bold'), url(https://fonts.gstatic.com/s/firasans/v10/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Icon font */
@font-face {
    font-display: swap;
    font-family: gent-icons-v6;
    src: url('https://s3-eu-central-1.amazonaws.com/aws-ec2-eu-central-1-opendatasoft-staticfileset/gent/theme_font/gent-icons-v6-212.woff2');
    src: url('https://s3-eu-central-1.amazonaws.com/aws-ec2-eu-central-1-opendatasoft-staticfileset/gent/theme_font/gent-icons-v6-212.woff2?v=81') format("woff2");
}

* {
    font-family : 'Fira Sans';
}

:root,html {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: grid;
    height: 100%;
    line-height: 1.78
}

html:has(main.main--catalog) {
	font: 400 20px Fira Sans,sans-serif;
}

/* Navigation */
/* add icon and remove signup button, per the design  */
.rods-front-office-container {
    button.rods-button{
        border-radius: 0;
        background-color: #7ED9FF !important;
        color: #001823 !important;
        display: inline-flex;
        font-weight: 600;
    }
}

nav .rods-front-office-container button.rods-button {
    margin-right: -10px;   
    &::before {
        content: "";
        width: 24px;
        height: 100%;
        display: inline-flex;
        align-content: center;
        justify-content: flex-start;
        font-family: gent-icons-v6;  
    }
    
    &:nth-child(2){
        display: none;
    }
}

/* catalog */

.container-fluid.ods-app-explore-catalog.ng-scope {
    max-width: 1170px;
    .ods-catalog-card__wrapper {
        width: 100% ;
    }
}

@media (max-width: 1200px) {
    .container-fluid.ods-app-explore-catalog.ng-scope {
        width: 100%;
        padding: 0 1rem;
    }
}

@media (min-width: 1670px) {
    .ods-catalog-card__wrapper {
        width: 100%;
    }
}

.ods-catalog-card__body {
    width: unset;
}

.ods-catalog-card {
    font-family: Fira Sans, sans-serif;
    border-radius: 0;
    background: none;
    border: unset;
    border-bottom: 1px solid #005BA9;
    position: relative;
    margin-bottom: 0;
    &:hover{
        border: unset;
        border-bottom: 1px solid #005BA9;
        background-color: rgba(0, 91, 169, 0.04);
        &::before {
            all: unset;
        }
    }
    h2{
        font-weight: 700;
        font-size: 1.5rem;
        color: #005BA9;
        margin-bottom: .8rem;
    }
    p{
        margin-top: 1rem;
        font-size: .8rem;
    }
}

.ods-catalog-card__keyword {
    font-size: .7rem;
    font-weight: 400;
    font-family: Fira Sans, sans-serif;
    border-radius: 0;
    color: #001823;
    background-color: #FFDB5A;
    padding: 8px 15px;
    margin-right: .6rem;
    &:hover {
        background-color: #FFD23F;
    }
}

@media (min-width: 768px){
	.ods-app-explore-catalog .ods-result-list {
		margin-left: 18rem;
	}
}

.ods-filters {
    font-family: Fira Sans, sans-serif;
	h1 {
		padding-left: 0;
		font-size: 1.05rem;
	}
	h3, input {
		font-size: .8rem;
	}
	li, label, select, .ods-filters__export-catalog, p {
		font-size: .7rem;
		display: flex;
		justify-content: center;
	}
	

	li {
		&> div {
			width: 100%;
		}
		a {
		display: flex;
		align-items: center;
		flex: 1 0 100%;
		align-self: stretch;
		}
	}

	input {
		padding: 8px 76px 8px 15px;
		border-radius: 0;
	}
	.odswidget-text-search__submit {
		right: 15px;
	}
	.odswidget-text-search__reset {
		right: 48px;
	}
	.ods-catalog-sort__selector__opt--select .ods-catalog-sort__selector__more-button {
		font-size: .73rem;
	}

	.ods-filters__export-catalog {
		flex-direction: column;
	}

  .odswidget-facet--disjunctive .odswidget-facet__category:hover:before {
    top: unset;
  }
}

.image-wrapper img {
    object-fit: cover;
}

/* --- GENT FOOTER SCOPED CSS GENERATED VIA USED CSS --- */
.gent-ods-footer {
    --gent-blue: #005ba9;
    --gent-dark: #001823;
    font-family: 'Fira Sans', sans-serif;


section{display:block;}
a{background-color:transparent;-webkit-text-decoration-skip:objects;}
a:active,a:hover{outline-width:0;}
strong{font-weight:inherit;}
strong{font-weight:bolder;}
button{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0;}
button{overflow:visible;}
button{text-transform:none;}
button,html [type="button"]{-webkit-appearance:button;}
*{-webkit-box-sizing:border-box;box-sizing:border-box;}
a:active,a:hover{text-decoration:underline;}
a{text-decoration:none;}
li,p{font-family:inherit;}
p{margin:0 0 1em 0;}
button{font-family:inherit;line-height:normal;}
:focus:not(.focus-ring){outline-width:0;}
a{color:#007db3;}
h2,h3{font-weight:600;color:#23333a;line-height:1.25;}
h2{font-size:1.5rem;margin-top:2rem;margin-right:0;margin-left:0;margin-bottom:.6rem;}
h3{font-size:1.2rem;margin-top:1.5rem;margin-right:0;margin-left:0;margin-bottom:.6rem;}
h2:first-child,h3:first-child{margin-top:0;}
p:last-child{margin-bottom:0;}
*{font-family:'Fira Sans';}
body div,h2,h3,h4,i,li,p,section,span,strong,ul{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
section{display:block;}
.content-container{margin:0 auto;max-width:1170px;}
*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit;}
body ::selection{background-color:#00447f;}
body ::selection{color:#ffdb5a;}
p,ul{font-size:inherit;line-height:inherit;margin-bottom:10px;}
button,p,span{max-width:40rem;}
strong{font-weight:700;}
button{font:400 20px Fira Sans,sans-serif;}
a[href]:focus,button:not([disabled]):focus{outline:2px solid;outline-offset:2px;}
body a[href]:focus,body button:not([disabled]):focus{outline-color:#001823;}
.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
[class^=icon-]:not(.icon-list){display:inline-block;line-height:87.5%;}
[class^=icon-]:not(.icon-list):before{display:block;}
.icon-arrow-right:before,.icon-district09:before,a.button:not(.no-icon):not([class^=icon-]):not([download])[href^="https://"]:not([href*="gent.be"]):after,a.button:not([class*=icon]):after,a[href^="https://"]:not(.no-icon):not(.tag):not([href*="gent.be"]):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none;font-family:gent-icons-v6;font-size:1.2rem;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;}
.icon-arrow-right:before,.icon-district09:before,a.button:not(.no-icon):not([class^=icon-]):not([download])[href^="https://"]:not([href*="data.stad.gent"]):after,a.button:not([class*=icon]):after,a[href^="https://"]:not(.no-icon):not(.tag):not([href*="data.stad.gent"]):after{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;speak:none;font-family:gent-icons-v6;font-size:1.2rem;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-decoration:none;text-transform:none;}
.icon-arrow-right:before{content:"";}
.icon-district09:before{content:"";}
.button{-webkit-appearance:none;background-repeat:no-repeat;background-size:0 100%;cursor:pointer;font-family:Fira Sans,sans-serif;font-size:.8rem;font-weight:600;line-height:175%;padding:8px 15px;text-align:center;-webkit-transition:.3s;transition:.3s;}
.button[class*=icon-]{-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-inline-box;display:inline-flex;justify-content:space-between;position:relative;text-align:left;}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
.button[class*=icon-]{padding:.3em .8em 0 1.2em;}
}
.button[class*=icon-]:before{-webkit-box-ordinal-group:2;float:right;font-size:1.2rem;margin-left:8px;order:1;}
.button:hover{background-size:100% 100%;}
.button-primary{border:0;}
body .button-primary{background-color:#001823;background-image:-webkit-gradient(linear,left bottom,left top,from(#687278),to(#687278));background-image:linear-gradient(0,#687278,#687278);color:#fff;}
body .button-primary:focus{background-color:#687278;color:#fff;}
body .button-primary:active{background-color:#687278;color:#fff;}
.button-secondary{border:0;}
body .button-secondary{background-color:#7ed9ff;background-image:-webkit-gradient(linear,left bottom,left top,from(#1abcff),to(#1abcff));background-image:linear-gradient(0,#1abcff,#1abcff);color:#001823;}
body .button-secondary:focus{background-color:#1abcff;color:#001823;}
body .button-secondary:active{background-color:#1abcff;color:#001823;}
h2,h3,h4{font-style:normal;font-weight:700;margin-top:40px;}
h2:first-child,h3:first-child,h4:first-child{margin-top:0;}
h2{margin-bottom:15px;}
@media (min-width: 320px){
h2{margin-bottom:20px;}
}
h3{margin-bottom:15px;}
h4{margin-bottom:15px;}
h2{font-size:1.6rem;font-weight:700;line-height:2.1rem;}
body h2{color:#005ba9;}
@media (min-width: 768px){
h2{font-size:1.9rem;line-height:136.842%;}
}
h3{font-size:1.2rem;line-height:1.55rem;}
body h3{color:#001823;}
@media (min-width: 768px){
h3{font-size:1.5rem;line-height:1.95rem;}
}
body .dark-background h3{color:#fff;}
h4{font-size:.9rem;font-weight:600;line-height:1.15rem;}
body h4{color:#001823;}
@media (min-width: 768px){
h4{font-size:1rem;line-height:1.3rem;}
}
a{word-wrap:break-word;background-position:0 100%;background-repeat:repeat-y;background-size:0 100%;border-bottom:2px solid;font-weight:600;position:relative;text-decoration:none;-webkit-transition:background-image 1s,color 1s;transition:background-image 1s,color 1s;-webkit-transition:background-size .2s,color .2s;transition:background-size .2s,color .2s;word-break:break-word;}
body a{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ccdeee),to(#ccdeee));background-image:linear-gradient(180deg,#ccdeee 0,#ccdeee);border-color:#005ba9;color:#005ba9;}
a:focus,a:hover{background-size:100% 100%;}
a:after,a:before{border:0;display:inline;font-size:1.3em;line-height:1.4em;margin-left:5px;-webkit-transition:margin .1s ease-in;transition:margin .1s ease-in;vertical-align:middle;}
a.button{-webkit-box-align:center;-webkit-box-pack:justify;-webkit-box-align:start;align-items:center;align-items:flex-start;background-image:inherit;border-bottom:0;cursor:pointer;display:-webkit-inline-box;display:inline-flex;font-family:Fira Sans,sans-serif;font-size:.8rem;font-weight:600;justify-content:space-between;line-height:175%;padding:.6em 15px 8px;position:relative;text-align:center;text-align:left;}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
a.button{padding:.3em .8em 0 1.2em;}
}
a.button:before{-webkit-box-ordinal-group:2;float:right;font-size:1.2rem;margin-left:8px;order:1;}
a.button:not([class*=icon]){-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-inline-box;display:inline-flex;justify-content:space-between;position:relative;text-align:left;}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
a.button:not([class*=icon]){padding:.3em .8em 0 1.2em;}
}
a.button:not([class*=icon]):before{-webkit-box-ordinal-group:2;float:right;font-size:1.2rem;margin-left:8px;order:1;}
a.button:not([class*=icon]):after{content:"";}
a.button:after{margin-left:8px;}
a.button:not(.no-icon):not([class^=icon-]):not([download])[href^="https://"]:not([href*="gent.be"]){-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-inline-box;display:inline-flex;justify-content:space-between;position:relative;text-align:left;}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){
a.button:not(.no-icon):not([class^=icon-]):not([download])[href^="https://"]:not([href*="gent.be"]){padding:.3em .8em 0 1.2em;}
}
a.button:not(.no-icon):not([class^=icon-]):not([download])[href^="https://"]:not([href*="gent.be"]):before{-webkit-box-ordinal-group:2;float:right;font-size:1.2rem;margin-left:8px;order:1;}
a.button:not(.no-icon):not([class^=icon-]):not([download])[href^="https://"]:not([href*="gent.be"]):after{content:"";}
a[href^="https://"]:not(.no-icon):not(.tag):not([href*="gent.be"]):after{content:"";}
ul{font-size:.9rem;position:relative;}
ul>li{margin:0 0 10px;}
ul>li:last-child{margin-right:0;}
ul a{font-weight:400;}
ul{list-style-type:square;margin-left:20px;}
p{font-size:.9rem;line-height:177.778%;margin-bottom:20px;margin-top:20px;}
body .dark-background p{color:#fff;}
*{-webkit-overflow-scrolling:touch;}
.footer{margin:60px -20px 0;}
@media (min-width: 960px){
.footer{margin-top:280px;}
}
.footer h4{margin-bottom:15px;margin-top:0;}
.footer .content-container{display:-webkit-box;display:flex;flex-wrap:wrap;max-width:1223px;}
@media (min-width: 1223px){
.footer .content-container{gap:45px;max-width:1170px;padding-left:0;padding-right:0;}
}
.footer .footer-top{background-color:#e6f8ff;}
@media (min-width: 960px){
body .footer .footer-top{background-color:#e6f8ff;}
}
.footer .footer-top .content-container{padding-top:0;}
@media (min-width: 960px){
.footer .footer-top .content-container{padding-bottom:70px;}
}
.footer .footer-top .footer--column{-webkit-box-flex:0;flex-basis:100%;flex:0 0 auto;margin-left:0;padding:20px 20px 60px;width:100%;}
body .footer .footer-top .footer--column{background-color:#e6f8ff;}
.footer .footer-top .footer--column:first-of-type{background-color:transparent;padding-bottom:20px;}
.footer .footer-top .footer--column:nth-of-type(2){margin-top:-74px;padding-bottom:20px;padding-top:90px;}
@media (min-width: 768px){
.footer .footer-top .footer--column{margin-top:-74px;padding-top:90px;width:50%;}
.footer .footer-top .footer--column:first-of-type{background-color:transparent;flex-basis:100%;margin-left:0;margin-top:0;padding-top:0;width:100%;}
}
@media (min-width: 1223px){
.footer .footer-top .footer--column{padding-left:0;padding-right:0;}
.footer .footer-top .footer--column:first-of-type{padding-right:20px;}
}
@media (min-width: 960px){
.footer .footer-top .footer--column{flex-basis:calc(25% - 33.75px);margin-bottom:0;margin-left:0;margin-top:58px;padding-bottom:20px;width:calc(25% - 33.75px);}
.footer .footer-top .footer--column:nth-of-type(2),.footer .footer-top .footer--column:nth-of-type(3){margin-top:0;}
.footer .footer-top .footer--column:first-of-type{-webkit-box-ordinal-group:2;flex-basis:calc(50% - 22.5px);margin-left:0;margin-top:0;order:1;width:calc(50% - 22.5px);}
}
@media (min-width: 1224px){
.footer .footer-top .footer--column:first-of-type{padding-left:0;padding-right:0;}
}
.footer .footer-top .footer--column a{font-size:.8rem;}
.footer .footer-top ul{list-style:none;margin:0;}
.footer .footer-bottom{-webkit-box-align:center;align-items:center;display:-webkit-box;display:flex;flex-wrap:wrap;font-size:.7rem;gap:20px;padding:20px;}
@media (min-width: 1223px){
.footer .footer-bottom{padding:20px 0;}
}
.footer .footer-bottom.content-container{-webkit-box-pack:justify;justify-content:space-between;}
.footer .footer-bottom ul{font-size:.7rem;list-style:none;margin:0;}
.footer .footer-bottom li{margin-bottom:4px;}
@media (min-width: 768px){
.footer .footer-bottom li{display:inline-block;padding:0 8px;}
.footer .footer-bottom li:first-of-type{padding-left:0;}
}
.footer .footer-bottom .partnership{font-size:.7rem;line-height:150%;}
.footer .footer-bottom .partnership i.icon-district09{font-size:1.4rem;margin-left:10px;vertical-align:middle;}
.footer .footer-bottom .footer--column{-webkit-box-ordinal-group:3;order:2;width:100%;}
.footer .footer-bottom .footer--column.partnership{-webkit-box-ordinal-group:2;order:1;}
@media (min-width: 960px){
.footer .footer-bottom .footer--column{width:auto;}
}
.gentinfo-block{display:inline-block;font-size:.8rem;line-height:1.75;margin-bottom:36px;padding:1.5rem;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1;}
body .gentinfo-block{color:#fff;}
.gentinfo-block:before{bottom:-35px;content:"";height:36px;left:0;position:absolute;width:100px;}
body .gentinfo-block:before{background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='36' viewBox='0 0 36 19'%3E%3Cpath fill='%23005ba9' fill-rule='evenodd' d='M50.07 0C31.225 0 26.785 7.447 25.266 18h-.391C23.355 7.447 18.915 0 .07 0h50Z'/%3E%3C/svg%3E");background-position:100%;background-repeat:no-repeat;background-size:100%;}
body .gentinfo-block{background-color:#005ba9;}
@media (min-width: 960px){
.gentinfo-block{margin:-8.4rem 0 0;padding:2.25rem;text-align:left;}
}
@media (min-width: 768px){
.gentinfo-block{width:100%;}
}
.gentinfo-block:before{left:calc(50% - 2.5rem);}
@media (min-width: 960px){
.gentinfo-block:before{left:0;}
}
.gentinfo-block .gentinfo-block-content{text-align:left;width:100%;}
.gentinfo-block .gentinfo-block-content h3{margin:0 0 1rem;}
.gentinfo-block .gentinfo-chat-button{font-weight:600;margin-top:1rem;width:auto;}
.gentinfo-block .gentinfo-chat-button:before{font-size:1.2rem;position:relative;top:.1rem;}
    
    a, button.button-secondary , a.button-primary {
        text-decoration: none !important;
		background-image: linear-gradient(180deg, #ccdeee 0, #ccdeee);
		word-wrap: break-word;
		background-position: 0 100%;
		background-repeat: repeat-y;
		transition: background-size .2s, color .2s;
        &:focus, &:hover {
			background-size: 100% 100%;
        }
    }
    
    .footer{
		margin-left: 0;
		margin-right: 0;
	}

    text-align: left;

    .gentinfo-block {
        background-color: #005BA9;
        color: #FFFFFF;
        .gentinfo-title {
            color: #FFFFFF;
        }
        &::before {
            background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='36' viewBox='0 0 36 19'%3E%3Cpath fill='%23005ba9' fill-rule='evenodd' d='M50.07 0C31.225 0 26.785 7.447 25.266 18h-.391C23.355 7.447 18.915 0 .07 0h50Z'/%3E%3C/svg%3E");
            background-position:100%;
            background-repeat:no-repeat;
            background-size:100%;
        }
    }

    button.button-secondary {
		background-image: linear-gradient(0, #1abcff, #1abcff);
        background-color: #7ED9FF !important;
        color: #001823 !important;
    }

    a.button.button-primary{
		background-image: linear-gradient(0, #687278, #687278);
        background-color: #001823 !important;
        color: #FFFFFF !important;
    }


}

body [contenteditable]:focus, body [tabindex]:not([tabindex="-1"]):focus, body a[href]:focus, body area[href]:focus, body button:not([disabled]):focus, body embed:focus, body iframe:focus, body input:not([disabled]):focus, body object:focus, body select:not([disabled]):focus, body textarea:not([disabled]):focus {
  outline-color: #001823;
}

[contenteditable]:focus, [tabindex]:not([tabindex="-1"]):focus, a[href]:focus, area[href]:focus, button:not([disabled]):focus, embed:focus, iframe:focus, input:not([disabled]):focus, object:focus, select:not([disabled]):focus, textarea:not([disabled]):focus {
    outline: 2px solid;
    outline-offset: 2px;
}