/*
Theme Name:     Zuki Child
Theme URI:      http://www.elmastudio.de/wordpress-themes/zuki/
Description:    Child Theme für Zuki, mit Anpassungen für Comicgate
Author:         Thomas Kögel
Author URI:     http://comicgate.de/
Template:       zuki
Version:        1.0
*/

@import url('../zuki/style.css');

/*-----------------------------------------------------------------------------------*/
/*        2.0 General Styles
/*-----------------------------------------------------------------------------------*/
/* --- Headings --- */
h1, h2, h3, h4, h5, h6 {
        -webkit-hyphens: none;
           -moz-hyphens: none;
            -ms-hyphens: none;
                        hyphens: none;
}

/*-----------------------------------------------------------------------------------*/
/*        3.0 Links + Colors
/*-----------------------------------------------------------------------------------*/

.entry-content a {
        color: #700000;
        border-bottom: 1px solid #ccc;
}
.entry-content a:visited {
        color: #AB6560;
        border-bottom: 1px solid #ccc;
}
.entry-content a:hover {
        color: #191919;
        border-bottom: 1px solid #444;
}

/*-----------------------------------------------------------------------------------*/
/*        4.0 Header
/*-----------------------------------------------------------------------------------*/

#site-title {
        margin: 0;
        padding: 12px 0 20px 20px;
        text-align: left;
        width: 300px;
        float: left;
        display: block;
}

/* --- Header Top Navigation --- */
#header-top-nav {
        display: block;
        clear: both;
        overflow: hidden;
        text-align: right;
        padding: 10px 75px 0;
}
/* --- Main Menu --- */
#site-nav {
		font-family: 'Karla', Verdana, Arial, sans-serif;
		text-transform: uppercase;
}

/*-----------------------------------------------------------------------------------*/
/*        5.0 Posts
/*-----------------------------------------------------------------------------------*/
/*
.site-content .post,
.site-content .type-attachment,
.search-results .site-content .page {
        max-width: 660px;
}
*/
/* --- Post Header --- Andere Schriftart für Überschriften */
.entry-header h2.entry-title,
.entry-header h1.entry-title {
        display: block;
        margin: 0;
        padding: 0 0 20px;
        font-family: 'Changa One', Georgia, serif; !important;
        font-size: 22px;
        font-size: 2.4rem;
        line-height: 1.35;
        font-weight: normal;
        word-wrap: normal;
}
.entry-header h1.entry-title {
        padding: 15px 0 20px;
}
.site-content .post {
        padding-bottom: 25px;
}

/*-----------------------------------------------------------------------------------*/
/*        5.1 Single Posts
/*-----------------------------------------------------------------------------------*/
/* --- Typography --- */
.entry-content p,
.entry-content p.standard-text,
.entry-content ul,
.entry-content ol,
.entry-content .wide-content {
        line-height: 1.5;
}

/*-----------------------------------------------------------------------------------*/
/* 10.0 Widgets
/*-----------------------------------------------------------------------------------*/
.widget-area .widget {
        padding: 15px 0 20px;
}
.widget h3.widget-title {
        padding: 0 0 18px;
}

/*-----------------------------------------------------------------------------------*/
/* 10.2 Custom Zuki Front Page Widgets
/*-----------------------------------------------------------------------------------*/

.widget_zuki_recentposts_cg_color .bg-wrap {background: #ef8c1f;}

/* --- Zuki Recent Posts Widgets Titles --- */
.rp-cg-medium-content h3.entry-title {
        margin: 0;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.3;
}
.rp-cg-medium .entry-date {
        padding-bottom: 3px;
        font-size: 11px;
        font-size: 0.6875rem;
        font-style: italic;
}

.rp-cg-medium {
                border-right: 1px solid #ededed;
                min-height: 133.3px;
                margin-bottom: 40px;
                float: left;
        }
        .front-fullwidth .rp-cg-medium,
        .front-content .rp-cg-medium {
                border-bottom: none;
        }
        .front-fullwidth .rp-cg-medium .entry-thumb,
        .front-content .rp-cg-medium .entry-thumb {
                max-width: 200px;
                margin: 0 0 10px;
                padding: 0;
        }
        .front-content .rp-cg-medium {
                width: 26.1905%;
                min-height: 180px;
                padding: 0 2.381%;
        }
        .front-content .rp-cg-medium:nth-of-type(4n+4) {
                width: 23.8095%;
                padding: 0 0 0 2.381%;
                clear: right;
                border-right: none;
        }
        .front-content .rp-cg-medium:nth-of-type(4n+1) {
                width: 23.8095%;
                padding: 0 2.381% 0 0;
                clear: left;
        }
        .front-fullwidth .rp-cg-medium {
                width: 20.6349%;
                min-height: 180px;
                padding: 0 2.381%;
        }
        .front-fullwidth .rp-cg-medium:nth-of-type(5n+5) {
                width: 19.0476%;
                padding: 0 0 0 2.381%;
                clear: right;
                border-right: none;
        }
        .front-fullwidth .rp-cg-medium:nth-of-type(5n+1) {
                width: 19.0476%;
                padding: 0 2.381% 0 0;
                clear: left;
        }


/*-----------------------------------------------------------------------------------*/
/*        13.0 Shortcodes
/*-----------------------------------------------------------------------------------*/
/*-- Grauer Kasten nicht kursiv --*/
/* Infoboxes */
.grey-box {
        margin: 0 0 12px;
        padding: 12px;
        overflow:hidden;
        font-family: 'Karla', Verdana, Arial, sans-serif;
        font-size: 14px;
        font-size: 1rem;
        color: #474747;
        font-style: normal;
        line-height:1.4;
}
.grey-box a {
        color: #AB3830;
}
.grey-box a:hover {
        color: #191919;
        border-bottom: 1px solid #444;
}
/* Buttons */
.standard-btn {
        display: inline-block;
        margin: 10px 0 0 0;
        padding: 12px 18px 11px;
        overflow: hidden;
        cursor: pointer;
        font-family: 'Karla', Verdana, Arial, sans-serif;
        font-size: 12px;
        font-size: 0.75rem;
        background: #000;
        color: rgba(255, 255, 255, 0.85);
        text-align: center;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-decoration: none !important;
        -webkit-transition: 0.2s background ease;
           -moz-transition: 0.2s background ease;
                 -o-transition: 0.2s background ease;
                -ms-transition: 0.2s background ease;
                        transition: 0.2s background ease;
}

/*-----------------------------------------------------------------------------------*/
/*        14.0 Media Queries
/*-----------------------------------------------------------------------------------*/

/* Maximum width of 750 pixels (Smartphone)
------------------------------------------------------------------------------------ */
@media screen and (max-width: 750px) {
        .rp-cg-medium {
                border-right: none;
                min-height: 0;
                margin-bottom: 10px;
                float: none;
                max-width: none;
        }
        .front-fullwidth .rp-cg-medium {
                width: 100%;
                padding: 0;
                min-height: 0;
        }
        .front-fullwidth .rp-cg-medium:nth-of-type(5n+1) {
                width: 100%;
                padding: 0;
        }
        .front-fullwidth .rp-cg-medium:nth-of-type(5n+5) {
                width: 100%;
                padding: 0;
        }
        .front-fullwidth .rp-cg-medium img {
                display: none;
        }
}

/* Minimum width of 1260 pixels (laptops 13")
------------------------------------------------------------------------------------ */
@media screen and (min-width: 1260px) {
        /* --- Header --- */
        #masthead {
                padding: 0px 0 0;
        }
        /* --- Main Menu --- */
        #site-nav {
                padding: 10px 0 20px;
                position: absolute;
                top: 117px;
                right: 0;
        }
        /* --- Search Header --- */
        #masthead .search-box {
                position: absolute;
                top: -10px;
                right: 0;
        }
        /* --- Main Menu --- */
		#site-nav ul li {
		margin: 0 9px;
		}
        #site-nav ul li a {
                font-size: 1.5rem;
                line-height: 1.0;
        }
}


/*-----------------------------------------------------------------------------------*/
/*        SONSTIGES
/*-----------------------------------------------------------------------------------*/
.banner_leaderbord {
        position: relative;
        display: block;
        padding: 20px 0 10px 0;
        width: 730px;
        margin-left: auto;
        margin-right: auto;
}
/* Keine Einrückung bei Shariff-Social-Media-Buttons */
.shariff ul{
        padding-left: 0px;
}

/* Abstand Disqus-Box nach unten */
#disqus_thread {
        margin-bottom: 25px;
}

/* Ähnliche Artikel */
.rp4wp-related-posts h3 {
        border-top: 1px solid #CCC;
        padding-top: 10px;
}
.rp4wp-related-posts ul {
        border-bottom: 1px solid #CCC;
        margin-bottom: 10px;
}
.rp4wp-related-post-content a {
        color: #ab3830;
        border-bottom: 1px solid #ccc;
        font-weight: bold;
        font-size: 0.9rem;
}
.rp4wp-related-post-content a:hover {
        color: #191919;
        border-bottom: 1px solid #444;
        font-weight: bold;
}
.rp4wp-related-posts p {
        font-size: 0.8rem;
}

/* Linkfarbe Kategorien und Tags */
.entry-cats a, .entry-tags a {
        color: #ab3830;
}