Theme Name: Szifon.com
Theme URI: /
Author: billsuxx
Author URI: https://twitter.com/billsuxx
Description: Szifon.com new layout. Based on Skeleton framework.
Version: 1.0 beta
License: GNU General Public License
License URI: license.txt
Tags: light, white, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, custom-backgroud, custom-header, custom-menu, featured-images, flexible-header, microformats, post-formats, rtl-language-support, threaded-comments, translation-ready
*/


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline; }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block; }
    body {
        overflow-x: hidden;
        overflow-y: auto;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        margin-top: 0;
        line-height: 1;
        transition: .3s; }
    ol, ul {
        list-style: none; }
    blockquote, q {
        quotes: none; }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none; }
    table {
        border-collapse: collapse;
        border-spacing: 0; }


/* #Basic Styles
================================================== */
    body {
        background: #fff;
        font-size: 14px;
        line-height: 18px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
        font-weight: 400;
        color: #000;
        -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
        webkit-text-size-adjust: 100%;

 }


/* #Typography
================================================== */
    h1, h2, h3, h4, h5, h6 {
        color: #181818;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
        font-weight: 400;
        transition: .3s;
    }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
    h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
    h2 { font-size: 22px; line-height: 40px; margin-bottom: 10px; }
    h3 { font-size:	20px; line-height: 34px; margin-bottom: 8px; }
    h4 { font-size: 18px; line-height: 30px; margin-bottom: 4px; }
    h5 { font-size: 17px; line-height: 24px; }
    h6 { font-size: 16px; line-height: 21px; }
    .subheader { color: #777; }

    p { margin: 0 0 20px 0; }
    p img { margin: 0; }
    p.lead { font-size: 21px; line-height: 27px; color: #777;  }

    em { font-style: italic; }
    strong { font-weight: bold; color: #333; transition: .3s; }
    small { font-size: 80%; }

    h6 {
        display: inline;
        background-color: #1284ff;
        color: #fff;
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 1.5;
        font-weight: 600;
        border-left: 10px solid #1284ff;
        border-right: 10px solid #1284ff;
        box-sizing: border-box;
        -webkit-box-decoration-break: clone;
    }

    /* h5:after {
        content: "";
        width: 100%;
        height: 30px;
        position: relative;
        background-color: transparent;
        display: block;
        padding: none;
    } */

/*  Blockquotes  */
    blockquote, blockquote p { font-family: "museo-sans-rounded",sans-serif; font-size: 20px !important; line-height: 24px; color: #1a1a1a; font-style: normal; }
    blockquote { margin: 20px 0 30px 0; padding: 9px 20px 0 19px; border-left: 3px solid #1284ff; }
    blockquote cite { display: block; font-size: 12px; color: #555; }
    blockquote cite:before { content: "\2014 \0020"; }
    blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

    hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
    a, a:visited { color: #1284ff; text-decoration: none; outline: 0; }
    a:hover, a:focus { color: #000; transition: .3s;  text-decoration: underline; }
    p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
    ul, ol { margin-bottom: 20px; }
    ul { list-style: none outside; }
    ol { list-style: decimal; }
    ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
    ul.square { list-style: square outside; }
    ul.circle { list-style: circle outside; }
    ul.disc { list-style: disc outside; }
    ul ul, ul ol,
    ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
    ul ul li, ul ol li,
    ol ol li, ol ul li { margin-bottom: 6px; }
    li { line-height: 18px; margin-bottom: 12px; }
    ul.large li { line-height: 21px; }
    li p { line-height: 21px; }

/* #Images
================================================== */

    img.scale-with-grid {
        max-width: 100%;
        height: auto; }


/* #Buttons
================================================== */

    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        background: none;
        border: none;
        display: inline-block;
        margin-bottom: 20px;
        padding: 0;
        color: #1284ff;
        line-height: normal;
        text-decoration: none;
        font-size: 20px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
        font-weight: 400;
        cursor: pointer;
    }
    .button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #000;
    }
    .button:active,
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {

    }

    .button.full-width,
    button.full-width,
    input[type="submit"].full-width,
    input[type="reset"].full-width,
    input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center; }

    /* Fix for odd Mozilla border & padding issues */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
    border: 0;
    padding: 0;
    }


/* #Forms
================================================== */

    form {
        margin-bottom: 20px; }
    fieldset {
        margin-bottom: 20px; }
    input[type="text"],
    input[type="password"],
    input[type="email"],
    textarea,
    select {
        border: 1px solid #ccc;
        padding: 6px 4px;
        outline: none;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        font-size: 13px;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial;
        font-weight: 400;
        color: #777;
        margin: 0;
        width: 210px;
        max-width: 100%;
        display: block;
        margin-bottom: 20px;
        background: #fff; }
    select {
        padding: 0; }
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="email"]:focus,
    textarea:focus {
        border: 1px solid #aaa;
        color: #444;
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow:  0 0 3px rgba(0,0,0,.2); }
    textarea {
        min-height: 60px; }
    label,
    legend {
        display: block;
        font-weight: bold;
        font-size: 13px;  }
    select {
        width: 220px; }
    input[type="checkbox"] {
        display: inline; }
    label span,
    legend span {
        font-weight: normal;
        font-size: 13px;
        color: #444; }

/* #Misc
================================================== */
    .remove-bottom { margin-bottom: 0 !important; }
    .half-bottom { margin-bottom: 10px !important; }
    .add-bottom { margin-bottom: 20px !important; }
    .add-top-negativ { margin-top: -20px !important; }


/* #Szifon.com theme
================================================== */

/* banners */
.super-header-cont .top-a {
    margin: 30px 0 0 0;
}

.afterpost-a,
.cikkoz {
    margin: 0 0 30px 0;
    padding:10px;
    border-radius:7px;
    /*background-color:#e8e8e8;*/
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(50,50,93,.03), 0 5px 15px rgba(0,0,0,.03);
    transition: .3s;
}
.cikkoz:hover {
	box-shadow: 0 15px 30px rgba(50,50,93,.06), 0 5px 15px rgba(0,0,0,.06);
}
.afterpost-a img,
.cikkoz img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.top-rightfixed-a,
.top-fixedleft-a {

    position: absolute;
}
.top-rightfixed-a, .top-fixedleft-a {
   /* top: -4px;*/
    right: 10px;
    z-index: 1000;
    display: inline-block;
}
.top-fixedleft-a {
    z-index: 0;
    left: 10px;
    right: auto;
}



.szifon-logo {
	display:block;
	width:304px;
	height:45px;
	background: url('/wp-content/themes/szifon/images/szifon-com-logo.png') no-repeat 0 0;

}
.szifon-store {
    margin-top:270px;
    width: 118px;
    height: 242px;
    display: block;
    background: url('/wp-content/themes/szifon/images/store_cetli.png') no-repeat 0 0;
}
.szifon-hasznaltszifon {
    margin-top:270px;
    width: 118px;
    height: 227px;
    display: block;
    background: url('/wp-content/themes/szifon/images/hasznalt_cetli.png') no-repeat 0 0;
}
.topbanner {
    width: 525px;
    height: 70px;
    float:right;
    display: block;
    background: url('/wp-content/themes/szifon/images/top_banner.png') no-repeat 0 0;
}

.szifon-desmay {
    width: 500px;
    height: 200px;
    display: block;
    margin: 0 auto;
    background: url('/wp-content/themes/szifon/images/desmaybeta.png') no-repeat 0 0;
}

/* font face */
@font-face {
    font-family: 'szifoncom';
    src:url('fonts/szifoncom.eot');
    src:url('fonts/szifoncom.eot?#iefix') format('embedded-opentype'),
        url('fonts/szifoncom.ttf') format('truetype'),
        url('fonts/szifoncom.woff') format('woff'),
        url('fonts/szifoncom.svg#szifoncom') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-user:before,
.icon-comments:before,
.icon-calendar:before,
.icon-category:before,
.icon-search:before
 {
    font-family: 'szifoncom';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
    content: "\e600";
}
.icon-comments:before {
    content: "\e601";
}
.icon-time:before {
    content: "";
    background-image: url('https://szifon.com/wp-content/themes/szifon/fonts/clock.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    height: 12px;
    width: 12px;
    display: inline-block;
}
.icon-calendar:before {
    content: "\e602";
}
.icon-category:before {
    content: "\e603";
}
.icon-search:before {
    content: "\e604";
}

.alignleft,
img.alignleft {
    display: inline;
    float: left;
    margin-right: 24px;
    margin-top: 4px;
}
.alignright,
img.alignright {
    display: inline;
    float: right;
    margin-left: 24px;
    margin-top: 4px;
}
.aligncenter,
img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
    margin-bottom: 12px;
}

.body {
    background: #FFF;
}

.top-header {
    min-height: 40px;
    background: #FFF;
    transition: .3s;
}

.top-menu {
    height: 26px;
    margin: 7px 0 7px 10px;
    padding: 0;
}
.top-menu li {
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 25px;
    padding: 0;
    margin: 0;
    margin-right: 10px;
    transition: .3s;
}
.top-menu-right {
    text-align: right;
}
/* kek save */
.super-header-cont {
    min-width:960px;
    width: 100%;
    min-height: 180px;
    /*background: url(../szifon/images/header-bg.png) repeat 0 0;*/
    background: url(../szifon/images/header-bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    z-index: 1;
    transition: .3s;
}
.super-header-cont.fixed {
    position: fixed;
    margin-top: -160px;

}

.super-header-cont.non-fixed {
    height: 180px;
    margin: 0;
    position: static;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.super-header-cont .site-title {
    margin: 47px 0 36px 0;
}
/* fo menu */
.main-navigation {
    width: 940px !important;
}

.main-navigation ul {
    margin: 0;
    min-height: 30px;
    padding-left: 0;
    width: 800px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.main-navigation ul li {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    /*margin: 0 0 0 28px;*/
    margin: 0 28px 6px 0;
    font-family: "Open Sans", "Helvetica Neue Light", Helvetica, Arial;
    font-weight: 400;
}
.main-navigation ul li:first-child {
    margin-left: 0;
}
.main-navigation ul li a {
    color: #c3dde8;
    font-weight:400;
}
.main-navigation ul li a:hover {
    color: #FFF;
    text-decoration: none;
}
/* kereso */
.header-search {
    height: 30px;
}

.header-search-form:hover {
	border: 1px solid #c3dde8;
    -webit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}
.header-search-form {

	 border: 1px solid rgba(255, 0, 0, .0);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box;

    height: 28px;
    padding: 2px 2px 0 2px;
    /*border: 1px solid #c3dde8;
    -webit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
    opacity:0.98;
    margin-top: -3px;
}
.header-search-form ::-webkit-input-placeholder {
   color: #FFF;
}

.header-search-form :-moz-placeholder { /* Firefox 18- */
   color: #FFF;
}

.header-search-form ::-moz-placeholder {  /* Firefox 19+ */
  color: #FFF;
}

.header-search-form :-ms-input-placeholder {
   color: #FFF;
}
.header-search-form button {
    display: block;
    float: right;
    color: #fff;
    width: 14%;
    margin: 0 1% 0 0;
}
.header-search-form button:focus,
.header-search-form button:active {
    outline: none;
    border: none;
}


.header-search-form .text {
    float: right;
    display: block;
    width: 85%;
    background: none;
    border: none;
    color: #FFF;
    font-size: 17px;
    font-family: "Open Sans", "Helvetica Neue Light", Helvetica, Arial;
    font-weight: 300;
    line-height: 25px;
    padding: 0;
}
.header-search-form .text:focus {
    color: #FFF;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}


.hentry  {
    margin-bottom: 40px;
}

.single-entry-title.attached-image {
    height: 280px;
    width: 100%;
    position: relative;
    margin: 0 0 20px 0;
}
.single-entry-title.attached-image .entry-title {
    min-height: 70px;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 38px;
    padding: 0 20px;
    background: rgba(210,210,210,0.3);
}

.entry-header .entry-title a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
.entry-header .entry-title a:hover,
.entry-header .entry-title a:hover h1 {
    color: #1284ff;

}
.entry-header h1 {
    font-size: 28px;
    line-height: 32px;
    margin: 0 0 8px 0;
}

.entry-header .entry-meta {
    margin-bottom: 25px;
}
.entry-header .entry-meta span {
    font-size: 14px;
    line-height: 14px;
    color: #d0d0d0;
    margin: 0 10px 0 0;
}
.entry-header .entry-meta a:before {
    margin: 0 5px 0 0;
}
.entry-header .entry-meta a {
    color: #d0d0d0;
    font-weight: bold;
}
.entry-header .entry-meta a:hover  {
    text-decoration: none;
    color: #000;
}

.entry-header .entry-meta .entry-date {
    font-weight: normal;
}

.entry-summary p,
.entry-content p,
.disclaimer {
    font-family: "Open Sans", "Helvetica Neue Light", Helvetica, Arial;
    font-weight: 400;
    font-size: 17px;
    line-height: 28px;
}

.disclaimer {
    background-color: #f1f1f1;
    padding: 10px 10px 10px 10px;
    text-align: justify;
    font-style: italic;
    margin-bottom: 10px;
    border-radius: 4px;
}

.entry-content img.size-large  {
    /*max-width: 500px;
    width: 100%;
    height: auto;*/
}
.entry-content img.size-full  {
    max-width: 700px;
    height: auto;
}
.entry-content ul
{
	padding:5px;
    padding-left: 0;
}

.entry-content ul li {
	list-style:disc;
	padding-left:0px;
	margin-left:30px;
}

.entry-content ol {
    padding-left: 0;
    margin-left: 30px;
}

.entry-content .wp-video {
	margin-bottom: 20px;
}


footer.entry-meta {
    height: 18px;
    background: #f1f1f1;
    margin-top: 30px;
    padding: 16px;
    transition: .3s;

}
footer.entry-meta p {
    text-align: right;
    position: relative;
    margin: 0;
    padding: 0;
}
footer.entry-meta p .more {
    font-size: 19px;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: -2px;
}

/* nav */
.page-navigation {
    font-size: 16px;
}
.page-navigation .meta-nav {
    font-weight: 900;
}
.paging-navigation .nav-previous {
    float: left;
    width: 45%;
    text-align: left;
}
.paging-navigation .nav-next {
    float: right;
    width: 45%;
    text-align: right;
}

/* banners */
.banner-post-below {
    margin-bottom: 25px;
    width: 100%;
}


/* #Comment
================================================== */

#respond {
    margin-bottom:20px;
    font-size: 21px;
}
#comment-box {
	z-index:1;
	position:relative;
 	width:680px;
	padding:10px;
	height:100px;
	border:1px solid #e1e1e1;
	border-radius:5px;
	margin-bottom:15px;
	margin-top:0px;

}

.comment-author-admin .comment-mountain
{
        transition: .3s;
	/*background:url('/wp-content/themes/szifon/images/mountain_blue.png') !important;*/
}
.comment-author-jadeye .comment-mountain
{
	/*background:url('/wp-content/themes/szifon/images/mountain_green.png') !important;*/
}


.comment-author-jadeye .comment-content
{
	background-color: #eafee9 !important;
}
.comment-author-admin .comment-content {
	 background-color: #e9f2fe !important;
}

.comment-author-left {
	float:left;
	width:50px;

}
.comment-author-right {
	float:left;
	padding:5px 0 0 20px;
}
.comment-creator {
   font-size:28px;
   color:black;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.comment-author img {
    display: inline-block;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    vertical-align: top;
}

.comment-author cite {
    font-style: normal;
}
.author-mountain {
	width: 13px !important;
	height: 11px;
	z-index:9999;
	position:relative;
	margin-left:23px;
	/*background:url('/wp-content/themes/szifon/images/mountain_grey.png')*/
}
.comment-mountain {
	margin-top:10px;
	width: 13px !important;
	height:14px;
	margin-bottom:-1px;
	z-index:-1;
	margin-left:23px;
	/*background:url('/wp-content/themes/szifon/images/mountain_grey.png')*/
}
.comment-author .comment-meta-cont {
    display: inline-block;
    height: 50px;
    padding: 0 0 0 20px;
}
.comment-author .comment-meta {
    display: block;
}
.comment-author .authormetadata {
    font-size: 26px;
    line-height: 28px;
}
.comment-author .authormetadata a {
    color: #000;
}
.comment-author .authormetadata a:hover {
    color: #1284ff;
}
.comment-author .commentmetadata a {
    color: #999;
}
.comment-author .commentmetadata a.truelink {
    color: #1284ff;
}
.comment-author .commentmetadata a.truelink:hover {
    color: #000;
}
.comment-author .says { display: none; }

.comment .comment-content {
	z-index:99;
	position:relative;
    margin: 0px 0 0 0;
    background: #f1f1f1;
    padding: 20px 24px 5px 24px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: .3s;
}
.comment .comment-content p {
	font-weight:300;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    transition: .3s;
}

.comment .comment-content p a {
    word-break: break-word;
}

.children .comment .comment-content {
    background: #1284ff;

}
.children .comment .comment-content p {
    color: #FFF;
}
.children .comment .comment-content p a {
    color: #222;
}
.comment .reply {
    padding: 10px 2px 0 0;
    text-align: right;
    font-size: 16px;
}
.comment-form-comment label {
    display: none;
}
.comment-form-comment textarea {
    margin: 20px 0 0 0;
    width: 96%;
    padding: 10px 2% 10px 2%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.comment-form .form-submit {
    text-align: right;
}



/* #Site Styles
================================================== */

#primary,
#secondary {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.site-footer a {
	color:white;
}
.site-footer {
	min-width:960px;
    background: #2f2f2f;
}
.footer-data {
    height: 65px;
    position: relative;
}
.footer-data .site-info {
    position: absolute;
    bottom: 13px;
    color: #fff;
}

/* #Page Styles
================================================== */

/* #Sidebar
================================================== */
.widget-area .widget {

}
.widget-area .widget  {
    /*background: #f1f1f1;*/
    background: #fff;
    box-shadow: 0 15px 30px rgba(50,50,93,.06), 0 5px 15px rgba(0,0,0,.06);
    border-radius: 4px;
    padding: 8px 10px 10px 10px;
    margin-bottom: 20px;
    transition: .3s;
}
.widget-area .widget:first-child {

}

.widget-area .widget .widget-title {
	font-family: "aktiv-grotesk",sans-serif;
	font-weight: 400;
    font-size: 15px;
    line-height: 1.2;
    padding: 0 0 5px 0;
    /*border-bottom: 1px solid #eee;*/
    text-align: center;
}

.widget-title {
    margin-top: 5px !important;
}

.widget-area .widget .textwidget p {
    margin: 0;
}

.widget_top-posts ul {
	list-style:none;
	margin:0 !important;
}

.widget_top-posts ul li{
	padding-bottom:8px;
	border-bottom:1px solid #efefef;
	text-overflow: ellipsis;
}

.recentcomments a { font-weight:normal; color:#181818; transition: .3s; }

#recentcomments {
    padding-left: 0;
}

.textwidget ul {
    padding-left: 0 !important;
}

.textwidget p {
    text-align: left !important;
}

#text-6 .textwidget p {
	text-align: center !important;
}

.recentcomments { font-weight:bold; }

a.url { font-weight:bold !important;}
.widget_top-posts a {
	color:#181818 !important;
	font-size:12px;
}
.widget ul {
    list-style: square outside;
    margin-left: 18px;
}
.widget ul li {
    margin-bottom: 8px;
}

.widget_search {
    text-align: right;
}
.widget_search .assistive-text {
    text-align: left;
}
.widget_search .field {
    margin-bottom: 5px;
}


/* #Media Queries
================================================== */


/* CSS for high-resolution devices */
@media
(-webkit-min-device-pixel-ratio: 2), /* Webkit-based browsers */
(min--moz-device-pixel-ratio: 2),    /* Older Firefox browsers (prior to Firefox 16) */
(min-resolution: 2dppx),             /* The standard way */
(min-resolution: 192dpi)             /* dppx fallback */ {



.comment-mountain
{
	/*background:url('/wp-content/themes/szifon/images/mountain_grey@2x.png') !important;
	background-size: 13px 13px;*/
}
.author-mountain
{
/*	background:url('/wp-content/themes/szifon/images/mountain_grey@2x.png') !important;
	background-size: 13px 14px;*/
}

.comment-author-admin .comment-mountain
{
	/*background:url('/wp-content/themes/szifon/images/mountain_blue@2x.png') !important;
		background-size: 13px 13px;
*/
}
.comment-author-jadeye .comment-mountain
{
	/*background:url('/wp-content/themes/szifon/images/mountain_green@2x.png') !important;
	background-size: 13px 13px;*/
}


.szifon-logo {
	background: url('/wp-content/themes/szifon/images/szifon-com-logo@2x.png') no-repeat 0 0;
	background-size: 304px 45px;
}


    .szifon-store {
        background: url('/wp-content/themes/szifon/images/store_cetli@2x.png') no-repeat 0 0;
        background-size: 118px 227px;
    }

    .szifon-hasznaltszifon {
        background: url('/wp-content/themes/szifon/images/hasznalt_cetli@2x.png') no-repeat 0 0;
        background-size: 118px 227px;
    }

    .topbanner {
        background: url('https://szifon.com/wp-content/themes/szifon/images/top_banner@2x.png') no-repeat 0 0;
        background-size: 525px 70px;
    }

.szifon-desmay {
    background-size: 500px 20px;
    background: url('/wp-content/uploads/2013/11/desmay@2x.png') no-repeat 0 0;
}


}

    /* Smaller 1024 */
    @media only screen and (max-width: 1170px) {
        .top-rightfixed-a,
        .top-fixedleft-a {
            display: none;
        }

    }

    /* Smaller than standard 960 (devices and browsers) */
    @media only screen and (max-width: 959px) { }

    /* Tablet Portrait size to standard 960 (devices and browsers) */
    @media only screen and (min-width: 768px) and (max-width: 959px) {}

    /* All Mobile Sizes (devices and browser) */
    @media only screen and (max-width: 767px) {}

    /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
    @media only screen and (min-width: 480px) and (max-width: 767px) {}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/*
@font-face {
    font-family: 'HelveticaNeueLight';
    src: url('../fonts/helveticaneue-light.eot');
    src: url('../fonts/helveticaneue-light.eot') format('embedded-opentype'),
         url('../fonts/helveticaneue-light.svg#HelveticaNeueLight') format('svg'),
         url('../fonts/helveticaneue-light.woff') format('woff'),
         url('../fonts/helveticaneue-light.ttf') format('truetype');
}

@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('../fonts/helveticaneue.eot');
    src: url('../fonts/helveticaneue.eot') format('embedded-opentype'),
         url('../fonts/helveticaneue.svg#HelveticaNeueRegular') format('svg'),
         url('../fonts/helveticaneue.woff') format('woff'),
         url('../fonts/helveticaneue.ttf') format('truetype');
}


@media screen and (-webkit-min-device-pixel-ratio:0) {

    @font-face {
        font-family: 'HelveticaNeueLight';
    src: url('../fonts/helveticaneue-light.svg#HelveticaNeueLight') format('svg');
    }


    @font-face {
    font-family: 'HelveticaNeueRegular';
        src: url('../fonts/helveticaneue.svg#HelveticaNeueRegular') format('svg');
    }
}
*/



/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */
/*
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }
*/

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */
/*
    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }

*/
/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */
/*
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }
*/
.omega { margin-left:10px !important;}

/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
.page-header {
    text-align: center;
	padding-bottom: 40px;
	}

	.page-header h1:after {
	    content: "";
		display: block;
		    position: relative;
			height: 2px;
			    width: 110px;
				background-color: #4d4d4d;
				    margin-left: auto;
					margin-right: auto;
					    margin-top: 20px;
					    }
pre {
	white-space: pre !important;
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 18px;
	line-height: 1.4;
	color: #666;
}

.fixed-cetli {
    margin-top: -215px !important;
    position: fixed;
}

.entry-content .review-title, #content .review-title {
    background-color: #1e73be;
    color: #fff;
}


.entry-content .review-list li {
    list-style: none;
    padding-left: 20px;
}
.review-links {
    margin-top: 205px;
}
.review-links li {
    margin-left: 30px !important;
}

.onesignal-bell-container .onesignal-bell-svg {
    display: none;
    visibility: hidden;
}

#onesignal-bell-launcher {
    background-image: url('https://szifon.com/wp-content/themes/szifon/images/notification-logo-inverse.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    margin: 0;
    padding: 0;
    width: 66px;
    height: 66px;
    transition: .3s;
}

.wpp-list {
    margin-left: 0px !important;
    padding-left: 0;
    margin-top: 15px !important;
}

.wpp-list li {
    float: none;
    display: block;
    margin-bottom: 30px !important;
}

.wpp-thumbnail {
    float: none !important;
    width: 100%;
    height: auto;
    display: block;
}

.wpp-post-title {
    color: #000;
    margin-top: 5px;
    display: block;
    transition: .3s;
}

.wpp-post-title:visited {
    color: #000;
    transition: .3s;
}

/*
.appDownload div:nth-child(3) {
    width: 80px;
    height: 24px;
    margin-left: -10px;
}
*/

.appDownload {
    margin-bottom: 10px;
}

.livedojo_over {
    z-index: 100 !important;
}

@media only screen and (max-width: 768px) {
	.mailster-form {
		display: none !important;
	}
}

.mailster-form {
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(50,50,93,.06), 0 5px 15px rgba(0,0,0,.06);
    border-radius: 4px;
    position: relative;
    transition: .3s;
}

label[for="mailster-mailstercim-4"] {
   display: none;
}

.mailster-form .form-submit .submit-button {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    font-family: "museo-sans-rounded",sans-serif;
    color: #fff;
    transition: .3s;
}

.mailster-_status-wrapper .mailster-_status {
    height: 36px;
}

.mailster-form-submit.is-unsubscribe .mailster-submit-wrapper {
    margin-top: 20px !important;
}

.mailster-form:before {
	content: "";
	background-image: url("https://szifon.com/wp-content/themes/szifon/images/mail-icon.png") !important;
	width: 70px !important;
	height: 80px !important;
	position: absolute !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	left: 30px !important;
	opacity: 1 !important;
	visibility: visible !important;
	background-size: 100% !important;
}

.has-errors:before {
	margin-top: 30px;
}

.mailster-form-fields {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-left: 120px;
    padding-bottom: 10px;
    min-height: 70px;
}

.mailster-wrapper {
	display: inline-block;
	width: 30%;
	margin-left: 10px;
	vertical-align: middle;
}

.mailster-submit-wrapper {
	width: auto;
	background-color: #1284ff;
	text-align: center;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0,0,0,.1);
	margin-left: 10px;
	vertical-align: middle;
	margin-top: -3px !important;
	margin-bottom: 0 !important;
    transition: .3s;
}

.mailster-form-fields input {
	height: 36px !important;
    transition: .3s;
}

.mailster-submit-wrapper:hover {
	box-shadow: 0 5px 20px rgba(0,0,0,.2);
}

.mailster-submit-wrapper input {
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: .3s;
}

.mailster-mailstercim-wrapper textarea {
	display: none;
}

.mailster-mailstercim-wrapper label {
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 18px;
	line-height: 1.3;
}

.mailster-mailstercim-wrapper {
	display: block;
	width: 100%;
}

.mailster-form-info.success {
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 0;
}

.mailster-_recaptcha-wrapper {
    display: block !important;
}

/* For iOS 11 tag subpage */
.taxonomy-description {
    padding-top: 40px;
}

.taxonomy-description ul {
	list-style: initial;
}

/*Unsubscribe form*/

#mailster-form-unsubscribe {
    font-family: "aktiv-grotesk",sans-serif;
}


#mailster-form-unsubscribe .submit-button {
    font-family: "aktiv-grotesk",sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    padding-top: 2px;
}



/*New search option*/

.algolia-autocomplete {
    width: 700px !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    transform: translateX(-120px);
}

@media only screen and (max-width: 770px) {
    .algolia-autocomplete {
        transform: translateX(-24px);
    }
}


/* Custom popular post cikkekbe */

.ppl-custom li {
    padding-left: 0;
    margin-left: 0 !important;
    display: flex;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 20px !important;
}

.ppl-custom .wpp_featured {
    width: 140px;
    margin-right: 20px;
}


.ppl-custom .wpp-post-title {
    color: #1284ff;
    transition: .3s;
    text-decoration: none;
    line-height: 1.2;
    font-size: 18px;
}

.ppl-custom .wpp-post-title:hover {
    color: #1a1a1a;
    text-decoration: none;
}


/* QR Code */

.appDownload div:nth-child(3) img{
	width: 80px !important;
}



/* DISPLAY POST LISTING */

.display-posts-listing {
    margin-top: 30px;
}

.display-posts-listing .listing-item {
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    border-bottom: 1px solid rgb(244, 244, 244);
}

.display-posts-listing .listing-item .image {
    margin-right: 10px;
    width: auto;
    height: 90px;
    margin-top: 5px;

}

.display-posts-listing .listing-item .title {

}

.display-posts-listing .listing-item .display-post-custom-excerpt {

}


.display-posts-listing .listing-item .image .image-content {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative;
    margin: 0;
    padding: 0;
    width: 110px;
    height: 90px;
}

.display-posts-listing .listing-item .title h3 {
    color: #1284ff;
    transition: .3s;
    text-decoration: none;
    font-size: 20px;
    padding: 0;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0;
}

.display-posts-listing .listing-item .title h3:hover {
    text-decoration: none !important;
    color: #1a1a1a;
}


.display-posts-listing .listing-item a:hover {
    text-decoration: none !important;
}

.display-posts-listing .display-post-custom-excerpt p {
    font-size: 14px;
    color: #606060;
    margin-bottom: 0;
}

.yuzo_pro .relatedthumb {
    padding: 10px  5px  0px  5px !important;
}


/*KERESO SAV HEADER*/

.kereso-sav-header {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .05);
    width: 100%;
    z-index: 10000 !important;
    min-width: 960px;
    transition: .3s;
}

.kereso-sav-header .header-search {
    height: 44px;
    margin-top: 0;
}

.kereso-sav-header .content {
    width: 960px;
    margin-left: auto;
    margin-right: auto;

}

.kereso-sav-header .header-search-form {
    margin-top: 0;
    opacity: 1;
    padding: 0;
    height: 44px;
    border: none;
    margin-bottom: 0;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    float: left;

    display: flex;
}

.kereso-sav-header .icon-search:before {
    color: #1284FF;
}

.kereso-sav-header .icon-search {
    float: none;
    width: auto;
    margin-right: 12px;f
}

.kereso-sav-header .header-search-form .text {
    float: none;
    width: auto;
    height: 44px;
    width: 100%;
}

.kereso-sav-header .header-search-form input, .kereso-sav-header .header-search-form input:focus {
    color: #000 !important;
    transition: .3s;
}

.kereso-sav-header .header-search-form input {
    caret-color: #1284FF;
    margin-bottom: 0;
}

.kereso-sav-header .header-search-form ::-webkit-input-placeholder {
   color: rgba(0, 0, 0, .5);
   transition: .3s;
}

.kereso-sav-header .header-search-form :-moz-placeholder { /* Firefox 18- */
   color: rgba(0, 0, 0, .5);
   transition: .3s;
}

.kereso-sav-header .header-search-form ::-moz-placeholder {  /* Firefox 19+ */
  color: rgba(0, 0, 0, .5);
  transition: .3s;
}

.kereso-sav-header .header-search-form :-ms-input-placeholder {
   color: rgba(0, 0, 0, .5);
   transition: .3s;
}


/* DISCOURSE CARD */

.discourse-card {
    background-color: #FAFAFA;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, .05);
    margin-bottom: 30px;
}

.discourse-card__content {
    padding-left: 8%;
    padding-right: 8%;
    padding-top: 40px;
    padding-bottom: 40px;
}

.discourse-card__content p {
    font-family: "museo-sans-rounded",sans-serif;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.6;
    text-align: center;
    font-weight: 300;
}

.discourse-card__content a, .discourse-card__content a strong  {
    color: #1284FF;
}

.discourse-card .button-container {
    text-align: center;
}

.discourse-card .button, .discourse-comments-area .button, .discourse-card .button-p-wrapper a {
    font-family: "museo-sans-rounded",sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background-color: #1284FF;
    padding: 12px 0px;
    letter-spacing: 0px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 0;
    border: none;
    transition: .3s;
    text-decoration: none;
}

.discourse-card .button a, .discourse-comments-area .button a {
    padding: 16px 22px;
}

.discourse-card-without-button .discourse-card__content p:last-child {
    margin-bottom: 0;
}

.discourse-card .button a, .discourse-comments-area .button a, .discourse-comments-area .button-p-wrapper a {
    color: #fff;
    text-decoration: none;
}

.discourse-card .button a:hover, .discourse-comments-area .button a:hover, .discourse-comments-area .button-p-wrapper a:hover {
    color: #fff;
    text-decoration: none;
}

.discourse-card .button:hover, .discourse-comments-area .button:hover, .discourse-card .button-p-wrapper a:hover, .discourse-comments-area .button-p-wrapper a:hover {
    background-color: #2a90ff;
    text-decoration: none;
    transform: translateY(-1px);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}

.discourse-comments-area .button-container {
    text-align: center;
}

.discourse-comments-area {
    margin-bottom: 30px;
}

.discourse-comments-area .comment-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.discourse-comments-area .comment-author img {
    border-radius: 50%;
    margin-right: 5px;
}

.discourse-comments-area .comment-author {
    font-family: "aktiv-grotesk",sans-serif !important;
}

.discourse-comments-area .comment-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.discourse-comments-area .comment-meta time {
    font-size: 13px;
    color: rgba(0, 0, 0, .6);
}

.discourse-comments-area .comment-content {
    background: transparent;
    margin-left: 63px;
    margin-top: -61px;
    background: none;
    padding-left: 10px;
    padding-bottom: 20px;
}

.discourse-comments-area .comment-content .aspect-image img {
	width: 100%;
	height: auto;
}

.discourse-comments-area .comment {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 25px
}

.discourse-comments-area .comment:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.comment-content .onebox {
    background-color: white;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2), 0 15px 30px rgba(50,50,93,.03), 0 5px 15px rgba(0,0,0,.03);
    border-radius: 4px;
    padding: 14px 16px 10px 16px;
    margin-bottom: 30px;
}

.comment-content .source {
    margin-bottom: 10px;
}

.comment-content .source img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.comment-content .source a {
    vertical-align: bottom;
    line-height: 1;
}


/* PATREON */

.uab-frontend-wrapper-outer {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 15px 30px rgba(50,50,93,.06), 0 5px 15px rgba(0,0,0,.06);
    background-color: #fff;
    margin-bottom: 30px;
}

.uab-tabs:before {
    display: none;
}

.uab-tabs, .uab_external_link_tab {
    border: none !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.uab-tabs .tab-link, .uab_external_link_tab {
    border: none !important;
}

.uab-tab-index-wrapper {
    display: block !important;
}

.uab_external_link_tab {
    text-decoration: none;
    text-transform: none !important;
    font-size: 16px !important;
    color: rgba(0, 0, 0, .4) !important;
    margin-left: 30px;
    letter-spacing: 0 !important;
    font-family: "museo-sans-rounded",sans-serif !important;
    font-weight: 500 !important;
    transition: .3s;
    background-color: transparent !important;
}

.uab_external_link_tab:hover {
    text-decoration: none !important;
    color: #1284ff !important;
}

.uab-template-1 .uab-tabs li {
    background-color: transparent;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 16px;
    text-transform: none;
    color: rgba(0, 0, 0, .4);
    font-weight: 500;
    font-family: "museo-sans-rounded",sans-serif;
    line-height: 1;
    transition: .3s;
}

.uab-template-1 .uab-tabs li:hover {
    color: #1284FF;
}

.uab-tabs li.uab-current {
    background-color: #1284FF;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 11px;
    padding-bottom: 11px;
    font-size: 16px;
    text-transform: none;
    color: white;
    font-weight: 500;
    font-family: "museo-sans-rounded",sans-serif;
    line-height: 1;
    transition: .3s;
}

.uab-tabs li.uab-current:hover {
    color: white;
}

.uab-tab-content {
    background: linear-gradient(180deg,#fafbfc 0,#fff 36px) !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 20px !important;
    padding-bottom: 0 !important;
}

.uab-defaut-tab:before {
    display: none;
}

.uab-defaut-tab {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
}

@media only screen and (max-width: 768px) {
    .uab-tabs {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
    }

    .uab-tabs .tab-link {
        width: auto !important;
    }
}

.uab-author-profile-pic {
    float: none !important;
}

.uab-front-content {
    float: none !important;
    width: auto !important;
}


.uab-template-1 .uab-author-profile-pic {
    width: 80px;
}

.uab-template-1 .uap-profile-image {
    width: 80px;
    height: 80px;
}

.uab-template-1 .uap-profile-image img {
    width: 100%;
    height: auto;
}

.uab-user-role {
    display: none !important;
}

.uab-display-name span {
    font-family: "aktiv-grotesk",sans-serif !important;
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.uab-short-info p {
    font-family: "museo-sans-rounded",sans-serif;
    font-size: 16px !important;
    font-weight: 300;
    color: #000;
    letter-spacing: initial;
}

.uab-template-1 .uab-short-info a {
    color: #1284ff;
}

.uab-contact-label {
    display: none !important;
}

.uab-social-icons {
    padding-left: 0 !important;
}

.uab-social-icons ul li {
    margin-left: 0 !important;
    margin-right: 30px;
}


.patreon-link {
	font-weight: 500;
	font-size: 16px;
	color: white !important;
	background-color: #1284FF;
	padding: 10px 24px;
	letter-spacing: 0px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	border-radius: 4px;
	margin-bottom: 0;
	border: none;
	transition: .3s ease;
}

.patreon-link:hover {
    background-color: #2a90ff;
    transform: translateY(-1px);
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .25);
}


.uab-recent-posts {
    padding: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100%;
}

.uab-recent-posts ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.uab-recent-posts ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.post-item-wrapper:before {
    display: none;
}

.post-item-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.uab-post-first-wrapper {
    float: none;
}

.uab-template-1 .uab-post-first-wrapper {
    float: none !important;
    width: auto !important;
}

.uab-post-second-wrapper {
    float: none !important;
    width: auto !important;
    margin-left: 0;
    width: 100% !important;
}

.uab-post-image  {
    background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	position: relative;
	margin: 0 !important;
    padding: 0 !important;
    width: 110px !important;
    height: 80px !important;
}

.uab-post-image:after {
    display: none;
}

.uab-post-title-wrapper {
    margin-bottom: 0 !important;
}

.uab-post-title-wrapper a {
    font-family: "aktiv-grotesk",sans-serif !important;
    font-size: 18px !important;
    line-height: 1;
    font-weight: 500 !important;
    color: #000;
    transition: .3s;
}

.uab-post-title-wrapper a:hover {
    color: #2a90ff;
    text-decoration: none;
}

.post-item-wrapper:hover .uab-post-title-wrapper a {
    color: #2a90ff !important;
}

.site-navigation ul li:nth-child(13):after {
    content: "Új!";
    display: inline-block;
    background-color: #FF3B30;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    padding: 4px 8px;
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    margin-left: -2px;
    vertical-align: middle;
    margin-top: -20px;
}


/* AFTERPOST PROMOTION */

.afterpost-promotion {
    margin-bottom: 30px;
}

.afterpost-promotion .afterpost-promotion__title {
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}

.afterpost-promotion .card-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.afterpost-promotion .promotion-card {
    width: 32%;
    border-radius: 6px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2), 
    0 15px 30px rgba(50,50,93,.06), 
    0 5px 15px rgba(0,0,0,.06);
    padding-bottom: 20px;
    overflow: hidden;
    transition: .5s cubic-bezier(.2,.8,.2,1);
}

.promotion-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0 1px rgba(0, 0, 0, .2), 
    0 15px 30px rgba(50,50,93,.1), 
    0 5px 15px rgba(0,0,0,.08);
}

.promotion-card .promotion-card__img {
    background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
	margin: 0;
    padding: 0;
    width: 100%;
    height: 160px;
}

.promotion-card .promotion-card__content {
    margin-left: 6%;
    margin-right: 6%;
    margin-top: 14px;
}

.promotion-card .promotion-card__title {
    font-family: "aktiv-grotesk",sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 14px;
    color: #000;
    text-decoration: none !important;
}

.promotion-card__title:hover .promotion-card {
    text-decoration: none;
}

.promotion-card .promotion-card__button {
    margin-bottom: 0;
}

.promotion-card:hover a {
    text-decoration: none;
}





/* DARK THEME */


.main-navigation {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.dark-mode-switch {
    width: auto;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dark-mode-switch p {
    font-family: "aktiv-grotesk",sans-serif;
    color: rgba(255, 255, 255, .7);
    font-weight: 400;
    margin-bottom: 0;
    font-size: 15px;
    margin-right: 5px;
    line-height: 1;
    transition: .3s;
}

.dark-mode-switch:hover p {
    color: rgba(255, 255, 255, 1);
}

.dark-mode-switch svg {
    margin-top: 0px;
    margin-left: 0px;
    transition: .3s;
}

.dark-mode-switch svg g {
    fill: #fff;
    transition: .3s;
}

.dark-mode-on .dark-mode-switch svg g {
    fill: #1284ff;
}

.dark-mode-on {
    background: #101010;
    color: rgba(255, 255, 255, .8);
}

.dark-mode-on .top-menu li {
    color: rgba(255, 255, 255, .7);
}

.dark-mode-on .top-header {
    background: transparent;
}

.dark-mode-on .super-header-cont {
    background: transparent;
}

.dark-mode-on h1, .dark-mode-on h2, .dark-mode-on h3, .dark-mode-on h4, .dark-mode-on h5, .dark-mode-on h6 {
    color: rgba(255, 255, 255, .9);
}

.dark-mode-on .entry-header .entry-title a {
    color: rgba(255, 255, 255, .9);
}

.dark-mode-on .kereso-sav-header {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .05), 0 -1px 0 rgba(255, 255, 255, .05);
}

.dark-mode-on .kereso-sav-header .header-search-form input, .dark-mode-on .kereso-sav-header .header-search-form input:focus {
    color: #fff !important;
}

.dark-mode-on .kereso-sav-header .header-search-form ::-webkit-input-placeholder {
   color: rgba(255, 255, 255, .5);
}

.dark-mode-on .kereso-sav-header .header-search-form :-moz-placeholder { /* Firefox 18- */
   color: rgba(255, 255, 255, .5);
}

.dark-mode-on .kereso-sav-header .header-search-form ::-moz-placeholder {  /* Firefox 19+ */
  color: rgba(255, 255, 255, .5);
}

.dark-mode-on .kereso-sav-header .header-search-form :-ms-input-placeholder {
   color: rgba(255, 255, 255, .5);
}

.dark-mode-on .widget-area .widget {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .1);
}

.dark-mode-on .wpp-post-title {
    color: #fff;
}

.dark-mode-on .wpp-post-title:visited {
    color: #fff;
}

.dark-mode-on a:hover, .dark-mode-on a:focus {
    color: #fff;
}

.dark-mode-on footer.entry-meta {
    background: #191919;
}

.dark-mode-on .afterpost-a, .dark-mode-on .cikkoz {
    background-color: transparent;
}

.dark-mode-on strong {
    color: rgba(255, 255, 255, .9);
}

.dark-mode-on .yuzo_pro .relatedthumb:hover {
    background: #191919 !important;
}

.dark-mode-on .yuzo_pro .yuzo-list {
    border-bottom: 1px solid rgba(255, 255, 255, .2) !important;
}

.dark-mode-on .aa-dropdown-menu {
    background-color: #191919;
    color: rgba(255, 255, 255, .8) !important;
}

.dark-mode-on .aa-dropdown-menu a {
    color: rgba(255, 255, 255, .9) !important;
}

.dark-mode-on .aa-suggestion:hover {
    background-color: rgba(0, 0, 0, .8) !important;
}

.dark-mode-on .recentcomments a {
    color: rgba(255, 255, 255, .8);
}

.dark-mode-on .comment .comment-content {
    background: #191919;
}

.dark-mode-on .comment .comment-content p {
    color: rgba(255, 255, 255, .9);
}

.dark-mode-on .comment-mountain {
    background:url('/wp-content/themes/szifon/images/mountain_grey@2x-dark-mode-on.svg') !important;
}

.dark-mode-on .author-mountain {
    background:url('/wp-content/themes/szifon/images/mountain_grey@2x-dark-mode-on.svg') !important;
}

.dark-mode-on .comment-creator {
    color: #fff;
}

.dark-mode-on .comment-author .authormetadata a {
    color: rgba(255, 255, 255, .9);
}

.dark-mode-on .mailster-form {
    background-color: #191919;
}

.dark-mode-on .comment-author-jadeye .comment-content {
    background-color: #191919 !important;
    border: 1px solid #eafee9;
}

.dark-mode-on .comment-author-jadeye .comment-mountain {
    background: none !important;
}

.dark-mode-on .comment-author-admin .comment-content {
    background-color: #191919 !important;
    border: 1px solid #e9f2fe;
}

.dark-mode-on .comment-author-admin .comment-mountain {
    background: none !important;
}

.dark-mode-on .appDownload {
    background-color: #191919 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode-on .entry-header .entry-meta a:hover  {
    text-decoration: none;
    color: #fff;
}

.dark-mode-on .entry-content blockquote p  {
    color: rgba(255, 255, 255, .8);
}

.dark-mode-on .entry-content blockquote ul li  {
    color: rgba(255, 255, 255, .8);
}

.dark-mode-on #comment-box {
    background-color: #191919;
    border-color: #191919;
    color: #fff;
}

.dark-mode-on .disclaimer {
	background-color: #191919 !important;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.dark-mode-on .discourse-card {
    background-color: #191919;
}

.dark-mode-on .discourse-card__content p a {
    color: #1284FF;
}

.dark-mode-on .discourse-card__content p a:hover {
    color: #fff;
}

.dark-mode-on .discourse-card__content a, .dark-mode-on .discourse-card__content a strong:hover {
    color: #fff;
}


.dark-mode-on .uab-frontend-wrapper-outer {
    box-shadow: 0 0 1px rgba(0, 0, 0, .1), 0 15px 30px rgba(50,50,93,.06), 0 5px 15px rgba(0,0,0,.06);
    background-color: #191919;
    border: 1px solid rgba(255, 255, 255, .1)
}

.dark-mode-on .uab-tab-content {
    background: transparent !important;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.dark-mode-on .uab-display-name span {
    color: rgba(255, 255, 255, .9) !important;
}

.dark-mode-on .uab-short-info p {
    color: rgba(255, 255, 255, .8) !important;
}

.dark-mode-on .uab-template-1 .uab-tabs li {
    color: rgba(255, 255, 255, .4);
}

.dark-mode-on .uab-tabs li.uab-current {
    color: white;
}

.dark-mode-on .uab-post-title-wrapper a {
    color: rgba(255, 255, 255, .8);
}

.dark-mode-on .uab-recent-posts ul li {
    border-bottom: 1px solid rgba(255, 255, 255, .05);
}

.dark-mode-on .uab_external_link_tab {
    color: rgba(255, 255, 255, .4) !important;
}

/*BLOCKQUOTE UPDATE*/

blockquote p b {
    font-weight: 500 !important;
}


blockquote ul li {
    font-weight: 300 !important;
    line-height: 1.5;
}