/* Article content readability improvements */
.article-content {
font-feature-settings: "liga" on, "kern" on;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Base body type scale for articles */
.article-body {
font-size: 1.15rem !important; /* ~18.4px */
line-height: 1.8 !important;
}
.article-body p,
.article-body div,
.article-body span,
.article-body li {
font-size: 1.15rem !important;
line-height: 1.8 !important;
}
.article-body h2,
.article-body h3,
.article-body h4 {
margin: 1.25em 0 0.65em;
line-height: 1.28;
color: #1f2937;
}
.article-body h2 { font-size: 1.65rem; font-weight: 700; letter-spacing: -0.01em; }
.article-body h3 { font-size: 1.4rem; font-weight: 600; }
.article-body h4 { font-size: 1.2rem; font-weight: 600; }
.article-body p {
margin: 0 0 1.15em;
}
.article-body ul,
.article-body ol {
margin: 0.6em 0 1.2em 1.4em;
}
.article-body img {
border-radius: 8px;
display: block;
max-width: 100%;
height: auto;
margin: 0.6em auto 1.2em;
}
.article-body blockquote {
margin: 1.2em 0;
padding: 0.6em 1em;
border-left: 4px solid #667eea;
background: #f8f9fb;
color: #333;
}
.article-tags .tag-badge:hover {
opacity: 0.9;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.article-body {
font-size: 1.2rem; /* ~19.2px on mobile */
line-height: 1.9;
}
.article-content .article-title {
font-size: 2.1rem;
line-height: 1.35;
}
.article-body h2 { font-size: 1.6rem; }
.article-body h3 { font-size: 1.4rem; }
.article-body h4 { font-size: 1.2rem; }
}
/* ---- Default Style ---- */
/* ---- Font styles
font-family: Verdana,Geneva,sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
*/
body, p {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 21px;
color: #777777;
}
h1, h2, h3, h4, h5, h6 {
color: #313131;
font-weight: 400;
font-family: 'Roboto', sans-serif;
}
a:hover {
color: #313131;
text-decoration: none;
}
a:visited {
color: #313131;
text-decoration: none;
}
a:link {
color: #313131;
text-decoration: none;
}
nav ul li a {
display: block;
}
img[class^="lazy"],
img[class*=" lazy"] {
transition: none;
}
img { image-rendering: -webkit-optimize-contrast; }
.body-cnt {
float: left;
width: 100%;
transition: margin-left 0.2s linear;
}
.base-cnt {
float: none !important;
display: block !important;
position: relative !important;
}
.site-default {
padding-top: 30px;
}
/* ---- Admin Bar ---- */
.adminbar-cnt {
background-color: #222;
height: 30px;
}
.adminbar ul {
color: #FFF;
}
.adminbar ul li {
float: left;
padding: 5px 10px;
cursor: pointer;
}
.adminbar ul li a {
color: #FFF;
}
.adminbar ul li a:hover {
color: #0082FC;
}
/* ---- Header ---- */
.header-cnt {
float: left;
height: auto;
position: relative;
z-index: 3;
background-color: #FFF;
}
.header {
height: auto;
position: relative;
z-index: 2;
float: left;
}
/* ---- Head Info */
.head-info {
padding: 10px 0;
float: left;
}
.logo {
background-image: url('../img/1x1.gif');
background-repeat: no-repeat;
width: 300px;
height: 100px;
float: left;
background-position: center;
padding: 0;
background-size: contain;
}
.logo .site-title {
width: 100%;
padding: 0 5px;
border: 2px solid #000;
border-top: none;
border-bottom: none;
cursor: default;
}
.logo .site-sub-title {
width: 100%;
cursor: default;
}
.header-ad {
height: 100px;
width: 70%;
float: right;
background: #fff;
}
.header-ad ins iframe {
height:100px;
}
/* ---- Main Menu */
.menu-logo {
display: block;
float: left;
width: 0;
height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.1s linear;
}
/* Ensure front-end logo matches admin font */
.logo.site-title{
display:flex;
align-items:center;
justify-content:center;
height:60px;
font-family: 'Roboto', sans-serif;
font-size:1.2rem;
font-weight:700;
color:#764ba2;
text-align:center;
}
/* Larger logo on mobile like the original inline style */
.main.mobile-start .logo.site-title,
.mobile-start .logo.site-title,
.mq-9-disp-block .logo.site-title{
font-size:2.2rem;
}
/* Stronger rules to override inherited menu styles (uppercase, font-size, padding) */
.main-menu nav ul.main .logo.site-title,
.main-menu .menu-logo .logo.site-title,
.header-cnt .logo.site-title,
#menu-container .logo.site-title {
text-transform: none !important;
font-size: 1.2rem !important;
font-weight: 700 !important;
padding: 0 !important;
margin: 0 !important;
text-indent: 0 !important;
line-height: 1 !important;
white-space: nowrap;
}
/* Mobile override */
.mq-9-disp-block .main-menu nav ul.main .logo.site-title,
.mq-9-disp-block .logo.site-title { }
@media only screen and (max-width: 768px) {
.logo.site-title {
font-size: 2.2rem !important;
white-space: normal;
}
}
#main-menu.fixed .menu-logo {
/* allow menu logo to size based on content on desktop */
width: auto;
height: auto;
opacity: 1;
}
.menu-logo .logo {
/* let the logo text size control the box on desktop */
width: auto;
padding: 0 10px;
height: 60px;
display:flex;
align-items:center;
justify-content:center;
}
.main-menu-wrapper {
height: auto;
min-height: 44px;
}
#main-menu.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
.main-menu-cnt {
box-shadow: 0 5px 15px -10px rgba(0, 0, 0, 0.6);
float: left;
height: auto;
position: relative;
z-index: 999;
background-color: #FFF;
}
.main-menu {
position: relative;
float: left;
left: 0;
bottom: 0;
}
.main-menu nav {
position: relative;
float: left;
width: 100%;
}
.main-menu nav ul.main {
float: left;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
width: 100%;
}
.main-menu nav ul.main li {
float: left;
cursor: pointer;
border-bottom: 3px solid #FFF;
}
.main-menu nav ul.main li:last-child.topsrch-li {
float: right;
}
.main-menu nav ul.main li:hover {
border-bottom: 3px solid #0090FF;
}
.main-menu nav ul.main li.active {
border-bottom: 3px solid #0090FF;
}
.main-menu nav ul.main li.active:hover {
color: #313131;
}
.main-menu nav ul.main li span,
.main-menu nav ul.main li a {
color: #313131;
padding: 10px;
display: inline-block;
width: 100%;
}
.main-menu .srch-btn {
float: right;
font-size: 21px;
position: relative;
height: 41px;
bottom: -3px;
background-color: #FFF;
padding: 10px;
transition: color 0.01s linear;
}
#main-menu.fixed .main-menu .srch-btn {
bottom: -3px;
}
.main-menu .srch-btn:hover {
background-color: #0090FF;
border-bottom: 3px solid #0090FF;
color: #FFF;
}
.main-menu .srch-btn.open {
background-color: #0090FF;
border-bottom: 3px solid #0090FF;
height: 40px;
}
.main-menu .srch-btn.open:hover {
text-shadow: 0 0 1px #FFF;
background-color: #0082FC;
}
.main-menu .srch-btn.open:before {
content: "\f129";
color: #FFF;
}
.main-menu nav ul.main li ul.srch-sub {
width: 0;
height: 40px;
float: left;
left: 0;
bottom: 4px;
opacity: 0;
overflow: hidden;
position: absolute;
transition: all 0.3s linear;
}
.main-menu nav ul.main li ul.srch-sub.open {
overflow: visible;
opacity: 1;
width: 96.9%;
}
.main-menu nav ul.main li.menu-srch {
position: relative;
width: 100%;
top: 3px;
left: 0;
float: left;
border: none;
height: 100%;
overflow: hidden;
opacity: 0;
transition: all 0.1s linear;
}
.main-menu nav ul.main li ul.srch-sub.open li.menu-srch {
overflow: visible;
opacity: 1;
}
.menu-srch input[type="text"] {
height: 40px;
width: 100%;
font-size: 16px;
position: absolute;
padding: 5px 40px 5px 5px;
border: 2px solid #DDD;
border-right: 0;
border-bottom: 3px solid #0090FF;
outline: none;
font-family: 'Open Sans', sans-serif;
}
.do-srch {
position: absolute;
top: 0;
right: 0;
width: 100px;
height: 100%;
float: right;
background-color: #0090FF;
border: none;
border-right: 1px solid #FFF;
outline: none;
font-family: 'Open Sans', sans-serif;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
color: #FFF;
cursor: pointer;
}
.do-srch:hover {
text-shadow: 0 0 1px #FFF;
background-color: #0082FC;
}
/* ---- Sub-Menu */
.main-menu nav ul.main li ul.sub {
float: left;
width: auto;
height: auto;
margin: 3px 0;
position: absolute;
z-index: 1000;
background-color: #FFF;
opacity: 0;
box-shadow: 0 10px 15px -4px rgba(0, 0, 0, 0.6);
border-top: none;
visibility: hidden;
pointer-events: none;
font-size: 12px;
}
.main-menu nav ul.main li ul.sub li a {
padding: 10px;
font-size: 13px;
font-weight: normal;
color: #222;
}
.main-menu nav ul.main li .subslide-cnt ul.sub {
width: 15%;
height: auto;
position: relative;
margin: 0;
opacity: 0;
z-index: 1000;
background-color: #ECECEC;
visibility: hidden;
left: 0;
pointer-events: none;
display: block;
padding-top: 25px;
}
.main-menu nav ul.main li .subslide-cnt ul.sub li {
font-size: 11px;
}
.main-menu nav ul.main li .subslide-cnt ul.sub li a {
padding: 5px;
text-align: right;
font-size: 11px;
font-weight: bold;
color: #313131;
border-color: transparent;
}
.main-menu nav ul.main li:hover ul.sub {
opacity: 1;
pointer-events: all;
visibility: visible;
}
.main-menu nav ul.main li ul.sub li {
width: auto;
height: auto;
float: none;
cursor: pointer;
position: relative;
border: none;
}
.main-menu nav ul.main li ul.sub li.active {
background-color: #0090FF;
}
.main-menu nav ul.main li.slide-menu {
position: relative;
}
ul.sub li .item {
padding: 5px;
}
ul.sub li.active .triangle {
position: absolute;
color: #BFBFBF;
top: 4px;
right: -8px;
font-size: 25px;
display: none;
}
ul.sub li .triangle {
display: none;
}
.main-menu nav ul.main li:hover ul.sub li {
color: #313131;
border: none;
}
.main-menu nav ul.main li:hover ul.sub li.active a {
color: #FFF;
}
.main-menu nav ul.main li:hover ul.sub li:hover a {
background-color: #0090FF;
color: #FFF;
}
.main-menu nav ul.main li:hover .subslide-cnt ul.sub li {
color: #313131;
border: none;
}
.main-menu nav ul.main li:hover .subslide-cnt ul.sub li a {
border: 1px solid transparent;
border-right: none;
border-left: none;
}
.main-menu nav ul.main li:hover .subslide-cnt ul.sub li:hover a,
.main-menu nav ul.main li:hover .subslide-cnt ul.sub li.active a {
color: #0090FF;
border: 1px solid #BFBFBF;
border-right: none;
border-left: none;
background-color: #FFF;
}
/* ---- Slider */
.subslide-cnt {
height: auto;
float: left;
width: 100%;
max-width: 1200px;
background-color: #FFF;
position: absolute;
z-index: 100;
margin: 3px 0;
visibility: hidden;
pointer-events: none;
opacity: 0;
left: 0;
box-shadow: 0 10px 15px -4px rgba(0, 0, 0, 0.6);
border-top: none;
}
.main-menu nav ul.main li:hover .subslide-cnt {
visibility: visible;
pointer-events: all;
opacity: 1;
}
.main-menu nav ul.main li:hover .subslide-cnt .sub {
box-shadow: none;
}
.main-menu nav ul.main li .subslide-cnt .news-big .news-img {
height: 120px;
}
.slider {
float: left;
width: 85%;
height: 100%;
position: relative;
padding: 15px;
background-color: #FFF;
/*box-shadow: inset 5px 5px 15px -10px rgba(0, 0, 0, 0.55);*/
}
.slider.full {
width: 100%;
}
.main-menu nav ul.main li:hover ul.sub > .main-menu nav ul.main li:hover .slider {
width: 100%;
}
.item {
padding: 5px;
float: left;
}
.item .news-big h2 {
color: #313131;
margin-top: 5px;
font-size: 14px;
float: left;
line-height: 20px;
}
.owl-item {
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
}
/* ---- Mobile Menu */
.main-menu nav ul.main.mobile-start {
display: none;
float: right;
width: 100%;
}
.main-menu nav ul.main.mobile-start li:hover {
border-bottom: 3px solid #FFF;
}
.mobile-nav-ctrl .mobile-show:before {
padding-right: 5px;
}
.mobile-start li {
width: 100%;
}
.mobile-start i {
font-size: 35px;
float: right;
padding: 25px;
}
.mobile-m {
width: 25%;
position: fixed;
z-index: 999999;
top: 0;
left: 0;
min-height: 100vh;
height: auto;
float: left;
background-color: #52575E;
margin-left: -25%;
transition: margin-left 0.2s linear,
opacity 0.2s linear;
}
.mobile-m.active {
margin-left: 0;
opacity: 1 !important;
}
.mobile-m.active + .body-cnt {
margin-left: 25%;
}
.mobile-nav ul.mobile-nav-ctrl {
padding: 0;
background-color: #0073DF;
border: 0;
text-align: right;
}
.mobile-nav ul.mobile-nav-ctrl li {
width: 100%;
float: left;
}
.mobile-nav ul.mobile-nav-ctrl input {
float: right;
text-align: left;
height: 30px;
width: 80%;
}
.mobile-nav ul.mobile-nav-ctrl li:hover {
background-color: #0685FD;
}
ul.mobile-nav-ctrl a.m-srch-btn {
float: left;
width: 10%;
}
.mobile-nav {
width: 100%;
float: left;
max-height: 100vh;
overflow-y: auto;
}
.mobile-nav ul {
padding: 0;
width: 100%;
float: left;
border-bottom: 1px solid rgb(105, 115, 125);
}
.mobile-nav ul p {
font-size: 18px;
color: #FFF;
width: 100%;
float: left;
padding: 10px 5px;
line-height: 20px;
background-color: rgb(74, 79, 84);
cursor: default;
display: block;
}
.mobile-nav ul li {
width: 100%;
font-size: 16px;
color: #FFF;
float: left;
overflow: hidden;
line-height: 30px;
padding: 5px 10px;
cursor: pointer;
}
.mobile-nav ul li.sub {
padding: 0;
}
.mobile-nav ul li.sub:hover {
background-color: rgb(74, 79, 84);
}
.mobile-nav ul li a {
color: #FFF;
}
.mobile-nav ul li.active {
background-color: #787F88;
}
.mobile-nav ul li.active:hover {
background-color: #787F88;
}
.mobile-nav ul li:hover {
background-color: #565B63;
}
/* ---- Body Content ---- */
/* ---- Tiles */
.tile-4-3 {
width: 100%;
height: 505px;
overflow: hidden;
position: relative;
}
.tile-16-9 {
width: 100%;
height: 505px;
overflow: hidden;
position: relative;
}
.tile-16-10 {
width: 100%;
height: 280px;
overflow: hidden;
position: relative;
}
.tile-16-10 h2 {
font-size: 22px !important;
line-height: 35px !important;
}
.tile-1-1 {
width: 100%;
height: 215px;
overflow: hidden;
position: relative;
}
.tile-1-1.lv {
height: 400px;
}
.tile-1-1 h2 {
font-size: 18px !important;
line-height: 25px !important;
}
div[class^="tile-"] .news-img {
transform: scale(1);
transition: all 0.35s ease;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.0);
}
div[class^="tile-"]:hover .news-img{
transform: scale(1.1);
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.7);
transition: all 0.35s ease;
}
div[class^="tile-"] .news-cat.onimg p {
transition: background-color 0.2s linear;
}
div[class^="tile-"]:hover .news-cat.onimg p {
background-color: #4db2ec;
}
.news-info.onimg h2 {
color: #FFF;
font-size: 27px;
font-weight: 500;
line-height: 35px;
}
/* ---- News */
.category-section {
padding: 20px 0;
border-bottom: 2px solid #E0E0E0;
}
.category-section.bless {
border-bottom:none;
}
.news-info,
.news-info-small {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px;
height: auto;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
}
.news-info-inline {
width: 100%;
padding: 5px 0 10px 0;
float: left;
}
.news-list .news-info-inline,
.news-list-big .news-info-inline {
width: 70%;
padding-bottom: 10px;
padding-left: 5px;
float: left;
}
.news-big-noimg .news-info-inline p,
.news-video .news-info-inline p {
width: 50%;
}
.news-big-noimg .news-info-inline p.creator,
.news-video .news-info-inline p.creator {
text-align: right;
}
.news-big-noimg .news-info-inline p.date,
.news-video .news-info-inline p.date {
text-align: left;
}
.news-list-big .news-info-inline {
padding: 10px;
}
.news-list-big .news-info-inline p {
width: auto;
padding: 0;
}
.news-list-big .news-info-inline p.date {
padding-left: 5px;
}
.news-list-big .news-info-inline p.creator {
padding-right: 5px;
}
.news-cat {
border-bottom: 2px solid #000;
margin-bottom: 20px;
float: left;
width: 100%;
}
.news-cat p {
font-family: 'Roboto',sans-serif;
font-weight: 500;
text-transform: uppercase;
color: #FFF;
}
.news-cat .menu li p {
color: #6E6E6E;
text-transform: none;
position: relative;
}
.news-cat .menu li:hover p {
color: inherit;
}
.news-cat .expand {
position: absolute;
left: 32px;
font-size: 10px;
}
.news-cat .menu .sub {
float: left;
width: auto;
min-width: 100px;
height: auto;
right: 0;
margin: 3px 0;
position: absolute;
z-index: 1;
background-color: rgba(255, 255, 255, 0.95);
border: 1px solid #DDD;
visibility: hidden;
pointer-events: none;
border-top: none;
opacity: 0;
}
.news-cat .menu li:hover .sub {
visibility: visible;
pointer-events: all;
opacity: 1;
}
.news-cat .sub li {
width: auto;
height: auto;
float: none;
cursor: pointer;
position: relative;
}
.news-cat.onimg p {
background-color: rgba(0,0,0,0.5);
padding: 5px;
line-height: 14px;
border: none;
width: auto;
float: left;
font-family: 'Roboto', sans-serif;
font-weight: 500;
}
.news-cat.onimg {
border: none;
margin-bottom: 0;
}
.news-cat .section-title {
background-color: #000;
font-size: 14px;
color: #FFF;
padding: 7px 12px 4px;
float: left;
line-height: 17px;
cursor: default;
text-transform: uppercase;
}
.news-cat ul {
float: right;
}
.news-cat ul li {
float: left;
padding: 3px 10px;
color: #6E6E6E;
cursor: pointer;
position: relative;
text-transform: none;
font-family: 'Roboto',sans-serif;
font-size: 13px;
font-weight: 400;
}
.news-cat ul li:hover {
color: #0082FC;
}
.news-cat ul li.active {
color: #000;
}
.news-big {
height: auto;
line-height: 40px;
float: left;
width: 100%;
}
.news-big.wide .news-img {
height: 400px;
transition: box-shadow 0.1s linear;
}
.news-big.wide:hover .news-img {
box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.7);
}
.news-big.wide p {
float: left;
padding-top: 20px;
}
.news-big p {
font-size: 14px;
}
.news-big h2 {
line-height: 20px;
font-size: 18px;
float: left;
width: 100%;
padding: 10px 0;
}
.news-big .news-img.news-img-wide-c3 {
height:150px;
}
.news-big-noimg {
text-align: center;
line-height: 40px;
float: left;
padding: 0;
/*border: 2px solid #b2b2b2;*/
/*background-color: #F3F3F3;*/
}
.news-big-noimg .ncat-tag-cnt .ncat-tag {
display: inline-block;
float: none;
vertical-align: middle;
}
.news-big-noimg h2 {
padding: 5px;
float: left;
line-height: 30px;
}
.news-list {
height: auto;
line-height: 32px;
float: left;
width: 100%;
}
.news-list ul {
float: left;
width: 100%;
}
.news-list ul li {
float: left;
width: 100%;
overflow: hidden;
height: 90px;
margin-bottom: 20px;
}
.news-list h2 {
font-size: 16px;
float: left;
max-height: 60%;
width: 70%;
margin-top: 5px;
padding: 0 5px;
/*overflow: hidden;*/
line-height: 20px;
font-weight: 500;
}
.news-list.dp1small h2 {
overflow:initial;
}
.news-list.dp1small p {
margin-top:5px;
}
.news-list-big {
float: left;
width: 100%;
}
.news-list-big ul li {
float: left;
width: 100%;
overflow: hidden;
height: 140px;
margin-bottom: 20px;
}
.news-list-big ul li.last-item,
.news-list ul li.last-item {
margin-bottom: 0 !important;
}
.news-list-big h2 {
font-family: 'Open Sans', sans-serif;
float: left;
width: 75%;
overflow: hidden;
max-height: 25%;
padding: 0 10px;
/*
line-height: 35px;
font-size: 22px;
*/
font-weight: 500;
line-height: 30px;
font-size: 18px;
margin-top: 10px;
}
.news-list-big p {
float: left;
width: 75%;
padding: 0 10px;
}
.news-img {
background-image: none;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: inherit;
float: left;
position: relative;
overflow: hidden;
transition: none;
background-color: #E3E3E3;
}
.news-big .news-img {
height: 250px;
width: 100%;
position: relative;
overflow: hidden;
}
.news-img.cover {
height: auto;
}
.news-img.cover img {
height: auto;
float: left;
width: 100%;
}
.news-list .news-img {
height: 100%;
width: 30%;
float: left;
}
.news-list-big .news-img {
height: 100%;
width: 25%;
float: left;
margin-top: 15px;
}
.news-list .news-img.fixed {
width: 90px;
height: 90px;
}
.news-list-big .news-img.fixed {
width: 150px;
height: 150px;
}
.news-img h2 {
font-family: 'Roboto',sans-serif;
color: #FFF;
font-size: 27px;
font-weight: 500;
line-height: 40px;
}
.news-video {
background-color: rgba(0, 0, 0, 0.5);
height: 200px;
padding: 10px;
color: #FFF;
position: relative;
text-align: center;
}
.news-video p {
color: #FFF;
}
.news-video h2 {
color: #FFF;
}
.news-big:hover .news-video h2 {
color: #FFF !important;
}
.news-tag {
font-size: 10px;
background-color: rgba(0,0,0,0.5);
color: #FFF;
width: auto;
min-width: 50px;
float: left;
height: auto;
line-height: initial;
text-align: center;
position: absolute;
padding: 2.5px 5px;
font-weight: bold;
top: 0;
left: 0;
}
.news-video .news-tag {
left: 30%;
right: 30%;
}
.news-video.al .news-tag {
left: 0;
right:auto;
}
.creator {
font-size: 11px !important;
font-weight: bold;
float: left;
padding-right: 5px;
color: #313131;
}
.date {
font-size: 11px !important;
float: left;
padding-left: 5px;
}
.news-info-small h2 {
font-size: 18px;
line-height: 30px;
}
.news-big:hover .news-info-small h2 {
color: #FFF !important;
}
.news-info .date,
.news-info .creator,
.news-info-small .date,
.news-info-small .creator {
color: #FFF;
}
.ncat-tag-cnt {
width: 100%;
float: left;
margin-top: 10px;
}
.ncat-tag-cnt .ncat-tag {
background-color: #000;
color: #FFF;
padding: 5px;
margin-right: 10px;
font-size: 10px;
font-weight: bold;
font-style: normal;
line-height: 12px;
cursor: pointer;
float: left;
}
/* ---- NEWS CONTENT CSS START ---- */
/* ---- IMG Tag */
.news-content-cnt img {
height: auto;
max-width: 700px;
/* float: left;*/
}
.news-content-cnt .news-content img {
height: auto;
max-width: 700px;
}
/* ---- Link Tags */
.news-content-cnt a {
color: #0D5EC3;
font-weight: 500;
}
.news-content-cnt a:hover {
color: #3284EA;
text-decoration: underline;
}
/* ---- H Tags */
.news-content ul,
.news-content ol {
padding: 5px 0;
line-height: 25px;
float: none;
font-size: 16px;
color: #666;
margin: 0;
display: inline-block;
}
.news-content ul li {
list-style:square;
margin: 0 15px;
}
.news-content p {
padding: 5px 0;
/*clear: both;*/
line-height: 25px;
float: none;
font-size: 16px;
color: #666;
}
.news-content h1,
.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5,
.news-content h6 {
font-size: 24px;
clear: both;
line-height: 25px;
padding: 10px 0;
}
.news-content h5,
.news-content h6 {
float: left;
width: 100%;
line-height: 30px;
}
.news-content h1 {
font-size: 34px;
line-height: 35px;
padding: 20px 0;
}
.news-content h2 {
font-size: 26px;
padding: 15px 0;
}
.news-content h3 {
font-size: 22px;
padding: 10px 0;
}
.news-content h4 {
display: inline;
padding: 0;
border-bottom: 2px solid #0065E3;
width: auto;
line-height: 40px;
}
.news-content h4:after {
content: ' ';
margin-bottom: 55px;
float: left;
}
.news-content h5 {
font-family: 'Open Sans', sans-serif;
font-style: italic;
font-size: 28px;
color: #0065E3;
font-weight: 600;
text-transform: uppercase;
padding: 10px 0;
float: left;
width: 100%;
}
/* ---- Section Block */
.news-content section {
padding: 25px;
background-color: #E0E0E0;
float: left;
font-size: 16px;
font-weight: 600;
width: auto;
margin: 10px 0;
position: relative;
border-left: 2px solid #b2b2b2;
}
/* ---- Samp Tag */
.news-content samp {
width: 100%;
float: left;
padding: 10px 20px;
background-color: #E0E0E0;
}
.news-content samp.block-colored {
background-color: #E0E0E0;
}
/* ---- Simple Quote */
.news-content q {
padding: 25px;
float: left;
font-size: 16px;
font-weight: 600;
width: auto;
margin: 10px 0;
position: relative;
text-align: left;
}
.news-content q:before,
.news-content q:after {
content: ',,';
font-size: 50px;
float: left;
font-family: initial;
color: #0065E3;
position: absolute;
}
.news-content q:before {
transform: rotateY(180deg);
top: -15px;
left: 5px;
}
.news-content q:after {
bottom: 22px;
right: 5px;
}
/* ---- OL, UL List Styles */
.news-content-cnt ul,
.news-content-cnt ol {
padding-left: 20px;
}
.news-content-cnt ul li,
.news-content-cnt ol li {
list-style: initial;
margin: 0 0 0 55px;
padding: 0 5px;
}
.news-content-cnt ol {
list-style: decimal;
}
.news-content-cnt ol li {
list-style: decimal;
}
/* ---- TABLE Style */
.news-content table {
width: auto;
border-collapse: collapse;
padding: 10px 0;
}
.news-content thead {
border: 1px solid #b2b2b2;
font-weight: bold;
background-color: #E0E0E0;
}
.news-content thead td {
padding: 5px;
}
.news-content tbody {
border: 1px solid #b2b2b2;
}
.news-content tbody th {
font-weight: 600;
}
.news-content tbody th,
.news-content tbody td {
border: 1px solid #b2b2b2;
background-color: #FFF;
padding: 5px;
}
/* ---- NEWS CONTENT ELSE */
.news-content {
float: left;
width: 100%;
}
.news-inlineimg {
margin-top: 10px;
margin-bottom: 10px;
float: left;
height: auto;
border-bottom: 2px solid #E0E0E0;
}
.news-inlineimg img {
width: 100%;
}
.news-inlineimg p {
float: left;
clear: none;
font-size: 12px;
padding: 10px 2.5px;
}
.simple .news-img {
height: 50vh;
position: relative;
box-shadow: inset 10px 10px 30px rgba(0, 0, 0, 0.3);
}
.nobanner-cnt {
width: 100%;
float: left;
}
.nobanner-cnt .ncat-tag-cnt {
width: auto;
margin-top: 0;
float: right;
}
.nobanner-cnt .news-info {
position: relative;
float: right;
background: none;
width: auto;
top: -5px;
padding: 0;
}
.nobanner-cnt .news-info p {
color: #313131;
}
.created-cnt {
float: left;
width: 100%;
/*padding-bottom: 10px;*/
padding:10px 0 10px 0;
}
.nobanner-cnt p {
color: #313131;
float: left;
width: auto;
}
.nobanner-cnt h1 {
font-size: 34px;
line-height: 35px;
padding: 10px 0;
}
/* ---- NEWS CONTENT CSS END ---- */
/* ---- NEWS SNIPPETS ---- */
ul.news-snippets li:hover h2 {
color: inherit !important;
text-decoration: underline;
}
ul.news-snippets li {
padding: 20px 0 10px;
height: auto;
border-bottom: 2px solid #EEEEEE;
margin: 0;
}
ul.news-snippets .news-img {
height: 90px;
}
ul.news-snippets .news-img.fixed {
width: 110px;
}
ul.news-snippets .snippet-text {
float: left;
padding: 10px 0 0;
}
ul.news-snippets .news-cat {
border: none !important;
display: none;
}
ul.news-snippets .ncat-tag-cnt {
margin: 0;
padding: 0 5px;
width: auto;
}
ul.news-snippets .news-info-inline {
width: auto;
padding: 0 10px 5px 10px;
}
ul.news-snippets .news-info-inline .date {
padding-left: 0;
}
li.snippet-noimg h2 {
width: 100%;
padding: 5px 5px 0;
}
li.snippet-noimg .news-img {
display: none !important;
}
li.snippet-noimg .snippet-text {
float: left;
padding: 0 5px;
}
li.snippet-noimg .news-info-inline {
width: auto;
padding: 0 10px 5px 0;
}
li.snippet-headline {
border-left: 3px solid #696969;
margin-top: 20px !important;
background-color: #D5D5D5;
border-bottom: none !important;
}
li.snippet-headline .snippet-text,
li.snippet-headline .news-img,
li.snippet-headline .news-info-inline {
display: none !important;
}
li.snippet-headline h2 {
font-size: 18px;
width: auto;
padding: 0 5px;
margin-top: 5px;
font-weight: 400;
text-transform: uppercase;
color: #434343;
}
li.snippet-headline-big h2 {
font-size: 20px;
font-weight: 500;
margin-top: 5px;
padding: 0 5px;
width: 100%;
line-height: 22px;
text-transform: uppercase;
}
li.snippet-headline-big .snippet-text,
li.snippet-headline-big .news-img {
display: none !important;
}
li.snippet-headline-big .news-info-inline {
width: auto;
padding: 0 10px 5px 0;
}
ul.news-snippets li.snippet-category .news-cat {
margin: 0;
display: initial;
}
li.snippet-category .snippet-text {
display: none !important;
}
li.snippet-category h3 {
margin-bottom: 5px;
}
li.snippet-img-big .ncat-tag-cnt {
position:absolute;
z-index:10;
padding-top:4px;
}
li.snippet-img-big .news-img {
width:100%;
height:280px;
margin-bottom:10px;
float:none;
clear:both;
}
li.snippet-img-big h2 {
font-size:13pt;
width:auto;
padding:0;
float:none;
clear:both;
}
/* Snippet type list */
/*
Utolsó snippetnek kell a 'last-item' class is!
*/
/*-------------------*/
.category-section .news-big:hover h2 {
color: #0073DF;
}
.category-section .news-list ul li:hover h2 {
color: #0073DF;
}
.category-section .news-list-big ul li:hover h2 {
color: #0073df;
}
.category-section .news-big:hover .news-img .news-tag {
background-color: #0073DF;
}
/* ---- Category List View ---- */
.left-side .news-big {
border-right: 1px solid #DDD;
}
.list-view .news-big p {
float: left;
overflow: hidden;
}
.list-view .news-info-inline {
padding: 0 0 5px;
}
.list-view .news-info-inline .date,
.list-view .news-info-inline .creator {
padding-top: 5px;
padding-left: 0;
}
.list-view .news-big h2 {
line-height: 20px;
}
.list-view .news-big .news-img {
margin-top: 5px;
margin-bottom: 20px;
}
.list-view .news-big {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #DDD;
}
.list-view a:last-child .news-big {
border-bottom: none;
}
@media screen and (max-width: 600px) {
.list-view .news-big {
border: none !important;
}
.news-big {
padding: 10px 0;
}
}
/* ---- Social */
.social-box {
height: auto;
float: left;
margin-bottom:10px;
}
.social-btn {
color: #FFF;
width: auto;
float: left;
text-align: center;
border-radius: 3px;
}
/* ---- Sidebar */
.sidebar {
position: relative;
top: 0;
right: 0;
}
.fright.sidebar {
padding-left: 30px;
}
.fleft.sidebar {
padding-right: 30px;
}
.sidebar-ad {
width: 100%;
float: left;
}
.sidebar-ad iframe {
margin: 0 auto;
display: inherit;
}
.sidebar-ad img {
vertical-align: middle;
}
/* ---- Moments */
.moment-cnt {
width: 100%;
float: left;
height: auto;
padding-bottom: 10px;
}
.user-img {
width: 15%;
height: 3vw;
max-height: 75px;
float: left;
background-image: url('../img/placeholder.jpg');
background-repeat: no-repeat;
background-size: 100% auto;
border: 1px solid #D6D6D6;
}
.user-img.fixed {
width: 90px;
height: 90px;
}
.user-moment {
width: 80%;
float: right;
background-color: #d0d0d0;
padding: 10px;
position: relative;
}
.user-moment.fixed {
width: 70%;
}
.user-moment .triangle {
position: absolute;
top: 0;
left: -15px;
font-size: 45px;
color: #d0d0d0;
}
.user-moment img {
width: 100%;
height: auto;
float: left;
}
.user-moment p {
color: #111;
font-size: 14px;
}
.user-moment h3 {
font-weight:bold;
}
/* ---- Weather */
.weather-cnt {
height: 100%;
float: left;
transition: height 0.3s linear;
}
.weather-cnt p,
.weather-cnt h1,
.weather-cnt h2,
.weather-cnt h3 {
all: unset;
}
#plugin-cnt {
float: left;
width: 100%;
height: 100%;
overflow: hidden;
transition: all 0.3s linear;
}
.weather {
width: 100%;
float: left;
height: auto;
overflow: hidden;
margin-bottom: 15px;
}
.weather-show {
font-size: 12px;
font-weight: 600;
padding: 5px;
vertical-align: middle;
cursor: pointer;
color: #FFF;
background-color: #000;
}
.weather-show:before {
padding-right: 5px;
font-size: 28px;
position: relative;
top: 5px;
}
.weather-show:after {
font-family: "Ionicons";
content: "\f123";
padding-left: 5px;
font-size: 15px;
position: relative;
top: 1px;
}
.weather-cnt.open .weather {
height: 100%;
}
.weather-cnt.open .weather-show:after {
content: "\f126";
}
.weather #link_get_widget {
display: none;
}
.aw-more-block,
.aw-more-sep-2,
.aw-more-sep-3 {
display: none;
}
/* ---- Pager */
.pager-cnt {
position: relative;
float: left;
width: 100%;
}
.pager {
bottom: 0;
left: 0;
margin-top: 20px;
}
.pager li {
float: left;
font-size: 12px;
width: 25px;
height: 25px;
padding: 0 !important;
text-align: center;
cursor: pointer;
margin: 0 5px 0 0;
border: 1px solid #CACACA !important;
}
.pager li:first-child {
list-style: none;
margin-left: 0px;
}
.pager li a {
display: inline-block;
width: 100%;
height: 100%;
}
.pager li.active,
.pager li:hover {
background-color: #C8EBFF;
}
/* ---- Lightbox ---- */
div[class*="featherlight"],
div[class*="featherlight"] > * {
transition: none;
}
.featherlight .featherlight-content {
overflow: hidden;
padding: 0;
border: 5px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
}
.featherlight-next:hover,
.featherlight-previous:hover {
background: rgba(0,0,0,.25);
border: 2px solid #FFF;
}
.featherlight-next,
.featherlight-previous {
display: block;
position: absolute;
border-radius: 50%;
cursor: pointer;
top: 45%;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
height: 60px;
width: 60px;
background: rgba(0,0,0,0);
border: 2px solid transparent;
transition: all 0.1s ease !important;
}
.featherlight-previous {
left: 25px;
right: initial;
}
.featherlight-next span, .featherlight-previous span {
display: block;
position: absolute;
top: 45%;
width: 100%;
left: -5%;
text-align: center;
font-size: 50px;
line-height: 0;
margin-top: 0;
color: transparent;
font-style: normal;
font-weight: 400;
transition: all 0.1s ease !important;
opacity: 0.3;
text-shadow: none;
}
/*noinspection ALL*/
.featherlight-next span:after, .featherlight-previous span:after {
text-shadow: 0 0 5px #fff;
color: #FFF;
font-family: "Ionicons";
position: absolute;
display: inline-block;
vertical-align: middle;
left: 14px;
top: 3px;
}
.featherlight-next span:after {
content: "\f125";
}
.featherlight-previous span:after {
content: "\f124";
}
.featherlight-next {
right: 25px;
left: initial;
}
.featherlight-next span {
left: 4%;
}
.featherlight-next:hover span, .featherlight-previous:hover span {
opacity: 1;
}
.featherlight .featherlight-close-icon {
color: transparent;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.4);
border: 2px solid #FFF;
width: 30px;
height: 30px;
top: 5px;
right: 5px;
font-weight: bold;
font-size: 16px;
}
.featherlight .featherlight-close-icon:after {
content: "\f129";
color: #FFF;
font-family: "Ionicons";
position: absolute;
display: inline-block;
vertical-align: middle;
left: 7px;
top: 1px;
}
.featherlight .featherlight-close-icon:hover {
text-shadow: 0 0 5px #fff;
}
a[data-featherlight] {
position: relative;
float: left;
width: 100%;
overflow: hidden;
}
a[data-featherlight]:after {
content: "\f147";
/*noinspection CssNoGenericFontName*/
font-family: "Ionicons";
font-size: 36px;
position: absolute;
bottom: 10px;
right: 7px;
color: transparent;
text-shadow: transparent;
}
a[data-featherlight]:hover:after {
color: rgba(255, 255, 255, 0.8);
text-shadow: 0 0 60px #000;
}
/* ---- Gallery ---- */
.gallery-cnt {
position: fixed;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
margin-left: -100vw;
}
.gallery-cnt.open {
margin-left: 0;
}
.gallery-cnt .gallery-show {
text-align: right;
float: left;
color: #FFF;
font-size: 22px;
width: 100%;
}
.gallery-ctrl {
border-left: 2px solid #666666;
height: 100%;
}
.gallery-list-cnt {
float: left;
background-color: #F1F1F1;
padding: 5px;
}
.gallery-list-cnt a {
position: relative;
font-size: 36px;
float: left;
}
/*noinspection CssNoGenericFontName*/
.gallery-list-cnt a:after {
content: "\f148";
font-family: "Ionicons";
position: absolute;
top: 45%;
right: 45%;
color: transparent;
text-shadow: transparent;
}
.gallery-list-cnt a:hover:after {
color: rgba(255, 255, 255, 0.8);
text-shadow: 0 0 60px #000;
}
.gallery-list-cnt section {
margin-top: -10px;
padding: 0 2.5px;
}
.gallery-thumb {
width: 250px;
height: auto;
padding: 5px;
position: relative;
}
/* ---- Downloads ---- */
.download-table {
float: left;
margin-top: -20px;
}
.download-table thead {
font-weight: bold;
display: none;
}
.download-table tbody {
border: none;
}
.download-table td {
line-height: 40px;
padding: 5px;
font-size: 16px;
vertical-align: middle;
cursor: default;
}
.download-table tr:nth-child(even) {
background-color: #EEE;
}
.download-table td:nth-child(even) a {
float: left;
width: 100%;
height: 100%;
text-align: center;
}
.download-table .name {
font-size: 16px;
font-weight: 600;
float: left;
width: 100%;
}
.download-table .sub {
width: auto;
padding: 0 2.5px;
font-size: 12px;
float: left;
font-style: italic;
}
.download-table .sub:after {
content: ' | ';
}
.download-btn {
font-size: 22px;
width: 40px;
padding: 5px 10px;
text-align: center;
background-color: #3CB371;
}
.download-table a:hover {
transform: scale(1.05);
}
.download-table a:hover .download-btn {
background-color: #53CF8A;
color: #FFF;
}
/* ---- Parallax ---- */
.parallax {
position: relative;
z-index: 2;
background-color: #FFF;
float: left;
width: 100%;
}
.ie #parallax {
transform: none !important;
}
.p-head {
height: 65vh;
margin-top: -50px;
}
.parallax .news-img.p-img-cnt {
height: 100%;
z-index: 1;
float: left;
position: absolute;
transition: none;
}
.parallax .news-info {
z-index: 3;
}
/* ---- Sticky ---- */
/* ---- Search Site */
.srch-cond {
float: left;
width: 33.333%;
height: 40px;
padding: 5px 0;
}
.srch-cond select,
.srch-cond input[type='text'] {
width: 100%;
height: 100%;
float: left;
padding: 5px 25px 5px 5px;
border: 1px solid #AAA;
outline: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
}
.srch-text,
.srch-date,
.srch-select {
float: left;
padding: 0 5px;
width: 100%;
height: 100%;
}
.srch-date {
width: 100%;
position: relative;
}
.srch-date:before {
position: absolute;
right: 10px;
top: 5px;
font-size: 20px;
color: #AAA;
pointer-events:none;
}
.srch-select {
position: relative;
}
.srch-select:before {
position: absolute;
right: 10px;
top: 5px;
font-size: 20px;
color: #AAA;
background-color: #FFF;
pointer-events:none;
}
.news-do-srch {
float: right;
width: 100px;
color: #FFF;
background-color: #000;
outline: none;
height: 30px;
border: none;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
margin-top: 5px;
cursor: pointer;
}
/* ---- Tag List News Details View ---- */
.taglist-cnt {
padding-top: 10px;
}
.taglist-cnt .news-cat {
margin-bottom: 0;
}
.taglist-cnt .ncat-tag-cnt .ncat-tag {
font-size: 12px;
}
/* ---- Info Bar START ---- */
.infobar-outer {
height: 0;
}
.infobar-cnt.fixed {
opacity: 1;
pointer-events: all;
height: auto;
bottom: 0;
}
.infobar-cnt {
width: 100%;
position: fixed;
bottom: -10%;
left: 0;
opacity: 0;
pointer-events: none;
background-color: #292929;
z-index: 999;
transition: all 0.1s linear;
}
.infobar-wrapper {
height: 50px;
background-color: inherit;
}
/* ---- Info Bar END ---- */
/* ---- Footer ---- */
.footer-cnt {
width: 100%;
height: auto;
background-color: #292929;
float: left;
color: #FFF;
padding: 30px 0;
}
.footer a {
color: #FFF;
}
.footer p {
color: #FFF;
}
.footer h4 {
color: #FFF;
cursor: default;
text-transform:uppercase;
font-size: 18px;
font-weight: 700;
line-height: 60px;
}
.footer h2 {
color: #FFF;
}
.footer ul.popular-cat {
line-height: 20px;
}
.footer ul.popular-cat li {
height: auto;
width: auto;
padding: 0 10px;
float: left;
color: #FFF;
cursor: pointer;
}
.footer ul.popular-cat li:hover {
background-color: #FFF;
color: #292929;
text-decoration: none !important;
}
.footer ul.popular-cat li:hover a,
.footer ul.popular-cat li:hover i,
.footer ul.popular-cat li:hover p {
color: #292929;
}
.footer ul.popular-cat li p {
float: right;
color: #FFF;
padding: 0 5px;
}
.footer ul.popular-cat .pop-tag:before {
opacity: 0.6;
}
.footer ul li h2:hover {
text-decoration: underline;
}
.footer-bottom {
height: auto;
float: left;
color: #FFF;
background-color: #222;
width: 100%;
padding: 5px 0;
}
.footer-bottom a {
color: #FFF;
padding: 15px;
display: inline-block;
}
.footer-bottom p {
float: left;
color: #FFF;
cursor: default;
padding: 15px 0;
}
.footer-bottom ul.footer-menu {
float: right;
}
.footer-bottom ul.footer-menu li {
float: right;
}
.footer-bottom ul.footer-menu li:hover a {
text-decoration: underline;
}
/* ----COOKIE----------*/
.cookie-box-cnt {
position: fixed;
height: 60px;
bottom: 0;
left: 0;
z-index: 99999999;
opacity: 0.95;
}
.cookie-box-cnt.hidden {
bottom: -10%;
opacity: 0;
pointer-events: none;
}
.cookie-box-outer {
background-color: #292929;
}
.cookie-box {
padding: 15px 0;
height: 60px;
}
.cookie-txt {
float: left;
font-size: 16px;
color: #FFF;
padding: 7.5px 0;
}
.cookie-link,
.cookie-btn {
font-size: 14px;
float: right;
background-color: #0073DF;
padding: 5px 10px;
outline: none;
border: none;
color: #FFF;
height: 30px;
margin: 0 10px;
border-radius: 5px;
cursor: pointer;
}
.cookie-link:hover,
.cookie-btn:hover {
background-color: #1886ED;
}
.cookie-link:active,
.cookie-btn:active {
background-color: #2B91F0;
}
.cookie-link {
color: #FFF !important;
}
@media screen and (max-width: 900px) {
.cookie-txt {
width: 100%;
}
.cookie-box-cnt {
height: auto;
}
.cookie-box {
height: auto;
}
}
/* ----- MEDIA QUERY ----- */
@media screen and (max-width: 1215px) {
/* Innentől törik a main-menu 2 sorra */
.header-ad {
width: 50%;
}
.main-menu .srch-btn {
bottom: -2px;
}
}
@media screen and (max-width: 1024px) {
.featherlight .featherlight-close-icon {
top: 5px;
right: 5px;
}
.featherlight .featherlight-content {
margin-left: 3px;
margin-right: 0;
max-width: 98%;
max-height: 98%;
padding: 0;
overflow: hidden;
}
}
@media screen and (max-width: 900px) {
.mobile-m {
width: 50%;
margin-left: -50%;
}
#main-menu ul li {
width: 50%;
padding: 0 5px;
border: none;
}
.mobile-start i {
padding: 7.5px 0 0;
}
.logo {
height: 50px;
width: 185px;
}
.logo p {
font-weight: normal;
text-transform: none;
}
.head-info {
padding: 20px 0;
}
.user-img {
width: 15%;
height: 13.5vw;
max-height: 120px;
}
.user-moment {
width: 80%;
}
div.aw-six-hours {
width: 100% !important;
}
.featherlight .featherlight-close-icon {
padding-top: 9px;
font-size: 26px;
width: 45px;
height: 45px;
}
.featherlight .featherlight-close-icon:after {
left: 11px;
top: 9px;
}
div[class^="tile-"] .news-img {
transform: none !important;
}
.pager li {
font-size: 14px;
width: 15.67%;
height: auto;
padding: 10px 0 !important;
}
.news-content-cnt img {
height: auto;
max-width: 100%;
float: left;
}
.news-content-cnt .news-content img {
height: auto;
max-width: 100%;
}
}
@media screen and (max-width: 900px) and (min-width: 517px) {
#plugin-cnt {
float: right;
}
}
@media screen and (max-width: 600px) {
.news-content .news-inlineimg {
margin-left: -5px;
width: calc(100% + 10px);
}
.featherlight .featherlight-content {
padding: 0;
height: auto;
box-sizing: border-box;
overflow: hidden;
width: 100%;
border: 5px solid rgba(255, 255, 255, 0.2);
background-color: transparent;
}
}
@media screen and (max-width: 480px) {
.mobile-m {
width: 100%;
height: 13.5vw;
margin-left: -100%;
}
.ruling-force {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
}
/* Final overrides for desktop to prevent other rules from uppercasing/squeezing the logo */
@media only screen and (min-width: 769px) {
#menu-container nav ul.main > li.menu-logo > .logo.site-title,
.mw1200 .main-menu nav ul.main > li.menu-logo > .logo.site-title,
nav > ul.main > li.menu-logo > .logo.site-title {
text-transform: none !important;
font-family: 'Roboto', sans-serif !important;
font-size: 1.2rem !important;
font-weight: 700 !important;
color: #764ba2 !important;
height: 60px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
padding: 0 12px !important;
line-height: 1 !important;
}
}