/*! HTML5 Boilerplate v4.3.0 | MIT License | https://h5bp.com/ */
html,
button,
input,
select,
textarea { color: #222 }
html {
font-size: 1em;
line-height: 1.4;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
audio,
canvas,
img,
video { vertical-align: middle }
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea { resize: vertical }
.browsehappy {
margin: .2em 0;
background: #ccc;
color: #000;
padding: .2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
body {
font-family: roboto, sans-serif;
line-height: 1.15;
overflow: hidden;
max-width: 100%;
}
html {
overflow-x: hidden;
max-width: 100%;
}
a {
text-decoration: none;
color: inherit;
}
body>header {
width: 967px;
margin: 0 auto;
height: 112px;
overflow: hidden;
}
body>header a.logo {
float: left;
padding: 20px 7px;
}
body>header a.logo img {
width: 175px;
height: 68px;
}
body>header .banner {
float: right;
padding: 10px;
margin-top: 0;/*-15px;*/
}
nav.mobile { display: none }
img {
max-width: 100%;
height: initial;
}
nav.main {
text-transform: uppercase;
font-weight: 800;
background: #c50c0a;
height: 57px;
overflow: hidden; /*quick fix for jumping undermenu*/
}
nav.main:hover { /*quick fix for jumping undermenu*/
overflow: visible;
}
nav.main ul {
/*font-size: 0;*/
width: 967px;
margin: 0 auto;
padding: 0;
}
nav.main ul li {
display: inline-block;
margin-left: -3px;
font-size: .9375em;
/* 15/16 */
position: relative;
}
nav.main ul li.portfolio:hover { background: #870f0d url(../img/portfolio.png) no-repeat 12px center }
nav.main ul li.portfolio ul { display: none }
nav.main ul li.portfolio:hover ul { display: block }
nav.main ul li ul.portfolio {
width: 195px;
position: absolute;
top: 57px;
right: 0;
text-transform: none;
z-index: 1000;
padding: 10px 0;
background: #860e0c; /* Old browsers */
background: -moz-linear-gradient(top, #860e0c 0%, #AE1F1E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#860e0c), color-stop(100%,#AE1F1E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #860e0c 0%,#AE1F1E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #860e0c 0%,#AE1F1E 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #860e0c 0%,#AE1F1E 100%); /* IE10+ */
background: linear-gradient(to bottom, #860e0c 0%,#AE1F1E 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#860e0c', endColorstr='#AE1F1E',GradientType=0 ); /* IE6-9 */
opacity: 0.9;
}
nav.main ul li.portfolio {
float: right;
}
nav.main ul li ul.portfolio li {
display: block;
color: #fff;
height: 29px;
background: none;
}
nav.main ul li.menu-uj-cikk {
background: #fff;
position: relative;
}
nav.main ul li.menu-uj-cikk a{
color: #c50c0a;
position: relative;
}
nav.main ul li.menu-uj-cikk .dropdown{
display: none;
z-index: 10000;
}
nav.main ul li.menu-uj-cikk:hover .dropdown{
display: block;
position: absolute;
top:57px;
left:0;
background: #fff;
opacity: 0.9;
width: 260px;
}
nav.main ul li.menu-uj-cikk:hover .dropdown a{
background: #fff;
height: auto;
line-height: 36px;
border-bottom: 1px solid #ddd;
color: #3b3b3b;
line-height: 25px;
padding: 8px;
}
nav.main ul li.menu-uj-cikk:hover .dropdown a:hover {
color: #c50c0a;
}
nav.main ul li.menu-uj-cikk>a:before, nav.main ul li.menu-uj-cikk>a:after{
content: "";
height: 13px;
background: #c50c0a;
display: block;
position: absolute;
top: 0;
width: 100%;
left: 0;
}
nav.main ul li.menu-uj-cikk>a:after {
bottom: 0;
top: auto;
}
nav.main ul li.menu-uj-cikk:hover>a:after {
content: none;
}
.headliner .tag {
text-transform: uppercase;
font-family: roboto_condensed, sans-serif;
color: #fff;
background: #2a6ebc;
font-weight: 400;
font-size: .9375em;
/* 15/16 */
padding: 4px 6px;
margin-right: 8px;
margin-top: 4px;
/* margin-right: 250px; */
float: left;
}
.uj-cikk .dropdown { display: none }
.uj-cikk:hover .dropdown { display: block }
.uj-cikk { position: relative }
.uj-cikk .dropdown {
position: absolute;
width: 500px;
background: #f0f0f0;
z-index: 2;
top: 45px;
left: -2px;
border-bottom: 1px solid #d9d8d1;
border-right: 1px solid #d9d8d1;
padding: 0 0 20px;
line-height: 24px;
}
.uj-cikk .dropdown:before {
content: "";
display: block;
width: 100px;
height: 34px;
position: absolute;
top: -30px;
left: 0;
}
.uj-cikk .dropdown a {
display: inline-block;
color: #2e2e2e;
font-family: roboto_slab, sans-serif;
font-size: 17px;
font-weight: 700;
margin-left: 20px;
}
nav.main ul li ul.portfolio li a {
line-height: 19px;
background: none;
font-size: .95em;
font-family: roboto, sans-serif;
font-weight: 700;
padding: 7px;
height: 19px;
margin: 0 13px;
text-transform: uppercase;
}
nav.main ul li ul.portfolio li a:hover { background: #027ADE }
nav.main ul li a {
text-decoration: none;
display: block;
height: 57px;
padding: 0 9px;
color: #fff;
line-height: 57px;
}
nav.main.mobile ul li a {
height: 43px;
line-height: 43px;
/*width: 21px;*/
}
nav.main ul li.portfolio a {
padding-left: 28px;
background: url(../img/portfolio.png) no-repeat 12px center;
}
nav.main ul li.portfolio a:hover { background: #870f0d url(../img/portfolio.png) no-repeat 12px center }
nav.main ul li a {
-webkit-transition: background-color 200ms ease-in-out;
-moz-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
nav.main ul li a:hover { background: #870f0d }
nav.main ul li.menu-uj-cikk a:hover { background: #fff; }
nav.main ul li.mobile { display: none }
.undermenu {
width: 967px;
margin: 0 auto;
height: 47px;
padding-bottom: 10px;
display: table;
margin-bottom: 30px;
}
.undermenu section {
/*display: inline-block;*/
display: table-cell;
vertical-align: bottom;
}
.undermenu .select-city{
display: table-cell;
vertical-align: bottom;
}
.undermenu .search {
width: 250px;
height: 49px;
/*background: #7d7d7d;*/
position: absolute;
overflow: hidden;
-webkit-transition: width .5s;
/* For Safari 3.1 to 6.0 */
transition: width .5s;
/*top: -4px;;
position: relative;*/
background: #7d7d7d; /* Old browsers */
background: -moz-linear-gradient(left, #7d7d7d 0%, #999999 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7d7d7d), color-stop(100%,#999999)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #7d7d7d 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #7d7d7d 0%,#999999 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #7d7d7d 0%,#999999 100%); /* IE10+ */
background: linear-gradient(to right, #7d7d7d 0%,#999999 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7d7d', endColorstr='#999999',GradientType=1 ); /* IE6-9 */
display: table-cell;
}
.search.compact { width: 50px }
.search.compact .sub { display: none }
.search a {
background: url(../img/search.png) no-repeat center center;
width: 50px;
height: 46px;
display: inline-block;
}
.mobile .search a {
background-color: #870f0d;
width: auto;
/*position: absolute;;
left: 150px;*/
display: inline-block;
width: 5px;
}
.mobile .search.compact a { width: 29px }
.search .sub {
/*display: none;*/
width: 195px;
/*background: #7d7d7d;*/
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
}
.mobile .search .sub { background: #d62d23 }
.search .sub input {
background: #9d9d9d;
border: 1px solid #aaa;
margin: 7px;
font-size: 1.0625em;
/* 17/16 */
padding: 5px;
color: #E7E7E7;
width: 180px;
}
.search .sub input::-webkit-input-placeholder { /* WebKit browsers */
color: #fff;
}
.search .sub input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
opacity: 1;
}
.search .sub input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
opacity: 1;
}
.search .sub input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;
}
.mobile .search .sub input {
background: #870f0d;
border: 1px solid #870f0d;
color: #fff;
margin: 5px 7px;
width: 111px;
}
.mobile .search .sub { width: 133px }
.search .sub ::-webkit-input-placeholder { color: #585858 }
.search .sub :-moz-placeholder {
/* Firefox 18- */
color: #585858;
}
.search .sub ::-moz-placeholder {
/* Firefox 19+ */
color: #585858;
}
.search .sub :-ms-input-placeholder { color: #585858 }
.mobile .search .sub ::-webkit-input-placeholder { color: #fff }
.mobile .search .sub :-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.mobile .search .sub ::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.mobile .search .sub :-ms-input-placeholder { color: #fff }
.undermenu .date {
/*margin-left: 78px;*/
/*width: 188px; */
padding-left: 66px;
display: table-cell;
}
.undermenu .date span { display: block }
.undermenu .date .main {
font-size: .8125em;
/* 13/16 */
font-weight: 700;
color: #3e3e3e;
}
.undermenu .date .sub {
font-size: .8125em;
/* 13/16 */
font-weight: 400;
color: #656565;
}
.undermenu .weather {
overflow: hidden;
/*margin-left: 17px;*/
padding-left: 42px;
padding-top: 6px;
height: 26px;
}
.undermenu .weather.sunny { background: url(../img/weather-sunny.png) no-repeat 0 -2px }
.undermenu .weather.cloudy { background: url(../img/weather-cloudy.png) no-repeat 0 0px }
.undermenu .weather.windy { background: url(../img/weather-windy.png) no-repeat 0 0px }
.undermenu .weather.foggy { background: url(../img/weather-foggy.png) no-repeat 3px 0px }
.undermenu .weather.snowy { background: url(../img/weather-snowy.png) no-repeat 4px 0px }
.undermenu .weather.rainy { background: url(../img/weather-rainy.png) no-repeat 2px 0px }
.undermenu .weather span { display: block }
.undermenu .weather .temp {
color: #6b6b6b;
font-size: .9375em;
/* 15/16 */
font-weight: 400;
display: inline;
float: left;
}
.undermenu .weather .city {
font-size: .875em;
/* 14/16 */
font-weight: 800;
text-transform: uppercase;
color: #4b4b4b;
margin-left: 28px;
}
.undermenu .weather .sub {
color: #929292;
font-size: .5625em;
/* 9/16 */
font-weight: 400;
text-transform: uppercase;
text-align: left;
margin-left: 28px;
}
.undermenu .weather .sub:hover {
color: #555;
}
/*.undermenu .weather a {
text-decoration: none;
border-bottom: 1px solid #929292;
display:block;
}*/
.undermenu .events {
margin-left: 23px;
display: table-cell;
}
.undermenu .events .main {
font-size: .875em;
/* 14/16 */
font-weight: 800;
text-transform: uppercase;
color: #4b4b4b;
margin-left: 26px;
}
.undermenu .events .sub {
color: #929292;
font-size: .5625em;
/* 9/16 */
font-weight: 400;
text-transform: uppercase;
text-align: left;
display: block;
margin-left: 26px;
}
.undermenu .events .sub:hover {
color: #555;
}
.undermenu .combridge a {
width: 180px;
height: 46px;
margin-left: 33px;
background: url(../img/combridge.png) no-repeat center 15px;
border-right: 1px dashed #d4d4d4;
display: table-cell;
background-size: 161px;
}
.undermenu .like {
width: auto;
/*100px*/
width: 81px;
/*height: 46px;*/
vertical-align: bottom;
padding-left: 4px;
display: table-cell;
}
.new-articles {
width: 967px;
margin: 25px auto;
}
.new-articles .title {
font-family: roboto_slab, sans-serif;
font-size: 1.375em;
/* 22/16 */
font-weight: 700;
text-transform: uppercase;
background: #003050;
color: #fff;
padding: 4px 8px;
vertical-align: middle;
}
.new-articles .down-arrow {
height: 38px;
width: 38px;
display: inline-block;
background: url(../img/open_close_button.png) no-repeat;
vertical-align: middle;
}
.new-articles .up-arrow {
height: 38px;
width: 38px;
display: inline-block;
background: url(../img/open_close_button.png) no-repeat 38px 0;
vertical-align: middle;
}
.new-articles ul {
padding: 0;
list-style: none;
}
.headliner {
background: #f0f0f0;
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
/*border: 1px solid #d4d4d4;*/
width: 965px;
margin: 33px auto;
margin-top: 0px;
}
.headliner .menu {
position: relative;
margin: 16px 18px;
font-weight: 300;
/*300*/
font-size: 1em;
width: 96%;
}
.headliner .tophir-container {
display: block;
width: 100%;
}
.headliner .tophir-container div{
width: auto;
}
.headliner .menu a:hover {
text-decoration: underline;
}
.headliner .menu .left {
/*position: absolute;*/
text-align: left;
display: inline-block;
vertical-align: middle;
}
.headliner .menu .center {
text-align: left;
display: inline-block;
padding: 0 26px;
vertical-align: middle;
}
.headliner .menu .right {
/*position: absolute;;
right: 0;
top: 0;*/
text-align: left;
display: inline-block;
vertical-align: middle;
}
.headliner .menu .orange {
color: #d76f27;
font-weight: 700;
font-size: .875em;
/* 14/16 */
}
.headliner .inner {
background: #fff;
border: 1px solid #dfdfdf;
margin: 16px;
position: relative;
min-height: 421px;
}
.headliner article.small {
width: 280px;
}
.headliner article.small:hover h2, .headliner article.large:hover h2{
color: #c50c0a;
}
.headliner article.idogep:hover h2 {
color: #d2d2d2;
}
.headliner article.small img {
width: 100%;
/* height: 127px; */
}
.headliner .small-box {
float: right;
display: inline-block;
vertical-align: top;
}
.headliner article.large {
margin-right: 13px;
top: 14px;
/*position: absolute;*/
width: 610px;
display: inline-block;
/*margin-top: -411px;*/
}
.headliner article.large img {
width: 100%;
}
.headliner article.large h2 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 1.625em;
/* 26/16 */
line-height: 32px;
margin: 6px 0;
}
.headliner article.large h3 {
font-family: roboto, sans-serif;
font-weight: 400;
font-size: .9375em;
/* 15/16 */
line-height: 18px;
margin: -4px 0;
}
.headliner article.side {
width: 150px;
height: 406px;
position: absolute;
top: 14px;
margin-left: 728px;
color: #fff;
text-align: center;
padding: 7px 13px;
}
.headliner article.side h2 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 1.4375em;
/* 23/16 */
line-height: 28px;
}
.headliner article.side h2:after {
content: "";
width: 50px;
height: 3px;
background: #fff;
display: block;
margin: 17px auto;
}
.headliner article.side h3 {
font-family: roboto_slab, sans-serif;
font-weight: 400;
font-size: .875em;
/* 14/16 */
line-height: 23px;
}
.headliner article.side h4 {
font-family: roboto, sans-serif;
font-weight: 800;
font-size: 1.125em;
/* 18/16 */
position: absolute;
bottom: 18px;
width: 136px;
margin: 0 auto;
left: 20px;
}
.headliner article.side.idezet {
display: table;
}
.headliner article.side.idezet h3 {
margin-top: 70px;
}
.headliner article.side.idezet h3 {
display: table-cell;
padding-top: 51px;
padding-bottom: 120px;
vertical-align: middle;
}
.headliner article.side.promo h2 {
margin-top: 80px;
color: #d9d7d7;
}
.headliner article.side.promo2 h2 {
margin-top: 80px;
color: #f2f2f2;
}
.headliner article.side.promo h2:after,
.headliner article.side.promo2 h2:after { content: none }
.headliner article.side.szavazogep h2 {
font-size: 1.125em;
/* 18/16 */
color: #195579;
}
.headliner article.side.szavazogep h2:after { content: none }
.headliner article.side.welemeny { background: #356d75 url(../img/mojo-welemeny.png) }
.headliner article.side.dosszie { background: #ba6318 url(../img/mojo-dosszie.png) }
.headliner article.side.holt { background: #002d36 url(../img/mojo-holt.png) }
.headliner article.side.idezet { background: #3a3146 url(../img/mojo-idezet.png) }
.headliner article.side.idogep {
display: none;
background: #3f8793 url(../img/mojo-idogep.png)
}
.headliner article.side.promo { background: #1e155d url(../img/mojo-promo.png) }
.headliner article.side.promo2 { background: #da7028 url(../img/mojo-promo2.png) }
.headliner article.side.szavazogep { background: #dedede }
.headliner article.side.szavazogep ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
.headliner article.side.szavazogep ul li {
font-size: .875em;
/* 14/16 */
color: #5f5965;
margin-bottom: 10px;
}
.headliner article.side.szavazogep ul li label {
margin-left: 16px;
display: block;
margin-top: -21px;
}
.headliner article.side.szavazogep ul .red {
color: #c50c0a;
font-weight: 700;
}
.headliner article.side.szavazogep ul li.submit { text-align: center }
.headliner article.side.szavazogep ul li.submit input {
background: #19557a;
color: #fff;
border: 0;
width: 90px;
height: 34px;
font-size: 1.0625em;
/* 17/16 */
font-weight: 700;
}
.headliner article.side-horizontal {
position: static;
/*width: 656px;
height: 176px;*/
width: 96%;
height: auto;
display: block;
margin: 0;
padding: 1px 2%;
margin: 0 auto;
}
.headliner .horizontal-mojo {
/*background: url(../img/mojo_bg.png);*/
padding: 10px 0;
overflow: hidden;
margin: 16px;
display: none;
}
.headliner article.small h2 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 1em;
line-height: 20px;
}
.headliner .inner { padding: 14px }
.below-headline {
width: 967px;
margin: 0 auto;
}
.below-headline .left-column {
width: 300px;
padding: 0 9px;
display: inline-block;
vertical-align: top;
}
.below-headline .middle-column {
width: 300px;
padding: 0 9px;
display: inline-block;
vertical-align: top;
}
.below-headline .right-column {
width: 300px;
margin: 9px;
margin-right: 0;
display: inline-block;
vertical-align: top;
}
.latest-posts ul {
list-style: none;
margin: 0;
padding: 0;
margin-bottom: 17px;
/*font-size: 0;*/
}
.latest-posts ul li {
background: #f0f0f0;
margin-bottom: 6px;
}
.latest-posts ul li:hover { background: #CDCDCD }
.latest-posts ul li span {
/*display: inline-block;*/
/*height: 78px;*/
/*width: 218px;*/
color: #2d2d2d;
font-size: .8125em;
/* 13/16 */
display: table-cell;
vertical-align: middle;
}
.latest-posts ul li .text { padding: 18px 11px }
.latest-posts ul li .date {
background: #e1e1e1;
width: 39px;
min-width: 39px;
text-align: center;
padding: 5px;
font-weight: 700;
font-size: .75em;
/* 12/16 */
color: #353535;
display: table-cell;
}
.latest-posts ul li .date.red {
color: #b9131b;
font-weight: 700;
font-size: .75em;
/* 12/16 */
}
.mahir {
height: 68px;
text-align: center;
background: url('../img/mahir.png') no-repeat center 24px;
font-size: 16px;
border-bottom: 1px dotted #aaa;
margin-bottom: 7px;
}
.mahir:hover {
background: url('../img/mahir-hover.png') no-repeat center 24px;
}
.below-headline article {
border-bottom: 1px dotted #888;
margin-bottom: 16px;
padding-bottom: 5px;
}
.below-headline article img {
display: block;
margin-bottom: 7px;
}
.below-headline .left-column article:first-child img, .below-headline .middle-column article:first-child img {
margin-top: 11px;
}
.below-headline .left-column article:last-child,
.below-headline .left-column div:last-child,
.below-headline .middle-column article:last-child,
.below-headline .middle-column div:last-child {
border: none;
}
.below-headline article.left-column img {
width: 293px;
height: 192px;
}
.below-headline article.right-column img {
width: 293px;
height: 192px;
}
.below-headline article .tag {
text-transform: uppercase;
color: #fff;
background: #de6502;
font-weight: 800;
font-size: 11px;
padding: 4px 6px;
margin-right: 8px;
margin-top: 4px;
/*margin-right: 250px;*/
float: left;
}
.below-headline article .tag.orange { background: #de6502 }
.below-headline article .tag.blue { background: #027ade }
.below-headline article .tag.red { background: #921010 }
.below-headline article h2 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 1.375em;
/* 22/16 */
line-height: 26px;
color: #2e2e2e;
margin: 8px 0;
}
.below-headline article h2 a:hover {
color: #c50c0a;
}
.below-headline article.highlight-red h2 a:hover {
color: #FFC4AE;
}
.below-headline article.highlight-orange h2 a:hover {
color: #dedede;
}
.below-headline>div article.highlight-orange:first-child{
margin-top: 15px;
}
.below-headline article h3 {
font-family: roboto, sans-serif;
font-weight: 400;
font-size: .875em;
/* 15/16 */
color: #0a0a0a;
line-height: 19px;
}
.below-headline article.highlight-orange h2 {
display: inline;
background: #d87027;
-moz-box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
-webkit-box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
box-decoration-break: clone; /*Firefox fix*/
line-height: 30px;
color: #fff;
position: relative;
left: 5px;
top: -5px;
}
.below-headline article.highlight-red h2 {
display: block;
background: #870f0d;
color: #fff;
padding: 10px;
}
.top24 {
background: #f8f8f8;
}
.top24 a.title {
width: 132px;
height: 18px;
display: inline-block;
text-align: center;
background: #ececec;
color: #7E7E7E;
font-size: .875em;
/* 14/16 */
font-weight: 700;
text-decoration: none;
padding: 8px;
}
.top24 a.title.left { float: left }
.top24 a.title.right { float: right }
.top24 a.title.active {
background: #c50c0a;
color: #fff;
}
.top24 a.title {
-webkit-transition: color 200ms ease-in-out;
-moz-transition: color 200ms ease-in-out;
-o-transition: color 200ms ease-in-out;
-ms-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
}
.top24 a.title:hover {
background: #870f0d;
color: #fff;
}
.top24 ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 14px;
clear: both;
}
.top24 ul li { margin-bottom: 12px }
.top24 ul li:after {
content: "";
width: 200px;
height: 1px;
background: #dedede;
display: block;
margin: 12px auto 0;
}
.top24 ul li:last-child:after { width: 293px }
.top24 ul li .number {
font-weight: 800;
color: #002c4f;
font-size: 1.375em;
/* 22/16 */
display: inline-block;
width: 33px;
margin-left: 6%;
}
.top24 ul li .text {
display: inline-block;
width: 218px;
vertical-align: middle;
font-family: roboto_slab, sans-serif;
font-weight: 400;
font-size: .8125em;
/* 13/16 */
color: #2d2d2d;
}
.ezmegvolt {
text-align: center;
color: #fff;
position: relative;
}
.ezmegvolt a {
display: block;
}
.ezmegvolt:before {
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNgqAcAAIIAgLO2btEAAAAASUVORK5CYII=);
position: absolute;
top: 0;
left: 50%;
width: 300px;
height: 100%;
margin-left:-150px;
}
.ezmegvolt h2 {
position: absolute;
top: 0;
width: 100%;
font-weight: 300;
}
.ezmegvolt h2 strong{
font-weight: 800;
}
.ezmegvolt h3 {
position: absolute;
bottom: 0;
/* width: 100%; */
width: 300px;
transform: translateX(-50%);
left: 50%;
}
.ezmegvolt h3:before {
content: "";
height: 3px;
width: 50px;
display: block;
background: #fff;
margin: 0 auto;
margin-bottom: 10px;
}
.idogep {
/*background: url(../img/idogep.png) no-repeat center 11px;*/
display: block;
/*width: 300px;*/
padding-top: 94px;
border-top: 1px solid #dedede;
}
.idogep .ad {
border-bottom: 0;
}
.idogep article {
/*border-bottom: 1px dotted #888;*/
position: relative;
margin-bottom: 0;
padding: 5px 18px 13px 18px;
}
.idogep article img {
margin-bottom: 12px;
}
.idogep article:first-child {
padding-top: 16px;
background: #e7e7e7;
}
.idogep:hover article:first-child {
background: #fff;
}
.idogep article h2 {
font-family: roboto_slab, sans-serif;
font-size: 14px;
min-height: 34px;
font-weight: 700;
color: #1b577d;
/*text-transform: uppercase;*/
}
.idogep article .info {
font-size: 14px;
font-weight: 400;
/*padding: 5px 0 5px 0;*/
margin-top: -7px;
display: block;
}
.idogep article:first-child .info {
font-size: .9375em; /* 15/16 */
}
.idogep article:first-child:before {
content: "";
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 15px solid #fff;
position: absolute;
left: 50%;
top: 0;
margin-left: -10px;
}
.idogep article:hover:first-of-type { background: #fff }
.idogep article:hover:first-of-type:hover { background: #e7e7e7 }
.idogep article:hover h2 a {
color: #c50c0a;
}
.idogep article:hover { background: #e7e7e7 }
.idogep .idogep-panel {
background: #f8f8f8;
}
.idogep .idogep-panel a.main-button {
width: 109px;
height: 18px;
display: inline-block;
text-align: left;
color: #7E7E7E;
font-size: 16px;
font-weight: 700;
text-decoration: none;
padding: 8px;
background: #1C587D;
color: #fff;
-webkit-transition: color 200ms ease-in-out;
-moz-transition: color 200ms ease-in-out;
-o-transition: color 200ms ease-in-out;
-ms-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
}
.idogep .idogep-panel a.main-button:hover {
background: #154867;
color: #fff;
}
.idogep .idogep-panel ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 14px;
clear: both;
margin-bottom: 12px;
}
.idogep .idogep-panel ul li { padding-bottom: 16px }
.idogep .idogep-panel ul li.recommended {
/*width: 38px;*/
margin-left: 17px;
padding-left: 25px;
background: url('https://transindex.ro/uj/img/logo-bobita.png') no-repeat left center;
background-size: 32px;
background-position: left 11px;
}
/*.idogep .idogep-panel ul li:after {
content: "";
width: 200px;
height: 1px;
background: #dedede;
display: block;
margin: 12px auto 0;
}*/
.idogep .idogep-panel ul li:last-child:after { width: 293px }
.idogep .idogep-panel ul li h2 {
display: inline-block;
width: 236px;
vertical-align: middle;
font-family: roboto_slab, sans-serif;
font-size: 14px;
font-weight: 700;
color: #1b577d;
padding-left: 17px;
margin: 0;
}
.idogep .idogep-panel ul li a:hover h2 {
color: #c50c0a;
}
.idogep .idogep-panel ul li .desc {
display: inline-block;
width: 218px;
vertical-align: middle;
font-family: roboto_slab, sans-serif;
font-size: 13px;
font-weight: 400;
color: #2a2a2a;
padding-left: 17px;
}
.other-sites section.idogep {
padding-top: 0;
}
.other-sites section.idogep article {
background: #e7e7e7;
}
.szotarbox {
font-size: 15px;
}
.szotarbox .title {
font-size: 37px;
font-weight: 200;
display: block;
color: #7d7d7d;
margin-bottom: 8px;
text-transform: uppercase;
}
.szotarbox .selectbox {
font-size: 0;
}
.szotarbox .selectbox a{
display: inline-block;
height: 32px;
width: 114px;
letter-spacing: 0.2px;
color: #fff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
padding: 8px 18px;
}
.szotarbox .selectbox a.rohu {
background: #415170;
}
.szotarbox .selectbox a.huro {
background: #856767;
}
.szotarbox .selectbox a.rohu.active {
background: #032366;
}
.szotarbox .selectbox a.huro.active {
background: #c50c0a;
}
.szotarbox .searchbox {
font-size: 0;
margin-bottom: 25px;
}
.szotarbox input[type='text'] {
background: #ececec;
width: 216px;
height: 50px;
border: 0;
font-size: 23px;
padding: 0 17px;
color: #7e7e7e;
display: inline-block;
vertical-align: top;
}
.szotarbox input[type='submit'] {
display: inline-block;
width:50px;
height: 50px;
background: #969696 url(../img/search.png) no-repeat center center;
border: 0;
margin: 0;
padding: 0;
}
section.idogep a.main {
position: static;
top: auto;
background: url(../img/idogep.png) no-repeat left 11px;
width: 295px;
height: 64px;
display: block;
}
.inner-page .idogep {
padding-top: 0;
}
section.fejvadasz a.main {
position: static;
top: auto;
background: url(../img/fejvadasz-doboz.png) no-repeat left -5px;
width: 300px;
height: 100px;
display: block;
}
.fejvadasz .fejvadasz-panel a.main-button {
width: 109px;
height: 18px;
display: inline-block;
text-align: left;
color: #7E7E7E;
font-size: 16px;
font-weight: 700;
text-decoration: none;
padding: 8px;
background: #1C587D;
color: #fff;
-webkit-transition: color 200ms ease-in-out;
-moz-transition: color 200ms ease-in-out;
-o-transition: color 200ms ease-in-out;
-ms-transition: color 200ms ease-in-out;
transition: color 200ms ease-in-out;
-webkit-transition: background 200ms ease-in-out;
-moz-transition: background 200ms ease-in-out;
-o-transition: background 200ms ease-in-out;
-ms-transition: background 200ms ease-in-out;
transition: background 200ms ease-in-out;
}
.fejvadasz .fejvadasz-panel a.main-button:hover {
background: #154867;
color: #fff;
}
.fejvadasz .fejvadasz-panel ul {
list-style: none;
margin: 0;
padding: 0;
clear: both;
margin-bottom: 12px;
}
.fejvadasz .fejvadasz-panel ul li{
margin: 12px 0;
}
.fejvadasz .fejvadasz-panel ul li h2 {
display: inline-block;
width: 288px;
vertical-align: middle;
font-family: roboto_slab, sans-serif;
font-size: 14px;
font-weight: 700;
color: #4d4d4d;
padding-left: 12px;
margin: 0;
}
.fejvadasz .fejvadasz-panel ul li a:hover h2 {
color: #c50c0a;
}
.fejvadasz .fejvadasz-panel ul li .desc {
font-family: roboto_slab, sans-serif;
font-size: 14px;
font-weight: 400;
color: #7f7f7f;
}
.other-sites section.fejvadasz {
padding-top: 0;
}
.other-sites section.fejvadasz article {
background: #e7e7e7;
}
.tablet-side { display: none }
div.ad {
border-bottom: 1px dotted #888;
margin-bottom: 21px;
max-width: 500px;
text-align: center;
}
div.ad embed {
max-width: 100%;
}
div.ad:after {
content: "hirdetés";
text-transform: uppercase;
padding-left: 13px;
color: #8b8b8b;
font-size: .5em;
/* 8/16 */
background: url(../img/hirdetes-up.png) no-repeat 2px 1px;
margin: 8px auto;
display: block;
width: 49px;
font-family: roboto, sans-serif;
line-height: 10px;
}
.home-large-ad {
margin: 0 auto;
width: 970px;
}
.nagykep {
margin: 0 auto;
width: 970px;
}
.nagykep h1 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 1.5625em;
/* 25/16 */
color: #000;
text-transform: uppercase;
position: absolute;
}
.nagykep .side {
display: inline-block;
margin-left: 14px;
}
.nagykep article {
width: 282px;
vertical-align: top;
position: relative;
margin-bottom: 10px;
height: 154px;
overflow: hidden;
}
/*.nagykep .side article:hover {
background: #e2e2e2;
}*/
.nagykep article.large {
max-width: 633px;
width: 100%;
display: inline-block;
margin-right: 21px;
height: 318px;
overflow: hidden;
}
.nagykep article.large a img {
position: relative; top: -9%
}
.nagykep article a:before {
content: "";
width: 100%;
height: 100%;
top:0;
/* background: url('../images/news-gradient.png'); */
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFUlEQVQIW2NkYGDYDMRpjEBCEogZAA5wATWdYNpIAAAAAElFTkSuQmCC) repeat;
display: block;
position: absolute;
z-index: 1;
opacity: 1;
transition: all 0.5s;
}
.nagykep article:hover a:before {
opacity: 0.2;
}
.nagykep article .overlay {
position: absolute;
bottom: 0;
margin-bottom: 5px;
padding: 6px 17px;
box-sizing: border-box;
display: block;
z-index: 1000;
pointer-events: none;
}
.nagykep article.large .overlay {
margin-bottom: 20px;
}
.nagykep article h2 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 1.125em;
/* 18/16 */
color: #fff;
background: #c50c0a;/*url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mM4ysN1BgAEHQGoTdpmFwAAAABJRU5ErkJggg==);*/
display: inline;
line-height: 25px;
box-shadow: 5px 0 0 #c50c0a,-5px 0 0 #c50c0a;
}
.nagykep article.large h2 {
font-size: 1.5625em;
margin-bottom: 40px;
line-height: 34px;
/* 25/16 */
}
.nagykep article img{
width: 100%;
}
.other-sites {
width: 967px;
margin: 0 auto;
}
.other-sites section {
display: inline-block;
vertical-align: top;
padding-top: 90px;
margin: 10px 9px;
border-top: 1px solid #dedede;
position: relative;
width: 300px;
}
.other-sites section:before {
content: "";
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 15px solid #fff;
position: absolute;
left: 50%;
margin-left: -10px;
}
.other-sites section article {
width: 263px;
padding: 16px;
border-top: 1px dotted #888;
}
.other-sites section article:first-of-type {
background: #e7e7e7;
border-top: 0;
}
.other-sites section:hover article:first-of-type { background: #fff }
.other-sites section:hover article:first-of-type:hover { background: #e7e7e7 }
.other-sites section article:hover { background: #e7e7e7 }
.other-sites article img {
width: 265px;
margin-top: 16px;
}
.other-sites section article h1 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 1.375em;
/* 22/16 */
color: #3d3d3d;
margin: 0;
}
.other-sites section article p {
font-family: roboto, sans-serif;
font-size: .9375em;
/* 15/16 */
font-weight: 400;
}
.other-sites .penzcsinalok {
background: url(../img/penzcsinalok.png);
background-size: 230px;
background-repeat: no-repeat;
background-position: 35px 25px;
}
.other-sites .lelato {
background: url(../img/lelato.png);
background-size: 150px;
background-repeat: no-repeat;
background-position: 70px 5px;
}
.other-sites a.main {
width: 295px;
height: 64px;
display: block;
position: absolute;
top: 0;
}
.other-sites .sportoldal { background: url(../img/sportoldal.png) no-repeat center 20px }
.other-sites .totb { background: url(../img/totb.png) no-repeat center 13px }
.trex {
background: url(../img/8px_bg.png);
margin-top: 24px;
padding: 12px;
}
.trex .inner {
/*background: url('../img/trex_bg.png');*/
position: relative;
margin: 0 auto;
width: 967px;
}
.trex h1 {
font-family: roboto_slab, sans-serif;
font-size: 1.5em;
/* 24/16 */
font-weight: 700;
color: #fff;
background: #9a1d0d;
padding: 7px 41px;
display: block;
width: 132px;
margin: 0;
margin-bottom: 8px;
/*position: absolute;*/
/*top: -60px;*/
/*left: 0;*/
}
.trex article {
display: inline-block;
width: 214px;
vertical-align: top;
padding: 9px 12px 0 12px;
margin-left: -13px;
margin-right: 13px;
text-align: center;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.trex article:hover {
background: #333;
}
.trex article h2 a{
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.trex article:hover h2 a{
color: #fff;
}
.trex article.large { width: 455px }
.trex article .tag {
font-size: .75em;
/* 12/16 */
font-weight: 700;
color: #fefefe;
background: #9a1d0d;
text-transform: uppercase;
padding: 7px;
margin-top: 12px;
display: inline-block;
}
.trex article h2 {
color: #3d3d3d;
font-weight: 700;
font-family: roboto_slab, sans-serif;
font-size: 1.25em;
/* 20/16 */
margin: 6px 0;
}
footer {
background: #eee;
overflow: hidden;
padding-bottom: 50px;
}
footer ul {
vertical-align: top;
}
footer ul.column1 {
margin-right: 20px;
}
footer ul.column2 {
margin-right: 40px;
margin-top: 26px;
}
footer ul.column3 {
vertical-align: top;
font-size: .8125em;
/* 13/16 */
color: #656565;
}
footer ul.column3 img {
width: 32px;
margin-right: 6px;
}
footer .column3 h2 {
line-height: 18px;
}
footer .column3 strong {
font-size: 16px;
font-weight: 800;
color: #9a1d0d;
}
footer .column3 h2{
margin-bottom: 4px;
}
footer .column3 .links {
margin-top: 16px;
}
footer h2 {
font-size: 17px;
color: #a5a5a5;
text-transform: uppercase;
}
footer .inner ul li { }
footer a { border-bottom: 1px solid transparent }
footer a:hover { border-bottom: 1px solid #aaa }
footer .inner {
width: 967px;
margin: 0 auto;
position: relative;
padding: 10px;
max-width: 100%;
}
footer ul {
/*text-transform: uppercase;*/
list-style: none;
padding: 0;
display: inline-block;
}
footer ul li {
font-size: 1.0625em;
/* 17/16 */
font-size: 12px;
font-family: roboto, sans-serif;
font-weight: 700;
/*display: inline-block;*/
color: #474747;
/*margin: 16px;*/
line-height: 18px;
}
footer .middle-col {
display: inline-block;
vertical-align: top;
width: 200px;
text-align: right;
margin-top: 20px;
position: absolute;
right: 180px;
}
footer .middle-col p {
font-size: .8125em;
/* 13/16 */
color: #9a9a9a;
}
footer .right-col {
margin-top: 20px;
display: inline-block;
vertical-align: top;
font-size: .8125em;
/* 13/16 */
color: #656565;
margin-left: 32px;
position: absolute;
right: 12px;
}
footer .right-col a {
display: block;
text-decoration: none;
color: #656565;
text-align: right;
}
footer .right-col .logo {
margin-bottom: 34px;
}
footer .right-col a{
font-weight: 700;
border: 0;
}
footer a:hover {
text-decoration: none;
border: 0;
color: #222;
}
.only-mobile { display: none }
.only-smartphone {display: none; text-align: center !important;}
.page-left-side { width: 600px; max-width: 94% }
article.full-width {
width: 967px;
margin: 0 auto;
text-align: left;
position: relative;
}
article.full-width h1 {
font-size: 32px;
}
article.full-width h3{
font-size: 17px;
font-weight: 400;
padding: 0;
margin-bottom:12px;
margin-top:-10px;
}
article.full-width .facebook-like {
position: absolute;
right:0;
top:0;
}
.inner-page {
display: block;
text-align: center;
}
.inner-page .gallery-large {
width: 100%;
}
.inner-page .gallery-large .gallery-image{
width: 100%;
}
.inner-page .gallery-large .gallery-image img{
width: 100%;
}
.inner-page .page-left-side .fb-comment{
margin-left: 55px;
}
.inner-page.welemeny, .inner-page.tv {
/*background: #efefef;
border-top: 1px solid #e4e4e4;*/
}
.inner-page.tv sectionheader {
overflow: visible;
}
.inner-page.tv .fb-comments{
margin-bottom: 10px;
}
.inner-page.welemeny article, .inner-page.tv .page-wrapper {
/*background: #fff;
margin-top: 20px;
border-left: 1px solid #e4e4e4;
padding: 20px;
margin-right: 0;*/
}
.inner-page.welemeny article header img {
float: left;
margin-right: 30px;
margin-bottom: 20px;
}
.inner-page.welemeny article header .writer{
font-style: roboto_slab, sans-serif;
font-weight: 700;
font-size: 14px;
}
.inner-page.welemeny article header h2 {
font-style: roboto_slab, sans-serif;
font-weight: 700;
font-size: 22px;
color: #fff;
background: #d87027;
display: inline-block;
text-transform: uppercase;
padding: 7px;
margin: 6px 0;
}
.inner-page.welemeny article header h1 {
font-style: roboto_slab;
font-weight: 200;
font-size: 38px;
color: #545454;
display: block;
text-transform: uppercase;
margin: 6px 0;
padding-bottom: 45px;
margin-top: -3px;
}
.inner-page.welemeny .writer strong {
color: #de5c00;
}
.inner-page.welemeny .text a {
color: #de5c00;
text-decoration: none;
}
.inner-page.welemeny .text>p:first-child:first-letter {
color: #de5c00;
}
.inner-page.welemeny .text strong {
background: #ef853a;
color: #fff;
}
.inner-page.welemeny aside {
background: #fff;
margin-top: 4px;
padding: 10px 15px 10px 0;
margin-left: -4px;
}
.inner-page.welemeny aside .latest-posts h1{
font-family: roboto_slab, sans-serif;
font-size: 22px;
font-weight: 700;
text-transform: uppercase;
color: #4e4e4e;
padding: 16px 0 0 0;
}
.inner-page.welemeny aside .latest-posts {
border-left: 1px solid #efefef;
padding: 0 0 0 20px;
}
.inner-page.welemeny aside .latest-posts .collapsed{
display: none;
}
.inner-page.welemeny aside .latest-posts .open-button {
height: 35px;
position: relative;
}
.inner-page.welemeny aside .latest-posts .open-button:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #aaa;
left: 50%;
margin-left: -10px;
top: 50%;
margin-top: -7px;
}
.inner-page.welemeny .page-left-side {
width: 610px;
/* margin-top: 35px; */
}
.inner-page.welemeny .text aside.quote {
margin-left: -28px;
}
.inner-page.welemeny .text aside {
margin: 20px 43px 20px -28px;
}
.inner-page.tv header h1{
font-family: roboto_slab, sans-serif;
font-weight: 300;
font-size: 38px;
color: #c50c0a;
text-transform: uppercase;
margin: 5px 0;
}
.inner-page.tv .inner-wrap {
background: #fff;
margin-top: 20px;
/*border-left: 1px solid #e4e4e4;*/
/*padding: 20px;*/
margin-right: 0;
max-width: 967px;
width: auto;
}
.inner-page.tv aside {
margin-top: 0;
}
.inner-page.tv header {
border-bottom: 0;
}
.inner-page.tv .inner-wrap article {
width: 653px;
display: inline-block;
margin-right: 10px;
}
.inner-page.tv aside {
width: 300px;
}
.inner-page.tv header h2{
font-family: roboto, sans-serif;
font-weight: 700;
font-size: 18px;
color: #565656;
}
.inner-page.tv header .url{
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 14px;
color: #d87027;
}
.inner-page.tv .video-list h1, .inner-page.tv .tag-list h1{
font-family: roboto_slab, sans-serif;
font-weight: 700;
font-size: 22px;
color: #fff;
background: #d87027;
display: inline;
text-transform: uppercase;
padding: 5px;
}
.inner-page.tv .video-list ul, .inner-page.tv .tag-list ul{
list-style: none;
border-top: 1px solid #dcdcdc;
padding-top: 10px;
}
.inner-page.tv .tag-list ul {
margin-left: 0;
padding: 0;
padding-top: 20px;
color: #525252;
font-size: 17px;
font-family: roboto, sans-serif;
font-weight: 400;
min-width: 319px;
line-height: 23px;
}
.inner-page.tv .tag-list ul li strong {
color: #d87027;
font-weight: 400;
}
.inner-page.tv .video-list ul li{
float: left;
width: 188px;
text-align: center;
padding: 10px;
margin-right: 20px;
}
.inner-page.tv .video-list ul li:hover{
background: #e6a158;
color: #fff;
}
.inner-page.tv .video-list li .text{
height: 74px;
display: block;
margin: 0;
}
.inner-page.tv .video-list, .inner-page.tv .tag-list{
/*margin-bottom: 225px;*/
display: block;
margin-top: 13px;
}
.inner-page.tv .tag-list .column {
display: inline-block;
vertical-align: top;
}
.inner-page.tv .youtube-container {
position: relative;
padding-top: 30px;
height: 100%;
min-height: 367px;
}
.inner-page.tv .youtube-container iframe,
.inner-page.tv .youtube-container object,
.inner-page.tv .youtube-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.inner-page .page-left-side {
width: 634px;
display: inline-block;
text-align: left;
margin-right: 21px;
}
.inner-page aside {
width: 300px;
display: inline-block;
vertical-align: top;
text-align: left;
margin-top: 32px;
}
.inner-page .poll {
display: block;
background: #f0f0f0;
margin: 0 auto 10px;
padding: 2px 25px;
}
.inner-page .poll h2 {
font-family: roboto_slab, sans-serif;
color: #2f2f2f;
font-size: 18px;
font-weight: 700;
}
.inner-page .poll label,.inner-page.szavazogep label {
font-family: roboto, sans-serif;
color: #0a0a0a;
font-size: 14px;
font-weight: 400;
display: block;
margin-left: 20px;
margin-bottom: 10px;
}
.inner-page.szavazogep label {
font-size: 16px;
}
.inner-page .poll label strong,.inner-page.szavazogep label strong {
font-family: roboto, sans-serif;
color: #c50c0a;
font-size: 14px;
font-weight: 900;
background: none;
}
.inner-page .poll input[type=radio], .inner-page.szavazogep input[type=radio] {
float: left;
margin-top: 3px;
}
.inner-page .poll input[type=submit], .inner-page.szavazogep input[type=submit] {
font-family: roboto, sans-serif;
color: #0e2d47;
font-size: 15px;
font-weight: 400;
width: 92px;
height: 24px;
border: 0;
background: #fff;
margin-bottom: 12px;
margin-left: 6px;
}
.inner-page.szavazogep .page-left-side input[type=submit] {
background: #ddd;
}
.inner-page.szavazogep .page-left-side p {
line-height: 26px;
}
.inner-page.szavazogep .page-left-side span.date {
font-size: 13px;
line-height: 5px;
color: #C50C0A;
}
.inner-page header {
border-bottom: 1px solid #dedede;
overflow: hidden;
padding-top: 30px;
padding-bottom: 10px;
}
.inner-page header .share {
float: right;
margin-top: -34px;
}
.inner-page h1 {
font-family: roboto_slab, sans-serif;
color: #2f2f2f;
font-size: 2.5em;
font-weight: 700;
}
.inner-page .writer {
font-family: roboto_slab, sans-serif;
color: #9e9e9e;
font-size: 17px;
font-weight: 700;
color: #c50c0a;
}
.inner-page .writer strong {
font-family: roboto_slab, sans-serif;
color: #c50c0a;
font-size: 17px;
font-weight: 400;
}
.inner-page .date {
font-family: roboto_slab, sans-serif;
color: #9e9e9e;
font-size: 12px;
display: block;
font-weight: 400;
margin-top: 4px;
}
.inner-page .ppdatum {
font-family: roboto_slab, sans-serif;
color: #9e9e9e;
font-size: 15px;
display: block;
font-weight: 400;
float: right;
}
.inner-page .date strong {
font-family: roboto_slab, sans-serif;
color: #6f6f6f;
font-size: 12px;
font-weight: 700;
}
.inner-page .lead { padding: 14px 0 }
.inner-page .like-box{
padding-left: 10px;
float: right;
width: auto;
margin-top: 4px;
}
.inner-page .fb-like { margin-right: 10px }
.inner-page .lead h2 {
font-family: roboto_slab, sans-serif;
color: #323232;
font-size: 18px;
font-weight: 700;
line-height: 27px;
display: inline;
}
/*.inner-page .text .image {
/*margin-left: -68px;
}*/
.inner-page .image.ad {
margin-top:15px;
/*margin-left: 55px;*/
margin-bottom: 10px;
}
.inner-page.fotok .image.ad {
margin: 0 auto;
}
.inner-page .image img {
width: 100%;
/*height: 382px;*/
}
.inner-page .image .description {
font-family: roboto_slab, sans-serif;
color: #8c8c8c;
font-size: 12px;
font-weight: 700;
display: block;
line-height: 16px;
padding-top: 7px;
}
.inner-page .page-left-side .text { margin-left: 54px }
.inner-page.welemeny .page-left-side .text { margin-left: 0 }
.inner-page .text>p:first-letter {
font-family: roboto_slab, sans-serif;
color: #c50c0a;
font-size: 50px;
font-weight: 400;
line-height: 35px;/*21*/
padding: 18px 6px 0 5px;
/*padding: 20px 6px 0px 5px;*/
float: left;
margin-top: -8px;
}
.inner-page section.text {
font-family: roboto_slab, sans-serif;
color: #323232;
font-size: 17px;
line-height: 27px;
}
.inner-page section.text a {
font-family: roboto_slab, sans-serif;
color: #c50c0a;
/*font-size: 17px;*/
font-weight: 400;
/*line-height: 27px;*/
text-decoration: underline;
}
.inner-page .text .highlight-yellow {
background: #ede944;
font-weight: 400;
}
.inner-page .text strong {
font-weight: 700;
}
.inner-page .text aside, .inner-page .text .aside {
margin: 20px 48px 20px -68px;
padding: 22px 0;
}
.inner-page .text aside.simple, .inner-page .text .aside.simple {
width: 259px;
display: block;
border-top: 1px dotted #7f7f7f;
border-bottom: 1px dotted #7f7f7f;
float: left;
font-size: 14px;
line-height: 20px;
}
.inner-page .text aside.simple h2, .inner-page .text .aside.simple h2 {
font-family: roboto_slab, sans-serif;
color: #c50c0a;
font-size: 17px;
/* Approximation due to font substitution */
font-weight: 400;
margin: 0 0 0.5em 0;
}
.inner-page .text aside.simple p, .inner-page .text .aside.simple p {
color: #0a0a0a;
font-size: 15px;
font-weight: 400;
}
.inner-page .text aside.quote, .inner-page .text .aside.quote {
display: block;
width: 209px;
background: #ABB6BE url(../img/quote.png) no-repeat 18px 15px;
float: left;
margin-left: -68px;
padding: 53px 35px 20px 17px;
}
.inner-page .text aside.quote, .inner-page .text .aside.quote {
font-family: roboto_slab, sans-serif;
color: #fff;
font-size: 14px;
font-weight: 400;
}
.inner-page .text aside.quote span.writer, .inner-page .text .aside.quote span.writer{
display: inline-block;
font-family: roboto_slab, sans-serif;
color: #0a253c;
font-size: 18px;
font-weight: 400;
background: #d87027;
padding: 3px 5px;
line-height: 30px;
margin-right: 100%;
white-space: nowrap;
margin-top: 10px;
}
.inner-page .text aside.poll, .inner-page .text .aside.poll{
width: 259px;
display: block;
border-top: 1px dotted #7f7f7f;
border-bottom: 1px dotted #7f7f7f;
float: left;
}
.inner-page .text aside.poll h2, .inner-page .text .aside.poll h2 {
font-family: roboto_slab, sans-serif;
color: #c50c0a;
font-size: 17px;
font-weight: 400;
}
.inner-page .text aside.poll label, .inner-page .text .aside.poll label {
font-family: roboto, sans-serif;
color: #0a0a0a;
font-size: 15px;
font-weight: 400;
display: block;
margin-left: 20px;
margin-bottom: 10px;
}
.inner-page .text aside.poll label strong, .inner-page .text .aside.poll label strong{
font-family: roboto, sans-serif;
color: #c50c0a;
font-size: 15px;
font-weight: 900;
background: none;
}
.inner-page .text aside.poll input[type=radio], .inner-page .text .aside.poll input[type=radio] {
float: left;
margin-top: 3px;
}
.inner-page .text aside.poll input[type=submit], .inner-page .text .aside.poll input[type=submit] {
font-family: roboto, sans-serif;
color: #fff;
font-size: 15px;
font-weight: 400;
width: 92px;
height: 24px;
border: 1px solid #7a7a7a;
background: #9d9d9d;
margin-bottom: 12px;
margin-left: 6px;
}
.inner-page .text .gallery ul {
list-style: none;
padding-left: 0;
}
.inner-page .text .gallery ul li {
display: inline-block;
padding-right: 11px;
padding-bottom: 11px;
}
.inner-page .text .gallery ul img {
width: 172px;
/*height: 172px;*/
}
.inner-page .gallery .description {
font-family: roboto_slab, sans-serif;
color: #8c8c8c;
font-size: 12px;
font-weight: 700;
display: block;
line-height: 16px;
}
.rovat>h2 {
font-family: roboto, sans-serif;
color: #d0d0d0;
font-size: 82.11px;
font-weight: 100;
text-transform: uppercase;
border-bottom: 1px solid #d0d0d0;
margin: 27px 0;
margin-top: 0;
}
.rovat>h2 .rss {
font-family: roboto_slab, sans-serif;
color: #fff;
font-size: 20px;
font-weight: 700;
background: #d0d0d0;
width: 38px;
height: 24px;
padding: 0 7px;
float: right;
margin-top: 63px;
}
.rovat>h3 {
font-family: roboto, sans-serif;
color: #d0d0d0;
font-size: 30.11px;
font-weight: 300;
text-transform: uppercase;
margin: 40px 0 27px 0;
}
.rovat article {
border-bottom: 1px solid #d0d0d0;
overflow: hidden;
padding-bottom: 19px;
padding-top: 10px;
}
.rovat article .date {
font-family: roboto_slab, sans-serif;
color: #C50C0A;/*#c2c2c2;*/
font-size: 12px;
font-weight: 700;
}
.rovat article h2 {
font-family: roboto_slab, sans-serif;
color: #2f2f2f;
font-size: 32px;
font-weight: 700;
margin: 0;
}
.rovat article h2 a {
color:#2f2f2f;
}
.rovat article:hover h2 { color: #c50c0a }
.rovat article h3 {
font-family: roboto, sans-serif;
color: #0a0a0a;
font-size: 15px;
font-weight: 400;
line-height: 22px;
}
.rovat article h3 a{
color:#0a0a0a;
}
.rovat article h4 {
font-family: roboto, sans-serif;
color: #c50c0a;
font-size: 22px;
line-height:30px;
font-weight: 800;
padding:0;
margin:0;
}
.rovat article img {
float: left;
margin-right: 13px;
width: 227px;
height: 148px;
}
.rovat article a {
color: #c50c0a;
}
.rovat .pagination {
display: block;
margin: 15px 0;
font-size: 0;
}
.rovat .pagination a{
padding: 10px;
font-size: 14px;
}
.rovat .pagination a:hover{
color: #fff !important;
background: #c50c0a;
}
.rovat .pagination a.active{
font-weight: 600;
color: #c50c0a;
}
.share-button {
display: inline-block;
width: 35px;
height: 32px;
}
.share-button.print { background: url(../img/share-buttons.png) no-repeat 2px -1px }
.share-button.mail { background: url(../img/share-buttons.png) no-repeat -36px -1px }
.share-button.facebook { background: url(../img/share-buttons.png) no-repeat -73px -1px }
.share-button.google { background: url(../img/share-buttons.png) no-repeat -109px -1px }
.share-button.twitter { background: url(../img/share-buttons.png) no-repeat -146px -1px }
.inner-page .related {
background: url(../img/8px_bg.png);
padding: 10px 30px;
margin-left: 55px;
text-align: left;
}
.inner-page .related .inner {
/*width: 852px;*/
margin: 0 auto;
}
.inner-page .related h2 {
font-family: roboto_slab, sans-serif;
color: #027ade;
font-size: 17px;
font-weight: 400;
}
.inner-page .related a {
font-family: roboto_slab, sans-serif;
color: #2f2f2f;
font-size: 16px;
font-weight: 700;
}
.headliner .only-mobile { display: none }
.specialis-page aside{
margin-top: 0;
}
.specialis {
display: block;
margin-top: 34px;
margin-bottom: 54px;
}
.specialis .specialis-inner {
position: relative;
display: inline-block;
}
.specialis h1 {
font-family: roboto_slab, sans-serif;
color: #fff;
font-size: 65px;
font-weight: 700;
position: absolute;
top: 0;
/*background: url(../img/specialis_bg.png);*/
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEWg2+iyHxYkAAAAAXRSTlPJol6icgAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=);
width: 96%;
margin: 0;
padding: 20px 2%;
}
.fotogaleria-box {
position: relative;
margin-top: 12px;
margin-bottom: 15px;
background: #111;
padding: 3px;
}
.fotogaleria-box img{
width: 100%;
}
.fotogaleria-box .social-buttons{
position: absolute;
bottom: 10px;
left: 10px;
}
.fotogaleria-wrapper {
position: relative;
}
.fotogaleria-box .description{
color: #ccc;
padding: 7px;
font-size: 14px;
line-height: 16px;
}
#galeria {
padding-top: 25px;
padding-bottom: 25px;
}
#galeria a {
width: 46%;
margin: 1%;
display: block;
float: left;
background: #f6f6f6;
padding: 1%;
}
#galeria a:hover {
background: #e6a158;
}
#galeria a:hover h3 {
color: white;
}
#galeria a.bigpic {
width: 96%;
}
#galeria a.bigpic h3{
height: auto;
}
#galeria a.bigpic span {
height: auto;
}
#galeria a .gallerypic {
width: 100%;
padding-bottom:50%;
overflow: hidden;
position: relative;
}
#galeria a .gallerypic img {
position: absolute;
width: 100%;
}
#galeria a h3{
font-size: 24px;
line-height: 24px;
display: block;
height: 55px;
color: #444;
margin-left: 7px;
}
#galeria a .galeriaLeiras {
display: none;
vertical-align: bottom;
height: 40px;
color: #555;
padding: 0 7px 7px 7px;
margin-bottom: 5px;
font-size: small;
}
#controls {
width: 104px;
margin: 0 auto 20px auto;
}
#controls button {
display: inline-block;
text-align: center;
font-size: x-large;
width: 40px;
height: 40px;
background: #FA3;
border-radius: 20px;
margin: 5px;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.24), 0 0px 10px 0 rgba(0,0,0,0.19);
/*
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
*/
}
#controls button:hover {
background: #F83;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.34), 0 0px 10px 0 rgba(0,0,0,0.29);
}
#controls button:active {
background: #F64;
box-shadow: 0 0px 10px 0 rgba(0,0,0,0.44), 0 0px 10px 0 rgba(0,0,0,0.39);
}
#controls button:focus {outline:0;}
.breaking.headliner .menu {
text-align: right;
text-transform: uppercase;
}
.breaking.headliner article.extra-large {
margin-left: 0;
width: 100%;
margin-bottom: 0;
}
.breaking.headliner article.extra-large img{
width: 100%;
height: auto;
}
.breaking.headliner article {
position: relative;
margin-top: -14px;
overflow: hidden;
}
.breaking.headliner article .overlay{
position: absolute;
top:0;
right:0;
width: 250px;
height: 100%;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGPSPAMAAScA+A0G2TUAAAAASUVORK5CYII=);
color: #fff;
font-family: roboto_slab, sans-serif;
font-size: 17.93px;
font-weight: 400;
line-height: 23.91px;
padding: 10px 20px;
/*box-sizing: border-box;*/
}
.breaking.headliner .breaking-headline-title h2 {
position: absolute;
top:345px;
left:6px;
display: inline;
background: #d87027;
-moz-box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
-webkit-box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
box-decoration-break: clone;
line-height: 28px;
color: #fff;
}
.breaking.headliner .breaking-headline-title h2 span{
font-size: 30px;
text-transform: uppercase;
line-height: 30px;
display: block;
margin-top: 10px;
}
.breaking.headliner .breaking-headline-title h2 {
font-family: roboto_slab, sans-serif;
font-weight: 700;
padding: 11px;
}
.breaking article.opened h2 {
font-family: roboto_slab, sans-serif;
}
.breaking article.opened .text {
margin-left: 0;
}
.breaking article.closed header {
display: table;
padding: 10px 0;
border: 0;
}
.breaking article.closed .date{
width: 65px;
height: 65px;
background: #e1e1e1;
color: #b9131b;
font-size: 16px;
text-align: center;
line-height: 63px;
vertical-align: top;
display: table-cell;
/*display: inline-block;
position: absolute;
left: 0;
top: 0;*/
}
.breaking article.closed h3 {
/*display: inline-block;
margin-left: 77px;*/
display: table-cell;
vertical-align: middle;
padding-left: 19px;
font-family: roboto_slab, sans-serif;
font-size: 20px;
font-weight: 700;
color: #2f2f2f;
}
.breaking article.closed h3.highlight a {
display: inline;
background: #d87027;
-moz-box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
-webkit-box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
box-shadow: 5px 0 0 #d87027,-5px 0 0 #d87027;
box-decoration-break: clone;
line-height: 28px;
color: #fff;
/*position: relative;
left: 5px;
top: -5px;*/
}
.breaking article.closed h3.highlight a:hover {
color: #dedede;
}
.breaking article.closed h3 a {
color: #2f2f2f;
}
.breaking article.closed h3 a:hover {
color: #b9131b;
text-decoration: none;
}
.breaking article.closed .small-text{
color: #939191;
font-size: 16px;
font-family: roboto, sans-serif;
font-weight: 400;
margin-left: 83px;
margin-top: -20px;
}
.breaking article.closed .small-text span.red{
color: #b9131b;
}
.breaking article.closed img {
width: 100%;
margin-left: -5px;
margin-top: 20px;
margin-bottom: 20px;
}
.inner-page.breaking {
margin-bottom: 50px;
}
.inner-page.breaking aside .wrapper{
padding: 10px;
}
.inner-page.breaking aside {
margin-top: 0;
}
.inner-page.breaking aside h2 {
font-size: 16px;
}
/* ==========================================================================
Media Queries
========================================================================== */
@media all and (max-width: 1000px) {
#galeria a h3{
height: 77px;
}
}
@media all and (max-width: 980px) {
.headliner {
padding-bottom: 20px;
}
body>header {
margin-top: 35px;
display: inline-block;
width: 215px;
height: auto;
}
body>header .banner { display: none }
.uj-cikk { display: none }
article.full-width {
width: auto;
margin: 14px;
}
.undermenu {
display: inline-block;
vertical-align: top;
margin-top: 66px;
width: auto;
/*float: right;
margin-right: 20px;*/
position: absolute;
right: 20px;
top: 0;
}
nav.main {
display: none;
height: auto;
}
nav.mobile.main {
display: block;
position: fixed;
width: 100%;
z-index: 1000000;
top: 0;
}
nav.mobile.main ul.top {
height: 43px;
border-bottom: 1px solid #A80606;
}
nav.mobile.main ul li.search {
height: 43px;
border-bottom: 1px solid #870f0d;
background: #870f0d url(../img/search.png) no-repeat 15px 12px;
/*width: 167px;*/
display: block;
float: left;
}
nav.mobile.main ul.submenu {
visibility: hidden;
max-height: 0;
height: 0;
-webkit-transition: max-height 1s;
/* For Safari 3.1 to 6.0 */
transition: max-height 1s;
}
nav.mobile.main ul.submenu.expanded {
display: block;
visibility: visible;
height: auto;
max-height: 500px;
}
nav.mobile.main ul.submenu li {
display: block;
height: 39px;
border-bottom: 1px solid #A80606;
text-align: center;
text-transform: uppercase;
font-size: 1em;
}
nav.mobile.main ul.submenu li:hover { background: #B60F0F }
nav.mobile.main ul.submenu li a {
height: 39px;
line-height: 39px;
font-weight: 700;
font-size: 15px;
}
nav.main ul {
width: 100%;
overflow: hidden;
}
nav.main ul li {
display: none;
text-transform: none;
font-size: .9375em;
/* 15/16 */
font-weight: 400;
}
nav.main ul li strong {
font-weight: 700;
text-transform: uppercase;
}
nav.main ul li.mobile {
display: inline-block;
background: #d62d23 url(../img/mobile_dropdown.png) no-repeat 155px 10px;
width: 233px;
float: right;
background-size: 52px 23px;
background-position-x: 155px;
background-position-y: 10px;
/*padding-right: 64px;
padding-left: 6px;*/
}
nav.main ul li.mobile:hover {
background: #870f0d url(../img/mobile_dropdown.png) no-repeat 155px 10px;
background-size: 52px 23px;
background-position-x: 155px;
background-position-y: 10px;
}
nav.main ul li.mobile a {
height: 43px;
line-height: 43px;
}
nav.main ul li a:hover { background: inherit }
body>header a.logo { padding: 20px 16px }
.only-mobile { display: block }
.only-desktop { display: none }
.undermenu .search { display: none }
.undermenu .weather {
border-left: 1px dashed #d4d4d4;
border-right: 1px dashed #d4d4d4;
height: 40px;
padding-left: 59px;
padding-right: 10px;
background-position: 10px 10px !important;
background-position-x: 10px!important;
background-position-y: 10px!important;
line-height: 44px;
margin-left: 12px;
}
.undermenu .weather .city { display: none }
.undermenu .weather .sub { display: none }
.undermenu .combridge { margin-left: 0 }
.undermenu .events { display: none }
.undermenu .combridge { display: none }
.headliner {
width: auto;
margin: 0 auto;
margin-bottom: 23px;
}
.headliner article.side { display: none }
.headliner article.side-horizontal { display: block!important }
.headliner .horizontal-mojo {
/* display: block; */
}
.headliner .inner {
margin-bottom: 0;
}
.below-headline .right-column {
display: block;
width: 625px;
margin: 0 auto;
width: 616px;
margin: 0 auto;
left: -3px;
display: block;
position: relative;
}
.below-headline .right-column .ad{
text-align: center;
margin: 0 auto;
}
.inner-page aside {
display: inline-block;
width: 96%;
/*625px*/
/*margin: 0 auto;*/
margin: 2%;
max-width: 634px;
}
.inner-page .related .inner { width: auto }
.below-headline {
text-align: center;
width: auto;
}
.below-headline>div { text-align: left }
.latest-posts ul li {
width: 300px;
display: inline-block;
height: 72px;
margin-left: 25px;
overflow: hidden;
}
.latest-posts ul li:first-child {
width: 625px;
display: block;
}
.latest-posts ul li:first-child .text {
/*text-align: center;*/
width: 100%;
}
.latest-posts ul li .date { height: 62px }
.latest-posts ul { margin-left: -6px }
/*.latest-posts .ad { display: none }*/
.top24 a.title { width: 294px }
.top24 ul li { display: inline-block;
min-height: 49px; }
.top24 ul li:first-child { display: block }
.top24 ul li:first-child .text { width: auto }
.top24 ul li:first-child:after { width: 93%; }
.top24 ul li:after { width: 90%; }
/*.ezmegvolt { display: none }*/
.tablet-side .ezmegvolt {
display: block;
margin: 0 0 8px;
}
.tablet-side .ezmegvolt img { width: 220px }
.idogep article { border: 0 }
.tablet-side .ad {
border: 0;
text-align: center;
}
.idogep {
/*background: url(../img/idogep-tablet.png) no-repeat -11px 6px;*/
width: 401px;
display: inline-block;
vertical-align: top;
}
.inner-page .idogep { width: 443px }
.inner-page .tablet-side { text-align: center }
.idogep article {
width: 198px;
display: inline-block;
}
.idogep article img { width: 189px }
.tablet-side {
display: block;
margin-top: 10px;
}
.tablet-side {
display: none;
}
#belsogt {
max-width: 633px;
margin: 0 auto;
}
.nagykep {
width: auto;
background: #f6f6f6;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
margin-bottom: 14px;
padding: 14px 0;
}
.nagykep article.large {
display: block;
margin: 0 auto;
}
.nagykep .side {
display: block;
margin-left: -30px;
text-align: center;
margin-top: 10px;
}
.home-large-ad {
width: auto;
text-align: center;
}
.nagykep .side article {
display: inline-block;
margin-left: 30px;
}
.other-sites section:before {
width: 100%;
height: 5px;
border: 0;
top: 26px;
left: 261px;
}
.other-sites {
text-align: center;
}
.other-sites section {
text-align: left;
}
.other-sites .penzcsinalok { background-position: 10px 12px }
.other-sites .penzcsinalok:before { background: #59a394 }
.other-sites .sportoldal {
background-position: 10px 12px;
padding-top: 40px;
}
.other-sites .sportoldal:before {
background: #067fc4;
top: 21px;
left: 281px;
}
.other-sites .totb { background-position: 10px 12px }
.other-sites .totb:before { background: #1c3668 }
.other-sites section article:first-of-type { background: #fff }
.other-sites section>article {
background: #fff;
display: inline-block;
border-bottom: 1px solid #dedede;
vertical-align: top;
}
.trex article:nth-child(4) { display: none }
.other-sites section>article:nth-child(5) { display: none }
.other-sites { width: auto }
.trex .inner {
text-align: center;
width: auto;
}
.trex h1 { left: auto; margin: 0 auto; margin-bottom: 10px; }
.trex {
padding: 20px 0;
}
.other-sites section { border: 0 }
.headliner .inner { text-align: center }
.headliner .inner>* {
text-align: left;
}
.below-headline .top24 { margin: 17px 0 }
.undermenu .date { padding-right: 12px }
.undermenu .like { padding-left: 10px }
/*.nagykep article.large h2 { margin-left: 131px }*/
.nagykep h1 {
left: 50%;
margin-left: -308px;
margin-top: 21px;
}
.headliner article.large {
width: 59%;
max-width: 471px;
}
.breaking.headliner article.large {
max-width: none;
}
.headliner article.large img {
width: auto;
height: auto;
max-width: 100%;
}
/*.below-headline .right-column {
width: auto;
padding: 0 10px;
margin: 6px;
}*/
.latest-posts ul li:first-child { width: 99%;}
.latest-posts ul li {
width: 48.6%;
margin-left: 1%;
}
/*.top24 a.title {
width: 46%;
}*/
.top24 a.title:first-child { margin: 0 .5% 0 0 }
.top24 a.title {
width: 46%;
margin: 0;
}
.top24 ul li { width: 49% }
.top24 ul li:first-child { width: 100% }
.top24 ul li .number {
/*width: 13%;*/
}
.below-headline .top24 ul li .text { width: 78% }
/*.below-headline .top24 ul li:first-child .number { width: 7% }*/
.idogep {
display: block;
margin: 0 auto;
}
.specialis img { width: 100% }
.specialis { width: 100% }
.inner-page.tv .inner-wrap article {
width: 94%;
margin: 0 2% 0 0;
}
.inner-page.tv .inner-wrap aside {
display: none;
}
footer .inner {
width: auto;
}
footer ul.column1 {
display: block;
}
footer ul.column2 {
display: block;
margin-top: 9px;
}
footer .right-col, footer .middle-col {
margin-top: 0;
position: absolute;
top: 24px;
}
.inner-page .latest-posts > .ad {
display: none;
}
.idogep ~ .ad {
display: none;
}
}
@media all and (max-width: 780px) {
.headliner .small-box {
float: none;
}
}
@media all and (max-width: 775px) {
#popup{
display: none !important;
}
.headliner .menu { width: 94% }
.specialis h1 { font-size: 40px }
.breaking.headliner article .overlay{
position: relative;
width: auto;
background: #777;
}
.breaking.headliner .breaking-headline-title {
height: auto;
}
.breaking.headliner .breaking-headline-title h2 {
position: relative;
display: block;
top: 0;
left: 0;
}
#galeria a {
width: 96%;
}
#galeria a .galeriaLeiras {
height: auto;
padding: 0px 5px 7px 7px;
}
#galeria a h3 {
margin-bottom: 10px;
margin-top: -10px;
height: auto;
}
}
@media all and (max-width: 680px) {
.inner-page .text aside.simple,
.inner-page .text aside.quote,
.inner-page .text aside.poll {
float: none;
margin: 0;
width: auto;
}
.inner-page .page-left-side {
width: auto;
margin-left: 3%;
margin-right: 3%;
}
.inner-page .image img {
max-width: 100%;
height: auto;
width: auto;
}
}
@media all and (max-width: 640px) {
.headliner .small-box {
float: right;
}
#belsogt {
max-width: 95%;
}
.headliner { font-size: .9em }
.below-headline .left-column {
width: 224px;
font-size: .9em;
}
.below-headline .middle-column {
width: 224px;
font-size: .9em;
}
.below-headline article img { max-width: 100% }
.below-headline article .tag { font-size: .725em }
/*.below-headline div.ad { display: none }*/
/*.headliner article.large {
width: 50%;
}*/
.headliner article.small { width: 170px }
.below-headline .right-column {
width: 94%;
left: 0;
}
.headliner article.small img {
width: auto;
height: auto;
max-width: 100%;
}
.headliner .menu { width: 92% }
.nagykep h1 {
position: static;
left: 0;
margin: 10px;
}
.nagykep article.large h2 { margin: 10px 8px }
.nagykep article.large img {
display: block;
margin: 0 auto;
}
.other-sites section {
display: block;
overflow: hidden;
margin: 0 auto;
}
.nagykep article.large{
max-width: 95%;
height: auto;
}
}
@media all and (max-width: 590px) {
.undermenu .date { display: none }
}
@media all and (max-width: 500px) {
.nomobile {
display: none;
}
body>header {
display: block;
margin-top: 61px;
}
body>header {
width: 300px;
height: auto;
}
body>header a.logo { padding: 20px 64px; }
.only-smartphone {
display: block !important;
}
.no-smartphone {display: none;}
.inner-page h1 {
font-size: 2em;
}
.rovat>h2 {
font-size: 65px;
}
.rovat article h2 {
font-size: 24px;
}
.rovat article a {
display: block;
}
.inner-page .page-left-side .text {
margin: 0;
}
.inner-page .page-left-side .fb-comment {
margin: 0;
}
.inner-page.tv .youtube-container {
min-height: 214px;
}
.inner-page .related {
padding: 10px;
margin-left:0;
}
.headliner article.large h2:hover { color: #870f0d }
.headliner article.small h2:hover { color: #870f0d }
.below-headline article h2:hover { color: #870f0d }
.below-headline article.highlight-orange h2:hover {
background: none;
box-shadow: none;
}
.below-headline article.highlight-red h2:hover { color: #fff;}
/*.below-headline article.highlight-red h2:hover { background: none }*/
.trex .inner { text-align: center; }
.top24 a.title.right { float: none }
.headliner .menu { display: none }
.latest-posts ul li { height: auto }
.latest-posts ul { margin-left: -22px }
.specialis h1 { font-size: 26px }
.headliner {
margin-top: 22px;
}
.rovat>h2 .rss { display: none }
.rovat article img { float: none; margin-bottom:10px; margin-right:0; }
.rovat article .date { margin-top: 10px }
.rovat .tag {
float: none;
margin: 8px 0;
display: inline-block;
}
.rovat>h2 { text-align: center }
.rovat article { text-align: center }
.trex article { margin: 0 }
.trex article.large {
width: auto;
margin-bottom: 12px;
}
.trex article { text-align: left }
footer .middle-col { text-align: left }
footer .right-col {
position: static;
right: 0;
display: block;
text-align: center;
margin: 0;
}
footer .right-col .logo {
margin-bottom: 10px;
text-align: center;
}
footer .right-col a {
text-align: center;
}
footer ul.column1 {
text-align: center;
margin-right: 0;
}
footer ul.column2 {
text-align: center;
margin-right: 0;
}
footer ul.column3 {
text-align: center;
margin: 0 auto;
display: block;
}
footer .like { padding-top: 10px }
.trex article img { max-width: 100% }
.undermenu .weather {
margin: 0;
border-left: 0;
}
.undermenu {
margin-top: 0;
display: block;
text-align: center;
}
/* .undermenu { display: none } */
.undermenu .like {
position: absolute;
left: 15px;
top: 155px;
}
.headliner .small-box { display: none }
.headliner article.large {
width: auto;
margin-right: 0;
}
.headliner article.large img {
width: 100%;
margin-bottom: 10px;
}
.below-headline .left-column { width: auto }
.below-headline .middle-column { width: auto }
.below-headline article img { width: 100% }
.headliner .only-mobile { display: block }
.headliner article.small {
border-top: 1px solid #e3e3e3;
width: auto;
margin-top: 12px;
}
.headliner article.small h2 {
font-family: roboto_slab, sans-serif;
color: #2f2f2f;
font-size: 20px;
font-weight: 700;
line-height: 23px;
}
.inner-page header .share {
float: none;
margin-top: 10px;
}
.inner-page aside {
width: auto;
margin: 4%;
}
.inner-page .idogep { width: auto }
.inner-page .idogep article { text-align: center }
.latest-posts ul li {
width: 96%;
margin-left: 5%;
}
.latest-posts ul li:first-child {
width: 96%;
}
.latest-posts ul li:first-child .text { text-align: left }
.top24 a.title {
width: 96%;
margin-bottom: 5px;
}
.top24 ul li { width: 95% }
.top24 ul li .number { width: 7% }
.top24 ul li:first-child:after { width: 97% }
.top24 ul li:first-child .text { width: 80% }
.top24 ul li .text { width: 80% }
.top24 ul li:after { width: 97% }
.top24 ul li:last-child:after { width: 97%; }
.top24 ul li .number,
.below-headline .top24 ul li:first-child .number { width: 12% }
.other-sites .penzcsinalok { background-position: 0 12px }
.other-sites section article { padding: 8px }
.other-sites .sportoldal {
/*TODO*/
background-position: 0 12px;
background-size: 209px 23px;
}
.other-sites article img { height: auto }
.nagykep article.large {
max-width: 291px;
width: 95%;
}
.idogep { border-top: none }
.nagykep h1 { text-align: center }
.nagykep article.large h2 { font-size: 1.125em }
.nagykep article {
max-width: 291px;
width: 95%;
}
.nagykep article img, .nagykep article.large img { max-width: 100% }
.nagykep .side { margin-left: 0 }
.nagykep .side article { margin-left: 0 }
.home-large-ad { display: none }
.idogep { width: auto }
.idogep article {
display: block;
margin: 0 auto;
}
.other-sites section>article {
display: block;
width: 92%;
}
nav.main ul li.mobile {
width: 78px;
}
nav.main ul li.mobile a {
padding-left: 100px;
}
nav.main ul li.mobile:hover {
background-position: 11px 10px;
}
nav.main ul li.mobile {
background-position: 11px 10px;
}
}
@media all and (max-width: 430px) {
.other-sites article img {
width: 100%;
}
}
@media all and (max-width: 330px) {
.inner-page .page-left-side .text { margin-left: 0 }
.inner-page .page-left-side .fb-comment{ margin-left: 0 }
.specialis h1 { position: static }
}
@media only screen and (min-width: 35em) {
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 120dpi),
only screen and ( min-resolution: 1.25dppx) {
.backgroundsize nav.main ul li.mobile {
background-image: url(../img/mobile_dropdown@2x.png) no-repeat;
/*background-size: 69px 29px;*/
/*TODO*/
background-size: 52px 23px;
/*
background-position-x: 13px;
background-position-y: 10px;
*/
}
.backgroundsize nav.main ul li.mobile:hover {
background-image: url(../img/mobile_dropdown@2x.png) no-repeat;
/*background-size: 69px 29px;*/
/*TODO*/
background-size: 52px 23px;
/*
background-position-x: 13px;
background-position-y: 10px;
*/
}
.backgroundsize nav.mobile.main ul li.search {
background-image: url(../img/search@2x.png) no-repeat;
background-size: 22px 22px;
}
.share-button.link,
.share-button.mail,
.share-button.facebook,
.share-button.google,
.share-button.twitter,
.share-button.print {
background-image: url(../img/share-buttons@2x.png) no-repeat;
background-size: 180px 34px;
}
.inner-page .text aside.quote {
background-image: url(../img/quote@2x.png) no-repeat;
background-size: 40px 35px;
}
}
/* ==========================================================================
Helper classes
========================================================================== */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none!important;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0000);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible { visibility: hidden }
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after { clear: both }
.clear { clear:both }
.clearfix { zoom: 1 }
/* ==========================================================================
Print styles
========================================================================== */
@media print {
* {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important;
}
a,
a:visited { text-decoration: underline }
a[href]:after { content: " (" attr(href) ")" }
abbr[title]:after { content: " (" attr(title) ")" }
.ir a:after,
a[href^=javascript:]:after,
a[href^=#]:after { content: "" }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead { display: table-header-group }
tr,
img { page-break-inside: avoid }
img { max-width: 100%!important }
.inner-page>aside {
display: none;
}
nav.main {
display: none !important;
}
.undermenu {
display: none;
}
.inner-page .page-left-side .fb-comment {
display: none;
}
footer {
display: none;
}
.inner-page header .share {
display: none;
}
}
.bordocim{
font-weight:bold;
color: #aa1a23;
}
.trdeflink {
color: #c50c0a;
text-decoration: underline;
}
.separator {
border-bottom: 1px dotted #aaa;
margin: 7px 0;
}
#lajkolj{
text-align: center;
background: #d87027;
padding: 10px;
margin: 20px auto 0 auto;
color: white;
font-size: 19px;
}
/*------------------- cikk ajánló design -----------------------------------*/
#popup{
display: none;
width: 400px;
position: fixed;
bottom: 0;
right: 6%;
padding: 10px 20px;
margin: 0;
background: #fff;
border-top: 4px solid #d87027;
box-shadow: 0 -9px 33px 0 rgba(0,0,0,.16);
z-index: 100;
}
#popup span{
display: inline-block;
font-family: roboto_slab, sans-serif;
font-size: 17px;
font-weight: 700;
margin-bottom: 10px;
color: #c50c0a;
}
#newest, #top{
padding: 20px 0;
border-top: 1px dotted lightgrey;
}
#popup div h3{
margin: 0px;
}
#popup div a img{
width: 100px;
float: left;
margin-right: 10px;
}
/* x button beggining*/
#X {
display: block;
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 20px;
}
#X:active .bar1, #X:active .bar2{
background: #c50c0a;
}
.bar1, .bar2 {
width: 20px;
height: 3px;
background-color: #333;
}
.bar1 {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bar2 {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
margin: -3px 0;
}
/* x button end */
section.weather {
visibility: hidden;
}
@media (max-width: 500px) {
.headliner .menu {
display: block;
}
.headliner .menu .left,
.headliner .menu .center,
.headliner .menu .right {
font-size: 16px;
display: block;
}
.headliner .menu .center {
padding: 5px 0;
}
}