@charset "utf-8";
/* CSS Document */

.block.linkTiles > div > a > .tile  {
 
    width:50%;
    display: inline-block;
    border-right: var(--general-padding) solid transparent;
    border-bottom: var(--general-padding) solid transparent;
    overflow: hidden;
    vertical-align: top;

}

.block.linkTiles > div > a > .tile > .image {
 
    width:100%;
    height:64px;

}

.block.linkTiles > div > a > .tile > .image > img {
 
    width:100%;
    height:100%;
    object-fit: cover; 

}

.block.linkTiles > div > a > .tile > .title {
 
    width:100%;
    padding: var(--general-padding-small);
    font-size:var(--text-size-small);
    line-height: var(--text-lh-small);
 
}

.block.linkTiles > div > a > .tile > .text {
 
    width:100%;
    height:40%;
    padding: var(--general-padding-small);
    border-bottom: 1px dotted;
    border-right: 1px dotted;
    border-left: 1px dotted;
    font-size:var(--text-size-small);
    line-height: var(--text-lh-small);
 
}

.block.linkTiles > div > a > .tile > .title strong {
 
    font-size:var(--h-small); 
 
}

.block.linkTiles > div > a > .tile > .text > .read-more {
 
    width:100%;
    font-size:var(--text-size-small);
    line-height: var(--text-lh-small);
    text-align: right;
    padding: var(--general-padding-small) 0;
 
}

.block.linkTiles > div > a > .tile > .text > .read-more > div {
 
    display:inline-block;
    vertical-align:middle;
 
}

.block.linkTiles > div > a > .tile > .text > .read-more > div > svg {
 
    height:16px;
    width:auto;
    padding-left: 6px;
 
}

.block.linkTiles.column-3 > div > a > .tile, 
.block.linkTiles.column-5 > div > a > .tile  {
 
    width:100%;
    border-right: 0;

}

@media screen and (max-width: 1220px) {
    



}

@media screen and (max-width: 1000px) {


    
}

@media screen and (max-width: 720px) {
    
    .block.linkTiles > div > a > .tile  {

        width:100%;
        border-right: 0;

    }

}

@media screen and (max-width: 640px) {
    

    .block.linkTiles > div > a > .tile,
    .block.linkTiles.column-3 > div > a > .tile, 
    .block.linkTiles.column-5 > div > a > .tile {

        width:50%;
        border-right: var(--general-padding) solid transparent;

    }

}


@media screen and (max-width: 480px) {
    
    .block.linkTiles > div > a > .tile,
    .block.linkTiles.column-3 > div > a > .tile, 
    .block.linkTiles.column-5 > div > a > .tile {

        width:100%;
        border-right: 0;

    }

}