/*
Theme Name: Artech V Child Theme for Porto
Theme URI: https://www.portotheme.com/wordpress/porto
Author: Artech V | P-THEMES
Author URI: https://www.artechph.com
Description: Custom child theme for Porto with B2B features + eCommerce
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/




/** 404 */
.custom-404 {
padding: 80px 0 40px;
}

.custom-404 .entry-title {
font-size: 180px;
font-weight: 700;
line-height: 1;
color: #29292C;
margin-bottom: 10px;
}

.custom-404 h3 {
font-size: 36px;
margin-bottom: 20px;
}

.custom-404 p {
font-size: 18px;
max-width: 650px;
margin: 0 auto 30px;
}

.custom-404 .woocommerce-product-search {
max-width: 600px;
margin: 0 auto;
}

.custom-404 .search-field {
min-height: 50px;
}

.custom-404 .btn {
margin: 5px;
}

/* 404 page only button styles */
.custom-404 a.btn.btn-primary {
    font-family:"Eurostile Extended Regular" !important;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #E6AB40;
    color: #ebebeb;
    border-radius: 8px;
    border: none;
    padding: 12px 24px;
    transition: all 0.3s ease;
}

/* hover effect */
.custom-404 a.btn.btn-primary:hover {
    background-color: #d99b2f;
    color: #ebebeb
}

/* 404 page only - Homepage button */
.custom-404 a.btn.btn-secondary {
    font-family:"Eurostile Extended Regular" !important;
    text-transform: uppercase;
    font-weight: bold;
    background-color: transparent;
    color: #29292C;
    border: 1px solid #29292C;
    border-radius: 8px;
    padding: 12px 24px;
    transition: all 0.3s ease;
}

/* hover state */
.custom-404 a.btn.btn-secondary:hover {
    background-color: #29292C;
    color: #ffffff;
}

.featured-products {
padding-bottom: 60px;
}

@media (max-width: 767px) {


.custom-404 .entry-title {
    font-size: 100px;
}

.custom-404 h3 {
    font-size: 28px;
}


}

/* MOBILE */
@media (max-width: 768px) {

    .custom-404 .btn {
        font-size: 0.7rem;
        padding: 12px 20px;
        width: 100%;
        max-width: 280px;
        display: block;
        margin: 8px auto;
        text-align: center;
    }

}


/* SCROLL */
/* Custom Scrollbar */

/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #29292C;    
}

::-webkit-scrollbar-thumb {
    background: #E6AB40 !important;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E6AB40 !important;
}

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #E6AB40 #29292C !important;
}


/* notice */
/* Demo Site Notice Bar */
body::before {
    content: "DEMO • Experience our eCommerce platform's features, performance, and functionality in a demonstration environment.";
    display: block;
    width: 100%;
    background: #0f172a;
    color: #ffffff;
    text-align: center;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 9999;
    box-sizing: border-box;
}

body {
    margin-top: 0;
}