/*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
*/

:root {
    --bg-dark: #0a0a0a;
    --bg-card: #141414;
    --accent-orange: #8f461b;
    --accent-orange-hover: #8f461b;
    --text-light: #ffffff;
    --text-muted: #aaaaaa;
    --border-color: #222222;
    --font-heading: "Bebas Neue", sans-serif;
    --font-body: "Roboto", sans-serif;
}


* {
    box-sizing: border-box;
    outline: none !important;
}


body {
    background-color: var(--bg-dark);
    color: var(--text-light);
    font-family: var(--font-body);
    margin: 0;
    padding: 0;
}
body:before,
body:after {
    display: none !important;
}
a {
    color: var(--text-light);
}
a:hover, a:focus, a:active {
    color: #ffffff;
}

form {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    border: none;
}

input, button, select, textarea {
    padding: 12px;
    width: 100%;
    border: 1px solid rgb(255 255 255 / 38%);
    background: none;
    border-radius: 2px;
    color: #ffffff;
    font-family: var(--font-body);
}
input:focus, select:focus, textarea:focus {
    outline: 0;
}
input[type="submit"], input[type="button"], button {
    background-color: var(--accent-orange);
}


body:not(.custom-background-image):before {
	display:none !important
}

.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
    margin-left: 20px;
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

.hide {
    display: none;
}

.wide {
    width: 100%!important;
}

.tablecells {
    display: table;
    width: 100%;
}

.tablecell {
    display: table-cell;
    vertical-align: top;
}

header.site-header, main.site-main, footer.site-footer, .sidebar, aside {
    max-width: 100%;
    margin: 0;
    padding: 20px;
    background: black;
}

.site, .site-inner, .site-branding, .site-content, .content-area, .page-header, .page-content {
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: none;
    background: none;
}

.entry-header, .entry-title, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation {
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    border: none;
    background: none;
}

.widget {
    position: relative;
    border: none;
    margin: 0;
    padding: 20px 0;
}

.widget-area, .comments-area, .widget, .content-bottom-widgets .widget-area {
    padding-bottom: 0;
    margin-bottom: 0;
}

.no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .page-footer, .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-footer {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

input[type="search"].search-field {
    width: 100%;
}



@-webkit-keyframes anifadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes anifadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* RESPONSIVE */

#primary,
#secondary {
    width:100%;
}

.db-row {
    display: flex;
}

.blockitems {
    display: flex;
    width: 100%;
    box-sizing: border-box!important;
}

.blockitems .item {
    flex-grow: 1
}

.breakblock {
    width: 100%!important;
    box-sizing: border-box!important;
}

@media screen and (min-width: 768px) {
    .desktoponly {
        display:inline-block!important;
    }

    .mobileonly {
        display: none!important;
    }
}

@media screen and (max-width: 599px) {
    .desktoponly {
        display:none!important;
    }

    .mobileonly {
        display: inline-block!important;
    }

    .blockitems {
        flex-wrap: wrap;
    }

    .blockitems .item {
        width: 100%;
    }
}


/* BLOG */
.blog-header {
    display: none;
    background: #dbe3e3 !important;
}
.sidebar {
    display: none;
}

body:not(.page) .sidebar {
    display: block;
}

body:not(.page) .author.vcard img {
    display: none !important;
}

body:not(.search-results) article:not(.type-page) .entry-content {
    float: none;
    margin: 0 0 30px;
    width: inherit;
}

body:not(.page) .sidebar {
    display: block;
    margin: 140px 0 0;
    padding: 20px;
}

body:not(.page) .sidebar > section {
    margin: 0;
    padding: 20px 20px 0;
}

body:not(.page) .sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body:not(.page) img.attachment-post-thumbnail {
    margin: 0 0 30px;
}

body:not(.page) .db-list-block a.thumbnail {
    display: inline-block;
    min-width: 200px;
    padding: 0 20px 20px 0;
    border: none;
    text-decoration: none;
    box-shadow: none;
}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
    box-shadow: none;
}


/* CF7 */
.wpcf7 form .wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
    margin: 0;
    padding:10px;
    font-size: 16px;
}



/* MENU */
.elementskit-menu-overlay.active {
    display:none;
    background: #b0642e00;
}
.elementskit-navbar-nav a {
    height: initial !important
}






/* CUSTOM */

body {
    background:#161614 !important
}

.page-title {
    margin: 0 0 20px;
}

.elementor-icon-list-items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.elementor-icon-list--layout-inline {
    overflow: hidden;
}

.elementor-element h1, .elementor-element h2, .elementor-element h3, .elementor-element h4, .elementor-element h5, .elementor-element h6, .elementor-element [class*="title"], .elementor-image-box-title {
  font-family: "Bebas Neue", sans-serif !important;
  font-weight: 300 !important;
}
.elementor-element, main, article, .elementor-element p, .elementor-element blockquote, .elementor-element li, .elementor-element td {
  font-family: "Roboto", sans-serif;
}

 .elementor-element h2 {
    font-size: 26px;
    line-height: 32px;
 } 
 .elementor-element h3 {
    font-size: 20px;
    line-height: 26px;
    margin: 0 0 10px;
 }


.db-header .elementor-button-icon svg {
    fill:#8f461b;
}

.db-btn {
    font-size: 14px;
}

.db-hero a.db-btn,
.db-hero button.db-btn {
    align-items: center;
    padding:10px 0;
    border-radius: 3px;
    font-weight: 400;
    color:white !important;
}

.db-card .elementor-image-box-title {
    color:white;
}
.elementor-image-box-content h3 {
    margin: 0 0 5px;
}

.db-footer img[src*="placeholder"] {
    opacity:0.1;
    object-fit:cover;
    height:150px;
    width:100%;
    max-width:100%;
}

.db-footer-rights,
.db-footer-ptww p {
    margin: 0;
    font-size:14px
}


.db-icon-links ul{
    display:flex;
    column-gap:15px;
}
.db-icon-links svg {
    height:30px;
}

figure.gallery-item {
    padding-top:20px;
    padding-bottom: 0;
}

.db-sec-learn,
.db-sec-digital,
.db-sec-work {
    padding-top:30px !important;
    padding-bottom:0 !important;
    border-top: 2px solid rgb(60, 46, 40);
    border-bottom: 2px solid rgb(60, 46, 40);
}
.db-subfooter {
    padding-top:0 !important;
    padding-bottom:10px !important;
    border-bottom: 2px solid rgb(60, 46, 40);
}
.db-footer-top {
    padding-bottom:20px !important;
    border-bottom: 2px solid rgb(60, 46, 40);
}
.db-footer-logo {
    display:block;
    width: 200px;
    max-width: 100%;
}
.db-footer-intro {
    font-size:14px;
}
a.ekit-menu-nav-link {
    position:relative;
}
a.ekit-menu-nav-link.active {
    color:#c0805e !important;
}
.no-sidebar .twentysixteen .site-main {
    margin: 0;
    background: black;
}
.db-title-vtl {
    position:relative;
}
.db-title-vtl:after {
        content: '';
        display: block;
        border-bottom: 2px solid #8f461b;
        width: 20%;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: -5px;
}
@media(min-width:1025px){
    a.ekit-menu-nav-link.active:after {
        content:'';
        display:block;
        border-bottom:1px solid;
        width:50%;
        height:2px;
        position:absolute;
        left:0;
        bottom:-10px;
    }
    .db-title-horiz {
        position:relative;
    }
    .db-title-horiz:before,
    .db-title-horiz:after {
        content: '';
        display:block;
        width:100px;
        height:2px;
        background:#8f461b;
        position: absolute;
        top:10px;
    }
    .db-title-horiz:before {
        left: -120px;
    }
    .db-title-horiz:after {
        right: -120px;
    }
    .db-subfooter .elementor-icon-list-items:before {
        content: '';
        display:block;
        position:relative;
        left:-100px;
        height:50px;
        width:2px;
        background:#3c2e28;
    }
}
@media only screen and (max-width: 767px) {

    a.ekit-menu-nav-link {
        margin-bottom: 20px;
    }
    .db-footer {
        text-align: center;
    }
    .db-footer-logo {
        margin: 0 auto;
    }
    .db-icon-links ul{
        justify-content: center;
    }
    .elementor-image-gallery .gallery .gallery-item {
        max-width: 50% !important;
        display: inline-block !important;
        box-sizing: border-box !important;
        padding: 5px !important; /* Adjust image spacing here */
    }
    .elementor-image-gallery .gallery::after {
        content: "";
        display: table;
        clear: both;
    }
}
@media (max-width: 1024px) {
    .elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
        left: calc(-100vw - 50px);
    }
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: #b0642e !important;
    color: #ffffff !important;
}




.db-outside  {
    max-width:1200px;
    margin: 0 auto;
    background:#161614;
}
.ekit-template-content-footer,
.db-footer {
    max-width:1200px;
    margin: 0 auto;
}
.db-header {
    background:#000000;
}
.entry-title {
    min-height: 100px;
}
.entry-title a,
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
    color: #ffffff;
}

.page {
    min-height: 100px;
}


/* woocommerce */
.woocommerce ul.products li.product {
    display:block;
    padding:10px;
    border: 2px solid #ffffff2e;
    border-radius:4px
}
.woocommerce ul.products li.product img{
    display:block;
    width: calc(100% + 18px)!important;
    max-width: calc(100% + 18px)!important;
    margin:-9px -9px 10px!important;
}
.woocommerce ul.products li.product .button {
    display:block;
    max-width: 100%;
    border:1px solid #B0642E;
    background: transparent;
    color:#B0642E;
    text-align:center;
    text-transform:uppercase
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    margin: 0;
    padding: 0;
    min-height: 54px;
    color: #ffffff;
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price  {
    color: #ffffff;
    font-size: 18px;
}
xxx.woocommerce ul.products li.product .price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}
.woocommerce span.onsale {
    min-height: 50px;
    min-width: 50px;
}
.db-isshop {
    display: none;
}
body.elementor-editor-active .db-isshop {
    display: block;
}
body.woocommerce-page .db-isshop {
    display: block !important
}
body.woocommerce-page .db-shop-hero {
    display: none !important
}
body.woocommerce-page .db-notshop {
    display: none !important;
}
body.archive.woocommerce-page .db-shop-hero {
    display: block !important
}
body.archive.woocommerce-page .woocommerce-breadcrumb,
body.archive.woocommerce-page .woocommerce-products-header__title,
body.archive.woocommerce-page .woocommerce-result-count,
body.archive.woocommerce-page .woocommerce-ordering {
    display:none
}
.db-shop-hero-img {
    width: 100%;
}
.db-shop-hero-text {
    padding-left: 15px;
    margin: 0;
}


.woocommerce div.product form.cart .button {
    margin:20px 0;
    padding: 18px;
    background:#B0642E;
}
.woocommerce .product {
    width:100%;
    max-width:900px !important;
    margin:40px auto;
}

ul.db-shop-categories {
    display:flex;
    flex-wrap:wrap;
    column-gap:2vw;
    row-gap:2vw;
    list-style:none;
}
ul.db-shop-categories a {
    display:inline-block;
    padding:5px calc(10px + 1vw);
    border:1px solid #ffffff3d;
    border-radius:4px;
    text-transform:uppercase;
}
ul.db-shop-categories a.category-active {
    border-color: #b74616;
    background: #b74616;
    background-image: url('/wp-content/uploads/2026/07/catbtnbg.jpg');
    color: white;
}
section.related.products {
    margin-top: 60px;
}
section.related.products h2 {
    margin: 0 0 20px;
}
@media (min-width:1024px) {
    
    section.related.products {
        margin-top: 90px;
    }
}

.shop-product-meta {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    font-size: 0.8em;
    color: #888;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0.5px;  
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.shop-product-meta a {
    color: #aaa; 
    text-decoration: none;
    font-weight: 500;
}
.shop-product-meta a:hover {
    text-decoration: underline;
}
.shop-meta-label {
    display:none
}


.header-action-icons {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #000000; /* Matches your black header background */
    padding: 10px;
}

.header-action-btn {
    position: relative;
    color: #ffffff; /* White icons */
    text-decoration: none;
    font-size: 24px;
    display: inline-flex;
    align-items: center;
}

.header-action-btn:hover {
    color: #e0e0e0;
}




.header-action-btn .dashicons {
    font-family: dashicons;
    font-size: 24px;
    width: 24px;
    height: 24px;
}
.cart-contents-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background-color: #d9531e; /* Deep orange badge color */
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    border-radius: 50%;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}



@media (min-width:400px) and (max-width:1024px){
    .elementor-element.elementor-element-20af97b .elementskit-menu-container {
        background-color: #000000;
        max-width: 100%;
        width: 400px;
        box-shadow: 20px 18px 120px #b0642e36;
    }
}

@media (max-width:500px) {
    .db-shop-hero-title {
        width: 150px;
    }
}

.zz.wpcf7-turnstile.cf-turnstile {
    display: none;
}