/*
--------------------------------------------------------------------------------
Place overrides here that are required for iframe styles.
--------------------------------------------------------------------------------
*/

.container {
    /* width: 1024px; */
    /* max-width: 1200px; min-width: 1024px; */
}

.kaartmenu-container {
    /*width: 1024px;*/
}

/* --- If you want to remove .vignet --- */
body.home .vignet,
body.page .vignet {
    display: none;
}

/* --- Hide main menu: this breaks stuff, because a background image is used on the `header` container, so a translation is needed. ---*/
.hoofdmenu { /* height = 48px */
    visibility: hidden;
}

header,
.optiebalk,
.kaartmenu-container {
    top: -48px;
}

/* ---- because there is no menu, there's no need to hide it --- */
.printpage header {
    top: 0px;
}

/* --- If you hide/remove .cro_bar in '_header.twig' --- */
.cro_bar { /* height = 16px */
    display: none;
}
#map {
    top: 159px; /* 207px -48px */
}

/* --- height offset -- */

.zijkolom  {
    top: 159px; /* also change four values in `frontend.js` */
}

/* --- Removing items in `.route-knoppen` on the result column, adjust share modal --- */
#delen-dialoog-modal {
    left: 19px;
}