/**
 * =============================================================
 * @package		RAXO Pagination Module Layout
 * -------------------------------------------------------------
 * @copyright	Copyright (C) 2009-2022 RAXO Group
 * @link		https://www.raxo.org
 * @license		RAXO Commercial License
 * 				This file is forbidden for redistribution
 * =============================================================
 */


/* ----- RESET & DEFAULT Styles ----- */
.raxo-pagination article,
.raxo-pagination h3, .raxo-pagination h4,
.raxo-pagination img,
.raxo-pagination a {
	margin: 0; padding: 0;
	background: transparent none;
	border: 0 none;
}
.raxo-pagination a {
	color: #990000 !important;
	text-decoration: none;
	transition: all .2s;
}
	.raxo-pagination a:hover {
		text-decoration: underline;
	}


/* ----- Module BLOCK ----- */
.raxo-pagination {
	margin: 20px 0 24px;
	overflow: hidden;
}

.raxo-pagination .raxo-block-name {
	margin-bottom: 16px; padding: 4px 10px 6px;
	font-size: 18px; font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #f2f2f2;
	border-radius: 2px;
}

.raxo-pagination .raxo-block-intro {
	margin-bottom: 20px; padding: 0 10px;
	font-size: 15px;
	line-height: 21px;
	color: #484848;
}

.raxo-pagination .raxo-block-button {
	margin-top: 4px; padding: 0 10px;
	font-size: 14px;
	line-height: 20px;
	text-align: right;
	color: #666666;
}


/* ----- MODULE Items ----- */
.raxo-pagination .raxo-container {
	position: relative;
	overflow: hidden;
}
	.raxo-pagination .raxo-block-name + .raxo-container {
		margin-top: 20px;
	}
.raxo-pagination article {
	padding: 20px 0;
	overflow: hidden;
	background: linear-gradient(90deg, #bbb 60%, transparent 60%) repeat-x;
	background-size: 10px 1px;
}
	.raxo-pagination article.raxo-item-upper {
		padding-top: 0;
		background: none;
	}
	.raxo-pagination article.raxo-item-hide {
		display: none;
	}

.raxo-pagination .raxo-wrap {
		display: -ms-flexbox; display: -webkit-box;
	display: flex;
		-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin: -0.6rem;
}
	.raxo-pagination .raxo-wrap > div {
		margin: 0.6rem;
	}
	.raxo-pagination .raxo-wrap .raxo-image {
		flex: 0 1 auto;
	}
	.raxo-pagination .raxo-wrap .raxo-content {
		flex: 1 1 144px;
	}


/* ----- Item IMAGE ----- */
.raxo-pagination .raxo-image {
	align-self: flex-start;
	padding: 1px;
	border: 1px solid #666666;
	border-radius: 2px;
	transition: border .2s;
}
	.raxo-pagination .raxo-image img[src] {
		max-width: 100%;
		height: auto !important;
	}
	.raxo-pagination .raxo-image img[data-src] {
		opacity: 0;
		transition: opacity .6s;
	}
	.raxo-pagination .raxo-image img[data-loaded] {
		opacity: 1;
	}


/* ----- Item CONTENT ----- */
.raxo-pagination .raxo-title {
	font-size: 16px; line-height: 20px;
	color: #2b2b2b;
}
	.raxo-pagination .raxo-title a {
		font-weight: bold;
		color: #2b2b2b !important;
	}
.raxo-pagination .raxo-text {
	padding-top: 8px;
	font-size: 14px; line-height: 18px;
	color: #484848;
}
.raxo-pagination .raxo-readmore {
	padding-left: 5px;
	font-size: 12px;
}


/* ----- Item FIELDS ----- */
.raxo-pagination .raxo-info,
.raxo-pagination .raxo-meta {
	font: 11px/14px Verdana, Geneva, sans-serif;
	color: #666666;
}
	.raxo-pagination .raxo-info > span,
	.raxo-pagination .raxo-meta > span {
		display: inline-block;
	}
	.raxo-pagination .raxo-info > span:not(:last-of-type),
	.raxo-pagination .raxo-meta > span:not(:last-of-type) {
		margin-right: .75em;
	}

/* ----- INFO Fields ----- */
.raxo-pagination .raxo-info {
	margin-bottom: 2px;
	text-transform: uppercase;
}
.raxo-pagination .raxo-category {
	font-weight: bold;
}

/* ----- META Fields ----- */
.raxo-pagination .raxo-meta {
	padding-top: 4px
}
.raxo-pagination .raxo-author,
.raxo-pagination .raxo-comments,
.raxo-pagination .raxo-hits,
.raxo-pagination .raxo-rating {
	margin-top: 4px;
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: auto 14px;
}
	.raxo-pagination .raxo-author {
		background-image: url(ico-author.svg);
	}
	.raxo-pagination .raxo-comments {
		background-image: url(ico-comments.svg);
	}
	.raxo-pagination .raxo-hits {
		background-image: url(ico-hits.svg);
	}
	.raxo-pagination .raxo-rating {
		background-image: url(ico-rating.svg);
	}



/* ----- Page NAVIGATION ----- */
.raxo-pagination .raxo-navigation {
	margin-top: 2px; padding: 4px 8px;
	overflow: hidden;
	font: 12px/20px Verdana, Geneva, sans-serif;
	background-color: #f2f2f2;
	border-radius: 2px;
}
.raxo-pagination .raxo-navigation a {
	display: inline-block;
	margin: 0 2px; padding: 0 5px;
	height: 20px; line-height: 20px;
	border-radius: 2px;
}
	.raxo-pagination .raxo-navigation span {
		display: inline-block;
		padding: 0 2px;
		color: #777777
	}
	.raxo-pagination .raxo-navigation a:focus {
		outline: none;
	}
	.raxo-pagination .raxo-navigation a:hover {
		text-decoration: none;
		background-color: #ffffff;
	}
	.raxo-pagination .raxo-navigation a.raxo-nav-active {
		color: #333333 !important;
		background-color: #d1d1d1;
	}
.raxo-pagination .raxo-navigation .raxo-nav-prev,
.raxo-pagination .raxo-navigation .raxo-nav-next {
	color: #777777 !important;
	text-transform: uppercase;
}
.raxo-pagination .raxo-navigation .raxo-nav-first,
.raxo-pagination .raxo-navigation .raxo-nav-last {
	display: none;
	font-size: 14px;
}



/* ----- RESPONSIVE breakpoints ----- */

/* Extra small devices */
@media (max-width: 575.98px) {

	.raxo-pagination .raxo-block-name,
	.raxo-pagination .raxo-block-intro,
	.raxo-pagination .raxo-block-button,
	.raxo-pagination .raxo-navigation {
		padding-left: 4px; padding-right: 4px;
	}

}



/* ----- COLOR Schemes ----- */

/* --- Red Color (default) --- */
.raxo-pagination a,
.raxo-pagination .raxo-category,
.raxo-pagination article:hover .raxo-title a {
	color: #b90f0f !important;
}
.raxo-pagination article:hover .raxo-image {
	border-color: #b90f0f;
}

/* --- Pink Color --- */
.pagination-pink a,
.pagination-pink .raxo-category,
.pagination-pink article:hover .raxo-title a {
	color: #c1276b !important;
}
.pagination-pink article:hover .raxo-image {
	border-color: #c1276b;
}

/* --- Orange Color --- */
.pagination-orange a,
.pagination-orange .raxo-category,
.pagination-orange article:hover .raxo-title a {
	color: #c93d0a !important;
}
.pagination-orange article:hover .raxo-image {
	border-color: #c93d0a;
}

/* --- Yellow Color --- */
.pagination-yellow a,
.pagination-yellow .raxo-category,
.pagination-yellow article:hover .raxo-title a {
	color: #e1af00 !important;
}
.pagination-yellow article:hover .raxo-image {
	border-color: #e1af00;
}

/* --- Green Color --- */
.pagination-green a,
.pagination-green .raxo-category,
.pagination-green article:hover .raxo-title a {
	color: #337e14 !important;
}
.pagination-green article:hover .raxo-image {
	border-color: #337e14;
}

/* --- Blue Color --- */
.pagination-blue a,
.pagination-blue .raxo-category,
.pagination-blue article:hover .raxo-title a {
	color: #033aaa !important;
}
.pagination-blue article:hover .raxo-image {
	border-color: #033aaa;
}

/* --- Light Blue Color --- */
.pagination-lightblue a,
.pagination-lightblue .raxo-category,
.pagination-lightblue article:hover .raxo-title a {
	color: #1e7dcd !important;
}
.pagination-lightblue article:hover .raxo-image {
	border-color: #1e7dcd;
}

/* --- Violet Color --- */
.pagination-violet a,
.pagination-violet .raxo-category,
.pagination-violet article:hover .raxo-title a {
	color: #4f2295 !important;
}
.pagination-violet article:hover .raxo-image {
	border-color: #4f2295;
}

/* --- Turquoise Color --- */
.pagination-turquoise a,
.pagination-turquoise .raxo-category,
.pagination-turquoise article:hover .raxo-title a {
	color: #288699 !important;
}
.pagination-turquoise article:hover .raxo-image {
	border-color: #288699;
}

/* --- Gray Color --- */
.pagination-gray a,
.pagination-gray .raxo-category,
.pagination-gray article:hover .raxo-title a {
	color: #575757 !important;
}
.pagination-gray article:hover .raxo-image {
	border-color: #575757;
}