@import '/media/plg_system_jtaldef/index/css/fdf071e33aeea727855ae860fe0067e3.css?125394cb4579df12bd5a92562cdd9eba';
 .raxo-prime { box-sizing: border-box; margin: 20px 0 24px; min-width: 192px; overflow: hidden; } .raxo-prime *, .raxo-prime ::before, .raxo-prime ::after { box-sizing: inherit; } .raxo-prime article, .raxo-prime h3, .raxo-prime h4, .raxo-prime img, .raxo-prime a { margin: 0; padding: 0; background: transparent none; border: 0 none; } .raxo-prime a { color: #fff !important; text-decoration: none; outline: 0; transition: all .2s ease-out; } .raxo-prime a:hover { opacity: .8; background: transparent none; }  .raxo-prime .raxo-block-name, .raxo-prime .raxo-block-button { margin: 0 0 20px; padding: 10px 20px 8px; font: normal 18px/22px 'Roboto', Arial, sans-serif; color: #fff; } .raxo-prime .raxo-block-intro { margin-bottom: 20px; padding: 0 16px 0 20px; font-size: 16px; line-height: 22px; color: #484848; } .raxo-prime .raxo-block-button { margin: 20px auto; font-size: 16px; text-align: center; } .raxo-prime .raxo-block-button a { display: block; } @media (min-width: 480px) { .raxo-prime .raxo-container, .raxo-prime .raxo-top, .raxo-prime .raxo-normal { display: flex; flex-wrap: wrap; } } .raxo-prime .raxo-top, .raxo-prime .raxo-normal, .raxo-prime article { flex: 1 1 190px; min-width: 190px; } .raxo-prime .raxo-top, .raxo-prime .raxo-top article { /* Preferred size of TOP items */ flex-basis: 360px; } .raxo-prime .raxo-normal article { /* Preferred size of NORMAL items */ flex-basis: 220px; } .raxo-prime .raxo-container {margin: -1px} /* Default gutter 2px (1px on each side of a item) */ .raxo-prime article {margin: 1px;} .raxo-prime article { position: relative; display: block; overflow: hidden; } .raxo-prime .raxo-overlay, .raxo-prime article .raxo-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; } .raxo-prime .raxo-overlay { display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: flex-start; padding: 20px 16px 15px 20px; background: rgba(0,0,0,0); transition: all .4s ease-out; } .raxo-prime article:hover .raxo-overlay { background: rgba(20,20,20,.25); transition-duration: .2s; } .raxo-prime article .raxo-link { opacity: 0; } .raxo-prime .raxo-image, .raxo-prime .raxo-image > a, .raxo-prime .raxo-image img { display: block; width: 100%; height: 100%; } .raxo-prime .raxo-image img { -o-object-fit: cover; object-fit: cover; image-rendering: -webkit-optimize-contrast; } .raxo-prime .raxo-image::after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 72%; background-image: linear-gradient(to bottom, transparent, rgba(20,20,20,.72)); } .raxo-prime .raxo-content { order: 3; flex-shrink: 0; width: 100%; } .raxo-prime .raxo-title { margin: 10px 0 0; font: bold 18px/20px 'Roboto', Arial, sans-serif; color: #fff; text-shadow: 0 1px rgba(51,51,51,.6); } .raxo-prime .raxo-top .raxo-title { font-size: 26px; line-height: 28px; } .raxo-prime .raxo-title span { display: inline-block; max-height: 60px; /* Maximum 3 visible rows (3 × line-height) */ overflow: hidden; } .raxo-prime .raxo-top .raxo-title span { max-height: 84px; } .raxo-prime .raxo-title::after { /* Animated title underline */ content: ""; display: block; position: relative; bottom: 0; width: 0; height: 2px; transition: width .4s ease-out; } .raxo-prime .raxo-top .raxo-title::after { height: 3px; } .raxo-prime article:hover .raxo-title::after { width: 56%; } .raxo-prime .raxo-text { margin-top: 8px; font-size: 14px; line-height: 20px; color: #e0e0e0; } .raxo-prime .raxo-normal .raxo-text { margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; transition: margin .1s linear .4s, opacity .4s ease-out, max-height .4s ease-out; } .raxo-prime .raxo-normal article:hover .raxo-text { margin-top: 8px; max-height: 100px; /* Maximum 5 visible rows (5 × line-height) */ opacity: 1; transition-delay: 0s, .1s, .1s; } .raxo-prime .raxo-meta { display: flex; flex-wrap: wrap; order: 2; margin-left: -20px; padding: 2px 14px 4px 20px; font-size: 15px; line-height: 18px; color: #e0e0e0; background: rgba(44,44,44,.64); } .raxo-prime .raxo-top .raxo-meta { font-size: 16px; line-height: 20px; } .raxo-prime .raxo-meta > :not(:last-child)::after { content: "|"; display: inline-block; margin: 0 14px; color: #999; } .raxo-prime .raxo-hits, .raxo-prime .raxo-rating, .raxo-prime .raxo-comments { padding-left: 28px; background-repeat: no-repeat; background-position: 0 50%; background-size: 20px 20px; } .raxo-prime .raxo-hits { background-image: url("/modules/mod_raxo_content_spotlight/tmpl/raxo-prime/ico-hits.svg"); } .raxo-prime .raxo-rating { background-image: url("/modules/mod_raxo_content_spotlight/tmpl/raxo-prime/ico-rating.svg"); } .raxo-prime .raxo-comments { background-image: url("/modules/mod_raxo_content_spotlight/tmpl/raxo-prime/ico-comments.svg"); } .raxo-prime .raxo-category { order: 1; margin: 0 0 auto -20px; padding: 0 14px 0 20px; font: bold 12px/24px 'Roboto', Arial, sans-serif; color: #fff; } .raxo-prime .raxo-category a { position: relative; z-index: 3 } .raxo-prime .raxo-block-name, .raxo-prime .raxo-block-button, .raxo-prime .raxo-category { background-color: #3598dc; } .raxo-prime .raxo-title::after { background-color: #3baaf5; } .raxo-prime .raxo-block-intro a { color: #3598dc !important; } .prime-red .raxo-block-name, .prime-red .raxo-block-button, .prime-red .raxo-category { background-color: #cc1f1f; } .prime-red .raxo-title::after { background-color: #e52222; } .prime-red .raxo-block-intro a { color: #cc1f1f !important; } .prime-pink .raxo-block-name, .prime-pink .raxo-block-button, .prime-pink .raxo-category { background-color: #d24087; } .prime-pink .raxo-title::after { background-color: #eb4696; } .prime-pink .raxo-block-intro a { color: #d24087 !important; } .prime-orange .raxo-block-name, .prime-orange .raxo-block-button, .prime-orange .raxo-category { background-color: #d94d16; } .prime-orange .raxo-title::after { background-color: #f25618; } .prime-orange .raxo-block-intro a { color: #d94d16 !important; } .prime-yellow .raxo-block-name, .prime-yellow .raxo-block-button, .prime-yellow .raxo-category { background-color: #ebc300; } .prime-yellow .raxo-title::after { background-color: #ffd505; } .prime-yellow .raxo-block-intro a { color: #ebc300 !important; } .prime-green .raxo-block-name, .prime-green .raxo-block-button, .prime-green .raxo-category { background-color: #4d9926; } .prime-green .raxo-title::after { background-color: #5cb82e; } .prime-green .raxo-block-intro a { color: #4d9926 !important; } .prime-blue .raxo-block-name, .prime-blue .raxo-block-button, .prime-blue .raxo-category { background-color: #0a55bf; } .prime-blue .raxo-title::after { background-color: #0b61d9; } .prime-blue .raxo-block-intro a { color: #0a55bf !important; } .prime-violet .raxo-block-name, .prime-violet .raxo-block-button, .prime-violet .raxo-category { background-color: #6c3aad; } .prime-violet .raxo-title::after { background-color: #7d44c7; } .prime-violet .raxo-block-intro a { color: #6c3aad !important; } .prime-turquoise .raxo-block-name, .prime-turquoise .raxo-block-button, .prime-turquoise .raxo-category { background-color: #288699; } .prime-turquoise .raxo-title::after { background-color: #2e9cb3; } .prime-turquoise .raxo-block-intro a { color: #288699 !important; } .prime-gray .raxo-block-name, .prime-gray .raxo-block-button, .prime-gray .raxo-category { background-color: #636363; } .prime-gray .raxo-title::after { background-color: #969696; } .prime-gray .raxo-block-intro a { color: #636363 !important; } @media (min-width: 576px) { .raxo-prime[class*="prime-sm"] .raxo-top {flex: none;} .raxo-prime.prime-sm-1-1 .raxo-top {width: 100%;} .raxo-prime.prime-sm-1-2 .raxo-top {width: 50%;} .raxo-prime.prime-sm-1-3 .raxo-top {width: calc(100% * 1 / 3.001);} .raxo-prime.prime-sm-2-3 .raxo-top {width: calc(100% * 2 / 3.001);} .raxo-prime.top-sm-col1 .raxo-top article, .raxo-prime.nor-sm-col1 .raxo-normal article { flex-basis: 100%; } .raxo-prime.top-sm-col2 .raxo-top article, .raxo-prime.nor-sm-col2 .raxo-normal article { flex-basis: calc(49.98% - 2px); } .raxo-prime.top-sm-col3 .raxo-top article, .raxo-prime.nor-sm-col3 .raxo-normal article { flex-basis: calc(33.32% - 2px); } .raxo-prime.top-sm-col4 .raxo-top article, .raxo-prime.nor-sm-col4 .raxo-normal article { flex-basis: calc(24.98% - 2px); } .raxo-prime.top-sm-col5 .raxo-top article, .raxo-prime.nor-sm-col5 .raxo-normal article { flex-basis: calc(19.98% - 2px); } .raxo-prime.top-sm-col6 .raxo-top article, .raxo-prime.nor-sm-col6 .raxo-normal article { flex-basis: calc(16.64% - 2px); } } @media (min-width: 768px) { .raxo-prime[class*="prime-md"] .raxo-top {flex: none;} .raxo-prime.prime-md-1-1 .raxo-top {width: 100%;} .raxo-prime.prime-md-1-2 .raxo-top {width: 50%;} .raxo-prime.prime-md-1-3 .raxo-top {width: calc(100% * 1 / 3.001);} .raxo-prime.prime-md-2-3 .raxo-top {width: calc(100% * 2 / 3.001);} .raxo-prime.prime-md-1-4 .raxo-top {width: 25%;} .raxo-prime.prime-md-3-4 .raxo-top {width: 75%;} .raxo-prime.top-md-col1 .raxo-top article, .raxo-prime.nor-md-col1 .raxo-normal article { flex-basis: 100%; } .raxo-prime.top-md-col2 .raxo-top article, .raxo-prime.nor-md-col2 .raxo-normal article { flex-basis: calc(49.98% - 2px); } .raxo-prime.top-md-col3 .raxo-top article, .raxo-prime.nor-md-col3 .raxo-normal article { flex-basis: calc(33.32% - 2px); } .raxo-prime.top-md-col4 .raxo-top article, .raxo-prime.nor-md-col4 .raxo-normal article { flex-basis: calc(24.98% - 2px); } .raxo-prime.top-md-col5 .raxo-top article, .raxo-prime.nor-md-col5 .raxo-normal article { flex-basis: calc(19.98% - 2px); } .raxo-prime.top-md-col6 .raxo-top article, .raxo-prime.nor-md-col6 .raxo-normal article { flex-basis: calc(16.64% - 2px); } } @media (min-width: 992px) { .raxo-prime[class*="prime-lg"] .raxo-top {flex: none;} .raxo-prime.prime-lg-1-1 .raxo-top {width: 100%;} .raxo-prime.prime-lg-1-2 .raxo-top {width: 50%;} .raxo-prime.prime-lg-1-3 .raxo-top {width: calc(100% * 1 / 3.001);} .raxo-prime.prime-lg-2-3 .raxo-top {width: calc(100% * 2 / 3.001);} .raxo-prime.prime-lg-1-4 .raxo-top {width: 25%;} .raxo-prime.prime-lg-3-4 .raxo-top {width: 75%;} .raxo-prime.prime-lg-1-5 .raxo-top {width: 20%;} .raxo-prime.prime-lg-2-5 .raxo-top {width: 40%;} .raxo-prime.prime-lg-3-5 .raxo-top {width: 60%;} .raxo-prime.prime-lg-4-5 .raxo-top {width: 80%;} .raxo-prime.top-lg-col1 .raxo-top article, .raxo-prime.nor-lg-col1 .raxo-normal article { flex-basis: 100%; } .raxo-prime.top-lg-col2 .raxo-top article, .raxo-prime.nor-lg-col2 .raxo-normal article { flex-basis: calc(49.98% - 2px); } .raxo-prime.top-lg-col3 .raxo-top article, .raxo-prime.nor-lg-col3 .raxo-normal article { flex-basis: calc(33.32% - 2px); } .raxo-prime.top-lg-col4 .raxo-top article, .raxo-prime.nor-lg-col4 .raxo-normal article { flex-basis: calc(24.98% - 2px); } .raxo-prime.top-lg-col5 .raxo-top article, .raxo-prime.nor-lg-col5 .raxo-normal article { flex-basis: calc(19.98% - 2px); } .raxo-prime.top-lg-col6 .raxo-top article, .raxo-prime.nor-lg-col6 .raxo-normal article { flex-basis: calc(16.64% - 2px); } } @media (min-width: 1200px) { .raxo-prime[class*="prime-xl"] .raxo-top {flex: none;} .raxo-prime.prime-xl-1-1 .raxo-top {width: 100%;} .raxo-prime.prime-xl-1-2 .raxo-top {width: 50%;} .raxo-prime.prime-xl-1-3 .raxo-top {width: calc(100% * 1 / 3.001);} .raxo-prime.prime-xl-2-3 .raxo-top {width: calc(100% * 2 / 3.001);} .raxo-prime.prime-xl-1-4 .raxo-top {width: 25%;} .raxo-prime.prime-xl-3-4 .raxo-top {width: 75%;} .raxo-prime.prime-xl-1-5 .raxo-top {width: 20%;} .raxo-prime.prime-xl-2-5 .raxo-top {width: 40%;} .raxo-prime.prime-xl-3-5 .raxo-top {width: 60%;} .raxo-prime.prime-xl-4-5 .raxo-top {width: 80%;} .raxo-prime.prime-xl-1-6 .raxo-top {width: calc(100% * 1 / 6.001);} .raxo-prime.prime-xl-5-6 .raxo-top {width: calc(100% * 5 / 6.001);} .raxo-prime.top-xl-col1 .raxo-top article, .raxo-prime.nor-xl-col1 .raxo-normal article { flex-basis: 100%; } .raxo-prime.top-xl-col2 .raxo-top article, .raxo-prime.nor-xl-col2 .raxo-normal article { flex-basis: calc(49.98% - 2px); } .raxo-prime.top-xl-col3 .raxo-top article, .raxo-prime.nor-xl-col3 .raxo-normal article { flex-basis: calc(33.32% - 2px); } .raxo-prime.top-xl-col4 .raxo-top article, .raxo-prime.nor-xl-col4 .raxo-normal article { flex-basis: calc(24.98% - 2px); } .raxo-prime.top-xl-col5 .raxo-top article, .raxo-prime.nor-xl-col5 .raxo-normal article { flex-basis: calc(19.98% - 2px); } .raxo-prime.top-xl-col6 .raxo-top article, .raxo-prime.nor-xl-col6 .raxo-normal article { flex-basis: calc(16.64% - 2px); } } @media (min-width: 1400px) { .raxo-prime[class*="prime-xxl"] .raxo-top {flex: none;} .raxo-prime.prime-xxl-1-1 .raxo-top {width: 100%;} .raxo-prime.prime-xxl-1-2 .raxo-top {width: 50%;} .raxo-prime.prime-xxl-1-3 .raxo-top {width: calc(100% * 1 / 3.001);} .raxo-prime.prime-xxl-2-3 .raxo-top {width: calc(100% * 2 / 3.001);} .raxo-prime.prime-xxl-1-4 .raxo-top {width: 25%;} .raxo-prime.prime-xxl-3-4 .raxo-top {width: 75%;} .raxo-prime.prime-xxl-1-5 .raxo-top {width: 20%;} .raxo-prime.prime-xxl-2-5 .raxo-top {width: 40%;} .raxo-prime.prime-xxl-3-5 .raxo-top {width: 60%;} .raxo-prime.prime-xxl-4-5 .raxo-top {width: 80%;} .raxo-prime.prime-xxl-1-6 .raxo-top {width: calc(100% * 1 / 6.001);} .raxo-prime.prime-xxl-5-6 .raxo-top {width: calc(100% * 5 / 6.001);} .raxo-prime.top-xxl-col1 .raxo-top article, .raxo-prime.nor-xxl-col1 .raxo-normal article { flex-basis: 100%; } .raxo-prime.top-xxl-col2 .raxo-top article, .raxo-prime.nor-xxl-col2 .raxo-normal article { flex-basis: calc(49.98% - 2px); } .raxo-prime.top-xxl-col3 .raxo-top article, .raxo-prime.nor-xxl-col3 .raxo-normal article { flex-basis: calc(33.32% - 2px); } .raxo-prime.top-xxl-col4 .raxo-top article, .raxo-prime.nor-xxl-col4 .raxo-normal article { flex-basis: calc(24.98% - 2px); } .raxo-prime.top-xxl-col5 .raxo-top article, .raxo-prime.nor-xxl-col5 .raxo-normal article { flex-basis: calc(19.98% - 2px); } .raxo-prime.top-xxl-col6 .raxo-top article, .raxo-prime.nor-xxl-col6 .raxo-normal article { flex-basis: calc(16.64% - 2px); } } @media (max-width: 575.98px) { .raxo-prime .raxo-text { display: none; margin: 0; } .raxo-prime .raxo-normal .raxo-meta { display: none; } } @media (max-width: 767.98px) { } @media (min-width: 576px) { } @media (min-width: 768px) { .raxo-prime .raxo-block-button { max-width: 360px; } } @media (min-width: 992px) { .raxo-prime .raxo-block-name, .raxo-prime .raxo-block-intro, .raxo-prime .raxo-top .raxo-overlay, .raxo-prime .raxo-top .raxo-meta, .raxo-prime .raxo-top .raxo-category { padding-left: 32px; } .raxo-prime .raxo-top .raxo-meta, .raxo-prime .raxo-top .raxo-category { margin-left: -32px; } .raxo-prime .raxo-top .raxo-title { max-height: 96px; font-size: 30px; line-height: 32px; } } @media (min-width: 1200px) { .raxo-prime .raxo-top article { flex-basis: 400px; } .raxo-prime .raxo-normal article { flex-basis: 240px; } }