/*------------------------ BLOG ----------------------------------*/

.h-blog {
	padding: 5vw 30vw 0 30vw;
}

.h-blog-banner {
	padding-bottom: 6vw;
}

.h-blog-banner h1 {
	text-align: center;
	text-transform: uppercase;
}

.h-blog-banner img {
	width: 3.5vw;
	position: absolute;
	top: 7vw;
	left: 52vw;
	z-index: -1;
}

.h-blog-single {
	display: flex;
	flex-wrap: wrap;
}

.h-blog-single-left {
	width: 6vw;
}

.h-blog-single-right {
	width: calc(100% - 6vw);
	padding-left: 1vw;
}

.h-blog-title h2 {
	text-transform: uppercase;
	font-size: 1.25vw;
	line-height: 1.25;
	padding-bottom: 1vw;
}

.h-blog-title a:hover {
	text-decoration: underline 0.15vw;
	text-underline-offset: 0.15vw;
}

.h-blog-excerpt p {
	line-height: 1.5;
}

.h-blog-single img {
	width: 6vw;
	height: 6vw;
	object-fit: cover;
	border-radius: 10px;
}

.h-blog-date p {
	text-transform: uppercase;
	color: #235d39; /* strong že ima color */
	text-align: center;
	padding: 1vw 0;
}

.h-blog-line div {
	height: 12vw;
	border-right: solid 0.2vw #235d39;
	margin-right: 50%;
	margin-bottom: 1vw;
}

.h-blog-point {
	position: relative;
	width: 1vw;
	bottom: 1vw;
	left: 2.4vw;
}

/* mobile */

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

.h-blog {
	padding: 12vw 4vw 12vw 4vw;
}

.h-blog-banner {
	padding-bottom: 16vw;
}

.h-blog-banner img {
	width: 10vw;
	top: 23vw;
	left: 58vw;
}

.h-blog h2 {
	font-size: 4vw;
}

.h-blog-single-left {
	width: 20vw;
}

.h-blog-single-right {
	width: calc(100% - 20vw);
	padding-left: 4vw;
}

.h-blog-title h2 {
	font-size: 4vw;
	padding-bottom: 2vw;
}

.h-blog-title a:hover {
	text-decoration: underline 0.6vw;
	text-underline-offset: 0.6vw;
}

.h-blog-excerpt p {
	font-size: 3vw;
}

.h-blog-single img {
	width: 20vw;
	height: 20vw;
	object-fit: cover;
	border-radius: 5px;
}

.h-blog-date p {
	padding: 4vw 0;
}

.h-blog-line div {
	height: 42vw;
	border-right: solid 0.8vw #235d39;
	margin-bottom: 4vw;
}

.h-blog-point {
	width: 4vw;
	bottom: 5vw;
	left: 7.8vw;
}
}