/* ------------------------------------------------------------------------------
* Author: web-zone.org
* @package Bado Blog
* Description: Styles for the main page
* ------------------------------------------------------------------------------ */

/*--------------------------------------------------------------
Common
--------------------------------------------------------------*/

/* 
Alignments
*/

.badoblog-css-home-three-grid-img,
.badoblog-css-home-five-grid-img,
.badoblog-css-home-vertical-grid-post-img {
	text-align: center;
}


/* 
Subpixel rendering
Affects the animated displacement of images when hovering over
Applies to the block in which the image is located
*/

.badoblog-css-owl-slide-big-box,
.badoblog-css-owl-slide-mid-partial-box,
.badoblog-css-owl-slide-mid-two-box,
.badoblog-css-owl-slide-mid-three-box,
.badoblog-css-home-five-grid-img,
.badoblog-css-home-three-grid-img,
.badoblog-css-home-vertical-grid-post-img {
	/* Chrome */
	-webkit-transform: rotate(-0.0000000001deg);
	/* Firefox (Not supported in new versions, but required for older ones) */
	-moz-transform: rotate(-0.1deg);
	/* All */
	transform: rotate(-0.0000000001deg);

	/* 
	Image rendering (Fix blur in pictures)
	Adds sharpness - suitable for uncompressed images
	If the image is compressed it will distort the lines
	*/
	/* Firefox */
	/* image-rendering: optimizeQuality; */
	/* Chrome */
	/* image-rendering: -webkit-optimize-contrast; */
	/* IE */
	/* -ms-interpolation-mode: nearest-neighbor; */
}


/* 
Animation speed
*/

/* Important! Animation decrease images in mozilla, works correctly max at 0.2s */
.badoblog-css-home-vertical-grid-post-img img,
.badoblog-css-home-vertical-grid-column h2 {
	transition: 0.2s;
}

.badoblog-css-home-five-grid-img,
.badoblog-css-home-three-grid-img,
.badoblog-css-home-narrow-grid-column h2 {
	transition: 0.3s;
}

.badoblog-css-owl-slide-big-box-img,
.badoblog-css-owl-slide-mid-partial-box-img,
.badoblog-css-owl-slide-mid-two-box-img,
.badoblog-css-owl-slide-mid-three-box-img {
	transition: 0.4s;
}


/* 
border-radius
*/
.badoblog-css-home-vertical-grid-column,
.badoblog-css-home-five-grid-box,
.badoblog-css-owl-slide-big-box,
.badoblog-css-owl-slide-mid-partial-box,
.badoblog-css-owl-slide-mid-two-box,
.badoblog-css-owl-slide-mid-three-box {
	border-radius: 25px;
}


/* 
margin
*/

.badoblog-css-home-five-grid-box,
.badoblog-css-home-vertical-grid-box,
.badoblog-css-home-narrow-grid-box {
	margin-bottom: 30px;
}


/* 
Common date 
*/

.badoblog-css-home-date-box {
	text-align: center;
}

.badoblog-css-home-date-m {
	font-size: 80%;
}

.badoblog-css-home-three-grid-date,
.badoblog-css-home-five-grid-date,
.badoblog-css-home-vertical-grid-date,
.badoblog-css-home-slide-mid-three-date,
.badoblog-css-home-slide-mid-two-date,
.badoblog-css-home-slide-mid-partial-date,
.badoblog-css-home-slide-big-date {
	position: absolute;
	top: 0;
	z-index: 2; /* No more than 5 for a marker in the customizer */
	background: rgba(0, 0, 0, 0.6);
    color: #fffffe;
	text-transform: uppercase;
}


/*--------------------------------------------------------------
Bloks
--------------------------------------------------------------*/

/* 
Grid five blocks
*/

.badoblog-css-full-max-width [class^="badoblog-css-home-five-grid-main-"] {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
}

.badoblog-css-home-five-grid-box {
	display: grid;
	justify-content: space-evenly;
	justify-items: center;
	align-items: center;
	column-gap: 25px;
	row-gap: 5px;
	grid-template-areas: "a b c" "a d e";
	grid-template-columns: 1fr repeat(2, 22.5%);
	background: #505062;
	font-size: 0;
	line-height: 1.5;
	padding: 25px 25px 20px;
}

.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
	grid-template-columns: 1fr repeat(2, 23.3%);
}

.badoblog-css-home-five-grid-column-1 {
	grid-area: a;
}

.badoblog-css-home-five-grid-column-2-1 {
	display: grid;
	grid-area: b;
	align-self: start;
}

.badoblog-css-home-five-grid-column-2-2 {
	display: grid;
	grid-area: c;
	align-self: start;
}

.badoblog-css-home-five-grid-column-2-3 {
	display: grid;
	grid-area: d;
	align-self: end;
}

.badoblog-css-home-five-grid-column-2-4 {
	display: grid;
	grid-area: e;
	align-self: end;
}

/* min-width - For big screens */
@media (min-width: 1650px) {
	.badoblog-css-full-max-width .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 22.9%);
	}
	.badoblog-css-full-max-width.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 23.6%);
	}
}
@media (min-width: 1900px) {
	.badoblog-css-full-max-width .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 23.2%);
	}
	.badoblog-css-full-max-width.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 23.8%);
	}
}
@media (min-width: 2200px) {
	.badoblog-css-full-max-width .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 23.5%);
		max-width: 2400px;
	}
	.badoblog-css-full-max-width.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 24%);
	}
}

.badoblog-css-home-five-grid-img img {
	width: auto;
}

[class^="badoblog-css-home-five-grid-column-"] {
	position: relative;
	overflow: hidden;
	border-radius: 22px;
}


/* Grid five blocks - Title */

[class^="badoblog-css-home-five-grid-column-"] a:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,.5));
}

[class^="badoblog-css-home-five-grid-column-"]:hover  .badoblog-css-home-five-grid-img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.badoblog-css-home-five-grid-h2 h2 {
    position: absolute;
	text-align: center;
	color: #fffffe;
    bottom: 0;
    width: 100%;
    z-index: 9;
	margin: 0;
	font-weight: 400;
	line-height: 1.5;
}

.badoblog-css-home-five-grid-column-1 h2 {
    font-size: 100%;
	padding: 40px;
}

.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-column-1 h2 {
    font-size: 120%;
}

[class^="badoblog-css-home-five-grid-column-2-"] h2 {
    font-size: 100%;
	padding: 15px;
	line-height: 1.4;
}

.badoblog-css-no-sidebar-full [class^="badoblog-css-home-five-grid-column-2-"] h2 {
    font-size: 120%;
}


/* Grid five blocks - Date */

.badoblog-css-home-five-grid-date {
	padding: 8px 16px;
	font-size: 14px;
}

[class^="badoblog-css-home-five-grid-column-2-"] .badoblog-css-home-five-grid-date {
	padding: 6px 12px;
	font-size: 10px;
}

.badoblog-css-home-five-grid-date-1 {
	margin-top: 20px;
	border-radius: 0 12px 12px 0;
}

.badoblog-css-home-five-grid-date-2 {
	margin-left: 25px;
	border-radius: 0 0 12px 12px;
}

.badoblog-css-home-five-grid-date-3 {
	border-radius: 0 0 18px 0;
}

.badoblog-css-home-five-grid-date-4 {
	margin: 10px;
	border-radius: 12px;
}


@media (max-width: 1350px) {
	.badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 22%);
	}
	.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 22.9%);
	}
	[class^="badoblog-css-home-five-grid-column-"] {
		border-radius: 15px;
	}
	.badoblog-css-home-five-grid-date {
		font-size: 12px;
		margin: 0;
		padding: 6px 12px;
	}
	[class^="badoblog-css-home-five-grid-column-2-"] .badoblog-css-home-five-grid-date {
		font-size: 8px;
		padding: 4px 10px;
	}
}

@media (max-width: 1200px) {
	.badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 21.5%);
	}
	.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 22.7%);
	}
}

@media (max-width: 1100px) {
	.badoblog-css-home-five-grid-box,
	.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 22.4%);
	}
	[class^="badoblog-css-home-five-grid-column-"] h2 {
		font-size: 80%;
	}
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-five-grid-column-"] h2 {
		font-size: 100%;
	}
}

@media (max-width: 960px) {
	.badoblog-css-home-five-grid-box,
	.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 22.7%);
	}
	.badoblog-css-home-five-grid-box {
		column-gap: 20px;
		padding: 20px 20px 15px;
	}
	[class^="badoblog-css-home-five-grid-column-"] h2 {
		font-size: 100%;
	}
}

@media (max-width: 825px) {
	.badoblog-css-home-five-grid-box,
	.badoblog-css-no-sidebar-full .badoblog-css-home-five-grid-box {
		grid-template-columns: 1fr repeat(2, 22.3%);
	}
	[class^="badoblog-css-home-five-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-five-grid-column-"] h2 {
		font-size: 80%;
	}
	.badoblog-css-home-five-grid-column-1 h2 {
		padding: 25px;
	}
	[class^="badoblog-css-home-five-grid-column-2-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-five-grid-column-2-"] h2 {
		line-height: 1.3;
		padding: 10px;
	}
}

@media (max-width: 700px) {
	.badoblog-css-home-five-grid-box {
		display: flex;
		flex-wrap: wrap;
		row-gap: 15px;
		padding: 5px 20px;
	}
	[class^="badoblog-css-home-five-grid-column-"] {
		display: block;
		width: 100%;
	}
	[class^="badoblog-css-home-five-grid-column-"] a {
		display: flex;
		align-items: stretch;
		background: rgba(0, 0, 0, .5);
	}
	[class^="badoblog-css-home-five-grid-column-"] a:after {
		display: none;
	}
	.badoblog-css-home-five-grid-h2 {
		display: flex;
        align-items: center;
		width: 100%;
	}
	[class^="badoblog-css-home-five-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-five-grid-column-"] h2 {
		font-size: 18px;
		position: inherit;
		padding: 5px 15px;
		text-align: left;
	}
	[class^="badoblog-css-home-five-grid-column-"]:hover .badoblog-css-home-five-grid-img,
	.badoblog-css-home-five-grid-img {
		transform: none;
	}
	.badoblog-css-home-five-grid-img {
		max-width: 30%;
	}
}

@media (max-width: 500px) {
	.badoblog-css-home-five-grid-box {
		row-gap: 10px;
		padding: 0 10px;
	}
	[class^="badoblog-css-home-five-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-five-grid-column-"] h2 {
		font-size: 16px;
		padding: 10px;
	}
}

@media (max-width: 350px) {
	[class^="badoblog-css-home-five-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-five-grid-column-"] h2 {
		font-size: 14px;
	}
}


/* 
Grid three blocks
*/

.badoblog-css-full-max-width [class^="badoblog-css-home-three-grid-main-"] {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-content: center;
}

.badoblog-css-home-three-grid-box {
	display: grid;
	justify-content: space-evenly;
	justify-items: center;
	align-items: center;
	gap: 10px 30px;
	grid-template-areas: "a b" "a c";
	grid-template-columns: 1fr repeat(1, 30.4%);
	font-size: 0;
	line-height: 1.5;
	margin-bottom: 20px;
}

.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
	grid-template-columns: 1fr repeat(1, 31.3%);
}

.badoblog-css-home-three-grid-column-1 {
	grid-area: a;
}

.badoblog-css-home-three-grid-column-2-1 {
	display: grid;
	grid-area: b;
	align-self: start;
}

.badoblog-css-home-three-grid-column-2-2 {
	display: grid;
	grid-area: c;
	align-self: end;
}

/* min-width - For big screens */
@media (min-width: 1650px) {
	.badoblog-css-full-max-width .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 30.9%);
	}
	.badoblog-css-full-max-width.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 31.7%);
	}
}
@media (min-width: 1900px) {
	.badoblog-css-full-max-width .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 31.2%);
	}
	.badoblog-css-full-max-width.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 32%);
	}
}
@media (min-width: 2200px) {
	.badoblog-css-full-max-width .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 31.6%);
		max-width: 2510px;
	}
	.badoblog-css-full-max-width.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 32.2%);
	}
}

.badoblog-css-home-three-grid-img img {
	width: auto;
}

[class^="badoblog-css-home-three-grid-column-"] {
	position: relative;
	overflow: hidden;
	border-radius: 25px;
}


/* Grid three blocks - Title */

.badoblog-css-home-three-grid-h2 h2 {
    position: absolute;
	text-align: center;
	color: #fffffe;
    bottom: 0;
    width: 100%;
    z-index: 9;
	margin: 0;
	font-weight: 400;
	line-height: 1.5;
}

.badoblog-css-home-three-grid-column-1 h2 {
	font-size: 100%;
	padding: 25px 30px;
}

.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-column-1 h2 {
	font-size: 120%;
}

[class^="badoblog-css-home-three-grid-column-2-"] h2 {
	font-size: 100%;
	padding: 15px 20px;
}

.badoblog-css-no-sidebar-full [class^="badoblog-css-home-three-grid-column-2-"] h2 {
	font-size: 120%;
	padding: 25px 30px;
}


/* Grid three blocks - Date */

.badoblog-css-home-three-grid-date {
	padding: 10px 20px;
	font-size: 16px;
}

[class^="badoblog-css-home-three-grid-column-2-"] .badoblog-css-home-three-grid-date {
	padding: 8px 16px;
	font-size: 12px;
}

.badoblog-css-home-three-grid-date-1 {
	margin-top: 25px;
	border-radius: 0 15px 15px 0;
}

.badoblog-css-home-three-grid-date-2 {
	margin-left: 30px;
	border-radius: 0 0 15px 15px;
}

.badoblog-css-home-three-grid-date-3 {
	border-radius: 0 0 22px 0;
}

.badoblog-css-home-three-grid-date-4 {
	margin: 15px;
	border-radius: 15px;
}

@media (max-width: 1350px) {
	.badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 30%);
	}
	.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 31%);
	}
	[class^="badoblog-css-home-three-grid-column-2-"] .badoblog-css-home-three-grid-date {
		font-size: 10px;
		padding: 6px 10px;
		margin: 0;
	}

}

@media (max-width: 1225px) {
	.badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 29.6%);
	}
	.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 30.8%);
	}
	[class^="badoblog-css-home-three-grid-column-"] h2 {
		font-size: 80%;
	}
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-three-grid-column-"] h2 {
		font-size: 100%;
	}
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-three-grid-column-2-"] h2 {
		padding: 15px 20px;
	}
}

@media (max-width: 1100px) {
	.badoblog-css-home-three-grid-box,
	.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 30.4%);
	}
	[class^="badoblog-css-home-three-grid-column-"] h2 {
		font-size: 100%;
	}
}

@media (max-width: 850px) {
	.badoblog-css-home-three-grid-box,
	.badoblog-css-no-sidebar-full .badoblog-css-home-three-grid-box {
		grid-template-columns: 1fr repeat(1, 29.6%);
	}
	[class^="badoblog-css-home-three-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-three-grid-column-"] h2 {
		font-size: 80%;
	}
}


/* Mobile version */

@media (max-width: 700px) {
	.badoblog-css-home-three-grid-box {
		display: flex;
		flex-wrap: wrap;
		row-gap: 10px;
		margin-top: -20px;
		gap: 20px;
		margin-bottom: 0;
	}
	[class^="badoblog-css-home-three-grid-column-"] {
		display: block;
		width: 100%;
	}
	[class^="badoblog-css-home-three-grid-column-"] a {
		display: flex;
		align-items: stretch;
		background: rgba(0, 0, 0, .5);
	}
	[class^="badoblog-css-home-three-grid-column-"] a:after,
	[class^="badoblog-css-home-three-grid-column-"] a:before {
		display: none;
	}
	.badoblog-css-home-three-grid-h2 {
		display: flex;
		align-items: center;
		width: 100%;
	}
	[class^="badoblog-css-home-three-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-three-grid-column-"] h2 {
		font-size: 18px;
		position: inherit;
		padding: 10px 20px!important;
		text-align: left;
		background: transparent!important;
	}
	[class^="badoblog-css-home-three-grid-column-"]:hover .badoblog-css-home-three-grid-img,
	.badoblog-css-home-three-grid-img {
		transform: none!important;
	}
	.badoblog-css-home-three-grid-img {
		max-width: 30%;
	}
	.badoblog-css-home-three-grid-img img {
		border-radius: 25px;
	}
}

@media (max-width: 500px) {
	[class^="badoblog-css-home-three-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-three-grid-column-"] h2 {
		font-size: 16px;
		padding: 10px;
	}
}

@media (max-width: 350px) {
	[class^="badoblog-css-home-three-grid-column-"] h2,
	.badoblog-css-no-sidebar-full [class^="badoblog-css-home-three-grid-column-"] h2 {
		font-size: 14px;
	}
}


/* 
Grid narrow blocks
*/

.badoblog-css-home-narrow-grid-box {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	line-height: 1.4;
}

.badoblog-css-home-narrow-grid-column {
	border-radius: 15px;
}

.badoblog-css-home-narrow-grid-column a {
	display: flex;
	align-items: center;
}

.badoblog-css-home-narrow-grid-column h2 {
	font-size: 100%;
	font-weight: 400;
	padding: 10px 15px;
	margin: 0;
}

.badoblog-css-home-narrow-grid-column:hover {
	background: #505050;
}

.badoblog-css-home-narrow-grid-column:hover .badoblog-css-home-narrow-grid-column-h h2,
.badoblog-css-home-narrow-grid-column:hover .badoblog-css-home-narrow-grid-date {
	color: #fffffb;
}

.badoblog-css-no-sidebar-full .badoblog-css-home-narrow-grid-column h2 {
	font-size: 120%;
}

.badoblog-css-home-narrow-grid-column img {
	width: 155px;
}

.badoblog-css-home-narrow-grid-date {
	padding: 0 15px 10px;
    color: #606060;
	font-size: 80%;
}


@media (max-width: 1100px) {
	.badoblog-css-home-narrow-grid-column h2 {
		font-size: 80%;
	}
	.badoblog-css-no-sidebar-full .badoblog-css-home-narrow-grid-column h2 {
		font-size: 100%;
	}
}

@media (max-width: 960px) {
	.badoblog-css-home-narrow-grid-column h2 {
		font-size: 100%;
	}
}

@media (max-width: 825px) {
	.badoblog-css-home-narrow-grid-box {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 500px) {
	.badoblog-css-home-narrow-grid-column img {
		width: 80px;
	}
}

@media (max-width: 400px) {
	.badoblog-css-home-narrow-grid-column h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-narrow-grid-column h2 {
		font-size: 80%;
	}
}

@media (max-width: 300px) {
	.badoblog-css-home-narrow-grid-column img {
		width: 50px;
	}
}


/* 
Vertical columns
*/

.badoblog-css-home-vertical-grid-box {
	display: flex;
	gap: 30px;
	line-height: 1.5;
}

.badoblog-css-home-vertical-grid-column {
	flex: 1;
}

.badoblog-css-home-vertical-grid-column h2:hover {
	color: #dd9925;
}

.badoblog-css-home-vertical-grid-post-first h2 {
	margin: 15px 15px 0;
}

.badoblog-css-home-vertical-grid-post-first {
	position: relative;
}

.badoblog-css-home-vertical-grid-post-first,
.badoblog-css-home-vertical-grid-post-img {
	overflow: hidden;
	border-radius: 25px;
}

.badoblog-css-home-vertical-grid-post-img img,
.badoblog-css-home-vertical-grid-post-img-small img {
	width: auto;
}

@media (min-width: 701px) {
	.badoblog-css-home-vertical-grid-post-img img:hover {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
	}
}

.badoblog-css-home-vertical-grid-post-small {
	margin-top: 20px;
	padding-left: 15px;
}

.badoblog-css-home-vertical-grid-post-small a {
	display: flex;
	align-items: flex-start;
}

.badoblog-css-home-vertical-grid-post-img-small {
	max-width: 30%;
}

.badoblog-css-home-vertical-grid-post-small h2 {
	font-weight: 400;
	margin: 0 15px;
}

.badoblog-css-home-vertical-grid-post-first h2,
.badoblog-css-home-vertical-grid-post-small h2 {
	font-size: 100%;
}

.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-first h2,
.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-small h2 {
	font-size: 120%;
}


/* Vertical columns - Date */

.badoblog-css-home-vertical-grid-date {
	padding: 8px 14px;
	font-size: 12px;
}

.badoblog-css-home-vertical-grid-date-1 {
	margin-top: 25px;
	border-radius: 0 15px 15px 0;
}

.badoblog-css-home-vertical-grid-date-2 {
	margin-left: 30px;
	border-radius: 0 0 15px 15px;
}

.badoblog-css-home-vertical-grid-date-3 {
	border-radius: 0 0 22px 0;
}

.badoblog-css-home-vertical-grid-date-4 {
	margin: 15px;
	border-radius: 15px;
}


@media (max-width: 1100px) {
	.badoblog-css-home-vertical-grid-post-small {
		padding-left: 0;
	}
	.badoblog-css-home-vertical-grid-post-small a {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.badoblog-css-home-vertical-grid-post-img-small {
		max-width: 60%;
		margin-bottom: 10px;
	}
	.badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-home-vertical-grid-post-small h2 {
		font-size: 80%;
		text-align: center;
	}
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-small h2 {
		font-size: 100%;
	}
}

@media (max-width: 960px) {
	.badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-home-vertical-grid-post-small h2 {
		font-size: 100%;
	}
}

@media (max-width: 825px) {
	.badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-home-vertical-grid-post-small h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-small h2 {
		font-size: 80%;
	}
}

@media (max-width: 700px) {
	.badoblog-css-home-vertical-grid-box {
		flex-direction: column;
		gap: 20px;
		margin-bottom: 20px;
	}
	.badoblog-css-home-vertical-grid-column,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-column,
	.badoblog-css-full-max-width .badoblog-css-home-vertical-grid-column {
		display: block;
		max-width: none;
	}
	.badoblog-css-home-vertical-grid-post-first a,
	.badoblog-css-home-vertical-grid-post-small a {
		display: flex;
        flex-direction: row;
        background: rgba(0, 0, 0, .02);
	}
	.badoblog-css-home-vertical-grid-post-img,
	.badoblog-css-home-vertical-grid-post-img-small {
		max-width: 24%;
		width: 100%;
		margin-bottom: 0;
	}
	.badoblog-css-home-vertical-grid-post-img img,
	.badoblog-css-home-vertical-grid-post-img-small img {
		width: 100%;
		border-radius: 20px;
	}
	.badoblog-css-home-vertical-grid-post-h2 {
		display: flex;
		align-items: center;
		width: 76%;
	}
	.badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-home-vertical-grid-post-small h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-small h2 {
		font-size: 18px;
		margin: 5px 15px;
		font-weight: normal;
		text-align: left;
		width: 100%;
	}
	.badoblog-css-home-vertical-grid-date {
		display: none;
	}
}

@media (max-width: 500px) {
	.badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-home-vertical-grid-post-small h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-small h2 {
		font-size: 16px;
	}
}

@media (max-width: 350px) {
	.badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-home-vertical-grid-post-small h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-first h2,
	.badoblog-css-no-sidebar-full .badoblog-css-home-vertical-grid-post-small h2 {
		font-size: 14px;
		margin: 0 10px;
	}
}



/* 
Big slider
*/

.badoblog-css-owl-slide-big-box h2 {
	position: absolute;
	text-align: center;
	width: 100%;
	font-weight: normal;
	z-index: 9;
	bottom: 0;
	margin: 0;
	padding: 25px;
	line-height: 1.5;
	font-size: 100%;
}
@media (max-width: 1100px) {
	.badoblog-css-owl-slide-big-box h2 {
		font-size: 93%;
	}
}
@media (max-width: 700px) {
	.badoblog-css-owl-slide-big-box h2 {
		font-size: 80%;
	}
}
@media (max-width: 600px) {
	.badoblog-css-owl-slide-big-box h2 {
		font-size: 70%;
		padding: 10px;
	}
}
@media (max-width: 500px) {
	.badoblog-css-owl-slide-big-box h2 {
		font-size: 55%;
	}
}
@media (max-width: 400px) {
	.badoblog-css-owl-slide-big-box h2 {
		font-size: 48%;
	}
}


/* Big slider - navigation buttons */

.badoblog-css-home-slide-big-common .owl-nav button.owl-prev,
.badoblog-css-home-slide-big-common .owl-nav button.owl-next {
	margin-top: -37px;
	padding: 28px 24px 46px !important;
	font-size: 80px!important;
}
@media (max-width: 600px) {
	.badoblog-css-home-slide-big-common .owl-nav button.owl-prev,
	.badoblog-css-home-slide-big-common .owl-nav button.owl-next {
		margin-top: -30px;
		padding: 24px 21px 38px !important;
		font-size: 64px!important;
	}
}


/* Big slider - Date */

.badoblog-css-home-slide-big-date {
	padding: 12px 24px;
	font-size: 18px;
}

.badoblog-css-home-slide-big-date-1 {
	margin-top: 35px;
	border-radius: 0 18px 18px 0;
}

.badoblog-css-home-slide-big-date-2 {
	margin-left: 50px;
	border-radius: 0 0 18px 18px;
}

.badoblog-css-home-slide-big-date-3 {
	border-radius: 0 0 22px 0;
}

.badoblog-css-home-slide-big-date-4 {
	margin: 20px;
	border-radius: 18px;
}

@media (max-width: 900px) {
	.badoblog-css-home-slide-big-date {
		font-size: 16px;
	}
	.badoblog-css-home-slide-big-date-4 {
		margin: 15px;
	}
}
@media (max-width: 500px) {
	.badoblog-css-home-slide-big-date {
		font-size: 12px;
		margin: 0;
		padding: 8px 14px;
	}
}


/* 
Slider two blocks
*/

.badoblog-css-owl-slide-mid-two-box h2 {
	position: absolute;
	text-align: center;
	width: 100%;
	font-weight: normal;
	z-index: 9;
	bottom: 0;
	margin: 0;
	line-height: 1.5;
	font-size: 100%;
}
@media (max-width: 1100px) {
	.badoblog-css-owl-slide-mid-two-box h2 {
		font-size: 85%;
	}
}
@media (max-width: 700px) {
	.badoblog-css-owl-slide-mid-two-box h2 {
		font-size: 75%;
	}
}
@media (max-width: 600px) {
	.badoblog-css-owl-slide-mid-two-box h2 {
		padding: 10px;
		font-size: 60%;
	}
}


/* Slider two blocks - navigation buttons */

.badoblog-css-home-slide-mid-two-common .owl-nav button.owl-prev,
.badoblog-css-home-slide-mid-two-common .owl-nav button.owl-next {
	margin-top: -30px;
	padding: 24px 21px 38px !important;
	font-size: 64px!important;
}


/* Slider two blocks - Date */

.badoblog-css-home-slide-mid-two-date {
	padding: 8px 16px;
	font-size: 14px;
}

.badoblog-css-home-slide-mid-two-date-1 {
	margin-top: 20px;
	border-radius: 0 12px 12px 0;
}

.badoblog-css-home-slide-mid-two-date-2 {
	margin-left: 25px;
	border-radius: 0 0 12px 12px;
}

.badoblog-css-home-slide-mid-two-date-3 {
	border-radius: 0 0 18px 0;
}

.badoblog-css-home-slide-mid-two-date-4 {
	margin: 10px;
	border-radius: 12px;
}

@media (max-width: 1350px) {
	.badoblog-css-home-slide-mid-two-date {
		font-size: 12px;
		margin: 0;
		padding: 6px 12px;
	}
}


/* 
Slider three blocks
*/

.badoblog-css-owl-slide-mid-three-box h2 {
	position: absolute;
	text-align: center;
	width: 100%;
	font-weight: normal;
	z-index: 9;
	bottom: 0;
	margin: 0;
	line-height: 1.5;
	font-size: 100%;
}
@media (max-width: 1100px) {
	.badoblog-css-owl-slide-mid-three-box h2 {
		font-size: 85%;
	}
}
@media (max-width: 700px) {
	.badoblog-css-owl-slide-mid-three-box h2 {
		font-size: 75%;
	}
}
@media (max-width: 600px) {
	.badoblog-css-owl-slide-mid-three-box h2 {
		padding: 10px;
		font-size: 60%;
	}
}


/* Slider three blocks - navigation buttons */

.badoblog-css-home-slide-mid-three-common .owl-nav button.owl-prev,
.badoblog-css-home-slide-mid-three-common .owl-nav button.owl-next {
	margin-top: -26px;
	padding: 19px 17px 32px !important;
	font-size: 54px!important;
}


/* Slider three blocks - Date */

.badoblog-css-home-slide-mid-three-date {
	padding: 6px 12px;
	font-size: 10px;
}

.badoblog-css-home-slide-mid-three-date-1 {
	margin-top: 12px;
	border-radius: 0 12px 12px 0;
}

.badoblog-css-home-slide-mid-three-date-2 {
	margin-left: 30px;
	border-radius: 0 0 12px 12px;
}

.badoblog-css-home-slide-mid-three-date-3 {
	border-radius: 0 0 22px 0;
}

.badoblog-css-home-slide-mid-three-date-4 {
	margin: 15px;
	border-radius: 12px;
}

@media (max-width: 1350px) {
	.badoblog-css-home-slide-mid-three-date {
		margin: 0;
	}
}



/* 
Partial slider
*/

.badoblog-css-owl-slide-mid-partial-box h2 {
	position: absolute;
	text-align: center;
	width: 100%;
	font-weight: normal;
	z-index: 9;
	bottom: 0;
	margin: 0;
	line-height: 1.5;
	font-size: 100%;
}
@media (max-width: 1100px) {
	.badoblog-css-owl-slide-mid-partial-box h2 {
		font-size: 85%;
	}
}
@media (max-width: 999px) {
	.badoblog-css-owl-slide-mid-partial-box h2 {
		font-size: 75%;
	}
}
@media (max-width: 700px) {
	.badoblog-css-owl-slide-mid-partial-box h2 {
		font-size: 55%;
	}
}
@media (max-width: 600px) {
	.badoblog-css-owl-slide-mid-partial-box h2 {
		font-size: 40%;
		padding: 10px;
	}
}
@media (max-width: 550px) {
	.badoblog-css-owl-slide-mid-partial-box h2 {
		font-size: 30%;
	}
}


/* Partial slider - navigation buttons */

.badoblog-css-home-slide-mid-partial-common .owl-nav button.owl-prev,
.badoblog-css-home-slide-mid-partial-common .owl-nav button.owl-next {
	margin-top: -37px;
	padding: 28px 24px 46px !important;
	font-size: 80px!important;
}
@media (max-width: 900px) {
	.badoblog-css-home-slide-mid-partial-common .owl-nav button.owl-prev,
	.badoblog-css-home-slide-mid-partial-common .owl-nav button.owl-next {
		margin-top: -30px;
		padding: 24px 21px 38px !important;
		font-size: 64px!important;
	}
}


/* Partial slider - Date */

.badoblog-css-home-slide-mid-partial-date {
	padding: 10px 20px;
	font-size: 16px;
}

.badoblog-css-home-slide-mid-partial-date-1 {
	margin-top: 25px;
	border-radius: 0 15px 15px 0;
}

.badoblog-css-home-slide-mid-partial-date-2 {
	margin-left: 30px;
	border-radius: 0 0 15px 15px;
}

.badoblog-css-home-slide-mid-partial-date-3 {
	border-radius: 0 0 22px 0;
}

.badoblog-css-home-slide-mid-partial-date-4 {
	margin: 15px;
	border-radius: 15px;
}

@media (max-width: 500px) {
	.badoblog-css-home-slide-mid-partial-date {
		font-size: 12px;
		margin: 0;
		padding: 8px 14px;
	}
}


/*
Home Sliders - Common
*/

.badoblog-css-home-box .owl-carousel .owl-nav button.owl-prev,
.badoblog-css-home-box .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	z-index: 9;
	top: 50%;
	background: rgba(0,0,0, 0.5)!important;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 0!important;
	opacity: .5;
	border-radius: 50px;
}
.badoblog-css-home-box .owl-carousel .owl-nav button.owl-prev {
	left: 20px;
}
.badoblog-css-home-box .owl-carousel .owl-nav button.owl-next {
	right: 20px;
}
.badoblog-css-home-box .owl-carousel .owl-nav button.owl-prev:hover,
.badoblog-css-home-box .owl-carousel .owl-nav button.owl-next:hover {
	background: rgba(0,0,0, 0.5)!important;
	opacity: .9;
}

[class^="badoblog-css-home-slide-mid-three-main-"],
[class^="badoblog-css-home-slide-mid-two-main-"],
[class^="badoblog-css-home-slide-mid-partial-main-"],
[class^="badoblog-css-home-slide-big-main-"] {
	padding-bottom: 30px;
}

.badoblog-css-owl-slide-big-box,
.badoblog-css-owl-slide-mid-partial-box,
.badoblog-css-owl-slide-mid-two-box,
.badoblog-css-owl-slide-mid-three-box {
	position: relative;
	overflow: hidden;
}

.owl-nav button:hover {
	transition-duration: 0.2s;
}

@media (max-width: 300px) {
	[class^="badoblog-css-owl-slide-"] h2,
	[class^="badoblog-css-owl-slide-"] a:before,
	[class^="badoblog-css-owl-slide-"] a:hover:before,
	[class^="badoblog-css-home-slide-"] .owl-nav {
		display: none;
	}
}