/*
Theme Name: Stygian Light
Theme URI: https://fireflythemes.com/themes/stygian-light/
Author: FireFly Themes
Author URI: https://fireflythemes.com/
Description: Stygian Light is a child theme of Stygian Dark WordPress Theme. Stygian Light provides all the features of its parent theme in light color scheme. A different header style has been added as well to accommodate lighter skin. Similarly, featured grid and what we do sections' style has alos been updated to suite light color scheme. Visit https://fireflythemes.com/support for support, https://fireflythemes.com/documentation/stygian for theme documentation and https://demo.fireflythemes.com/stygian-light for demo.
Version: 1.0.0
Requires at least: 5.5
Tested up to: 5.8
Requires PHP: 5.6
License: GPL-3.0-or-later
License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3
Text Domain: stygian-light
Template: stygian
Tags: blog, news, portfolio, grid-layout, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

Stygian Light Theme WordPress Theme, Copyright 2021 FireFly Themes
Stygian Light Theme is distributed under the terms of the GNU GPL

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

a,
a:visited {
    color: #222;
}
a:active,
a:focus,
a:hover {
    color: #f44336;
}
#masthead,
#respond,
#search-container,
#search-container:after,
.archive .entry-container,
.archive .hentry-inner,
.blog .entry-container,
.blog .hentry-inner,
.counter-section .counter-icon,
.featured-grid-section .featured-grid-text-content,
.hentry-inner,
.inner-block-shadow,
.key-features-section a.key-features-icon,
.main-navigation ul ul,
.main-navigation ul ul:before,
.section,
.section-filter-content .item-inner-wrapper .filter-content-content,
.section-latest-posts .latest-posts-text-content,
.section-teams .team-text-wrap,
.section-testimonial .testimonial-wrapper,
.sidebar .widget,
.single-content-wraper,
a.wwd-fonts-icon,
body {
    background: #fff;
}

.dark-patten .main-navigation ul li li a,
.dark-patten .main-navigation ul li li a:visited {
    color: #000;
}
.overlap-header #search-toggle,
.overlap-header .cart-contents a,
.overlap-header .cart-contents a:visited,
.overlap-header .main-navigation ul li a,
.overlap-header .site-title a,
.overlap-header .site-title a:visited,
.overlap-header p.site-description {
    color: #222;
}
.counter-section .counter-icon,
.key-features-section a.key-features-icon,
a.wwd-fonts-icon {
    box-shadow: 0 0 13px #2222221a;
}
.even-section {
    background: #f1f1f1;
}
body,
button,
input,
optgroup,
select,
textarea {
    color: #797978;
}
.main-navigation ul li a,
.recent-work-filter button {
    color: #000;
}
.counter-section .counter-icon,
.search-form .search-submit,
a.more-link,
a.more-link:visited {
    color: #222;
}
.sidebar ul li a,
.sidebar ul li a:visited {
    color: #000;
}
#breadcrumb {
    background: #ededed;
}
#breadcrumb li a,
.bcn-breadctumb > span a {
    color: #171717;
}
.sticky .hentry-inner:before {
    background: #fff;
    color: #000;
}
.sidebar-inner {
    background: #fff;
}
.key-features-section i {
    background: #fff;
    box-shadow: 0 0 39px #57525221;
}
.form-section.ff-grid-6 {
    background: #fff;
    box-shadow: 0 0 17px #a9a9a93d;
}
.widget .tagcloud a {
    color: #060606;
}
.entry-title a,
.entry-title a:visited {
    color: #212121;
}
.pricing-section .pricing-plan-header {
    color: #fff;
    background: #000;
}
.pricing-plan-title h4 {
    color: #fff;
}
.inner-block-shadow {
    -webkit-box-shadow: 0 0 32px 0 rgba(122, 122, 122, 0.1);
    -moz-box-shadow: 0 0 32px 0 rgba(122, 122, 122, 0.1);
    -ms-box-shadow: 0 0 32px 0 rgba(122, 122, 122, 0.1);
    -o-box-shadow: 0 0 32px 0 rgba(122, 122, 122, 0.1);
    box-shadow: 0 0 32px 0 rgba(122, 122, 122, 0.1);
    -webkit-transition: box-shadow 0.3s, transform 0.3s;
    -moz-transition: box-shadow 0.3s, transform 0.3s;
    -ms-transition: box-shadow 0.3s, transform 0.3s;
    -o-transition: box-shadow 0.3s, transform 0.3s;
    transition: box-shadow 0.3s, transform 0.3s;
    border-bottom-width: 4px;
}
.inner-block-shadow:active,
.inner-block-shadow:focus,
.inner-block-shadow:hover {
    -webkit-box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 4px 20px -2px rgba(0, 0, 0, 0.2);
}
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    background: #fff;
}
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="range"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
    color: #111;
    border: 1px solid #000;
}
select {
    border: 1px solid #ccc;
}
a:active,
a:focus,
a:hover {
    color: #000;
}
.site-title a,
.site-title a:visited {
    color: #000;
}
h1 a,
h1 a:visited,
h2 a,
h2 a:visited,
h3 a,
h3 a:visited,
h4 a,
h4 a:visited,
h5 a,
h5 a:visited,
h6 a,
h6 a:visited {
    color: #000;
}
h1 a:active,
h1 a:focus,
h1 a:hover,
h2 a:active,
h2 a:focus,
h2 a:hover,
h3 a:active,
h3 a:focus,
h3 a:hover,
h4 a:active,
h4 a:focus,
h4 a:hover,
h5 a:active,
h5 a:focus,
h5 a:hover,
h6 a:active,
h6 a:hover {
    color: #f44336;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #222;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover,
a.button:focus,
a.button:hover,
a.ff-button:active,
a.ff-button:focus,
a.ff-button:hover,
button:active,
button:focus,
button:hover,
input[type="button"]:active,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover {
    background: #101010;
    color: #fff;
}
.menu-toggle,
.menu-toggle:visited {
    color: #1f1d1d;
}
#quick-contact.layout-two,
#quick-contact.layout-two a,
#quick-contact.layout-two a:visited,
#quick-contact.layout-two li {
    color: #252323;
}
#site-top-header-mobile-container {
    background: #464444;
}
.main-header-two #search-toggle,
.main-header-two #search-toggle:visited,
.main-header-two .cart-contents a,
.main-header-two .cart-contents a:visited {
    color: #080808;
}
.social-nav ul li a:before,
.social-nav ul li a[href$="/feed/"]:before {
    color: #222;
}
#search-toggle,
#search-toggle:visited,
.cart-contents a,
.cart-contents a:visited {
    color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    color: #fff;
}
.main-header-two #main-nav .nav-box-shadow {
    background: #f5f5f5;
}
#masthead.sticky-enabled.sticky-header,
.sticky-enabled.sticky-header {
    background: #fff;
}
#search-toggle,
#search-toggle:visited,
.cart-contents a,
.cart-contents a:visited {
    color: #0e0e0e;
}
.counter-section .counter-nos {
    color: #080808;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    background: #fff;
}
.woocommerce ul.products li.product .price {
    color: #000;
}
.archive .hentry .entry-container::before,
.blog .hentry .entry-container::before,
.single .hentry .entry-container::before,
.tag-post-formats .entry-container::before {
    color: #000;
    background: #f1f1f1;
}
.layout-no-sidebar-full-width.woocommerce-page .columns-3 ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce.layout-no-sidebar-full-width .columns-3 ul.products li.product {
    background: #f5f5f5;
}
select {
    border: 1px solid #e4dbdb;
    background: #f7f7f7;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #000;
    font-weight: 500;
    padding: 10px 30px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    background: 0 0;
}
@media screen and (max-width: 909px) {
    .main-navigation ul li a {
        color: #fff;
    }
    #site-top-header-mobile-container,
    .site-primary-menu {
        background: #fff;
    }
    #top-header #site-top-header-mobile-container,
    #top-header #site-top-header-mobile-container li,
    #top-header #site-top-header-mobile-container li a,
    #top-header #site-top-header-mobile-container li a:focus,
    #top-header #site-top-header-mobile-container li a:hover,
    #top-header #site-top-header-mobile-container p {
        color: #000;
    }
    #site-top-header-mobile-container {
        background: #fff;
    }
    .dark-top-header #site-top-header-mobile-container .social-nav ul li a:before {
        color: #060606;
    }
    .dropdown-toggle:after,
    .main-navigation ul li a {
        color: #222;
    }
    .menu-toggle {
        background: #fff;
        box-shadow: 0 0 9px rgb(34 34 34 / 14%);
    }
    .site-primary-menu {
        background: #fff;
    }
    .dropdown-toggle {
        color: #000;
    }
    #header-top-toggle:active,
    #header-top-toggle:focus,
    #header-top-toggle:hover,
    .menu-toggle:active,
    .menu-toggle:focus,
    .menu-toggle:hover {
        background: #fff;
        color: #1d1b1b;
    }
}
.nav-inner-wrapper {
    background: #ededed;
    border: none;
}
@media only screen and (max-width: 909px) {
    .light-top-header .social-nav ul li a:before {
        color: #000;
    }
}
@media only screen and (max-width: 767px) {
    main#main {
        background: #fff;
    }
}
.page-header {
    background: #fff;
}
.archive-description {
    color: #000;
}
p.site-description-inner {
    color: #fff;
}
.wwd-block-inner-content:after {
    width: 100%;
    background: #f44336;
    opacity: 0.2;
}

.search-form .search-submit {
  
    border-right: 1px solid #dedcdc;
    
}
/* www layout two */

.featured-grid-section.style-two .featured-grid-text-content {
    padding: 20px 40px;
}

.featured-grid-section.style-two .featured-grid-text-content {
    position: absolute;
    bottom: 0;
    z-index: 9;
    left: 0;
    right: 0;
    background: #2b2627b5;
    border-radius: 0;
    margin: 0;
    bottom: 0;
    height: auto;
    transition: all 0.5s ease-in-out .5s;
}
.featured-grid-section.style-two .featured-grid-wrapper:hover .featured-grid-text-content {

  
    transition: all 0.5s ease-in-out .5s;
    height: 100%;
}

.featured-grid-section.style-two .featured-grid-wrapper .entry-summary {
    visibility: hidden;
    height: 0;
    
   
 
}
.featured-grid-section.style-two .featured-grid-wrapper {
    overflow: hidden;
    transform: inherit;
}
.featured-grid-section.style-two .featured-grid-wrapper:hover .entry-summary {
 visibility: visible;
 height: auto;

}

.featured-grid-section.style-two h3.featured-grid-title {
    font-size: 2.2rem;

}