/*
Theme Name: Twenty Twelve Child
Theme URI: https://wordpress.org/themes/twentytwelve/
Template: twentytwelve
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Tags: blog,one-column,two-columns,right-sidebar,custom-background,custom-header,custom-menu,editor-style,featured-images,flexible-header,footer-widgets,full-width-template,microformats,post-formats,rtl-language-support,sticky-post,theme-options,translation-ready,block-patterns
Version: 4.7.1776712763
Updated: 2026-04-20 15:19:23

*/
@media only screen and (max-width: 440px) {
    /* 1. Kill the Slider Container and the internal IDs you found */
    div#n2-ss-14, 
    div#n2-ss-14-align,
    div#n2-ss-14-placeholder,
    div#n2-ss-14 .n-uc-fJn08m89Ep7B {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        visibility: hidden !important;
    }

    /* 2. Target the specific Layer and Slide classes from your list */
    .n2-ss-slider,
    .n2-ss-slider .n2-ss-slide,
    .n2-ss-slider .n2-ss-layer,
    .n2-ss-slider .n2-ss-layers-container,
    .n2-ss-slider .n2-ss-layers-container > * {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
    }

    /* 3. Global reset for the slider's flex/absolute logic */
    .n2-ss-slider .n2-ow, 
    .n2-ss-slider .n2-ow-all * {
        display: none !important;
    }
}

/*Header image removed border and box-shadows*/
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
  /*border-radius: 3px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);*/
  border-radius: 0px !important;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2) !important;
}

/* 1. Limit the overall site width so it's not too 'stretched' */
.site {
    max-width: 1040px !important; /* Standard comfortable width */
    background-color: transparent !important;
    box-shadow: none !important;
}

/* 2. Fix Giant Images in 1 and 2 column modes */
/* If Customizer is set to 1 */
.woocommerce.columns-1 ul.products li.product {
    max-width: 350px !important;
    margin: 0 auto 30px auto !important; /* Centers the single box */
}

/* If Customizer is set to 2 */
.woocommerce.columns-2 ul.products li.product {
    max-width: 45% !important;
}

/* 3. Ensure the actual images stay proportional */
.woocommerce ul.products li.product img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto 15px auto !important;
    display: block !important;
}

/* Product excerpts underneath product images in grid. */
.product-excerpt {
    color: #000 !important;
    line-height: 1.0 !important;
}

/* h1 title products header title*/
.woocommerce-products-header__title page-title {
    font-size: 11px !important;
    font-size: 0.785714286rem !important;
    line-height: 2.181818182 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #636363 !important;
}

/* Category Description*/
.term-description {
    margin-bottom: 20px !important;
    line-height: 1.2 !important;
}

/* Self-explanatory Product Title*/
.woocommerce-loop-product__title {
    padding: .5em 0 !important;
    margin: 0 !important;
    font-size: 1em !important;
}

.entry-content, p {
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
}

.entry-header h1 {
    margin-bottom: 0px !important;
    line-height: 1.2 !important;
}

.entry-content h3 {
    margin-bottom:10px !important;
}
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
    font-size: 11px !important;
    font-size: 0.785714286rem !important;
    line-height: 2.181818182 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #636363 !important;
}

/*Column titles*/
.entry-content h2, .comment-content h2, .mu_register h2 {
    line-height: 1.0 !important;
}

/*h3 sizing on homepage*/
.entry-content h3, .comment-content h3 {
    font-size: 11px !important;
    font-size: 0.785714286rem !important;
    line-height: 2.181818182 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #636363 !important;
}

/*Border and slight margin to bottom of single product image*/
.flex-viewport {
    border: 0px dotted !important;
    margin-bottom: 4px !important;
}

/*Product tabs, put border and spacing below to help seperate*/
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
    clear: both !important;
    border-bottom: 1px dotted !important;
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}

/*Had to put a margin top attribute, so I could put a space under Related Products title*/
.woocommerce .products ul, .woocommerce ul.products {
  padding: 0 !important;
  list-style: none outside !important;
  clear: both !important;
  margin-top: 10px !important;
}

/*Styling for single product entry title h1 tag*/
.woocommerce div.product .product_title {
  line-height: 1.2 !important;
  margin-bottom: 8px !important;
}

/* Only target links within the actual page/post content */
.entry-content a, 
.entry-content a:visited {
    color: #21759b !important;
    text-decoration: none;
}

/* Keep the hover effect for the content links */
.entry-content a:hover, 
.entry-content a:focus {
    color: #0f3647 !important;
    text-decoration: underline;
}

/* 2. Revert buttons to the original dark text color */
.entry-content .button,
.entry-content button,
.entry-content input[type="submit"],
.entry-content input[type="button"],
.entry-content input[type="reset"] {
    color: #444 !important;
}

/* 3. Ensure buttons stay dark even if the browser thinks they are 'visited' */
.entry-content .button:visited,
.entry-content button:visited,
.entry-content input[type="submit"]:visited {
    color: #444 !important;
}

.entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 {
  margin-top: 0px !important;
  margin-bottom: 20px !important;
  line-height: 1.714285714 !important;
}

.entry-header {
  margin-bottom: 0px !important;
}

.n2-ss-slider {
    margin-bottom: 10px !important;
    border: 0px dotted !important;
    padding: 0px !important;
    /*box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
    overflow: visible !important; /* Ensures the shadow isn't clipped */*/
}