.card {
    max-width: 2000px;
    padding:1px;
    padding-top: 1px!important;
}
.card > *:not(div):not(img):first-child {
    padding-top: 30px;
}
.card > *:not(div):not(img):last-child {
    padding-bottom: 30px;
}
.card > img {
    display: block!important;
}
.card h1 {
  
}
.ro-blocks {
    margin: auto;
}
.ro-blocks > *, .card {
    background-color: #fff;
    box-shadow: 1px 0px 0px 0px rgba(169,182,194,0.5), -1px 0px 0px 0px rgba(169,182,194,0.5);
    padding-left: 2px;
    padding-right: 2px;
}
.ro-blocks > *:first-child, .card:first-child {
    box-shadow: 0px 0px 0px 1px rgba(169,182,194,0.5);
    padding-top: 1px;
}
.ro-blocks > *:last-child, .card:last-child {
    box-shadow: 0px 0px 0px 1px rgba(169,182,194,0.5), 0px 2px 0px 0px rgba(100,110,120,0.3);
    padding-bottom: 1px;
}
.ro-blocks * {
    background-size:cover!important;
    background-position: center;
}
.ro-blocks *[class*="grid"] > * {
    position: relative;
}
.ro-blocks *[class*="grid"] > *:not(:last-child) {
    border-right:1px solid #fff;
}
.ro-blocks *[class*="grid"] > * {
    border-top:1px solid #fff;
}
.grid- {
	display: flex!important;
	flex-direction: row!important;
	flex-wrap: wrap;
	
}
div:has(.ro-block-image-overlay) {
	min-height: 100px;
}
.ro-block-image-overlay {
    position: absolute;
    right: 15px;
    bottom:auto;
    top: calc(100% - 115px)!important;
	min-height: 100px!important;
	display: flex;
	flex-direction: column;
}
.ro-block-image-overlay > * {
	margin-bottom: 0px;
	margin-top: auto;
}
.ro-block-image-overlay-inner {
    width: 100%;
    background-color:rgba(255,255,255,0.95);
    padding: 5px 10px;
    border:1px solid #f6f6f6;
}
.ro-blocks *[class*="-divider"] {
    background-color: rgba(250,252,255,1);
}

div[style*="background-image"][onClick*="href"] {
    background-color:#DEE1E4;
    cursor: pointer;
    background-size:  cover!important;
    background-position: center;
    transition:0.2s ease all!important;
}

.molenaar-thumbgrid-row > div {
	overflow: hidden!important; 
}



.isdev div[style*="background-image"][onClick*="href"]:has(a) {
	border:2px solid red;
}
div[style*="background-image"][onClick*="href"]:not(:has(a)):hover {
    background-size: cover!important; 
	transform: scale(1.1,1.1);

    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.2);
}
.molenaar-thumbgrid-row > div, 
div[onClick*="href"]  {
	display: flex;
	flex-direction: column;
}

.molenaar-thumbgrid-row div,
div[onClick*="href"] img {
	margin: 0px;
	min-height: 100%;
}
div[onClick*="href"] img { 
	 transition:0.4s ease all!important;
}
div[onClick*="href"],  div[onClick*="href"] *:has(img) {
	overflow: hidden;
} 
div[onClick*="href"]:hover img {
	transform: scale(1.1,1.1);
	 transition:0.2s ease all!important;
}
.template-projecten .card h1.jumbo {
    transition: 0.1s ease all!important;
}
/*.scrolled-half.template-projecten .card h1.jumbo {
    
    position: fixed;
    top: 0px;
    left: 160px;
    right: 0px;
    padding-right: 160px;
    text-align: center;
    background: linear-gradient(to bottom, rgba(242,245,246,0.9) 0%, rgba(242,245,246,0.4) 60% , rgba(242,245,246,0) 100%);
    padding-bottom: 50px;
    z-index: 999999;
    font-size: 40px;
    line-height: 40px;
    padding-top: 10px!important;
}*/
.menco-projects-back-button-top {
    position: absolute; top: 10px; left: 10px;
    transform: scale(0.75,0.75);
    transform-origin: top left;
}
.scrolled-100.template-projecten .menco-projects-back-button-top {
    position: fixed;
    top: 10px;
  
    left: 200px;
    z-index: 999991231;
    transform-origin: bottom left;
    transform: scale(0.75,0.75);
}
/*.scrolled-half.template-projecten .menco-projects-back-button-top {
    position: fixed;
    top: auto!important;
    bottom: 100px!important;
    left: 10px;
    z-index: 999991231;
    transform-origin: bottom left;
    transform: scale(0.75,0.75);
}*/
body.template-projecten .grid-3-p2 {
    background-color: #D2D9DF;
}
.molenaar-thumbgrid-row {
    grid-gap: 5px!important;
    margin-bottom:5px;
}

.molenaar-thumbgrid-row div[style*="background-image"] {
    aspect-ratio:5/4;
    min-height: 80px;
}
.molenaar-thumbfluidgrid-row:not(.grid-) {
    display: block!important;
}
.molenaar-thumbfluidgrid-row {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
}
.molenaar-thumbfluidgrid-row > * { 
    display: inline-block;
    max-width: 300px;
    margin:25px!important;
}
@media (max-width:1260px) {
    .molenaar-thumbfluidgrid-row > * { 
       
        max-width: calc(30vw - 100px);
        margin:25px!important;
    }
}

@media (max-width:960px) {
    .molenaar-thumbfluidgrid-row {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .molenaar-thumbfluidgrid-row > * { 
       
        max-width: calc(30vw - 80px);
        margin:15px!important;
    }
}

@media (max-width:940px) {
    .molenaar-thumbfluidgrid-row {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .molenaar-thumbfluidgrid-row > * { 
       
        max-width: calc(33vw - 70px);
        margin:10px!important;
    }
    .ro-block-image-overlay  {
        right: 0px;
        left: 0px;
        bottom:0px;
    }
}
@media (max-width:720px) {
    .molenaar-thumbfluidgrid-row {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .molenaar-thumbfluidgrid-row > * { 
       
        max-width: calc(33vw - 30px);
        margin:1px!important;
    }
    .ro-block-image-overlay  {
        right: 0px;
        left: 0px;
        bottom:0px;
    }
}

@media (max-width:460px) {
    .molenaar-thumbfluidgrid-row {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .molenaar-thumbfluidgrid-row > * { 
       display: block;
        max-width: 100%;
        margin:1px!important;
    }
    .ro-block-image-overlay  {
        right: 0px;
        left: 0px;
        bottom:0px;
    }
}



.molenaar-thumbfluidgrid-row > * {
    aspect-ratio:2/3;
}
.molenaar-thumbgrid-row[data-source-table="menco_employees"]  div[style*="background-image"] {
    aspect-ratio:2/3;
}
.molenaar-thumbgrid-row[data-source-table="menco_employees"]:not(.molenaar-thumbfluidgrid-row)  {
    padding: 50px;
}
.molenaar-thumbgrid-row[data-source-table="menco_employees"]:not(.molenaar-thumbfluidgrid-row):not(:last-child)  {
    padding-bottom: 25px;
}
.molenaar-thumbgrid-row[data-source-table="menco_employees"]:not(.molenaar-thumbfluidgrid-row):not(:first-child)  {
    padding-top: 25px;
}
.molenaar-thumbgrid-row[data-source-table="menco_employees"]:not(.molenaar-thumbfluidgrid-row)  div[style*="background-image"] {
  max-width: 250px;   
    margin: auto;
}
.news-item-thumb-introduction {
    padding: 15px;
}