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


/* ----- RESET Styles ----- */
.allmode-default [class^="allmode-"],
.allmode-default img,
.allmode-default a {
	margin: 0px 0px 0 0;
	background: transparent none;
	border: 0 none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	vertical-align: middle;
}
.allmode-default a {															/* Item LINKS */
	text-decoration: none;
}
	.allmode-default a:hover {
	}



/* ----- MODULE BLOCK Styles ----- */
.allmode-default {																/* Module BLOCK */
	margin: 0;
}
.allmode-default .allmode-name {												/* BLOCK NAME Text */
	margin: 0 0;
	padding: 36px 0;
	font-size: 20px;
	color: #373737;
	border-top: 0;
}
.allmode-default .allmode-showall {												/* SHOW ALL Text */
	/* margin: 20px auto 5px; */
	/* background-color: #e00627; */
	/* width: 250px; */
	/* border-radius: 50px; */
	/* padding: 12px 0; */
}



/* ----- TOP ITEMS Styles ----- */
.allmode-default .allmode-topbox {												/* Top Items DIV */
	margin: 0;
}
.allmode-default .allmode-topitem {												/* Top Item DIV */
	padding: 14px 0 10px;
	overflow: hidden;
	clear: left;
}
.allmode-default .allmode-topitem .allmode-title {								/* Top Item TITLE */
	margin: 16px 0;
}.allmode-default .allmode-topitem .allmode-title a{font-weight:500;}

.allmode-topitem {}
.allmode-default .allmode-topitem .allmode-text {								/* Top Item TEXT */
}
.allmode-default .allmode-topitem .allmode-readmore {							/* Top Item READ MORE */
	float: right;
	margin-right: 4px;
	font: normal 11px/20px Helvetica,Arial,sans-serif;
	text-align: right;
}


/* ----- TOP ITEMS Fields ----- */
.allmode-default .allmode-topitem .allmode-details {							/* Top Item DETAILS */font-size: 12px;line-height: 20px;color: #525252;margin-right: 0;display: flex;justify-content: space-between;}
.allmode-default .allmode-topitem .allmode-info {								/* Top Item INFO */
	margin-top: -4px; padding-bottom: 2px;
	font-size: 11px; line-height: 17px;
	font-style: italic;
	color: #b4b4b4;
}



/* ----- ITEMS Styles ----- */
.allmode-default .allmode-itemsbox {											/* Items DIV */
	margin: 0;
}
.allmode-default .allmode-item {												/* Item DIV */
	padding: 5px 0;
	overflow: hidden;
	clear: left; cursor:pointer;
}

.pagepr .left{
    padding-right: 5%;
    box-sizing: border-box;
    float: left;
    width: 45%;
}
.pagepr .right{
    float: left;
    width: 55%;
    text-align: left;
}

.allmode-item:hover> .left .allmode-img img {	 opacity:0.8; }	

.allmode-item:hover> .right .allmode-title a{ opacity:0.5; }
.allmode-item .right .allmode-title a {-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.allmode-item .left .allmode-img img {-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}

.allmode-default .allmode-item .allmode-title {									/* Item TITLE */line-height: 20px;margin-top: 10px;}
.allmode-default .allmode-item .allmode-text {									/* Item TEXT */
	font: normal 12px/17px Helvetica,Arial,sans-serif;
	color: #373737;
}
.allmode-default .allmode-item .allmode-readmore {								/* Item READ MORE */
	float: right;
	margin-right: 4px;
	font-size: 11px;
	text-align: right;
}


/* ----- ITEMS Fields ----- */
.allmode-default .allmode-item .allmode-details {								/* Item DETAILS */
	font-size: 12px;
	line-height: 20px;
	color: #525252;
	display: flex;
	/* justify-content: space-between; */
}
.allmode-default .allmode-item .allmode-details > span {
    flex-grow: 1;
    -webkit-flex-grow: 1;
}
.allmode-default .allmode-item .allmode-info {									/* Item INFO */
	margin-top: -4px; padding-bottom: 2px;
	font-size: 10px; line-height: 16px;
	font-style: italic;
	color: #b4b4b4;
}

.pagepr .allmode-topitem .allimg{ padding: 5px 5px 5px 5px;}
.pagepr .allmode-topitem .allmode-details p{ padding: 5px 10px;     margin-left: 33px;}
.allmode-topitem .allimg{
    text-align: center;
    width: 20px;
    background-color: #e9e9e9;
    padding: 5px 5px 5px 5px;
    float: left;
    margin-right: 2px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.allmode-topitem .allmode-details p {
    text-align: center;
    width: auto;
    background-color: #e9e9e9;
    padding: 5px 10px;
    margin-left: 32px;
    margin-top: 0;
    display: block;
    margin-bottom: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.allimg{
    text-align: center;
    width: 20px;
    background-color: #ededed;
    padding: 5px 5px;
    float: left;
    margin-right: 2px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.allmode-details p {
    text-align: center;
    width: auto;
    background-color: #ededed;
    padding: 5px 5px;
    margin-left: 32px;
    margin-top: 0;
    display: block;
    margin-bottom: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.allimg img{}
.allmode-default .allmode-item .allmode-details > span img {vertical-align: middle;margin-right: 0;border-radius: 0;}

/* ----- COMMON Fields Styles ----- */
.allmode-default .allmode-img img {												/* Item IMAGE */
	float: left;
	display: block;
	box-sizing: content-box;
	margin: 0 16px 8px 0;
	padding: 0;
	max-width: 100%;
	height: auto;
	border-radius: 10px;
}
.allmode-default .allmode-title a {
	font-weight: normal;
	font-size: 15px;
}
.allmode-default .allmode-date,													/* Content ELEMENTS */
.allmode-default .allmode-hits,
.allmode-default .allmode-comments {
	background-repeat: no-repeat;
}
.allmode-default .allmode-rating {												/* Item RATING */
	white-space: nowrap;
}
	.allmode-default .allmode-rating span {
		display: inline-block;
		width: 10px; height: 10px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAG4CAYAAAB8R3Z3AAABm0lEQVR42u2VYUQDYRzGrwzqe9GKoSmgKqVEtM/rOJICIlgIoajvUQAIFQIEibG+FxEUGKRMDC2qz33uGXdcS3vh1Z/8fjzudu/jOTf4ZYIWyuVylNymn2daSn26nMU/B5XX5KyzZXBL6Yqz/W1RK6u6Lih5ZTR1tqkUlJpy2Xz1njIQ/KRDGYsz03x1UXkOfqd5VuyMoqiqm5U2xWWlmnzMeJviRPqrw9TBR5wgfZb8jw/KtHKiHMTPdpRSfAYA8E/ItD64z+XcnlHJg2e0YuWZyXodzwAAmHimOr/v9oxKHjyjFSvPjFzv4hkAABPPPIa9bs+o5MEzWrHyzHDlDc8AAJh45v0mcHtGJQ+e0YqVZ3rmAjwDAGDimfB4yO0ZlTx4RitWnqmUnvAMAICJZ/orp27PqOTBM1qx8sxLuIZnAABMPNO9dOX2jEoePKMVK898nhfwDACAiWemjmpuz6jkwTNasfLM3XoezwAAmHhmY/bC7RmVPHhGK1aeObxdxDMAACaeyWazbs+o5MEzWrHyTKPRwDMAAH/BF4g4Fgjsmfc3AAAAAElFTkSuQmCC) no-repeat 0 0;
		/*background: url("rating.png") no-repeat 0 0;*/
		background-size: 10px 440px;
	}
	.allmode-default .allmode-star {
		margin: 0 1px;
	}
	.allmode-default .allmode-star span {
		display: block;
	}
.allmode-default .allmode-category,
.allmode-default .allmode-author {												/* Item CATEGORY, AUTHOR */
	padding-right: 5px;
	font-style: normal;
	color: #808080;
}
.allmode-default .allmode-details span:last-child,
.allmode-default .allmode-info span:last-child {
}



/* ----- RESPONSIVE Breakpoints ----- */
@media (max-width: 480px) {
	.allmode-default .allmode-topitem img {
		width: 100%;
	}
	.allmode-default .allmode-item img {
		max-width: 100%;
	}
	.allmode-default .allmode-topitem .allmode-details img {
		width:auto;
	}
	.allmode-default .allmode-item .allmode-details img {
		width: auto;
	}
}



/* ----- HIGH RESOLUTION Media Queries ----- */
@media
	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (min-device-pixel-ratio: 1.3),
	only screen and (min-resolution: 120dpi)
{
	.allmode-default .allmode-date,
	.allmode-default .allmode-hits,
	.allmode-default .allmode-comments {
		background-image: url(icons@3x.png);
	}
	.allmode-default .allmode-rating span {
		background-image: url(rating@3x.png);
	}
}

.allmode-default .allmode-showall a{color: white;margin: 36px auto 5px;background-color: #e00627;width: 200px;border-radius: 50px;display: block;line-height: 50px;height: 50px;text-align: center;}
.allmode-default .allmode-showall a:hover{color: white;}
/* ----- COLOR Schemes ----- */

/* --- Red Color (default) --- */
.allmode-default a {
    color: black;
    webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.allmode-columns a {
    color: black;
    webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.allmode-img a{margin-right:0;}
.allmode-default a:hover, .allmode-columns a:hover {
    color: #00000030;
}
.allmode-default .allmode-name,
.allmode-default .allmode-showall,
.allmode-default a:hover img {}
.allmode-default .allmode-date {background-position: 0 0;margin-left: 0;margin-right: 0;}
.allmode-default .allmode-hits {
    margin-left: 4px;
    float: right;
}
.allmode-default .allmode-comments {background-position: 0 -60px;}
.allmode-default .allmode-star span {background-position: 0 -40px;}

/* --- Pink Color --- */
.default-pink a {color: #d24087 !important;}
.default-pink .allmode-name,
.default-pink .allmode-showall,
.default-pink a:hover img {border-color: #d24087;}
.default-pink .allmode-date {background-position: 0 -120px;}
.default-pink .allmode-hits {background-position: 0 -150px;}
.default-pink .allmode-comments {background-position: 0 -180px;}
.default-pink .allmode-star span {background-position: 0 -80px;}

/* --- Orange Color --- */
.default-orange a {color: #d94d16 !important;}
.default-orange .allmode-name,
.default-orange .allmode-showall,
.default-orange a:hover img {border-color: #d94d16;}
.default-orange .allmode-date {background-position: 0 -240px;}
.default-orange .allmode-hits {background-position: 0 -270px;}
.default-orange .allmode-comments {background-position: 0 -300px;}
.default-orange .allmode-star span {background-position: 0 -120px;}

/* --- Yellow Color --- */
.default-yellow a {color: #ebc300 !important;}
.default-yellow .allmode-name,
.default-yellow .allmode-showall,
.default-yellow a:hover img {border-color: #ebc300;}
.default-yellow .allmode-date {background-position: 0 -360px;}
.default-yellow .allmode-hits {background-position: 0 -390px;}
.default-yellow .allmode-comments {background-position: 0 -420px;}
.default-yellow .allmode-star span {background-position: 0 -160px;}

/* --- Green Color --- */
.default-green a {color: #4d9926 !important;}
.default-green .allmode-name,
.default-green .allmode-showall,
.default-green a:hover img {border-color: #4d9926;}
.default-green .allmode-date {background-position: 0 -480px;}
.default-green .allmode-hits {background-position: 0 -510px;}
.default-green .allmode-comments {background-position: 0 -540px;}
.default-green .allmode-star span {background-position: 0 -200px;}

/* --- Turquoise Color --- */
.default-turquoise a {color: #1bb39e !important;}
.default-turquoise .allmode-name,
.default-turquoise .allmode-showall,
.default-turquoise a:hover img {border-color: #1bb39e;}
.default-turquoise .allmode-date {background-position: 0 -600px;}
.default-turquoise .allmode-hits {background-position: 0 -630px;}
.default-turquoise .allmode-comments {background-position: 0 -660px;}
.default-turquoise .allmode-star span {background-position: 0 -240px;}

/* --- Blue Color --- */
.default-blue a {color: #0a55bf !important;}
.default-blue .allmode-name,
.default-blue .allmode-showall,
.default-blue a:hover img {border-color: #0a55bf;}
.default-blue .allmode-date {background-position: 0 -720px;}
.default-blue .allmode-hits {background-position: 0 -750px;}
.default-blue .allmode-comments {background-position: 0 -780px;}
.default-blue .allmode-star span {background-position: 0 -280px;}

/* --- Light Blue Color --- */
.default-lightblue a {color: #3598dc !important;}
.default-lightblue .allmode-name,
.default-lightblue .allmode-showall,
.default-lightblue a:hover img {border-color: #3598dc;}
.default-lightblue .allmode-date {background-position: 0 -840px;}
.default-lightblue .allmode-hits {background-position: 0 -870px;}
.default-lightblue .allmode-comments {background-position: 0 -900px;}
.default-lightblue .allmode-star span {background-position: 0 -320px;}

/* --- Violet Color --- */
.default-violet a {color: #6c3aad !important;}
.default-violet .allmode-name,
.default-violet .allmode-showall,
.default-violet a:hover img {border-color: #6c3aad;}
.default-violet .allmode-date {background-position: 0 -960px;}
.default-violet .allmode-hits {background-position: 0 -990px;}
.default-violet .allmode-comments {background-position: 0 -1020px;}
.default-violet .allmode-star span {background-position: 0 -360px;}

/* --- Gray Color --- */
.default-gray a {color: #1a1a1a !important;}
.default-gray .allmode-name,
.default-gray .allmode-showall,
.default-gray a:hover img {border-color: #1a1a1a;}
.default-gray .allmode-date {background-position: 0 -1080px;}
.default-gray .allmode-hits {background-position: 0 -1110px;}
.default-gray .allmode-comments {background-position: 0 -1140px;}
.default-gray .allmode-star span {background-position: 0 -400px;}