/*
Theme Name: Cafeblog Renew
Author: Cafeblog
Author URI: http://www.sanoma.hu
Description: help.cafeblog.hu blogunkon találtok segítséget a sablon testreszabásához. Aki inkább az egyszerűséget szereti, az kattintson a Testreszabás-ra, majd a "Sablonváltás"-ra. Itt lehet válogatni a különböző sablonok között. Szabd testre, változtasd meg, színezd ki, tedd a magadévá! Itt egyedi lehetsz! Szinte mindent testre szabhatsz, persze határok vannak, de amit lehetett azt megengedtük.
Version: 1.0
Text Domain: cafeblog_renew
*/

body {
    margin: 0;
    padding: 0;
}

.clear { clear: both; font-size: 1px; height: 1px; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* HTML5 display-role reset for older browsers */
table { border-collapse: collapse; border-spacing: 0; }
#site-link { display: none; width: 100%; height: 300px; text-indent: -9999px; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
p { margin: 0; padding: 0 0 15px 0; }

div#container {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}


/** header */
div#header {
    position: relative;
}
#header h1#blogtitle, #header a#blogtitle {
    margin: 0;
    padding: 0;
}
#header h1#blogtitle a, #header a#blogtitle {
    text-decoration: none;
}
#header a#blogtitle {
    display: block;
}
#header h2#blogdesc, #header p#blogdesc {
    margin: 0;
    padding: 0;
}
#header a#header-image {
    display: block;
    text-decoration: none;
    font-size: 1px;
}
#header a#header-image img {
    box-sizing: border-box;
}

div#zoneTop {
    width: 980px;
    text-align: center;
    margin: 0 auto;
}
div#zoneTop > div:not(:empty) {
    margin-top: 5px;
    margin-bottom: 5px;
}


/* columns */
.content-area, #sidebar-narrow, #sidebar-wide {
    float: left;
}
.content-area {
    max-width: 650px;
    min-height: 480px;
    padding-bottom: 20px;
}
div#container2 > div.content-area + div#fogkefeszar + div#sidebar-wide {
    margin-left: 10px;
}
div#container2 > div#fogkefeatfogo + div#fogkefeszar + div#sidebar-wide {
    margin-left: 0;
    margin-right: 10px;
}


/** menu */
#main-nav ul { list-style: none; margin: 0; padding: 0; }
#main-nav ul li { display: inline-block; }
#main-nav ul li.last { border: none; }
#main-nav > span#respMenu { display: none; }

/** menu dropdown */
#main-nav ul.topnav > li {
    position: relative;
}
#main-nav ul.topnav li ul.subnav {
    margin: 0; padding: 0;
}
#main-nav ul.topnav > li > ul.subnav {
    position: absolute;
    left: 0; top: 35px;
    min-width: 300px;
    max-width: 400px;
    display: none;
    z-index: 99;
}
nav#main-nav ul.subnav li {
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
}
nav#main-nav ul.subnav li a {
    display: block;
    padding: 7px 15px 8px 15px;
}
nav#main-nav ul.subnav li a span { padding-right: 10px; }
nav#main-nav ul.subnav.level2 li a { padding-left: 30px; }
nav#main-nav ul.subnav.level3 li a { padding-left: 45px; }
nav#main-nav ul.subnav.level4 li a { padding-left: 60px; }
nav#main-nav ul.subnav.level5 li a { padding-left: 75px; }
nav#main-nav ul.subnav.level6 li a { padding-left: 90px; }
nav#main-nav ul.subnav.level1 {
    padding: 2px 0;
}
nav#main-nav ul.subnav.level1 > li:first-child {
    border-top: none;
}
nav#main-nav ul.topnav > li.hasChild > a:after {
    font-family: dashicons;
    font-size: 20px;
    content: "\f140";
    text-decoration: none;
    vertical-align: bottom;
    overflow: hidden;
    height: 18px;
    display: inline-block;
}


/** content **/
.content-area .content { padding: 0 20px; }
h2.entry-title a { text-decoration: none; }
.entry-content img.attachment-post-thumbnail {
    float: left;
    margin: 0 15px 10px 0;
}
.entry-content img[class*="wp-image-"] {
    max-width: 100%;
    height: auto;
}
.entry-meta .post-author { padding-right: 5px; }
.entry-meta .entry-date { padding: 0 5px; }
.entry-meta .entry-comments { padding: 0 5px; }
.entry-meta .post-edit-link { margin-left: 5px; }

#search header.search-title {
    margin-bottom: 30px;
    color: #333333;
}
#search header.search-title h2.search-title {
    background: none;
    padding-bottom: 4px;
    border-bottom: 2px solid #eeeeee;
}


/** it needs to break the text and not to let overflow it */
div.content-area {
    height: auto;
    overflow: hidden;
    word-wrap: break-word;
}
/** end */


/** sidebar **/
#sidebar-narrow {
    width: 100px;
    border: 1px solid #f00;
    padding-bottom: 20px;
}
#sidebar-wide {
    min-width: 330px;
    margin-bottom: 15px;
}
#sidebar-wide aside {
    padding-left: 15px;
    padding-right: 15px;
}
#sidebar-wide #sidebar2, #sidebar-wide #sidebar3 { margin-top: 25px; }
.sidebar-box:last-child { margin-bottom: 0; }

.sidebar-box ul {
    margin: 0;
    list-style: none inside;
}
.sidebar-box li { margin-bottom: 5px; }
.sidebar-box div.textwidget { padding: 0 3px; }

.sidebar-box p:last-child { padding-bottom: 0; }
.sidebar-box.widget_whosamungus .map { display: flex; }

#sidebar2 .sidebar-left { float: left; width: 49%; }
#sidebar2 .sidebar-right { float: right; width: 49%; }
#sidebar2 .widget_searchblog input.search-field { width: 99%; }


/** social */
div.more-content div.social {
    width: auto;
    height: auto;
    border-bottom: 1px solid #ebdde7;
    border-top: 1px solid #ebdde7;
    vertical-align: top;
    margin: 10px 0;
    background-color: #ffffff;
    padding: 4px;
    text-align: left;
    font-size: 1px;
}
div.more-content div.social > a {
    margin-right: 10px;
    background: transparent url('images/social-buttons-mobile.png') no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    text-decoration: none;
}
div.more-content div.social a.fbshare {
    background-position: 0 0;
    background-color: #2b5c95;
    font-size: 1px;
    width: 126px;
}
div.more-content div.social a.google {
    background-position: 0 -48px;
}
div.more-content div.social a.twitter {
    background-position: 0 -96px;
}
div.more-content div.social a.pinterest {
    background-position: 0 -144px;
}
div.more-content div.social a.email {
    background-position: 0 -192px;
}
div.more-content div.social div.fblike {
    display: inline-block;
    height: 48px;
    vertical-align: top;
}
div.more-content div.social div.fb-like {
    top: 14px;
}
div.social a.fbshare span.text {
    width: 83px;
    height: 19px;
    display: block;
    background: transparent url('images/social-buttons-mobile.png') no-repeat 0 -240px;
    margin: 16px 0 0 32px;
}
div.social a.fbshare span.shareCount {
    display: block;
    color: #fff;
    width: 86px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    font-size: 11px;
    font-family: tahoma, verdana, sans-serif;
    letter-spacing: 1px;
    margin: 2px 0 0 29px;
}

.more-content div.tags { margin-bottom: 10px; }


/** post navigation */
.paging-navigation {
    margin-top: 10px;
    margin-bottom: 10px;
}
.paging-navigation .nav-previous {
    width: 49%;
    float: left;
}
.paging-navigation .nav-next {
    width: 49%;
    float: right;
    text-align: right;
}


/** comments **/
#comments .comment-body { position: relative; }
#comments .comment-author { margin-bottom: 6px; }
#comments .comment-author cite, #comments .comment-author span {
    position: relative;
    top: -23px;
    left: -3px;
    font-size: 13px;
}
#comments .comment-history {
    position: relative;
    top: -23px;
}
#comments div.comment-meta {
    position: absolute;
    top: 18px;
    left: 45px;
}
div.comment-meta a.comment-date {
    padding-right: 12px;
}
#comments div.reply {
    position: absolute;
    top: 18px;
    right: 0;
    width: 215px;
    text-align: right;
}
#comments .comment-body p {
    margin-top: 3px;
    padding: 5px;
    font-size: 14px;
}
#comments .common-comment-tools {
    margin-top: 3px;
}
.comments_list ol, .comments_list ul{
    list-style-type: none;
    padding: 0;
    width: 100%;
}
#comments .comments_list li{
    padding: 5px 0;
    margin: 15px 0 10px;
}
#comments .comments_form{
    clear: both;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
#comments .commentlist .avatar {
    padding: 1px;
    margin-right: 9px;
    border: 1px solid #cccccc;
}


/** cc_history */
.cc_history .cc_content ul {
    margin: 0 10px 10px 20px;
    padding: 0;
}
.cc_history .cc_content li {
    padding-bottom: 5px;
}
.cc_history a.btn_close {
    font-size: 20px;
    font-family: arial, sans-serif;
}
.cc_history>h4 {
    border-bottom: 2px solid #556c9d;
    padding-bottom: 4px;
    margin-bottom: 10px;
}



/* SIDEBAR */
.sidebar-author-name {
    padding: 5px 0;
}

.sidebar-more-link {
    display: block;
    margin: 5px 0;
    text-decoration: none;
    font-size: 0.9em;
}

.sidebar-banner-flag {
    font-size: 11px;
    color: #999;
    text-align: center;
}


pre{ font-family: "Courier New", monospace; display: block; }

.gctfw_adverticum_zone{
    width: 100%;
    text-align: center;
    margin: 10px auto;
    clear: both;
}

.widget_categories.sidebar-box ul li ul {
    margin: 5px 0 0 10px;
    padding: 0;
    list-style-type: square;
    color: #563a2e;
}
.widget_categories.sidebar-box ul ul ul {
    list-style-type: disc;
    margin-left: 15px;
}
.widget_categories.sidebar-box ul ul ul ul {
    list-style-type: circle;
    margin-left: 20px;
}
#sidebar .widget_categories.sidebar-box ul.children {
    border-bottom: none;
    padding: 0;
}
.sidebar-box.widget_whosamungus .map { display: flex; }

/** 404 page **/
#p404 p { font-size: 18px; padding: 0; }
#p404 p + p { font-size: 14px; padding: 10px 0 0 0; }


/** content */
.entry-content div { padding-bottom: 10px; }
.entry-content div.clear { padding: 0; }

.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
    float: left;
    margin: 0 15px 10px 0;
}
.entry-content img.aligncenter {
    display: block;
    margin: 0 auto;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
    float: right;
    margin: 0 0 10px 15px;
}

.entry-content .wp-caption.aligncenter {
    text-align: center;
    margin: 0 auto;
}
.entry-content .wp-caption {
    text-align: center;
    max-width: 100%;
}
.entry-content .wp-caption-text{
    font-size: 0.85em;
    font-style: italic;
    padding: 0;
}

.entry-content object, .entry-content embed {
    max-width: 100%;
}

.entry-content a img, .more-content a img { /* ie miatt */
    border: none;
}

.cc-ads-doboz-right { text-align: center; margin-bottom: 10px; }
.cc_ads_in_post { text-align: center; }


/** adminbar | admin-transformer - admin-transformer.css */
div#wpadminbar #wp-toolbar .ab-submenu .ab-item { color: #eeeeee; }
div#wpadminbar #wp-toolbar .ab-submenu .ab-item:hover { color: #45bbe6; }
#wpadminbar #wp-admin-bar-cb-site-name a.ab-item, #wpadminbar #wp-admin-bar-cb-my-sites a.ab-item { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#wpadminbar #wp-admin-bar-cb-my-sites>.ab-item:before, #wpadminbar #wp-admin-bar-cb-site-name>.ab-item:before { content: '\f112'; top: 3px; }
#wpadminbar #wp-admin-bar-cb-site-name > .ab-item:before { content: "\f102"; top: 2px; }
#wpadminbar .quicklinks .menupop ul li.cb-own-blog > a { color: #00b000; }
#wpadminbar li.cb-bold a { font-weight: bold; }
@media screen and ( max-width: 782px ) {
    #wpadminbar #wp-admin-bar-cb-site-name a.ab-item, #wpadminbar #wp-admin-bar-cb-my-sites a.ab-item { text-overflow: clip; }
    #wpadminbar #wp-admin-bar-cb-site-name > .ab-item, #wpadminbar #wp-admin-bar-cb-my-sites > .ab-item { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 52px; padding: 0; color: #999; position: relative; }
    #wpadminbar #wp-admin-bar-cb-site-name > .ab-item:before, #wpadminbar #wp-admin-bar-cb-my-sites > .ab-item:before { display: block; text-indent: 0; font: normal 32px/1 'dashicons'; speak: none; top: 7px; width: 52px; text-align: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
    #wpadminbar li#wp-admin-bar-cb-site-name, #wpadminbar li#wp-admin-bar-cb-my-sites { display: block; }
    #wpadminbar #wp-admin-bar-cb-site-name, #wpadminbar #wp-admin-bar-cb-my-sites { position: static; }
}
/** adminbar - end */
/* user_bar */
.user_bar { width: 100%; position: fixed; top: 0; left: 0; background: #717171; height: 32px; z-index: 500; }
.user_bar_content { margin: 0 auto; width: 980px; }
.user_bar_content span { font: 13px/32px Arial; color: #ffffff; border-right: 1px solid #ccc; padding: 0 5px; }
.user_bar_content span.fright { border: none; }
.user_bar_content span a { color: #ffffff; text-decoration: none; }
.user_bar_content span a.bold { font-weight: bold; }
.user_bar_content a:hover { text-decoration: underline; }
.user_bar_content .fright { float: right; }
/* user_bar */


/** admin-transformer - common.css */

div#fogkefeatfogo { font-size: 0; float: right; }
div#fogkefeszar { float: right; }
div#fogkefeszar + div#sidebar1, div#fogkefeszar + div#sidebar2 { clear: both; }
div#fogkefeszar > div:not(:empty) { margin-bottom: 20px; }

/** calendar widget */
.widget_calendar table {
    max-width: 300px;
    width: 100%;
}
.widget_calendar table caption {
    padding-bottom: 5px;
    font-weight: bold;
}
.widget_calendar table td {
    text-align: center;
}
.widget_calendar table tfoot td {
    padding-top: 5px;
}

/** wp default gallery */
.gallery-columns-2 img,
.gallery-columns-3 img,
.gallery-columns-4 img,
.gallery-columns-5 img,
.gallery-columns-6 img,
.gallery-columns-7 img,
.gallery-columns-8 img,
.gallery-columns-9 img {
    max-width: 100%;
    height: auto;
}


/** sidebar boxtype settings */
.boxtype1 .widget_cbblogfollow > div, .boxtype2 .widget_cbblogfollow > div, .boxtype3 .widget_cbblogfollow > div, .boxtype4 .widget_cbblogfollow > div, .boxtype5 .widget_cbblogfollow > div {
    padding-left: 10px;
}
.boxtype1 .widget_simpleimage p.simple-image, .boxtype2 .widget_simpleimage p.simple-image, .boxtype3 .widget_simpleimage p.simple-image, .boxtype4 .widget_simpleimage p.simple-image, .boxtype5 .widget_simpleimage p.simple-image {
    text-align: center;
}
.boxtype1 .widget_searchblog > div, .boxtype2 .widget_searchblog > div { padding-top: 10px; }
.boxtype1 .widget_simpleimage p.simple-image ~ p, .boxtype2 .widget_simpleimage p.simple-image ~ p, .boxtype3 .widget_simpleimage p.simple-image ~ p, .boxtype4 .widget_simpleimage p.simple-image ~ p, .boxtype5 .widget_simpleimage p.simple-image ~ p,
.boxtype1 .widget_text > div, .boxtype2 .widget_text > div, .boxtype3 .widget_text > div, .boxtype4 .widget_text > div, .boxtype5 .widget_text > div,
.boxtype1 .widget_searchblog > div, .boxtype2 .widget_searchblog > div, .boxtype3 .widget_searchblog > div, .boxtype4 .widget_searchblog > div, .boxtype5 .widget_searchblog > div,
.boxtype2 .widget_pw_board_widget > div, .boxtype3 .widget_pw_board_widget > div, .boxtype5 .widget_pw_board_widget > div,
.boxtype1 .widget_pw_follow_button_widget > div, .boxtype2 .widget_pw_follow_button_widget > div, .boxtype3 .widget_pw_follow_button_widget > div, .boxtype4 .widget_pw_follow_button_widget > div, .boxtype5 .widget_pw_follow_button_widget > div,
.boxtype1 .widget_pw_pin_widget > div, .boxtype2 .widget_pw_pin_widget > div, .boxtype3 .widget_pw_pin_widget > div, .boxtype4 .widget_pw_pin_widget > div, .boxtype5 .widget_pw_pin_widget > div,
.boxtype2 .widget_pw_profile_widget > div, .boxtype3 .widget_pw_profile_widget > div, .boxtype4 .widget_pw_profile_widget > div, .boxtype5 .widget_pw_profile_widget > div,
.boxtype1 .widget_wa_avatars > div, .boxtype2 .widget_wa_avatars > div, .boxtype3 .widget_wa_avatars > div, .boxtype4 .widget_wa_avatars > div, .boxtype5 .widget_wa_avatars > div,
.boxtype1 .widget_calendar > div, .boxtype2 .widget_calendar > div, .boxtype3 .widget_calendar > div, .boxtype4 .widget_calendar > div, .boxtype5 .widget_calendar > div,
.boxtype1 .widget_cimkelista > div, .boxtype2 .widget_cimkelista > div, .boxtype3 .widget_cimkelista > div, .boxtype4 .widget_cimkelista > div, .boxtype5 .widget_cimkelista > div,
.boxtype1 .widget_tag_cloud > div, .boxtype2 .widget_tag_cloud > div, .boxtype3 .widget_tag_cloud > div, .boxtype4 .widget_tag_cloud > div, .boxtype5 .widget_tag_cloud > div,
.boxtype1 .widget_fbLikeBox > div, .boxtype2 .widget_fbLikeBox > div, .boxtype3 .widget_fbLikeBox > div, .boxtype4 .widget_fbLikeBox > div, .boxtype5 .widget_fbLikeBox > div {
    padding-left: 10px;
    padding-right: 10px;
}
.boxtype3 .widget_fbLikeBox > div#blogLikeBox, .boxtype4 .widget_fbLikeBox > div#blogLikeBox, .boxtype5 .widget_fbLikeBox > div#blogLikeBox { margin-bottom: 10px; }

.boxtype1 .widget_archive label.screen-reader-text, .boxtype2 .widget_archive label.screen-reader-text { padding-left: 10px; }
.boxtype3 .widget_archive label.screen-reader-text, .boxtype4 .widget_archive label.screen-reader-text, .boxtype5 .widget_archive label.screen-reader-text { padding-left: 10px; }
.boxtype3 .widget_archive label.screen-reader-text + select, .boxtype4 .widget_archive label.screen-reader-text + select, .boxtype5 .widget_archive label.screen-reader-text + select { margin-bottom: 10px; }


/** Over Eighteen Layer */
body.overEighteenOpen {
    overflow: hidden;
}
div#overEighteenOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #ffffff;
    z-index: 999999999999999;
}
table#over18 td#logo18 {
    display: table;
    width: 184px;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
}
table#over18 td.text-and-buttons {
    display: table;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
table#over18 td br {
    line-height: 40px;
}
table#over18 .text-and-buttons a {
    text-decoration: none;
    padding: 10px 20px;
    margin-right: 10px;
}
table#over18 td a + a {
    margin: 0 0 0 10px;
}

/** mobil or full version */
body div#respSettings {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    width: 100%;
    background-color: #717171;
    padding: 7px 0;
    border-top: 1px solid #ffffff;
    -webkit-box-shadow: 0 -1px 5px 0 #000000;
    -moz-box-shadow:    0 -1px 5px 0 #000000;
    box-shadow:         0 -1px 5px 0 #000000;
    display: none;
}
div#respSettings span {
    display: inline-block;
    padding: 5px 0;
}
div#respSettings span:hover {
    text-decoration: underline;
}
div#respSettings span#respMobile {
    display: none;
}
@media (max-width : 1023px) {
    body div#respSettings {
        display: block;
        margin-top: 10px;
    }
}

@media (min-width : 1024px) {
    .gallery-columns-2 dl,
    .gallery-columns-3 dl,
    .gallery-columns-4 dl,
    .gallery-columns-5 dl,
    .gallery-columns-6 dl,
    .gallery-columns-7 dl,
    .gallery-columns-8 dl,
    .gallery-columns-9 dl {
        padding-left: 15px;
    }
    .gallery-columns-2 dl {
        max-width: 48%;
        min-width: 48%;
    }
    .gallery-columns-3 dl {
        max-width: 31%;
        min-width: 31%;
    }
    .gallery-columns-4 dl {
        max-width: 23%;
        min-width: 23%;
    }
    .gallery-columns-5 dl {
        max-width: 18%;
        min-width: 18%;
    }
    .gallery-columns-6 dl {
        max-width: 14.5%;
        min-width: 14.5%;
    }
    .gallery-columns-7 dl {
        max-width: 12%;
        min-width: 12%;
    }
    .gallery-columns-8 dl {
        max-width: 10%;
        min-width: 10%;
    }
    .gallery-columns-9 dl {
        max-width: 8.7%;
        min-width: 8.7%;
    }
    .gallery-columns-2 dl:nth-of-type(2n+1), .gallery-columns-2 dl:first-child,
    .gallery-columns-3 dl:nth-of-type(3n+1), .gallery-columns-3 dl:first-child,
    .gallery-columns-4 dl:nth-of-type(4n+1), .gallery-columns-4 dl:first-child,
    .gallery-columns-5 dl:nth-of-type(5n+1), .gallery-columns-5 dl:first-child,
    .gallery-columns-6 dl:nth-of-type(6n+1), .gallery-columns-6 dl:first-child,
    .gallery-columns-7 dl:nth-of-type(7n+1), .gallery-columns-7 dl:first-child,
    .gallery-columns-8 dl:nth-of-type(8n+1), .gallery-columns-8 dl:first-child,
    .gallery-columns-9 dl:nth-of-type(9n+1), .gallery-columns-9 dl:first-child {
        padding-left: 0;
    }
}

p+ul {
    margin-top: 0;
}

#container2 {
    position: relative;
}

.translate-test-block {
    width: 1px;
    height: 1px;
    background: transparent;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

#sidebar1.fixed-sidebar {
    position    : fixed;
    left        : 50%;
    margin-left : 490px;
    bottom      : 0;
    width       : inherit;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}