:root {
    --success   : #95c11f;
    --warning   : #fc8c24;
    --green     : #95c11f;
    --darkgreen : #84b500;
    --orange    : #fc8c24;
    --damgrey   : #4e4e4e;
    --page-max-width                    : 1440px;
    --dam-font                          : 'Capita', sans-serif;
    --font-size                         : 14px;
    --cassiopeia-color-primary          : var(--damgrey);
    --cassiopeia-color-gradient-start   : var(--damgrey);
    --cassiopeia-color-gradient-end     : var(--damgrey);
    --cassiopeia-color-link             : var(--darkgreen);
    --cassiopeia-color-hover            : var(--green);
    --border-radius                     : 0.5rem;
    --pagination-active-bg              : var(--green);
    --pagination-active-border-color    : var(--green);
    --pagination-active-color           : white;
}

@font-face {
    font-family: 'Capita';
    src: url('../font/capita/2A6B2B_0_0.eot');
    src: url('../font/capita/2A6B2B_0_0.eot?#iefix') format('embedded-opentype'),
         url('../font/capita/2A6B2B_0_0.woff') format('woff'),
         url('../font/capita/2A6B2B_0_0.ttf') format('truetype');
}

/* LAYOUT */
body.wrapper-fluid .site-grid {
    grid-gap: 0 10px !important;
}

.site-grid,
.container-header,
.container-footer {
    width: 100%;
    max-width: var(--page-max-width);
    margin: 10px auto;
}

/* HEADER & FOOTER */
.container-header,
.container-footer {
    margin: 0;
    background-image: none;
    background-color: var(--damgrey) !important;
}

.bg-damgrey {
    background-color: var(--damgrey);
}

.container-header .container-topbar {
    display: flex;
    align-items: flex-end;
    flex-wrap: nowrap;
}

@media (min-width: 768px) {
    .container-header,
    .container-footer {
        width: calc(100% - 20px);
        margin: 10px auto;
        border-radius: var(--border-radius);
    }
    .container-header .mod-menu {
        flex-direction: row;
    }
    .dam-logo > img {
        width: 180px;
    }
}

html {background-color: #e2e2e2;}
.view-mytransfers,
.view-myposts {
    xmargin-bottom: 70px !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {font-family: Capita !important; text-decoration: none !important;}

/* Links */
a, a:hover, a:focus {color: var(--darkgreen); text-decoration: none !important;}

/* Logo */
.dam-logo > img {
    width: 250px;
}

/* Menu links */
.container-header .mod-menu a {
    color: #ffffff;
}

.mod-menu a {
    font-family: var(--dam-font);
    font-size: 12px;
}

.mod-menu .fa::before {
    font-size: 20px;
}

.mod-menu a:hover,
.mod-menu a:focus,
.mod-menu li.current > a,
.mod-menu li.active > a {
    color: var(--green);
}

.container-header .mod-menu li.current > a,
.container-header .mod-menu li.active > a {
    font-weight: bold;
}

/* Move edit link to TVP toolbar — hide original position */
.item-page .content-links .article-edit-link { display: none !important; }

/* Registration form */
.view-registration legend {display: none;}

/* Profile */
.view-profile legend {display: none;}
#jform_com_fields__profielfoto__alt_text-lbl,
#jform_com_fields__profielfoto__alt_text,
#jform_com_fields__profielfoto__alt_empty-lbl,
#jform_com_fields__profielfoto__alt_empty-lbl,
#jform_com_fields__profielfoto__alt_empty,
#jform_com_fields__profielfoto__alt_empty-desc {
  display: none;}
  
/* Hide Joomla's default article edit/icons block — TVP toolbar handles this */
.item-page .icons {
    display: none !important;
}

/* Hide the original com_content edit link below article content */
.item-page .content-links {
    display: none !important;
}

/* Single article — intro image: float left on desktop, centered on mobile */
.item-page .article-imgintro {
    float: left;
    margin: 0 1.5rem 1rem 0;
}

/* After article text — clear float so contact form and tags start below image */
.item-page .article-fulltext::after,
.item-page .vp-contact-form {
    clear: both;
    display: block;
}

@media (max-width: 767px) {
    .item-page .article-imgintro {
        float: none !important;
        display: block;
        margin: 0 auto 1rem auto;
        text-align: center;
    }
}

/* Login */
.dam-login,
.vp-newtransfer {
    max-width: 800px;
    margin: 0 auto;
}