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


/* ----- RESET & DEFAULT Styles ----- */
.raxo-default-main {
	box-sizing: border-box;
}
	.raxo-default-main *,
	.raxo-default-main ::before, .raxo-default-main ::after {
		box-sizing: inherit;
	}
.raxo-default-main article,
.raxo-default-main h3, .raxo-default-main h4,
.raxo-default-main img,
.raxo-default-main a {
	margin: 0; padding: 0;
	background: transparent none;
	border: 0 none;
}
.raxo-default-main a {
	text-decoration: none;
	outline: 0;
	transition: all .2s ease-out;
}
	.raxo-default-main a:hover {
		color: #333333 !important;
		text-decoration: underline;
	}
.raxo-default-main .raxo-top {display: grid;
    gap: 1em;
    grid-template-columns: 1fr;}
.raxo-default-main .raxo-top .raxo-item-top:not(:first-child) {
    margin: 0px 1em;
    /* padding-left: 15px; */
}
.raxo-default-main .raxo-top .raxo-item-top:not(:first-child) .raxo-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
gap: 1rem;}

.raxo-default-main  article {
	position: relative;
	display: block;
	overflow: hidden;
	
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.raxo-default-main  article > a.raxo-link {
	position: absolute; z-index: 3;
	top: 0; bottom: 0;
	left: 0; right: 0;
}

.raxo-default-main .raxo-main-1 .raxo-content {
    padding: 0.5rem 0.9375rem 0 1rem; 
}

/* ----- Module BLOCK ----- */
.raxo-default-main {
	margin: 0px;
}


/* --- Block NAME --- */
.raxo-default-main .raxo-block-name {
	padding: 6px 4px;
	font-size: 16px; font-weight: normal !important;
	color: #373737;
}

/* --- Block INTRO --- */
.raxo-default-main .raxo-block-intro {
	padding: 8px 4px 12px;
}

/* --- Block BUTTON --- */
.raxo-default-main .raxo-block-button {
	margin-top: 4px; padding: 4px;
	text-align: right !important;
	border-top: 1px solid #dddddd;
}



/* ----- Module ITEMS ----- */
.raxo-default-main article {
	
}
.raxo-default-main .raxo-wrap {
	display: flex;
	flex-wrap: wrap;
	
	position: relative;	
}
	.raxo-default-main .raxo-wrap > div {
		margin: 0;
	}

.raxo-default-main .raxo-category {position: absolute;
    top: 15px;
    right: 15px;
    display: inline-block;
    line-height: 1;
 background-color: rgba(0,0,0,0.5) !important;
 font-size: 0.75rem;
    padding: 0.25em 0.5em;
    color: #fff;
font-weight: bold;border-radius: 5px;}

.raxo-default-main .raxo-top .raxo-main-1 .raxo-title {
    font-size: 1.3125rem;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.3px;
}
.raxo-default-main .raxo-top .raxo-title {
    font-size: 1.0rem;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -0.3px;
}
/* ----- Item IMAGE ----- */
.raxo-default-main .raxo-image {
	flex: 0 1 auto;
	align-self: flex-start;
	position: relative;
	
}
	.raxo-default-main .raxo-image img {
		max-width: 100%;
		height: auto;
	}
.raxo-default-main .raxo-main-1 .raxo-text {display: block;}	
.raxo-default-main .raxo-text {display: none;}	

/* ----- CONTENT Styles ----- */
.raxo-default-main .raxo-content {
	flex: 1 1 144px;
}
.raxo-default-main .raxo-title {
	margin-bottom: 4px;
	font-size: 14px; line-height: 18px;
	font-weight: bold;
}
	
.raxo-default-main .raxo-text {
	font-size: 13px; line-height: 18px;
	color: #373737;
}
	.raxo-default-main .raxo-top .raxo-text {
		font-size: 1.0rem; line-height: 20px;
	}
.raxo-default-main .raxo-readmore {
	float: right;
	margin-right: 4px;
}



/* ----- INFO Fields ----- */
.raxo-default-main .raxo-info {
	margin-top: -2px; padding-bottom: 4px;
	font-size: 12px; line-height: 17px;
	font-style: italic;
	color: #b4b4b4;
}
	.raxo-default-main .raxo-info > span {
		
	}
	.raxo-default-main .raxo-info > span:not(:last-child) {
		padding-right: 8px;
	}



/* ----- META Elements ----- */
.raxo-default-main .raxo-meta {
	margin-bottom: 2px;
	line-height: 14px;
	font-size: 12px;
	color: #525252;
}
	.raxo-default-main .raxo-date,
	.raxo-default-main .raxo-hits,
	.raxo-default-main .raxo-comments {
		display: inline-block;
		padding: 0 10px 0 15px;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAASwCAYAAADCLNu9AAAFNElEQVR4Xu2YAWhVVRzGz3nuas7lpakj3sttiZNYNhhsMJ5jm3ZHI7gUUniBgMYGVQk9CzC0dcNACQohgpzUyApJKCD2CrKodJkzJJjxylWQKAXLosAZe5vz9v3hCvetXe+Bl/CI7wcf57D/93Y2wP/kp/5z9OmGhlmcFnIC+RjZgwg+sgXpRuZSb69bZ31TW7sDgwIyhPSGeRY5JzPpKNd1A6RTxSAz6aQWfHH42imJzlD8N6Ojo4/ImViU7yblxYpL5JBh9IzOND79K87jyOtqcQaR7qrw8gayLab4CzKgbgyEEB2zAGwcXyHNyFXk3Sq1OHeFpb7w/mJKxSMbQ/blOJKqwjOHw3/8KeQ7JKsWIRWWdobPNMtTcUXJePiMMCZJWnsH8QEtkbuK8uTmzcHB1tYclr4z1NmZlzN6l5l0In8VrsucukEQQrBS6pGjSBEJFqQYzuqrwv943IZ4yCVVys3IXuSQCj/lXudF4YqslKXIn+EXX5Yzeg9nSxK/46dNTR62ybxG5xMMMsiu7ZOTalWxOB3p1YQ/45Ss5oHwFzqC0tJFds4xZFAtBM/YiI8EygQUP1JmEEIIIYToMz37zLzZSHXBOm1NxXozmaFTgd6M3owQejN6s9y9DwUjvbkclr7j9w3k5YzeZSYdjUGZ3owQQm92bMvz3kTPvlJvtuNyq1p9dXmyN0PJ3JthadmIj5h5MxRNvRkhhBBCiJ5068y82bC6wzql6mK9mczQqUBvRm9GCL0ZvdlTblfwlrsxh6Xv7HE78nJG7zKTjsagTG9GCKE3O+mu9c66daXebKeaUGvUTLI3Q8ncm2Fp2YiPmHkzFE29GSGEEEKIvjimzLzZS0c6rONn6mO9mczQqTxvRm9GCL0ZvVmqueGierhvog1L39m08UJGzuhdZtLRGJTpzQgh9Gbf56u938ZUqTfbO/iZurX2crI3Q8ncm2Fp2YiPmHkzFE29GSGEEEKIdoc3mHkzNb7WUuftWG8mM3Qqz5vRmxFCb0Zvptz+uwN3d3sOS99xH+/Kyxm9y0w6GoMyvRkhhN7M3X+nh21S6s3U5p+VWjGb7M1QMvdmeMZGfMTMm6Fo6s0IIYQQQnRmdMTMmzV9eMJaffZcrDeTGTqV583ozQihN6M3S13K1KnzXa1tWPrOHxvqM3JG7zKTjsagTG9GCKE3u/3wqx62Sak3K2zrVUW7JtmboWTuzfCMjfiImTdD0dSbEUIIIYTo6gc/N/NmrbPvWen5b2O9mczQqTxvRm9GCL0ZvZnadN8Twfqtr+Sw9J22+5/Jyxm9y0w6GoMyvRkhhN6s9oEPPGyTUm92clm/+lvfkuzNUDL3ZnjGRnzEzJuhaOrNCCGEEEJ0+4GfzLxZ7anXrOUXxmO9mczQqUBvRm9GCL0Zvdk9/U8HXbvfyWHpO85jL+TljN5lJh2NQZnejBBCb9ax/2uv/cCPpd7s955d6sqKNcneDCVzb4alZSM+YubNUDT1ZoQQQgghenv2fTNvNrXyqDW97IdYbyYzdCrPm9GbEUJvRm+WumkurVZNZ9uw9J2a4vqMnNG7zKSjMSjTmxFC6M0e7TzkYZuUerP0X1uVNb8y2ZuhZO7N8IyN+IiZN0PR2JsRQgghhKTT6VkkQL5EhuQe5jnki/A+q7q7u4OWlpYcBsPhhxxJeH9TZtKpOG9Gb0YIvRm9WXSHO9lsNi9n9H5th2sMyvRmhBB6s8bGRg/bpNSbFQoFNTMzk+zNUDL3ZnjGRnzEzJuh+H/1ZoQQQgj5B783rlwJ6bRoAAAAAElFTkSuQmCC");
		/*background-image: url("icons.png");*/
		background-repeat: no-repeat;
		background-size: 10px 1200px;
	}
	.raxo-default-main .raxo-meta span:last-child {
		padding-right: 0;
	}

/* --- Item RATING --- */
.raxo-default-main .raxo-rating {
	white-space: nowrap;
}
	.raxo-default-main .raxo-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;
	}
	.raxo-default-main .raxo-star {
		margin: 0 1px;
	}
	.raxo-default-main .raxo-star span {
		display: block;
	}



/* ----- RESPONSIVE Breakpoints ----- */
@media (max-width: 480px) {
	.raxo-default-main .raxo-top .raxo-image {
		width: 100%
	}
	.raxo-default-main .raxo-top .raxo-image img {
		width: 100%
	}
}
 .raxo-default-main a {color: #000 !important;}
    .raxo-default-main a:hover {color: #000 !important;}
@media (min-width: 768px) {
.raxo-default-main .raxo-top .raxo-item-top:not(:first-child) {margin: 0 2em}
}

@media (min-width: 992px) {
    
    .raxo-default-main .raxo-top {display: grid;
    grid-template-columns: 66.8% 1fr;
    gap: 10px;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
        " main side "
        " main sidea ";
}
.raxo-default-main .raxo-main-1 .raxo-content {
    padding: 0; 
}
.raxo-default-main .raxo-content {
    padding: 0; 
}
 .raxo-default-main .raxo-main-1 .raxo-wrap, .raxo-default-main .raxo-main-1 .raxo-image, .raxo-default-main .raxo-main-1 .raxo-image img {height: auto;}
.raxo-main-1 {grid-area: main;
    position: relative;}
 .raxo-default-main .raxo-top .raxo-title {
		font-size: 1.0rem; line-height: 1.1;font-weight: 600;
	}
.raxo-default-main .raxo-main-1 .raxo-text {display: none;}	
.raxo-main-2 {grid-area: side;}
.raxo-main-3 {grid-area: sidea;}
.raxo-default-main .raxo-top .raxo-title {position: absolute;
    bottom: 0px;
    padding: 10px;}
.raxo-default-main .raxo-top .raxo-item-top:not(:first-child) {
    margin: 0px;
}
.raxo-default-main .raxo-top .raxo-item-top:not(:first-child) .raxo-wrap {
    display: block;
    }
.raxo-default-main .raxo-content {
    padding: 0;
}
     
     .raxo-default-main .raxo-top .raxo-main-1 .raxo-title {font-size: 1.875rem;padding: 20px;font-weight: 600}
    .raxo-default-main a {color: #fff !important;}
    .raxo-default-main a:hover {color: #fff !important;}
.raxo-default-main .raxo-image:after {position: absolute;
    
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 69%,rgba(0,0,0,0.65) 81%,rgba(0,0,0,0.8) 100%);
position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;}
  .raxo-default-main  article {
	
	margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
}
@media (min-width: 1200px) {
.raxo-default-main .raxo-top .raxo-main-1 .raxo-title {
    
    font-weight: 600;
    
}
}
/* ----- 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)
{
	.raxo-default-main .raxo-date,
	.raxo-default-main .raxo-hits,
	.raxo-default-main .raxo-comments {
		background-image: url(icons@3x.png);
	}
	.raxo-default-main .raxo-rating span {
		background-image: url(rating@3x.png);
	}
}



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

/* --- Red Color (default) --- */

.raxo-default-main .raxo-header,
.raxo-default-main .raxo-block-button,
.raxo-default-main article:hover .raxo-image {border-color: #cc1f1f;}
.raxo-default-main .raxo-date {background-position: 0 0;}
.raxo-default-main .raxo-hits {background-position: 0 -30px;}
.raxo-default-main .raxo-comments {background-position: 0 -60px;}
.raxo-default-main .raxo-star span {background-position: 0 -40px;}