OwlCyberSecurity - MANAGER

Edit File: post-navigation.css

.elementor-post-navigation{
	--lakit-n-gap: 15px;
	justify-content: space-between;
	overflow: hidden;
	display: flex;
	align-items: center
}
.elementor-post-navigation .elementor-post-navigation__link,
.elementor-post-navigation .post-navigation__next--label,
.elementor-post-navigation .post-navigation__next--title,
.elementor-post-navigation .post-navigation__prev--label,
.elementor-post-navigation .post-navigation__prev--title {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis
}
.elementor-post-navigation-borders-yes .elementor-post-navigation.elementor-grid {
	color: #d4d4d4;
	border: none;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-top: 10px;
	padding-bottom: 10px
}
.elementor-post-navigation-borders-yes .elementor-post-navigation__separator {
	height: 100%;
	width: 1px;
	margin: 0 auto;
	background-color: #d4d4d4
}
.elementor-post-navigation .post-navigation__arrow-wrapper {
	color: #d4d4d4
}
.elementor-post-navigation .elementor-post-navigation__link a{
	gap: var(--lakit-n-gap);
}
.elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-prev {
	font-size: 30px;
}
.elementor-post-navigation .post-navigation__arrow-wrapper.post-navigation__arrow-next {
	font-size: 30px;
}
.elementor-post-navigation .post-navigation__arrow-wrapper i {
	-webkit-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	transform: translateY(-5%)
}
.elementor-post-navigation .elementor-post-navigation__link__next, .elementor-post-navigation .elementor-post-navigation__link__prev {
	overflow: hidden
}
.elementor-post-navigation .elementor-post-navigation__link a {
	display: flex;
	align-items: center;
	max-width: 100%
}
.elementor-post-navigation .post-navigation__next--label, .elementor-post-navigation .post-navigation__prev--label {
	text-transform: uppercase;
	font-size: .8em
}
.elementor-post-navigation .post-navigation__next--title, .elementor-post-navigation .post-navigation__prev--title {
	font-size: .7em;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.elementor-post-navigation .elementor-post-navigation__next, .elementor-post-navigation span.elementor-post-navigation__link__next {
	text-align: right
}
.elementor-post-navigation span.elementor-post-navigation__link__next,
.elementor-post-navigation span.elementor-post-navigation__link__prev {
	display: flex;
	flex-direction: column
}
.elementor-post-navigation .elementor-grid {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.elementor-post-navigation .elementor-post-navigation__link {
	width: calc(40% - (1px / 2));
	/*white-space: nowrap*/
}
.elementor-post-navigation .elementor-post-navigation__separator-wrapper {
	text-align: center
}
/*.elementor-post-navigation .elementor-post-navigation__next a {*/
/*	float: right*/
/*}*/
.elementor-post-navigation .elementor-post-navigation__menu a {
	max-width: 100%;
	justify-content: center;
	flex-direction: column
}
.post-navigation__arrow-wrapper {
	display: flex
}
.post-navigation__arrow-wrapper svg {
	width: 1em;
	height: auto
}

body.rtl .elementor-post-navigation .elementor-post-navigation__next,
body.rtl .elementor-post-navigation span.elementor-post-navigation__link__next{
	text-align: left;
}
/*body.rtl .elementor-post-navigation .elementor-post-navigation__next a{*/
/*	float: left;*/
/*}*/
.epn-pos-bottom.elementor-lakit-post-navigation .elementor-post-navigation__link a,
.epn-pos-top.elementor-lakit-post-navigation .elementor-post-navigation__link a{
	flex-direction: column;
	align-items: flex-start;
}
.epn-pos-bottom.elementor-lakit-post-navigation .elementor-post-navigation__next a,
.epn-pos-top.elementor-lakit-post-navigation .elementor-post-navigation__next a{
	align-items: flex-end;
}
.epn-pos-top.elementor-lakit-post-navigation .post-navigation__arrow-wrapper{
	order: -1;
}
.epn-pos-bottom.elementor-lakit-post-navigation .post-navigation__arrow-wrapper{
	order: 2;
}
body.rtl .elementor-post-navigation .post-navigation__arrow-wrapper{
	transform: rotate(180deg);
}

@media(max-width: 767px){
	.elementor-post-navigation .elementor-post-navigation__link{
		width: 45%;
	}
}