.columns { padding: 0px 20px; } .columns > .silk-listItem { padding: 20px 10px 20px 10px; } .columns > .silk-listItem:nth-child( 1 ) { padding-left: 0px; } /* spanning */ @media ( min-width: 901px ) { .columns.span-4 > .silk-listItem:nth-child( 1 ), .columns.span-4 > .silk-listItem:nth-child( 1n + 4 ) { width: 25.00%; } .columns.span-4 > .silk-listItem:nth-child( 2 ), .columns.span-4 > .silk-listItem:nth-child( 2n + 4 ) { width: 25.00%; } .columns.span-4 > .silk-listItem:nth-child( 3 ), .columns.span-4 > .silk-listItem:nth-child( 3n + 4 ) { width: 25.00%; } .columns.span-4 > .silk-listItem:nth-child( 4 ), .columns.span-4 > .silk-listItem:nth-child( 4n + 4 ) { width: 25.00%; } .columns.span-4 > .silk-listItem:nth-child( 4n ) { padding-right: 0px; } .columns.span-4 > .silk-listItem:nth-child( 4n + 1 ) { padding-left: 0px; } } @media ( min-width: 481px ) and ( max-width: 900px ) { .columns.span-4 > .silk-listItem:nth-child( 1 ), .columns.span-4 > .silk-listItem:nth-child( 1n + 2 ) { width: 50.00%; } .columns.span-4 > .silk-listItem:nth-child( 2 ), .columns.span-4 > .silk-listItem:nth-child( 2n + 2 ) { width: 50.00%; } .columns.span-4 > .silk-listItem:nth-child( 2n ) { padding-right: 0px; } .columns.span-4 > .silk-listItem:nth-child( 2n + 1 ) { padding-left: 0px; } } @media ( max-width: 480px ) { .columns.span-4 > .silk-listItem:nth-child( 1 ), .columns.span-4 > .silk-listItem:nth-child( 1n + 1 ) { width: 100.00%; } .columns.span-4 > .silk-listItem:nth-child( 1n ) { padding-right: 0px; } .columns.span-4 > .silk-listItem:nth-child( 1n + 1 ) { padding-left: 0px; } } @media ( min-width: 901px ) { .columns.span-3 > .silk-listItem:nth-child( 1 ), .columns.span-3 > .silk-listItem:nth-child( 1n + 3 ) { width: 33.33%; } .columns.span-3 > .silk-listItem:nth-child( 2 ), .columns.span-3 > .silk-listItem:nth-child( 2n + 3 ) { width: 33.33%; } .columns.span-3 > .silk-listItem:nth-child( 3 ), .columns.span-3 > .silk-listItem:nth-child( 3n + 3 ) { width: 33.33%; } .columns.span-3 > .silk-listItem:nth-child( 3n ) { padding-right: 0px; } .columns.span-3 > .silk-listItem:nth-child( 3n + 1 ) { padding-left: 0px; } } @media ( min-width: 481px ) and ( max-width: 900px ) { .columns.span-3 > .silk-listItem:nth-child( 1 ), .columns.span-3 > .silk-listItem:nth-child( 1n + 2 ) { width: 50.00%; } .columns.span-3 > .silk-listItem:nth-child( 2 ), .columns.span-3 > .silk-listItem:nth-child( 2n + 2 ) { width: 50.00%; } .columns.span-3 > .silk-listItem:nth-child( 2n ) { padding-right: 0px; } .columns.span-3 > .silk-listItem:nth-child( 2n + 1 ) { padding-left: 0px; } } @media ( max-width: 480px ) { .columns.span-3 > .silk-listItem:nth-child( 1 ), .columns.span-3 > .silk-listItem:nth-child( 1n + 1 ) { width: 100.00%; } .columns.span-3 > .silk-listItem:nth-child( 1n ) { padding-right: 0px; } .columns.span-3 > .silk-listItem:nth-child( 1n + 1 ) { padding-left: 0px; } } @media ( min-width: 901px ) { .columns.span-1-2 > .silk-listItem:nth-child( 1 ), .columns.span-1-2 > .silk-listItem:nth-child( 1n + 2 ) { width: 33.33%; } .columns.span-1-2 > .silk-listItem:nth-child( 2 ), .columns.span-1-2 > .silk-listItem:nth-child( 2n + 2 ) { width: 66.67%; } .columns.span-1-2 > .silk-listItem:nth-child( 2n ) { padding-right: 0px; } .columns.span-1-2 > .silk-listItem:nth-child( 2n + 1 ) { padding-left: 0px; } } @media ( min-width: 481px ) and ( max-width: 900px ) { .columns.span-1-2 > .silk-listItem:nth-child( 1 ), .columns.span-1-2 > .silk-listItem:nth-child( 1n + 2 ) { width: 50.00%; } .columns.span-1-2 > .silk-listItem:nth-child( 2 ), .columns.span-1-2 > .silk-listItem:nth-child( 2n + 2 ) { width: 50.00%; } .columns.span-1-2 > .silk-listItem:nth-child( 2n ) { padding-right: 0px; } .columns.span-1-2 > .silk-listItem:nth-child( 2n + 1 ) { padding-left: 0px; } } @media ( max-width: 480px ) { .columns.span-1-2 > .silk-listItem:nth-child( 1 ), .columns.span-1-2 > .silk-listItem:nth-child( 1n + 1 ) { width: 100.00%; } .columns.span-1-2 > .silk-listItem:nth-child( 1n ) { padding-right: 0px; } .columns.span-1-2 > .silk-listItem:nth-child( 1n + 1 ) { padding-left: 0px; } } @media ( min-width: 901px ) { .columns.span-2-1 > .silk-listItem:nth-child( 1 ), .columns.span-2-1 > .silk-listItem:nth-child( 1n + 2 ) { width: 66.67%; } .columns.span-2-1 > .silk-listItem:nth-child( 2 ), .columns.span-2-1 > .silk-listItem:nth-child( 2n + 2 ) { width: 33.33%; } .columns.span-2-1 > .silk-listItem:nth-child( 2n ) { padding-right: 0px; } .columns.span-2-1 > .silk-listItem:nth-child( 2n + 1 ) { padding-left: 0px; } } @media ( min-width: 481px ) and ( max-width: 900px ) { .columns.span-2-1 > .silk-listItem:nth-child( 1 ), .columns.span-2-1 > .silk-listItem:nth-child( 1n + 2 ) { width: 50.00%; } .columns.span-2-1 > .silk-listItem:nth-child( 2 ), .columns.span-2-1 > .silk-listItem:nth-child( 2n + 2 ) { width: 50.00%; } .columns.span-2-1 > .silk-listItem:nth-child( 2n ) { padding-right: 0px; } .columns.span-2-1 > .silk-listItem:nth-child( 2n + 1 ) { padding-left: 0px; } } @media ( max-width: 480px ) { .columns.span-2-1 > .silk-listItem:nth-child( 1 ), .columns.span-2-1 > .silk-listItem:nth-child( 1n + 1 ) { width: 100.00%; } .columns.span-2-1 > .silk-listItem:nth-child( 1n ) { padding-right: 0px; } .columns.span-2-1 > .silk-listItem:nth-child( 1n + 1 ) { padding-left: 0px; } } @media ( min-width: 481px ) { .columns.span-2 > .silk-listItem:nth-child( 1 ), .columns.span-2 > .silk-listItem:nth-child( 1n + 2 ) { width: 50.00%; } .columns.span-2 > .silk-listItem:nth-child( 2 ), .columns.span-2 > .silk-listItem:nth-child( 2n + 2 ) { width: 50.00%; } .columns.span-2 > .silk-listItem:nth-child( 2n ) { padding-right: 0px; } .columns.span-2 > .silk-listItem:nth-child( 2n + 1 ) { padding-left: 0px; } } @media ( max-width: 480px ) { .columns.span-2 > .silk-listItem:nth-child( 1 ), .columns.span-2 > .silk-listItem:nth-child( 1n + 1 ) { width: 100.00%; } .columns.span-2 > .silk-listItem:nth-child( 1n ) { padding-right: 0px; } .columns.span-2 > .silk-listItem:nth-child( 1n + 1 ) { padding-left: 0px; } } /* No media query */ .columns.span-1 > .silk-listItem:nth-child( 1 ), .columns.span-1 > .silk-listItem:nth-child( 1n + 1 ) { width: 100.00%; } .columns.span-1 > .silk-listItem:nth-child( 1n ) { padding-right: 0px; } .columns.span-1 > .silk-listItem:nth-child( 1n + 1 ) { padding-left: 0px; } .silk-object.column { position: relative; width: 100%; height: 100%; } .silk-object.column > .silk-list { display: flex; flex-direction: column; flex-wrap: nowrap; height: 100%; } .silk-object.column .silk-elm.title { font-weight: bold; font-size: 18px; margin: 0px; } .silk-object.column .image { } .silk-object.column .silk-elm.image > img { display: block; width: 100%; height: 340px; max-height: 340px; object-fit: cover; /* Dit is voor ObjectFitImages(), specifiek voor IE */ font-family: "object-fit: cover;"; } .silk-object.column .silk-elm.link > a { text-decoration: none; } .silk-object.column .silk-elm.link.full > a { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: transparent; } body[data-simply-edit] .silk-object.column .silk-elm.link.full > a { left: auto; width: 50px; right: 0px; }