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

:root {
    --gr1p-primary-gold: #f2b334;
    --gr1p-gold: #E6AB40;
    --gr1p-orange: #FFA400;
    --gr1p-black: #1A1A1A;
    --gr1p-dark: #29292C;
    --gr1p-secondary-gray: #a7a9ac;
    --c-gold-dim: rgba(201,148,47,.12);
    --gr1p-red: #D1232A;
    --c-bg:       #F8F9FA; /* Slightly cooler, brighter, cleaner. Modern and common in minimalist UIs (similar to Bootstrap's light background) */
    --gr1p-light: #F4F4F4; /* Light Gray Background Color */
    --gr1p-white: #FFFFFF;
    --gr1p-border: #1C1C1E;
    --gr1p-font: 'Eurostile Extended Regular', 'Eurostile', 'DM Sans', sans-serif;
    --gr1p-font-alt: 'DM Sans', sans-serif;
    --gr1p-cta-bg: #222529;
    --gr1p-gray: #6c757d;
    --gr1p-medium-gray: #54595F;
}


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

.custom-404 .entry-title {
font-size: 180px;
font-weight: 700;
line-height: 1;
color: var(--gr1p-dark);
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;
}

.container.my-4 {
    padding-bottom: 90px;
}

/* Homepage wrapper — collapse Porto .main-content padding-bottom */
.gr1p-front-page {
    margin-bottom: -40px;
}

@media (max-width: 767px) {


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

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


}

/* TABLET */
@media (min-width: 768px) and (max-width: 1023px) {
    .container.my-4 {
        padding-bottom: 75px;
    }
}

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

    .container.my-4 {
        padding-bottom: 50px;
    }

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

}

/* SMALL MOBILE */
@media (max-width: 480px) {
    .container.my-4 {
        padding-bottom: 40px;
    }
}


/* 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;
}


/* PRELOADER */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    transition: opacity .6s ease, visibility .6s ease;
}

#preloader.hidden {
    opacity: 0;
    visibility: hidden;
}

#preloader img {
    width: 120px;
    height: auto;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%   { transform: scale(1); opacity: 1; }
    50%  { transform: scale(1.1); opacity: .9; }
    100% { transform: scale(1); opacity: 1; }
}

/* .product .quickview, .product-quick-view {
    display: none !important;
}

.product-type-ovcenter .product-action-group {
    display: none !important;
} */