/* 
    Created on : 2016.09.01., 17:14:40
    Author     : stradus
*/
.box {
margin:2vh .5vw 0 .5vw;
overflow:hidden;
display:inline-block;
text-align:left !important;
text-align-last: left !important;
font-size:16px;
vertical-align:top;
box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}
.box a{
    color:#333 !important;
}
	.box.size1 {
            width:30%;
            width:calc(((100% / 3) * 1) - 3px - 1vw);
	}
	.box.size2 {
            width:60%;
            width:calc(((100% / 3) * 2) - 3px - 1vw);
	}
	.box.size3, .box.single {
        width:auto;
	width:calc(100% - 2px - 1vw);
	}
		.box .head {
		background-color:#007F32;
		padding:15px;
		color:#fff;
		background-repeat:no-repeat;
		background-position:right 11px center;
		background-size:auto 45%;
                text-align: center;
                font-size:20px;
		}
			.box .head a{
			color:#666;
			}
				.box .head a:hover{
				/*color:#099;*/
				}
			.box .head h3{
			font-size:inherit;
			font-weight:100;
			margin:0;
			padding:0;
			}
		.box .content {
		min-height:220px;
		height:35vh;
		overflow:hidden;
		color:#333;
		overflow-x:hidden;
		overflow-y:auto;
		background-color:#F3F3F3;
                background-color:rgba(0,0,0,0.05);
		}
		.box .content.auto {
		height:auto;
		max-height:80vh;
		min-height:0px;
		}
		.box .content.nomax {
		height:auto;
		max-height:none;
		min-height:0px;
		}
            .box.size3 .content.horizontal {
            min-height:138px;
            height:12vh;
            overflow-x:auto;
            overflow-y:hidden;
            }
                .box.size3 .content.horizontal .scroller{
                width:calc(100% - 20px);
                margin:10px;
                overflow-x:auto !important;
                overflow-y:hidden !important;
                vertical-align:top;
                white-space:nowrap;
                }
                    .box.size3 .content .listItem{
                    display:inline-block;
                    width:33.3%;
                    vertical-align:top;
                    }
            .box .content.google_maps {
            line-height:0px;
            font-size:0px;
            overflow:hidden;
            }
                .box .content.google_maps .scroller{
                width:100%;
                height:100%;
                margin:0px;
                overflow:hidden;
                }
                .box .content.google_maps #map, .box .content.google_maps iframe {
                border:0px none transparent;
                width:100%;
                height:100%;
                }
            .box .content .scroller{
            width:calc(100% - 20px);
            margin:10px;
            }
.listItem {
margin:1.5vh auto 0 auto;
min-height:125px;
height:auto;
width: 100% !important;
}
.listItem .cover{
    display:inline-block;
    width:40%;
    height:100%;
    min-height:125px;
    background-size:cover;
    background-position:center center;
    vertical-align: top;
    background-repeat: no-repeat;
}
.listItem .summary{
    display:inline-block;
    width:58%;
    height:100%;
    vertical-align: top;
    margin-left:2%;
}
    .listItem .summary a{
        color:#666;
    }
    .listItem .summary h4{
        font-size:18px;
        padding:0px 0px 5px 0px;
        margin:0px;
        max-height:60px;
        overflow: hidden;
    }
    .listItem .summary .group{
        margin-top:5px;
    }
        .listItem .counters {
            font-size:18px !important;
            color:#666 !important;
        }
            .listItem .counters img{
                height:14px;
            }
    .listItem .distance {
        font-size:14px !important;
    }
    .listItem .openstatus {
        font-size:14px;
    }
        .listItem .openstatus.closed {
            color:red;
        }
        .listItem .openstatus.nearopen {
            color: gold;
        }
        .listItem .openstatus.open {
            color:green;
        }
        .listItem .openstatus.nearclose {
            color:orange;
        }
        .listItem .openbubble {
            font-size:20px;
        }
        .listItem .time {
            white-space: nowrap;
        }
.newsItem {
    /*height:200px;*/
    width:50%;
    display:inline-block;
    overflow:hidden;
    vertical-align: top;
}
    .newsItem .head{
        background-color:transparent;
        position:relative;
        text-align: left;
    }
            .newsItem h3{
                color:#fff;
                display:inline-block;
                background-color:#4FA01F;
                position:absolute;
                bottom:10px;
                left:10px;
                margin:0px;
                font-size:22px !important;
                padding:5px !important;
                max-width:calc(100% - 35px);
                text-shadow:0px 1px 1px rgba(0,0,0,0.2);
            }
            .newsItem .lead_picture {
                height:170px;
                width:100%;
                overflow: hidden;
            }
                .newsItem .lead_picture img{
                    width:100%;
                    height:100%;
                    object-fit: cover;
                }
        .newsItem .counters {
            margin-top:15px;
            display:inline-block;
            color:#666 !important;
        }
            .newsItem .counters img {
                height:14px;
            }
        .newsItem .summary p{
            margin:10px 10px 0 10px;
        }
.listItem .counters, .newsItem .counters{
    color:#007F32;
    font-size:14px;
}
.listItem .summary, .newsItem .summary{
    color:#666;
}

.miniItem {
    display:inline-block;
    margin:1.5vh;
    white-space: nowrap;
    overflow: hidden;
}
    .miniItem .cover{
        display:inline-block;
        width:40px;
        height:30px;
        background-size:cover;
        background-position:center center;
        vertical-align: top;
        background-repeat: no-repeat;
    }
    .miniItem .title{
        display:inline-block;
        height:100%;
        width:calc(100% - 45px);
        background-size:cover;
        line-height:30px;
        margin:0 0 0 5px;
        white-space: normal;
        font-weight: normal;
    }
    .miniItem .time{
        font-style: italic;
    }

        /* RESPONSIVENESS */

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

    /*.box {
        margin:5px !important;
    }
    .box .content .scroller {
        margin:5px !important;
    }*/
}
@media screen and (max-width: 1024px) {

    .box {
        margin:0px !important;
	width:auto !important;
        display:block;
    }
    .newsItem {
        width:50%;
        display:inline-block !important;
    }
    .listItem {
        width:50% !important;
        display:inline-block !important;
    }
}
@media screen and (max-width: 800px) {
    .newsItem {
        width:auto;
        display:block;
    }
    .listItem {
        width:auto !important;
        display:block !important;
    }
    .box .content.mobile_h {
        height:296px;
        overflow-x: scroll;
        overflow-y: hidden;
    }
        .box .content.mobile_h .scroller{
            white-space: nowrap;
            vertical-align: top;
        }
            .box .content.mobile_h .group {
                height:100%;
                display:inline-block;
                width:95%;
                vertical-align: top;
                margin-right:10px;
            }
            .box .content.mobile_h .group .listItem{
                margin-top: 10px;
                white-space: normal;
            }
                .box .content.mobile_h .group .listItem:first-child{
                    margin-top: 0px;
                }
}