/**
 * =============================================================
 * @package		RAXO Newsbreak 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-newsbreak {
	box-sizing: border-box;
}
	.raxo-newsbreak *,
	.raxo-newsbreak ::before {
		box-sizing: inherit;
	}
.raxo-newsbreak article,
.raxo-newsbreak h3, .raxo-newsbreak h4,
.raxo-newsbreak img,
.raxo-newsbreak a {
	margin: 0; padding: 0;
	background: transparent none;
	border: 0 none;
}
.raxo-newsbreak a {
	text-decoration: none;
	outline: 0;
	transition: all .2s ease-out;
}


/* ----- Module BLOCK ----- */
.raxo-newsbreak {
	margin-bottom: 24px;
}

.raxo-newsbreak .raxo-block-name {
	padding: 6px 10px 4px;
	font-size: 17px; line-height: 24px;
	font-weight: bold;
	border-radius: 4px;
}
	.raxo-newsbreak .raxo-block-name span {
		padding: 1px 8px;
		background-color: rgba(255, 255, 255, 0.7);
		border-radius: 3px;
	}

.raxo-newsbreak .raxo-block-intro {
	padding: 8px 10px 14px;
	font-size: 14px; line-height: 20px;
	color: #484848;
}

.raxo-newsbreak .raxo-block-button {
	margin: 4px 12px 0;
	font-size: 14px; line-height: 20px;
	text-align: right;
	color: #7d7d7d;
}


/* ----- MODULE Items ----- */
.raxo-block-name + .raxo-container {
	margin-top: 14px;
}
.raxo-newsbreak article {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	overflow: hidden;
}
.raxo-newsbreak .raxo-content {
	position: relative;
	margin-left: 8px;
	transition: background .2s;
}
	.raxo-newsbreak .raxo-content::before {
		position: absolute;
		display: block;
		content: '';
		top: 6px; left: -8px;
		width: 22px; height: 22px;
		background: url(ico-news.svg) no-repeat 0 0;
		background-size: cover;
	}
	.raxo-newsbreak .raxo-normal .raxo-content::before {
		width: 19px; height: 19px;
	}
	.raxo-newsbreak .raxo-image + .raxo-content::before {
		display: none;
	}

/* ----- TOP Items ----- */
.raxo-newsbreak article.raxo-item-top {
	margin-bottom: 6px;
	padding-right: 20px;
}
.raxo-newsbreak .raxo-image {
	flex: 0 1 auto;
	align-self: flex-start;
	z-index: 2;
	margin: 6px -20px 4px 0; padding: 2px;
	background-color: #fcfcfc;
	border: 1px solid #c6c6c6;
	border-radius: 3px;
	box-shadow: 0 0 3px #d6d6d6;
	transition: border .2s;
}
	.raxo-newsbreak .raxo-image img {
		max-width: 100%;
		height: auto !important;
	}
.raxo-newsbreak .raxo-top .raxo-content {
	flex: 1 1 160px;
	margin-right: -20px;
	padding: 6px 8px 6px 22px;
	border-radius: 4px;
}

/* ----- NORMAL Items ----- */
.raxo-newsbreak article.raxo-item-nor {
	margin-bottom: 4px;
}
.raxo-newsbreak .raxo-normal .raxo-date {
	flex: 1 1 72px;
	padding: 6px 10px 4px;
	font-size: 15px; line-height: 20px;
}
.raxo-newsbreak .raxo-normal .raxo-content {
	flex: 4 1 160px;
	padding: 5px 6px 5px 16px;
	border-radius: 3px;
}


/* ----- Item CONTENT ----- */
.raxo-newsbreak .raxo-title {
	font-size: 17px; line-height: 22px;
	font-weight: bold;
}
	.raxo-newsbreak .raxo-normal .raxo-title {
		font-size: 15px; line-height: 20px;
	}
	.raxo-newsbreak .raxo-title + div {
		margin-top: 6px;
	}
	.raxo-newsbreak .raxo-normal .raxo-title + div {
		margin-top: 4px;
	}
.raxo-newsbreak .raxo-text {
	margin-bottom: 4px;
	font-size: 14px; line-height: 18px;
	color: #303030;
}
	.raxo-newsbreak .raxo-normal .raxo-text {
		font-size: 13px; line-height: 16px;
	}
	.raxo-newsbreak .raxo-meta + .raxo-text {
		margin-top: 6px;
	}
.raxo-newsbreak .raxo-readmore {
	padding-left: 5px;
	font-size: 0.93em;
}


/* ----- Item FIELDS ----- */
.raxo-newsbreak .raxo-meta {
	font-size: 12px; line-height: 16px;
	color: #808080;
}
	.raxo-newsbreak .raxo-normal .raxo-meta {
		font-size: 11px; line-height: 15px;
	}
	.raxo-newsbreak .raxo-meta > span {
		display: inline-block;
	}
	.raxo-newsbreak .raxo-meta > span:not(:last-of-type) {
		margin-right: .75em;
	}



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

/* --- Blue Color (default) --- */
.raxo-newsbreak .raxo-block-name,
.raxo-newsbreak .raxo-title,
.raxo-newsbreak .raxo-normal .raxo-date,
.raxo-newsbreak a {color: #003399;}
.raxo-newsbreak a:hover {color: #666666;}
.raxo-newsbreak .raxo-odd {background-color: #f9f9f9;}
.raxo-newsbreak article:hover .raxo-odd {background-color: #f5f5f5;}
.raxo-newsbreak .raxo-block-name,
.raxo-newsbreak .raxo-even {background-color: #eceff4;}
.raxo-newsbreak article:hover .raxo-even {background-color: #f0f3f7;}
.raxo-newsbreak article:hover .raxo-image {border-color: #003399;}
.raxo-newsbreak .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%23003399"/></svg>');
}

/* --- Red Color --- */
.newsbreak-red .raxo-block-name,
.newsbreak-red .raxo-title,
.newsbreak-red .raxo-normal .raxo-date,
.newsbreak-red a {color: #cc1f1f;}
.newsbreak-red .raxo-block-name,
.newsbreak-red .raxo-even {background-color: #f3eded;}
.newsbreak-red article:hover .raxo-even {background-color: #f9f2f2;}
.newsbreak-red article:hover .raxo-image {border-color: #cc1f1f;}
.newsbreak-red .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%23cc1f1f"/></svg>');
}

/* --- Pink Color --- */
.newsbreak-pink .raxo-block-name,
.newsbreak-pink .raxo-title,
.newsbreak-pink .raxo-normal .raxo-date,
.newsbreak-pink a {color: #d24087;}
.newsbreak-pink .raxo-block-name,
.newsbreak-pink .raxo-even {background-color: #f4eef1;}
.newsbreak-pink article:hover .raxo-even {background-color: #f9f4f6;}
.newsbreak-pink article:hover .raxo-image {border-color: #d24087;}
.newsbreak-pink .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%23d24087"/></svg>');
}

/* --- Orange Color --- */
.newsbreak-orange .raxo-block-name,
.newsbreak-orange .raxo-title,
.newsbreak-orange .raxo-normal .raxo-date,
.newsbreak-orange a {color: #d94d16;}
.newsbreak-orange .raxo-block-name,
.newsbreak-orange .raxo-even {background-color: #f4eeec;}
.newsbreak-orange article:hover .raxo-even {background-color: #faf4f2;}
.newsbreak-orange article:hover .raxo-image {border-color: #d94d16;}
.newsbreak-orange .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%23d94d16"/></svg>');
}

/* --- Yellow Color --- */
.newsbreak-yellow .raxo-block-name,
.newsbreak-yellow .raxo-title,
.newsbreak-yellow .raxo-normal .raxo-date,
.newsbreak-yellow a {color: #ebc300;}
.newsbreak-yellow .raxo-block-name,
.newsbreak-yellow .raxo-even {background-color: #f5f3eb;}
.newsbreak-yellow article:hover .raxo-even {background-color: #faf9f1;}
.newsbreak-yellow article:hover .raxo-image {border-color: #ebc300;}
.newsbreak-yellow .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%23ebc300"/></svg>');
}

/* --- Green Color --- */
.newsbreak-green .raxo-block-name,
.newsbreak-green .raxo-title,
.newsbreak-green .raxo-normal .raxo-date,
.newsbreak-green a {color: #4d9926;}
.newsbreak-green .raxo-block-name,
.newsbreak-green .raxo-even {background-color: #eef1ed;}
.newsbreak-green article:hover .raxo-even {background-color: #f4f7f3;}
.newsbreak-green article:hover .raxo-image {border-color: #4d9926;}
.newsbreak-green .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%234d9926"/></svg>');
}

/* --- Light Blue Color --- */
.newsbreak-lightblue .raxo-block-name,
.newsbreak-lightblue .raxo-title,
.newsbreak-lightblue .raxo-normal .raxo-date,
.newsbreak-lightblue a {color: #3598dc;}
.newsbreak-lightblue .raxo-block-name,
.newsbreak-lightblue .raxo-even {background-color: #edf1f4;}
.newsbreak-lightblue article:hover .raxo-even {background-color: #f3f7fa;}
.newsbreak-lightblue article:hover .raxo-image {border-color: #3598dc;}
.newsbreak-lightblue .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%233598dc"/></svg>');
}

/* --- Violet Color --- */
.newsbreak-violet .raxo-block-name,
.newsbreak-violet .raxo-title,
.newsbreak-violet .raxo-normal .raxo-date,
.newsbreak-violet a {color: #6c3aad;}
.newsbreak-violet .raxo-block-name,
.newsbreak-violet .raxo-even {background-color: #f0eef2;}
.newsbreak-violet article:hover .raxo-even {background-color: #f5f3f8;}
.newsbreak-violet article:hover .raxo-image {border-color: #6c3aad;}
.newsbreak-violet .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%236c3aad"/></svg>');
}

/* --- Turquoise Color --- */
.newsbreak-turquoise .raxo-block-name,
.newsbreak-turquoise .raxo-title,
.newsbreak-turquoise .raxo-normal .raxo-date,
.newsbreak-turquoise a {color: #288699;}
.newsbreak-turquoise .raxo-block-name,
.newsbreak-turquoise .raxo-even {background-color: #edf1f1;}
.newsbreak-turquoise article:hover .raxo-even {background-color: #f3f6f7;}
.newsbreak-turquoise article:hover .raxo-image {border-color: #288699;}
.newsbreak-turquoise .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%23288699"/></svg>');
}

/* --- Gray Color --- */
.newsbreak-gray .raxo-block-name,
.newsbreak-gray .raxo-title,
.newsbreak-gray .raxo-normal .raxo-date,
.newsbreak-gray a {color: #303030;}
.newsbreak-gray .raxo-block-name,
.newsbreak-gray .raxo-even {background-color: #ececec;}
.newsbreak-gray article:hover .raxo-even {background-color: #f2f2f2;}
.newsbreak-gray article:hover .raxo-image {border-color: #303030;}
.newsbreak-gray .raxo-content::before {
	content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path d="M38 2h1l17 17v1H42c-2.2 0-4-1.8-4-4z" fill="%23303030"/></svg>');
}