@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700";
@import "https://fonts.googleapis.com/css?family=Raleway:400,100,400italic,100italic,200,200italic,300,300italic&subset=latin,latin-ext";

.reference{width:1200px;color:#0f1113;font-weight:300;padding:100px 20px;margin:0 auto}
.reference-row{height:50px;margin-bottom:7px}
.reference-row:hover .reference-cells{width:1100px;color:#0096ff;margin-left:0}
.reference-head{height:50px;border-left:5px solid #6c6c6c}
.reference-game{width:100px;height:50px;color:#fff;text-align:center;line-height:50px;float:left;overflow:hidden}
.reference-cells{width:1190px;height:50px;background:#fff;margin-left:-95px;float:left;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease}
.reference-cell{height:50px;box-sizing:border-box;line-height:50px;padding:0 20px;float:left;overflow:hidden}
.reference-name{width:38%}
.reference-map{width:16%;text-align:center;word-wrap:break-word}
.reference-mod{width:16%;text-align:center;word-wrap:break-word}
.reference-address{width:20%;text-align:center;word-wrap:break-word}
.reference-spp{width:10%;text-align:center;word-wrap:break-word}
.reference-sum{width:30%;word-wrap:break-word}
.reference-stat{width:22%;text-align:center;word-wrap:break-word}
.reference-row:hover .cart-cells{color:#0096ff}
.virtualserver{width:100%;background:#0f1113}
.virtualserver-center{width:1200px;font-weight:300;padding:100px 0 80px;margin:0 auto}
.virtualserver-row{width:238px;background:#fff;color:#0f1113;margin:0 1px;float:left;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-row:hover{background:#0096ff;padding:20px 2px;margin:-20px -1px}
.virtualserver-row:hover .virtualserver-name,.virtualserver-row:hover .virtualserver-price{color:#fff}
.virtualserver-row:hover .virtualserver-features{color:#0f1113}
.virtualserver-row:hover .virtualserver-feature:before{background:#0f1113}
.virtualserver-row:hover .virtualserver-order a{background:#fff}
.virtualserver-name{position:relative;width:178px;height:60px;font-size:21px;font-weight:400;text-transform:uppercase;line-height:30px;padding:25px 30px;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-price{width:198px;height:90px;background:#0f1113;color:#777;text-align:right;line-height:25px;padding:25px 20px;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-price div{height:65px;color:#0096ff;font-size:40px;line-height:50px}
.virtualserver-price span{font-size:15px;line-height:15px;margin-top:-5px;display:block}
.virtualserver-price u{text-decoration:line-through}
.virtualserver-features{width:198px;color:#777;padding:25px 20px 0;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-feature{height:40px;line-height:40px;padding-left:45px}
.virtualserver-feature:before{content:" ";width:12px;height:12px;position:absolute;background:#0096ff;border-radius:12px;margin:14px;margin-left:-30px;z-index:1}
.virtualserver-order{width:170px;height:70px;padding:25px 34px}
.virtualserver-order a{width:170px;height:70px;background:#0096ff;border:0;color:#0f1113;font-size:17px;font-weight:400;text-align:center;text-transform:uppercase;line-height:70px;display:block;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-order a:hover{background:#0f1113!important;color:#0096ff}
.webstorage{width:1200px;color:#0f1113;font-weight:300;padding:100px 20px;margin:0 auto}
.webstorage-row{width:238px;background:#f3f3f3;margin:0 1px;float:left}
.webstorage-row:hover{background:#0096ff;padding:20px 2px;margin:-20px -1px}
.webstorage-row:hover .virtualserver-name,.webstorage-row:hover .virtualserver-price{color:#fff}
.webstorage-row:hover .virtualserver-features{color:#0f1113}
.webstorage-row:hover .virtualserver-feature:before{background:#0f1113}
.webstorage-row:hover .virtualserver-order a{background:#fff}
.virtualserver-prices-prew,.virtualserver-prices-next{display:none!important}
.hirek-doboz{width:calc(100% - 10px);border:1px solid rgba(0,0,0,0.08);margin:50px 0}
.hirek-image{width:100%;height:300px;background:green}
.hirek-tartalom{width:90%;margin:-60px auto 50px;background:#fff}
.hirek-datum{float:left;width:90px;height:90px;text-align:center;background:#17a9fe;margin:20px;color:#fff}
.hirek-datum-ev{width:100%;font-size:12px;display:block}
.hirek-datum-ho{width:100%;display:block;font-size:14px}
.hirek-datum-nap{width:100%;font-size:36px;display:block;font-weight:700}
.hirek-cim{width:calc(100% - 140px);color:#000;float:left;font-size:30px;padding-top:20px}
.hirek-cim-table{width:100%;height:90px}
.hirek-szoveg{font-size:20px}
.hirekajanlo-doboz{width:100%;padding:20px 0;background:#338ad9}
.hirekajanlo-szoveg{width:1200px;margin:0 auto;cursor:pointer}
.hirekajanlo-item{text-align:center}
.hirekajanlo-item a{color:#fff;font-weight:300}
.hirekajanlo-item a span{font-weight:700}
.hirekajanlo-arrow{float:left;width:20px;text-align:center}
.hirekajanlo-owl{float:left;width:calc(100% - 41px)}
.action-mini{position:absolute;right:8px;bottom:8px;background:#ffa600;color:#fff;height:30px;width:65px;text-align:center;font-size:18px;line-height:30px}
.action-mini2{background:#ffa600;color:#fff;height:25px;text-align:center;font-size:17px;line-height:25px;position:absolute;display:inline-block;margin-top:-5px;margin-left:10px;padding:0 5px}
.action-mini-homewebadmin{display:inline-block;position:relative;top:-75px;left:15px;text-transform:none}
}
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700";
@import "https://fonts.googleapis.com/css?family=Raleway:400,100,400italic,100italic,200,200italic,300,300italic&subset=latin,latin-ext";

.reference{width:1200px;color:#0f1113;font-weight:300;padding:100px 20px;margin:0 auto}
.reference-row{height:50px;margin-bottom:7px}
.reference-row:hover .reference-cells{width:1100px;color:#0096ff;margin-left:0}
.reference-head{height:50px;border-left:5px solid #6c6c6c}
.reference-game{width:100px;height:50px;color:#fff;text-align:center;line-height:50px;float:left;overflow:hidden}
.reference-cells{width:1190px;height:50px;background:#fff;margin-left:-95px;float:left;cursor:pointer;-webkit-transition:all .5s ease;transition:all .5s ease}
.reference-cell{height:50px;box-sizing:border-box;line-height:50px;padding:0 20px;float:left;overflow:hidden}
.reference-name{width:38%}
.reference-map{width:16%;text-align:center;word-wrap:break-word}
.reference-mod{width:16%;text-align:center;word-wrap:break-word}
.reference-address{width:20%;text-align:center;word-wrap:break-word}
.reference-spp{width:10%;text-align:center;word-wrap:break-word}
.reference-sum{width:30%;word-wrap:break-word}
.reference-stat{width:22%;text-align:center;word-wrap:break-word}
.reference-row:hover .cart-cells{color:#0096ff}
.virtualserver{width:100%;background:#0f1113}
.virtualserver-center{width:1200px;font-weight:300;padding:100px 0 80px;margin:0 auto}
.virtualserver-row{width:238px;background:#fff;color:#0f1113;margin:0 1px;float:left;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-row:hover{background:#0096ff;padding:20px 2px;margin:-20px -1px}
.virtualserver-row:hover .virtualserver-name,.virtualserver-row:hover .virtualserver-price{color:#fff}
.virtualserver-row:hover .virtualserver-features{color:#0f1113}
.virtualserver-row:hover .virtualserver-feature:before{background:#0f1113}
.virtualserver-row:hover .virtualserver-order a{background:#fff}
.virtualserver-name{position:relative;width:178px;height:60px;font-size:21px;font-weight:400;text-transform:uppercase;line-height:30px;padding:25px 30px;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-price{width:198px;height:90px;background:#0f1113;color:#777;text-align:right;line-height:25px;padding:25px 20px;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-price div{height:65px;color:#0096ff;font-size:40px;line-height:50px}
.virtualserver-price span{font-size:15px;line-height:15px;margin-top:-5px;display:block}
.virtualserver-price u{text-decoration:line-through}
.virtualserver-features{width:198px;color:#777;padding:25px 20px 0;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-feature{height:40px;line-height:40px;padding-left:45px}
.virtualserver-feature:before{content:" ";width:12px;height:12px;position:absolute;background:#0096ff;border-radius:12px;margin:14px;margin-left:-30px;z-index:1}
.virtualserver-order{width:170px;height:70px;padding:25px 34px}
.virtualserver-order a{width:170px;height:70px;background:#0096ff;border:0;color:#0f1113;font-size:17px;font-weight:400;text-align:center;text-transform:uppercase;line-height:70px;display:block;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}
.virtualserver-order a:hover{background:#0f1113!important;color:#0096ff}
.webstorage{width:1200px;color:#0f1113;font-weight:300;padding:100px 20px;margin:0 auto}
.webstorage-row{width:238px;background:#f3f3f3;margin:0 1px;float:left}
.webstorage-row:hover{background:#0096ff;padding:20px 2px;margin:-20px -1px}
.webstorage-row:hover .virtualserver-name,.webstorage-row:hover .virtualserver-price{color:#fff}
.webstorage-row:hover .virtualserver-features{color:#0f1113}
.webstorage-row:hover .virtualserver-feature:before{background:#0f1113}
.webstorage-row:hover .virtualserver-order a{background:#fff}
.virtualserver-prices-prew,.virtualserver-prices-next{display:none!important}

/* ----------------------------- */
/*    ✨ JAVÍTOTT RÉSZ EKKEZŐ   */
/* ----------------------------- */

body {
    background: #0f172a !important;  /* teljes oldal háttér: sötét */
}

/* HÍREK DOBOZOK – FEHÉR HÁTTÉR ELTÜNTETVE */
.hirek-doboz,
.hirek-tartalom,
.post-container,
.news-box,
.post,
.entry,
.content,
.article,
.card,
.card-body,
.card-wrapper,
section,
main {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* dátum kis négyzet */
.hirek-datum {
    background: #0ea5e9 !important;
    color: #fff !important;
}

/* cím + szöveg */
.hirek-cim,
.hirek-szoveg {
    color: #fff !important;
}

/* belső tartalom is sötét */
.hirek-tartalom {
    background: #1e293b !important;
}




/* === GLOBAL BACKGROUND === */
body {
    margin: 0;
    padding: 0;
    background: #1E2A3A !important;   /* Sötétkék háttér */
    font-family: Arial, sans-serif;
    color: #fff;
}

/* === NEWS BOX CONTAINER === */
.news-box {
    width: 80%;
    max-width: 1000px;
    margin: 40px auto;
    background: #233140;              /* Sötétszürke / sötétkék doboz */
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}

/* === DATE BADGE === */
.news-date {
    float: left;
    width: 80px;
    height: 80px;
    background: #00aaff;
    color: #fff;
    text-align: center;
    font-size: 28px;
    border-radius: 6px;
    margin-right: 20px;
}

/* Text under the date */
.news-date small {
    font-size: 14px;
}

/* === TITLE === */
.news-title {
    font-size: 28px;
    margin-bottom: 20px;
}

/* === TEXT === */
.news-content {
    clear: both;
    font-size: 18px;
    line-height: 1.6;
}