@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*  Created on : 2019.11.20. Author     : Süle Péter */
/*
Sample: elegantthemes.com/blog/marketing
*/
.Hirek, .BlogLista { /* Hír design elemek formázása */ }

@media (max-width: 767px) { .Hirek.col-md-12, .BlogLista.col-md-12 { padding-left: 5px; padding-right: 5px; } }

.Hirek .Hir, .Hirek .Blog, .BlogLista .Hir, .BlogLista .Blog { margin-bottom: 30px; margin-top: 6px; min-height: 250px; clear: left; }

.Hirek .Hir img.HirIMG, .Hirek .Hir img.BlogIMG, .Hirek .Blog img.HirIMG, .Hirek .Blog img.BlogIMG, .BlogLista .Hir img.HirIMG, .BlogLista .Hir img.BlogIMG, .BlogLista .Blog img.HirIMG, .BlogLista .Blog img.BlogIMG { margin-right: 10px; }

.Hirek .Hir h2.HirCim, .Hirek .Hir h2.BlogCim, .Hirek .Blog h2.HirCim, .Hirek .Blog h2.BlogCim, .BlogLista .Hir h2.HirCim, .BlogLista .Hir h2.BlogCim, .BlogLista .Blog h2.HirCim, .BlogLista .Blog h2.BlogCim { font-size: 24px; font-weight: bold; }

.Hirek .Hir h2.HirCim a, .Hirek .Hir h2.BlogCim a, .Hirek .Blog h2.HirCim a, .Hirek .Blog h2.BlogCim a, .BlogLista .Hir h2.HirCim a, .BlogLista .Hir h2.BlogCim a, .BlogLista .Blog h2.HirCim a, .BlogLista .Blog h2.BlogCim a { color: white; }

.Hirek .Hir h2.HirCim a:hover, .Hirek .Hir h2.BlogCim a:hover, .Hirek .Blog h2.HirCim a:hover, .Hirek .Blog h2.BlogCim a:hover, .BlogLista .Hir h2.HirCim a:hover, .BlogLista .Hir h2.BlogCim a:hover, .BlogLista .Blog h2.HirCim a:hover, .BlogLista .Blog h2.BlogCim a:hover { color: yellow; }

.Hirek .Hir h6, .Hirek .Blog h6, .BlogLista .Hir h6, .BlogLista .Blog h6 { margin: 0; padding: 2px 0 3px 10px; font-size: 14px; color: #81132C; }

.Hirek .Hir p, .Hirek .Blog p, .BlogLista .Hir p, .BlogLista .Blog p { font-size: 16px; text-align: justify; }

.Hirek .Hir p.Leiras, .Hirek .Blog p.Leiras, .BlogLista .Hir p.Leiras, .BlogLista .Blog p.Leiras { height: 140px; overflow: hidden; padding-top: 4px; padding-left: 10px; padding-right: 10px; }

.Hirek .Hir .OlvasasiElem, .Hirek .Blog .OlvasasiElem, .BlogLista .Hir .OlvasasiElem, .BlogLista .Blog .OlvasasiElem { padding-top: 10px; height: 60px; }

.Hirek .Hir .OlvasasiElem a.btn, .Hirek .Blog .OlvasasiElem a.btn, .BlogLista .Hir .OlvasasiElem a.btn, .BlogLista .Blog .OlvasasiElem a.btn { padding-left: 30px; padding-right: 30px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.Hirek .Hir .OlvasasiElem a.btn:hover, .Hirek .Blog .OlvasasiElem a.btn:hover, .BlogLista .Hir .OlvasasiElem a.btn:hover, .BlogLista .Blog .OlvasasiElem a.btn:hover { color: white; background-color: #81132C; border-color: black; }

.Hirek .Hir .OlvasasiIdo, .Hirek .Blog .OlvasasiIdo, .BlogLista .Hir .OlvasasiIdo, .BlogLista .Blog .OlvasasiIdo { padding-left: 50px; background: transparent url(/ap.Kepek/ico/clock.png) left top no-repeat; background-size: 50px 50px; height: 60px; line-height: 50px; vertical-align: baseline; font-size: 17px; color: black; opacity: 0.7; white-space: nowrap; }

.Hirek .Hir .OlvasasiIdo:hover, .Hirek .Blog .OlvasasiIdo:hover, .BlogLista .Hir .OlvasasiIdo:hover, .BlogLista .Blog .OlvasasiIdo:hover { opacity: 0.9; }

.Hirek .Hir .BejegyzesIdo, .Hirek .Blog .BejegyzesIdo, .BlogLista .Hir .BejegyzesIdo, .BlogLista .Blog .BejegyzesIdo { padding-left: 60px; background: transparent url(/ap.Kepek/ico/CalendarTime.png) left top no-repeat; background-size: 50px 50px; height: 60px; line-height: 50px; vertical-align: baseline; font-size: 18px; color: black; opacity: 0.7; white-space: nowrap; }

.Hirek .Hir .BejegyzesIdo:hover, .Hirek .Blog .BejegyzesIdo:hover, .BlogLista .Hir .BejegyzesIdo:hover, .BlogLista .Blog .BejegyzesIdo:hover { opacity: 0.9; }

.Hirek .column-container .column.card, .BlogLista .column-container .column.card { border-radius: 5px; background-color: #fff; padding: 32px; -webkit-transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1); transition: 300ms all cubic-bezier(0.4, 0, 0.2, 1); margin-top: 24px; }

@media (min-width: 992px) { .Hirek .column-container .column.card, .BlogLista .column-container .column.card { height: 590px; } }

@media (max-width: 767px) { .Hirek .column-container .column.card, .BlogLista .column-container .column.card { padding: 10px; } }

.Hirek .column-container .column.card article h2 a, .Hirek .column-container .column.card article h2, .BlogLista .column-container .column.card article h2 a, .BlogLista .column-container .column.card article h2 { margin: .2em 0 0; max-width: 850px; font-weight: 500; width: 100%; font-size: 1.15em; line-height: 1.4em; height: 3.4em; }

@media (max-width: 767px) { .Hirek .column-container .column.card article h2 a, .Hirek .column-container .column.card article h2, .BlogLista .column-container .column.card article h2 a, .BlogLista .column-container .column.card article h2 { font-size: 1.05em; } }

.Hirek .column-container .column.card .post-thumbnail, .BlogLista .column-container .column.card .post-thumbnail { margin: -32px -32px 18px; max-height: 200px; overflow: hidden; }

@media (max-width: 991px) { .Hirek .column-container .column.card .post-thumbnail, .BlogLista .column-container .column.card .post-thumbnail { max-height: 320px; } }

@media (max-width: 767px) { .Hirek .column-container .column.card .post-thumbnail, .BlogLista .column-container .column.card .post-thumbnail { margin: -10px -10px 18px; max-height: 40vw; } }

.Hirek .column-container .column.card .post-thumbnail img, .BlogLista .column-container .column.card .post-thumbnail img { border-radius: 5px 5px 0 0 !important; }

.Hirek .column-container .column.card article, .Hirek .column-container .column.card aside, .Hirek .column-container .column.card details, .Hirek .column-container .column.card figcaption, .Hirek .column-container .column.card figure, .Hirek .column-container .column.card footer, .Hirek .column-container .column.card header, .Hirek .column-container .column.card hgroup, .Hirek .column-container .column.card menu, .Hirek .column-container .column.card nav, .Hirek .column-container .column.card section, .BlogLista .column-container .column.card article, .BlogLista .column-container .column.card aside, .BlogLista .column-container .column.card details, .BlogLista .column-container .column.card figcaption, .BlogLista .column-container .column.card figure, .BlogLista .column-container .column.card footer, .BlogLista .column-container .column.card header, .BlogLista .column-container .column.card hgroup, .BlogLista .column-container .column.card menu, .BlogLista .column-container .column.card nav, .BlogLista .column-container .column.card section { display: block; }

.Hirek .column-container .column.card article .blog-meta, .BlogLista .column-container .column.card article .blog-meta { font-size: 1em; }

.Hirek .column-container .column.card article .div_p, .BlogLista .column-container .column.card article .div_p { margin-top: 1em; font-size: 1em; line-height: 1.75em; overflow: hidden; }

@media (min-width: 992px) { .Hirek .column-container .column.card article .div_p, .BlogLista .column-container .column.card article .div_p { height: 15.5em; } }

.Hirek .column-container .column.card .fullwidth-button, .BlogLista .column-container .column.card .fullwidth-button { margin-top: 1em; margin-left: auto; margin-right: auto; width: 98%; }

.BlogElem img.BlogIMG { padding: 0; margin-bottom: 10px; }

.BlogElem h1.Cim { margin-bottom: 2px; color: #81132C; }

@media (max-width: 767px) { .BlogElem h1.Cim { font-size: 20px; } }

.BlogElem h3.CimAl { margin-top: 2px; font-size: 14px; color: #555555; font-style: italic; }