@import 'https://onderzoek.amsterdam.nl/static/style/index.css';

.survey-root ul
{
    list-style: disc;
}

div.noselect.ellipsis
{
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 500px)
{
  aside.left { display:none; }
  main.joined { grid-template-columns: 0fr minmax(0, var(--main-width)) 0fr; }
  main.joined>div { padding: 0; }

}

main.joined {
	grid-template-areas: "top top top" "left center right";
  	grid-template-rows: auto 1fr;
}

main.joined,
main.standalone {
	min-height: calc(100vh - 320px);
}

main.joined h1.portal-header  {
	grid-area: top;
   margin: 40px 16px;
}

h1.portal-header {
	margin: 40px 0;
}

.bottom > div {
   padding: 20px 0;
}

p > a, span > a {
   text-decoration: underline !important;
}

main aside ul
{
   color: var(--blue);
}

li a[data-variant=inList]
{
  align-items: baseline;
}
.chevron-right
{
   background-image:var(--chevron);
   background-repeat: no-repeat;
   max-width:14px;
   max-height:14px;
   min-width: 14px;
   min-height: 14px;
   transform:rotate(-90deg);
   display:inline-block;
}

.chevron-right.blue
{
   background-image:var(--chevron-blue);
}

.chevron-right.white
{
   background-image:var(--chevron-white);
}

aside ul.markdown
{
   padding: 0;
   white-space: nowrap;
}

aside
{
   padding: 0 1rem;
}


div label
{
	display: inline-block;
}

.survey-element-container
{ 
 line-height: var(--level-5-line-height);
}

.survey_element ul, .survey_element ol
{
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-weight: inherit;
    list-style: inherit;
}

.application-dialog a
{
    font-size: inherit;
    line-height:  inherit;
    color:  inherit;
    font-weight:  inherit;
    display: inline-block;
    align-items: normal;
    overflow-wrap:  inherit;
    text-decoration-line:  inherit;
    text-decoration-thickness:  inherit;
    text-underline-offset:  inherit;
    cursor:  inherit;
}

.application-dialog button
{
    border: revert;
    padding: revert;
    background-color: revert;
    color: revert;
}

h1, h2, h3, h4, h5, h6
{
 margin-bottom: 1rem;
}

p > a, p > span > a
{
   font-weight:bold;
}

li a 
{
font-weight:400;
}

p a:hover
{
  text-decoration:underline;
}

.dialog a { color: unset; }

.home_logo
{
margin-top: 0.3rem;
margin-left: 0.9rem
}

#wide_primary_menu
{
/* background-color: #f5f5f5; */
}

.dialog a
{
  color: unset;
}

nav.em-60-+.portal-main-body>.portal-main-body-middle>.portal-main-body-center { padding-left: 1rem; padding-right: 1rem }

nav.menubar.em-20>ul { padding: 0 1.2rem }

div.portal-main { margin-bottom: 0 }