/*
Theme Name:   	Milburn
Author:       	Allegra
Template:     	storefront
Description:  	This is a  child theme for WooThemes StoreFront theme
Version:      	1.0.0
Text Domain:  	storefront
*/
/*
 * Add your own custom css below this text.
 */

@media screen and (max-width: 767px) {
	#milburn {
		display: none;
	}
}
/* Container styling */
.announcement-banner-container {
    width: 100%;
    padding: 20px 15px;
}

/* The Banner Box */
#banner-widget-heading {
    background-color: #f9f9f9; /* Light background for contrast */
    font-size: 24px; /* Slightly smaller base size for better fit */
    font-weight:bold;
    text-align: center;
    border: 5px solid #000;
    padding: 25px;
    margin: 0 auto; /* Centers the box */
    max-width: 800px; /* Limits width on desktop */
    background: #ffffff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05); /* Subtle depth */
    line-height: 1.4;
}

/* Tablet View (approx 768px) */
@media (max-width: 992px) {
    #banner-widget-heading {
        max-width: 90%; /* Uses more screen space on tablets */
        font-size: 20px;
        padding: 20px;
    }
}

/* Mobile View (phones) */
@media (max-width: 480px) {
    #banner-widget-heading {
        max-width: 100%; /* Full width on small phones */
        font-size: 18px;
        padding: 15px;
        border-width: 1px; /* Thinner border looks cleaner on small screens */
    }
    
    .announcement-banner-container {
        padding: 10px 5px;
    }
}

/* Ensure images inside the widget don't break the layout */
#banner-widget-heading img {
    max-width: 100%;
    height: auto;
}