/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

.ctct-disclosure {display:none;}

.ctct-form-wrapper {margin-top:10px}

#access a {
    color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
}

.entry-meta {
    color: #612825;
    font-size: 12px;
}
.entry-meta a:link, .entry-utility a:link {
    color: #612825;
}
.entry-utility {
	color: #612825; }

#content .entry-title {
    color: #612825;
    font-size: 31px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0;
}

#site-title {
 
    font-size: 40px;
    line-height: 46px;
 text-transform: uppercase;
	font-weight: bold;	
	
}

.ctct-form-wrapper .ctct-form abbr {
    border: none;
    color: #ff4136;
    font-size: 0.9rem;
	display: none;
}
.ctct-label-top label {
	color: 2a2a2a;
	font-weight: bold;
}

.figcaption {
	color: #000000 !important;
}

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
    color: #000 !important;
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

body.custom-background {
    background-image: url("https://rucksackcellars.com/wp-content/uploads/2023/03/2023-background-image-for-site.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
#wrapper {
    background: #fff;
    margin-top: 20px;
    padding: 0 20px;
	border: 20px solid rgba(140, 115, 75, 0.8);
}

#branding img {

    }
h1, h3, h3 {
color: #800000 !important;
	font-weight: bold;
}
h2 {
  font-size: 24px;
  color: #800000 !important;
	font-weight: bold;
margin-bottom: 0 !important;
}

.rucksack-img { border: 1px solid #a2a4a9;
	padding: 5px;
	background-color: #efe9d6 
}
.ctct-textarea-warning-label {display: none !important; visibility: hidden !important}

.entry-content label
 {
    color: #000 !important;
    font-size: 12px;
}
.entry-content input {
    margin-bottom: 5px !important;
}
.ctct-form-wrapper .ctct-form-field {
    margin-bottom: 5px !important;
}
.ctct-textarea {
    min-height: 150px; 
}
.ctct-form-wrapper span.ctct-label-left {
    display: inline-block;
    margin-right: 5%;
    width: 20%;
	font-weight: bold;
	font-size: 20px !important;
}
/* Rucksack Button - All States */
a.rucksack-btn {
    background-color: #612825;
    color: #ffffff;
    border: 4px solid #efe9d6;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Hover state */
a.rucksack-btn:hover {
    background-color: #4a1e1c; /* Darker shade of your burgundy */
    color: #ffffff;
}

/* Focus state (for keyboard navigation - WCAG) */
a.rucksack-btn:focus {
    outline: 3px solid #612825;
    outline-offset: 2px;
    color: #ffffff;
}

/* Active/pressed state */
a.rucksack-btn:active {
    background-color: #333333; /* Dark grey */
    color: #ffffff;
}

/* Visited state */
a.rucksack-btn:visited {
    color: #ffffff;
}

/* News page posts styling */
.lcp_catlist {
    list-style: none; /* Remove bullets */
    padding: 0;
    margin: 0;
}

.lcp_catlist li {
    margin-bottom: 40px; /* Space between posts */
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e0e0; /* Optional separator line */
}

.lcp_catlist li:last-child {
    border-bottom: none; /* Remove border from last post */
}

/* Style the post titles */
.lcp_catlist li > a {
    font-size: 28px; /* Adjust size as needed */
    color: #000000; /* Black text */
    text-decoration: none;
    font-weight: 600; /* Make it bold */
    display: block;
    margin-bottom: 15px;
}

.lcp_catlist li > a:hover {
    color: #612825; /* Your burgundy color on hover */
}

/* Style the post content */
.lcp_content {
    color: #333333;
    line-height: 1.6;
}

/* Style images within posts */
.lcp_content img {
    max-width: 100%;
    height: auto;
    margin: 20px 0;
}

/* Style the "Continue reading" link */
.lcp_content a[title*="Continue reading"] {
    color: #612825;
    text-decoration: none;
    font-weight: 600;
}

.lcp_content a[title*="Continue reading"]:hover {
    text-decoration: underline;
}
/* Hide the "Continue reading" link */
.lcp_content a[title*="Continue reading"] {
    display: none;
}
/* Hide site info and generator in footer */
#site-info,
#site-generator {
    display: none;
}
.grunion-label-required {display:none}

/* Style contact form submit button to match rucksack-btn */
button.pushbutton-wide[type="submit"] {
    background-color: #612825;
    color: #ffffff;
    border: 4px solid #efe9d6;
    padding: 12px 24px;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: background-color 0.3s ease;
    width: auto; /* Override full-width */
    max-width: none; /* Override any max-width */
}

/* Hover state */
button.pushbutton-wide[type="submit"]:hover {
    background-color: #4a1e1c;
    color: #ffffff;
}

/* Focus state (for keyboard navigation - WCAG) */
button.pushbutton-wide[type="submit"]:focus {
    outline: 3px solid #612825;
    outline-offset: 2px;
    color: #ffffff;
}

/* Active/pressed state */
button.pushbutton-wide[type="submit"]:active {
    background-color: #333333;
    color: #ffffff;
}
/* Style sidebar Posts as bulleted list */
#jetpack_display_posts_widget-3 .jetpack-display-remote-posts {
    padding-left: 17px; /* Reduced from 20px to move bullets left */
    margin-left: 0;
}

#jetpack_display_posts_widget-3 .jetpack-display-remote-posts h4 {
    display: list-item;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: normal;
    color: #000000;
}

/* Color the bullets maroon */
#jetpack_display_posts_widget-3 .jetpack-display-remote-posts h4::marker {
    color: #800000;
}

#jetpack_display_posts_widget-3 .jetpack-display-remote-posts h4 a {
    text-decoration: none;
    color: inherit;
}

#jetpack_display_posts_widget-3 .jetpack-display-remote-posts h4 a:hover {
    text-decoration: underline;
}

/* Align the widget title with bullets */
#jetpack_display_posts_widget-3 .widget-title {
    padding-left: 3px;
    margin-left: 0;
}

/* Replace site title text with logo image */
#site-title {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#site-title a {
    display: inline-block; /* Changed from block */
    text-indent: -9999px;
    background: url('https://rucksackcellars.com/wp-content/uploads/2026/01/rucksack-cellars-logo-text.png') no-repeat center center;
    background-size: contain;
    width: 800px; /* Set an explicit width based on your logo's aspect ratio */
    height: 60px;
    margin: 0 auto;
}