/********* Do not edit this file *********/
/*
My Custom CSS - Maked by Salvatore Noschese
a.k.a. DarkWolf - http://www://darkwolf.it/
*/

/*Comment*/

mark {
display: none;
}
.home .page-title { display: none; }
.related.products { display: none; }
.home .entry-title { display: none; }
/*Comment*/
.woocommerce ul.products li.product a img, .woocommerce div.product div.images img {
   width: 85%;
}
mark {
background: transparent;
text-decoration: none;
}
/*Comment*/
@font-face{
	font-family: 'myWebFont';
	font-display: swap;
	src: url('myfont.woff2') format('woff2');
}  
#secondary .widget_products ul li ins{
        background:transparent;
/* FIVERR  10/30/2024  */
}
  .singular #primary {
    margin: 0;
    padding-left: 5px;
  width: 70%;}

.single-product #content.twentyeleven {
    margin: auto !important;
    width: 100% !important;
}
/* FIVERR  10/30/2024  */
.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    width: 100%;
}
    
/* RIGHT SIDEBAR  06-03-2023 */
    
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
float: left;
padding-left: 1px;
}  
}
/* RIGHT SIDEBAR  02-14-2024*/
}
  .single #primary {
    float: none;
}
/* RIGHT SIDEBAR  02-14-2024*/
  
.single_job_listing .entry-content {
    display: flex;
    flex-direction: column;
}

.single_job_listing .entry-content .entry-header {
    order: -2;
}

.single_job_listing .entry-content .listing-sidebar--main {
    order: -1;
}
.narrowcolumn {
float: none;
width: 91%;
}
/* This is a comment in CSS */
/* move sidebar to bottom on mobile user agent (not working) */
/*@media (max-width: 900px) {
    .site-content {
        flex-direction: column;
    }
    .site-content .content-area, .site-content .is-right-sidebar {
        width: 100%;
        text-align: center;
    }
}*/
/*   scale 85%    */
/* Move the sidebar down on mobile devices */

/* Mobile adjustments 10-30-2024 */
@media only screen and (max-width: 600px) {
    /* Make header fill top portion of screen */
    header#branding {
        padding: 6px;
        margin: 0;
    }

    /* Full-width search bar */
    .only-search.with-image {
        width: 95%; /* Adjust as needed */
        padding: 4px;
        margin: 0 auto;
    }

    /* Main content margin */
    #primary {
        margin: 15px;
    }

    /* Ensure no extra white space */
    body {
        margin: 0;
        padding: 0;
    }
}
/* Mobile adjustments 10-30-2024 */
@media only screen and (max-width: 1000px) {
  #secondary{
    min-width: 90%;
  }
}
.woocommerce span.onsale {
background-color: #006699;
    }
.woocommerce-Price-amount.amount {
    color: #003366;
}
.single-product .single_add_to_cart_button {
background: #006699 !important;
}
/* Hide sidebars on the WooCommerce checkout page */
.woocommerce-checkout #secondary {
    display: none;
}

/* Hide sidebars on the WooCommerce cart page */
.woocommerce-cart #secondary {
    display: none;
}
/* Hide image borders on the site */
.entry-content img,
.comment-content img,
.widget img {
    border: none;
    height: auto;
}
/* Disable magnifying tool  */
.woocommerce-product-gallery__trigger {
    display: none !important;
}
 /* Disable magnifying tool  */

/* 
This CSS code hides the div with ID "fancybox-title-over" 
*/

#fancybox-title-over {
    display: none !important; /* Hides the div */
}

/* CSS for mobile layout adjustments for #primary, #content, and .woocommerce-products-header */
/* Date: 2024-11-14 */

@media only screen and (max-width: 767px) {
    /* Set elements to full width with consistent padding and margin */
    #primary,
    #primary #content,
    .woocommerce-products-header {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important;
        margin: 5px auto !important;
        box-sizing: border-box;
    }

    /* Remove top margin and padding for a flush layout */
    #primary,
    #primary #content,
    .woocommerce-products-header {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}
/* Remove top margin and padding for a flush layout */
/* Date: 2024-11-14 */

@media only screen and (max-width: 767px) {
    #content.twentyeleven {
        width: calc(100% - 10px) !important; /* Full width minus 5px margin on both sides */
        margin: 5px auto !important; /* 5px margin on both sides */
        padding: 0 !important; /* Ensure no padding */
        box-sizing: border-box !important; /* Make sure margin and padding are included in width calculation */
    }
}
/*   trying to fix shift 11/15/2024 */
@media (max-width: 768px) {
    .custom-page-layout #primary,
    .custom-page-layout #content,
    .only-search.with-image,
    nav#access,
    #page.hfeed,
    #branding,
    #primary,
    #content {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    nav#access {
        width: 100% !important;
        display: block !important;
    }

    .sidebar {
        display: none !important;
    }

    body {
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
    }

    /* iOS specific styling */
    body {
        -webkit-text-size-adjust: 100% !important;
    }

    /* Disable fixed position on iOS */
    #primary, #content {
        position: relative !important;
    }

    /* Address viewport issues on iOS */
    html, body {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Logo scaling */
    #branding img {
        max-width: 100% !important;
        height: auto !important;
        width: 80% !important; /* Adjust the logo size as needed */
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/*   trying to fix shift 11/15/2024 */

/* Custom CSS to change the search bar's internal color for screens greater than 650px - 2024-11-16 */
@media only screen and (min-width: 651px) {
    form#searchform input {
        background: #d9d9d9 !important;
    }
}
/* End of custom CSS - 2024-11-16 */

/* Custom CSS to make the price bold 
   Added: 2024-11-18 */

.woocommerce-Price-amount.amount {
    font-weight: bold;
}

/* Add spacing between product title and price 
   Added: 2024-11-18 */

.product_title.entry-title + .price {
    margin-top: 10px; /* Adjust value to control the spacing */
}

/* End of custom CSS  Added: 2024-11-18 */

/* Custom CSS to center WooCommerce product images on mobile screens - iOS Safari optimized */
@media screen and (max-width: 768px) {
    .woocommerce-product-gallery__image {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .woocommerce-product-gallery__image a {
        display: inline-block;
    }

    .woocommerce-product-gallery__image img {
        max-width: 100%;
        height: auto;
    }
}
/* End of custom CSS */
/* Custom WooCommerce Styling – Added 07/03/2025 */
/* Sale badge – Added 07/03/2025 */
.woocommerce span.onsale {
    background-color: #FF4C4C;
    color: #FFFFFF;
    font-weight: bold;
}
/* Sale badge – Added 07/03/2025 */
/* Begin - Stradian Welcome Box CSS - Added 07/03/2025 */
@media screen and (max-width: 600px) {
  .stradian-welcome-box {
    padding: 8px 10px !important;
    font-size: 90% !important;
    border-width: 1px !important;
  }
  .stradian-welcome-box h2 {
    font-size: 15px !important;
    margin-bottom: 6px !important;
  }
  .stradian-welcome-box p {
    font-size: 13px !important;
  }
}
/* End - Stradian Welcome Box CSS - Added 07/03/2025 */