/*
Theme Name: Maga XXL - Childtheme
Theme URI: https://ngocvuxxl.net
Author: Ngocvuxxl
Description: Maga XXL - Childtheme is a child theme of Magazine 7. The theme has different fonts and color setup. Furthermore, the theme added new banner advertisement widgets area at which you can add number of ad scripts. Additionally, it has altered some of the default value to other available settings, like archive layout. The child theme has also facilitates demo import functionality. With the help of available customizer options along with widgets, you can implement layouts as a clean and minimal blogging site, modern fashion blog, photography blog, wedding blog & magazine and even more. The theme is SEO friendly with optimized code and awesome support. See  our demo at https://demo.afthemes.com/magazine-7/magaziness/ and support at https://afthemes.com/supports/
Template: magazine-7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: magaziness
Tags: news, blog, entertainment, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, full-width-template, custom-header, translation-ready, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Magaziness WordPress Theme, Copyright 2018 AF themes
Magaziness is distributed under the terms of the GNU GPL v2 or later.
*/

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .main-navigation a,
body .font-family-1,
body .site-description,
body .trending-posts-line,
body .widget-title,
body .em-widget-subtitle,
body .grid-item-metadata .item-metadata,
body .af-navcontrols .slide-count,
body .figure-categories .cat-links,
body .nav-links a {
font-family: 'Bitter';
}

body, button, input, select, optgroup, textarea{
	line-height: 1.6;
}

body .figure-categories .cat-links a.magazine-7-categories {    
    background-color: #8e235e;    
} 

body .figure-categories .cat-links a.category-color-2 {
    background-color: #000000;
}

body .figure-categories .cat-links a.category-color-3 {
    background-color: #C4001A;
}

.figure-categories-bg .em-post-format:before{
background: #8e235e; 
}
.em-post-format{
color: #8e235e; 
}


body .top-masthead {
    background: #000;
}

body .secondary-color,
body button,
body input[type="button"],
body input[type="reset"],
body input[type="submit"],
body .site-content .search-form .search-submit,
body .site-footer .search-form .search-submit,
body .tagcloud a:hover{
background: #8e235e;
}


body.woocommerce #content input.button, 
body.woocommerce #respond input#submit,
body.woocommerce a.button, 
body .widget .woocommerce a.button, 
body.woocommerce button.button, 
body.woocommerce input.button, 
body.woocommerce-page #content input.button, 
body.woocommerce-page #respond input#submit, 
body.woocommerce-page a.button, 
body.woocommerce-page button.button, 
body.woocommerce-page input.button
{
background: #8e235e;
}

body a:hover,
body a:focus,
body a:active,
body .figure-categories-2 .cat-links a
{
color: #8e235e;
}

body .af-main-banner .slider-figcaption .slide-title {
        font-size: 33px;
}

body #primary .af-tabs.nav-tabs > li > a,
body.archive .site-content .header-title-wrapper .page-title,
body.search-results .site-content .header-title-wrapper .page-title,
body #primary .widget-title span,
body header.entry-header h1.entry-title{
font-size: 36px;
}

body .article-title, 
body .site-branding .site-title, 
body .main-navigation .menu ul li a {
letter-spacing: 0px;
line-height: 1.3;     
}

body .slider-figcaption .slide-title {
letter-spacing: 0px;
line-height: 1.1;     
}

body h1,
body h2,
body h2 span,
body h3,
body h4,
body h5,
body h6 {
line-height: 1.2;
}

.entry-content ul, .entry-content ol {
    padding: 0 0 0 26px;
}

li {
    margin-bottom: 1.5rem;
}

#primary-menu li {
    margin: 0;
}

.entry-content, #secondary .widget, .comments-area, .woocommerce div.product .woocommerce-tabs .panel {
    padding: 1rem 1.8rem;
}

blockquote {
    font-size: 1.2em;
    font-style: normal;
}

a.post-edit-link {
    display: none;
}

h2.widget-title {
    margin: 1.2em 0 !important;
}

#categories-2 {
    padding: 0 1em !important;
}

#categories-2 ul li {
    font-size: 1.1em;
    margin-bottom: 0.4em;
}

.figure-categories .cat-links a.magazine-7-categories {
    padding: 4px 12px 2px;
}

.post-description, .entry-content {
    overflow: hidden;
}

h5, .h5 {
    font-size: 1em;
    line-height: 1.6 !important;
}

.footer-nav-wrapper ul {
    text-align: center;
}

.footer-nav-wrapper ul li {
    margin: 0;
}

ul.web i {
    width: 20px;
}

.af-tabs.nav-tabs > li > a {
    color: inherit;
}

ul.nav.nav-tabs.af-tabs {
    display: flex;
    margin: 0 -20px 16px;
    background: #e1e1e1;
}

.af-main-banner-featured-posts {
    margin: 2em 0;
}

p.site-title  {
}

.site-title a  {
    position: relative;
    background: linear-gradient(to right, #24243e, #141E30, #0f0c29);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-title a:before, .site-title a:after {
    content: "xxl's góc riêng";
    position: absolute;
    top: 0;
    left: 0; 
}

.site-title a:before {
    z-index: -1;
    text-shadow: -0.001em -0.001em 1px rgba(255,255,255,.15);
}

.site-title a:after {
    z-index: -2;
    text-shadow: 10px 10px 10px rgba(0,0,0,.5), 20px 20px 20px rgba(0,0,0,.4), 30px 30px 30px rgba(0,0,0,.1);
    mix-blend-mode: multiply; 
}

.pagination .nav-links span, .pagination .nav-links a {
    padding: 0.8rem 1.2rem;
    border-radius: 8px;
    background: #5f5f5f;
    color: #FFF;
    text-align: center;
    font-family: 'Bitter';
}

.magazine-7-pagination {
    text-align: center;
}

.aft-image-caption {
    display: none;
}

h1.entry-title {
    margin: 30px auto;
    text-align: center;
}

article li {
    margin-bottom: 0.5rem;
}

.wp-block-separator {
    border-top: 1px solid #8e235e;
    border-bottom: 1px solid #8e235e;
	background-color: #8e235e;
    opacity: 0.6;
}

#contact {
    margin: 2rem 0;
}

#contact img, #contact button {
    width: 100%;
    display: block;
    text-align: center;
    margin: 6px 0;
}

#contact img {
    box-shadow: 5px 3px 9px 0px #787878;
    opacity: 0.9;
    border-radius: 12px;
}

#contact img:hover {
    opacity: 1;
    box-shadow: 5px 3px 9px 0px #8e235e;
    transition: 0.36s;
}

span.author-links {
    text-align: center;
    margin: 10px auto 0;
    padding-top: 6px;
    display: block;
    border-top: 1px solid #d1d1d1;
}

@media only screen and (max-width: 640px) {

    .site-branding .site-title {
        font-size: 36px !important;
    }
    .site-title a:before, .site-title a:after {
        content: none;
    }
}