.ngi-project { max-width: 100% !important; margin: 0 !important; padding: 0 !important; color: #303030 !important; line-height: 1.7 !important; font-size: 16px !important; }
.ngi-project h2 { color: #4a6375 !important; font-size: 1.5em !important; margin: 2em 0 0.6em !important; padding-bottom: 8px !important; border-bottom: 3px solid #d9206d !important; text-transform: none !important; }
.ngi-project h2:first-child { margin-top: 0 !important; }
.ngi-project h3 { color: #4a6375 !important; font-size: 1.15em !important; margin: 1.5em 0 0.5em !important; text-transform: none !important; }
.ngi-project p, .ngi-project li { font-size: 16px !important; line-height: 1.7 !important; }
.ngi-project a { color: #d9206d !important; text-decoration: underline !important; }
.ngi-project a:hover, .ngi-project a:focus { color: #a3164f !important; }
.ngi-project a:focus-visible { outline: 3px solid #4a6375 !important; outline-offset: 2px !important; }

.ngi-project ul.ngi-links { list-style: none !important; padding: 0 !important; margin: 0 0 1em !important; display: grid !important; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important; gap: 10px !important; clear: both !important; }
.ngi-project ul.ngi-links li { list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; }
.ngi-project ul.ngi-links li::before, .ngi-project ul.ngi-links li::after { content: none !important; display: none !important; }
.ngi-project ul.ngi-links a { display: block !important; box-sizing: border-box !important; width: 100% !important; padding: 12px 16px !important; background: #ffffff !important; background-color: #ffffff !important; border: 1px solid #dfdfdf !important; border-left: 4px solid #d9206d !important; border-radius: 4px !important; box-shadow: none !important; text-decoration: none !important; text-transform: none !important; letter-spacing: normal !important; line-height: 1.4 !important; color: #303030 !important; font-weight: 500 !important; font-size: 16px !important; }
.ngi-project ul.ngi-links a:hover, .ngi-project ul.ngi-links a:focus { background: #fdf2f7 !important; background-color: #fdf2f7 !important; color: #303030 !important; text-decoration: underline !important; }

.ngi-project .ngi-student { background: #fdf2f7 !important; background-color: #fdf2f7 !important; border-left: 4px solid #d9206d !important; border-radius: 0 4px 4px 0 !important; padding: 14px 20px !important; margin: 0 0 1.5em !important; }
.ngi-project .ngi-student p { margin: 0 !important; }
.ngi-project .ngi-student strong { color: #4a6375 !important; font-size: 1.1em !important; }

.ngi-project ol.ngi-findings { list-style: none !important; counter-reset: finding !important; padding: 0 !important; margin: 0 0 1.5em !important; }
.ngi-project ol.ngi-findings > li { counter-increment: finding !important; position: relative !important; padding: 14px 16px 14px 56px !important; margin: 0 0 10px !important; background: #f8fafb !important; background-color: #f8fafb !important; border-radius: 4px !important; }
.ngi-project ol.ngi-findings > li::before { content: counter(finding) !important; position: absolute !important; left: 14px !important; top: 14px !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #d9206d !important; background-color: #d9206d !important; color: #ffffff !important; font-weight: 600 !important; font-size: 15px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.ngi-project ol.ngi-findings p { margin: 0 !important; }
.ngi-project ol.ngi-findings .ngi-ref { font-size: 14px !important; color: #5f6b76 !important; margin-top: 4px !important; }

.ngi-project .ngi-footer { margin-top: 2.5em !important; padding-top: 16px !important; border-top: 1px solid #dfdfdf !important; font-size: 14px !important; color: #5f6b76 !important; }

/* Added by the NLnet importer: media, tagline, meta, topics */
.ngi-project .ngi-media { float: right !important; width: 180px !important; max-width: 40% !important; margin: 0 0 1em 1.5em !important; text-align: center !important; }
.ngi-project .ngi-media img { max-width: 160px !important; height: auto !important; display: block !important; margin: 0 auto 12px !important; }
.ngi-project .ngi-media .ngi-photo { max-width: 180px !important; border-radius: 4px !important; }
.ngi-project .ngi-tagline { font-size: 1.1em !important; color: #4a6375 !important; margin: 0 0 1em !important; }
.ngi-project .ngi-meta { color: #5f6b76 !important; font-size: 15px !important; }
.ngi-project .ngi-topics { clear: both !important; }
@media (max-width: 600px) { .ngi-project .ngi-media { float: none !important; width: auto !important; max-width: none !important; margin: 0 0 1em !important; } }

