/**
Theme Name: CorpoNotch Consultant
Theme URI: https://www.sharkthemes.com/downloads/corponotch-consultant/
Author: Shark Themes
Author URI: https://sharkthemes.com/
Version: 1.0.0
Requires PHP: 5.6
Tested up to: 5.6.2
Requires at least: 5.0
Template: corponotch
Text Domain: corponotch-consultant
Description: CorpoNotch Consultant is a clean and sleek light weight corporate multipurpose theme for business, corporate, digital agency and consultant agency. It is a child theme of CorpoNotch. CorpoNotch Consultant is blazingly fast, extremely light-weight, and supports come with all sorts of beautiful effects and functional features.
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, custom-header, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, right-sidebar, full-width-template, two-columns, three-columns, grid-layout, custom-logo, blog, portfolio, photography

CorpoNotch Consultant WordPress Theme, Copyright 2021 Shark Themes
CorpoNotch Consultant is distributed under the terms of the GNU GPL

CorpoNotch Consultant WordPress Theme is child theme of CorpoNotch WordPress Theme, Copyright 2020 Shark Themes
CorpoNotch WordPress Theme is distributed under the terms of the GNU GPL
*/

/*Primary Color*/
.custom-header-content-wrapper.slide-item .custom-header-content .read-more a:hover,
.main-navigation ul.sub-menu,
.short-cta-section,
#skills,
.menu-toggle,
.backtotop:hover,
a.more-btn:hover,
.hero-section .read-more a:hover,
#pricing .read-more a:hover,
.widget .tagcloud a:hover,
.blog-loader-btn .read-more a:hover,
.cta-section .read-more a:hover,
.widget_search form.search-form button.search-submit,
#contact .section-content .entry-container,
#introduction .wp-playlist.wp-audio-playlist.wp-playlist-light,
.banner-slider.dark-text .custom-header-content p.sub-title:before,
.banner-slider.dark-text .custom-header-content p.sub-title:after,
#pricing article.hentry.highlight .post-wrapper .entry-header,
.custom-header-content-wrapper.slide-item .custom-header-content .read-more.alt-btn.alt-btn-primary a,
#portfolio .gallery .featured-image .overlay,
.testimonial-section .overlay,
.cta-section .overlay,
.cta-section,
.inner-header-image .overlay, 
.counter-widget .overlay,
.custom-header-content-wrapper .overlay,
#colophon,
#top-menu {
    background-color: #21242e;
}

.banner-slider.dark-text .custom-header-content-wrapper.slide-item .custom-header-content .read-more.alt-btn.alt-btn-primary a:hover,
.banner-slider.dark-text .custom-header-content-wrapper.slide-item .custom-header-content .read-more.alt-btn a,
.banner-slider.dark-text .custom-header-content p.sub-title,
.banner-slider.dark-text .custom-header-content h2 a,
article .entry-title a,
.section-title,
.custom-header-content-wrapper.slide-item .custom-header-content .read-more.alt-btn.alt-btn-primary a:hover,
.short-cta-section.cta-section .read-more a:hover,
#contact .wpcf7 input.wpcf7-form-control.wpcf7-submit:hover, 
#contact .wpcf7 input.wpcf7-form-control.wpcf7-submit:focus,
#secondary .widget-title, 
#secondary .widgettitle,
.widget .tagcloud a,
.site-title a {
    color: #21242e;
}

.team-section .team-image .overlay {
    background: linear-gradient(0deg, #21242e, transparent);
}

.widget .tagcloud a {
    border-color: #21242e;
}

/*Secondary Color*/
.loader-container svg, 
.blog-loader svg,
#masthead.site-header.sticky-header.nav-shrink .main-navigation ul li.menu-item-has-children a:hover svg, 
.main-navigation ul li.menu-item-has-children a:hover svg,
.secondary-menu ul li svg {
    fill: #f35444;
}

a:hover, a:focus,
.entry-meta > span a:hover, 
.entry-meta > span a:focus,
span.posted-on a:hover, 
span.posted-on a:focus, 
span.posted-on time:hover,
span.posted-on time:focus,
.our-services article.hentry .fa,
article .entry-title a:hover,
.our-services article .entry-title a:hover,
.main-navigation a:hover, 
ul.trail-items li.trail-item.trail-end,
ul.trail-items li a:hover, 
ul.trail-items li a:focus,
#masthead.site-header.sticky-header.nav-shrink .main-navigation .current_page_item > a, 
#masthead.site-header.sticky-header.nav-shrink .main-navigation .current-menu-item > a, 
#masthead.site-header.sticky-header.nav-shrink .main-navigation .current_page_ancestor > a, 
#masthead.site-header.sticky-header.nav-shrink .main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, 
#masthead.absolute-header .main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a, 
.main-navigation .current-menu-ancestor > a,
ul.check-list li:before,
#portfolio .gallery .featured-image a.more-btn:hover,
.main-navigation ul.menu li.current-menu-item > a {
    color: #f35444;
}

a.more-btn,
.separator,
.backtotop,
#secondary .widget-title:after, 
#secondary .widgettitle:after,
#pricing article .post-wrapper .entry-header,
.hero-section .read-more a,
.blog-loader-btn .read-more a,
.blog-loader-btn .read-more a, 
.read-more a,
#introduction .wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
#introduction .wp-playlist .mejs-inner .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current:after,
#introduction .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing,
#introduction .wp-playlist-tracks .wp-playlist-item:hover,
#introduction .wp-playlist .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current,
#introduction .wp-playlist .mejs-currenttime,
.widget_search form.search-form button.search-submit,
.wpcf7 input.wpcf7-form-control.wpcf7-submit,
#skills .wrapper .section-content .skills-background a.skills-play-btn,
.custom-header-content-wrapper.slide-item .custom-header-content .read-more a,
.short-cta-section .read-more a,
#pricing .read-more a,
.slick-prev:hover, 
.slick-next:hover, 
.slick-prev:focus, 
.slick-next:focus {
    background-color: #f35444;
}

#skills .wrapper .section-content .skills-background a.skills-play-btn:before {
    border-color: #f35444;
}

/*general*/
a.more-btn,
a.more-btn:hover,
.blog-loader-btn .read-more a,
#pricing article .entry-header .entry-value, 
#pricing article .entry-header .entry-title, 
#pricing article .entry-header .sub-label,
#pricing .read-more a,
#pricing .read-more a:hover,
.hero-section .read-more a,
.hero-section .read-more a:hover,
.cta-section .read-more a:hover,
.short-cta-section .read-more a,
.wpcf7 input.wpcf7-form-control.wpcf7-submit,
.custom-header-content-wrapper.slide-item .custom-header-content .read-more a:hover,
.custom-header-content-wrapper.slide-item .custom-header-content .read-more a {
    color: #fff;
}

#front-products,
#pricing article .post-wrapper,
.client-section,
.our-services {
    background : #f6f6f7;
}

.custom-header-content-wrapper.slide-item .custom-header-content .read-more.alt-btn.alt-btn-primary a:hover,
#contact .wpcf7 input.wpcf7-form-control.wpcf7-submit:hover, 
#contact .wpcf7 input.wpcf7-form-control.wpcf7-submit:focus,
.short-cta-section .read-more a:hover {
    background-color: #fff;
}

.team-section .social-icons li {
    border: 1px solid #fff;
}

.team-section .social-icons li:hover {
    background-color: #fff;
}

.team-section .social-icons li,
.custom-header-content-wrapper.slide-item .custom-header-content .read-more.alt-btn a {
    background-color: transparent;
}

.site-info {
    background-color: rgba(0,0,0,0.5);
}


@media screen and (min-width: 1024px) {
    #search.search-open {
        border-color: #21242e;
    }
    #masthead .main-navigation ul.nav-menu > li.button a {
        background-color: #f35444;
        color: #fff;
    }
    #masthead .main-navigation ul.nav-menu > li.button:hover a {
        background-color: #21242e;
        color: #fff;
    }
    #masthead.site-header.sticky-header.nav-shrink {
         background-color: #21242e;
    }
}

@media screen and (max-width: 1023px) {
    #masthead.absolute-header.site-header.sticky-header.nav-shrink .site-title a, 
    #masthead.absolute-header .site-title a,
    #masthead.site-header.sticky-header.nav-shrink .site-title a,
    #masthead.site-header.sticky-header .site-title a,
    #masthead.site-header.sticky-header.nav-shrink .site-title a, 
    .site-title a, 
    #masthead.site-header.sticky-header .site-title a {
        color: #21242e;
    }
    .main-navigation ul.nav-menu {
        background-color: #21242e;
    }
}

/* Woocommerce */

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3
{
    color: #21242e;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce .widget_price_filter .price_slider_amount .button,
.woocommerce ul.products li.product .button
{
    color: #fff;
    background-color: #f35444;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover,
.woocommerce .widget_price_filter .price_slider_amount .button:hover,
.woocommerce ul.products li.product .button:hover 
{
    background-color: #21242e;
    color: #fff;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title:hover, 
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover, 
.woocommerce ul.products li.product h3:hover 
{
    color: #f35444;
}
.woocommerce nav.woocommerce-pagination ul li span.current,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range
{
    background-color: #f35444;
}
.woocommerce-pagination svg
{
    fill: #f35444;
}
.woocommerce nav.woocommerce-pagination ul li a:focus svg, 
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li a:hover svg
{
    border-color: #21242e;
    color: #21242e;
    fill: #21242e;
}