/**
Theme Name: Creativ Magazine
Theme URI: https://creativthemes.com/downloads/creativ-magazine
Author: creativthemes
Author URI: https://creativthemes.com
Version: 1.0
Requires PHP: 5.6
Tested up to: 5.8
Requires at least: 5.1
Template: darkmag
Text Domain: creativ-magazine
Description: Creativ Magazine is Unique News, Magazine WordPress Theme created for News Portal, Magazine websites, News agencies, Business Magazine, Technology Sites and all type of publishing or review site. This is a child theme of DarkMag.
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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.
*/

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.main-navigation form.search-form button.search-submit:hover,
.main-navigation form.search-form button.search-submit:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
.pagination .page-numbers.prev:hover, 
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus, 
.pagination .page-numbers.next:focus,
.widget-title,
.tags-links a,
.entry-meta .cat-links a:nth-child(1n):hover,
.entry-meta .cat-links a:nth-child(1n):focus,
.reply a,
.section-title,
.btn,
.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus,
.slick-dots li.slick-active button,
#breaking-news .slick-arrow,
#trending-posts .slick-arrow,
.dark-mode .pagination .page-numbers.current, 
.dark-mode .pagination .page-numbers:hover, 
.dark-mode .pagination .page-numbers:focus,
#secondary .widget_tag_cloud .tagcloud a:hover,
#secondary .widget_tag_cloud .tagcloud a:focus,
#colophon .widget_tag_cloud .tagcloud a:hover,
#colophon .widget_tag_cloud .tagcloud a:focus,
#colophon .widget_search form.search-form button.search-submit,
.backtotop,
.entry-meta .cat-links a:nth-child(1n) {
    background-color: #0987f5;
}

.logged-in-as a,
a,
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a,
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a,
.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus,
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus,
.pagination .page-numbers.prev, 
.pagination .page-numbers.next,
#secondary a:hover,
#secondary a:focus,
.page-header small,
.post-categories a,
.entry-meta .author a:before,
.comment-meta .url:hover,
.comment-meta .url:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time,
.entry-title a:hover,
.entry-title a:focus,
.entry-container .date a,
.blog-posts-wrapper .sticky .post-item .entry-title a:hover,
.blog-posts-wrapper .sticky .post-item .entry-title a:focus,
.dark-mode .entry-title a:hover,
.dark-mode .entry-title a:focus,
.dark-mode #secondary a:hover, 
.dark-mode #secondary a:focus,
#colophon a:hover,
#colophon a:focus,
#wp-calendar #today {
    color: #0987f5;
}

#loader svg {
    fill: #0987f5;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.widget_search form.search-form input[type="search"]:focus,
.tags-links a,
.reply a,
.btn,
#secondary .widget_tag_cloud .tagcloud a:hover,
#secondary .widget_tag_cloud .tagcloud a:focus,
#colophon .widget_tag_cloud .tagcloud a:hover,
#colophon .widget_tag_cloud .tagcloud a:focus {
    border-color: #0987f5;
}

.widget-header,
.section-header {
    border-bottom-color: #0987f5;
}

.entry-meta .cat-links a:nth-child(1n):hover,
.entry-meta .cat-links a:nth-child(1n):focus {
    background-color: #111;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Raleway', sans-serif;
}

body,
.main-navigation a {
    font-family: 'Lato', sans-serif;
}

/*--------------------------------------------------------------
# Wrapper
--------------------------------------------------------------*/
.wrapper {
    width: 90%;
    max-width: 1200px;
}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
#top-bar {
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

#top-bar .current-date {
    color: #444;
}

#top-bar .social-icons li a {
    color: #444;
}

#top-bar .social-icons li a:hover,
#top-bar .social-icons li a:focus {
    color: #fff;
}

.main-navigation {
    background-color: #f6f6f6;
}

.main-navigation ul.nav-menu > li > a,
.main-navigation form.search-form button.search-submit {
    color: #444;
}

.menu-toggle span,
.menu-toggle span:before, 
.menu-toggle span:after {
    background-color: #000;
}

.main-navigation form.search-form input {
    background-color: #ddd;
    border-color: #ddd;
    color: #444;
}

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
    .main-navigation ul.nav-menu .current_page_item > a, 
    .main-navigation ul.nav-menu .current-menu-item > a, 
    .main-navigation ul.nav-menu .current_page_ancestor > a, 
    .main-navigation ul.nav-menu .current-menu-ancestor > a,
    .main-navigation ul.nav-menu > li:hover > a, 
    .main-navigation ul.nav-menu > li.focus > a,
    .main-navigation ul ul li:hover > a,
    .main-navigation ul ul li.focus > a {
        background-color: #0987f5;
        color: #fff;
    }
    #highlighted-posts article:nth-child(1) {
        width: 50%;
    }
    #highlighted-posts article:nth-child(1) .featured-image {
        padding: 250px 0;
    }
    #highlighted-posts article:nth-child(1) .entry-title {
        font-size: 32px;
    }
    #highlighted-posts article:nth-child(2) {
        width: 25%;
    }
    #highlighted-posts article:nth-child(2) .featured-image {
        padding: 120px 0;
    }
    #highlighted-posts article:nth-child(2) .entry-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 1023px) {
    .dark-mode .main-navigation ul ul li a:hover,
    .dark-mode .main-navigation ul ul li a:focus {
        color: #0987f5;
    }
}