/*
Theme Name: Falling Leaves Restored
Theme URI: http://www.hexfactor.com/wordpress/
Description: A modernized classic theme preserving the Judy and Matt wedding design.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: falling-leaves-restored
Author: Shawn Grimes
Author URI: http://www.hexfactor.com/
*/

/* The Basics */
* { 
        margin: 0;
        padding: 0;
}

a {
        color: #CC3333;
        text-decoration: none;
}

a:hover {
        color: #D88207;
        text-decoration: underline;
}

a img {
        border: none;
}

acronym, abbr {
        border-bottom: 1px dashed #444;
        font-size: 90%;
        letter-spacing: .07em;
}

blockquote {
    margin: 20px 20px;
    padding: 10px 10px 10px 65px;
    font-family: Georgia, "Times New Roman", Times, serif;
    background: url(images/block.gif) #fff no-repeat top left;
    color: #666;
    text-align: justify;
}

form {
        margin-top: 7px;
}

p {
        padding: 5px 0 5px 0;
}

small {
        font-size: 85%;
}

textarea {
        width: 450px;
}

#sidebar p {
        font-size: 10px;
        line-height: 15px;
}


#footer p {
        color: #666;
}

.alignright {
        float: right;
}

.alignleft {
        float: left;
}

.aligncenter {
        text-align: center;
}

.date {
        font-size: 10px;
        font-weight: normal;
        text-align: right;
        margin-bottom: 10px;
}

.description {
        font-family: Georgia, "Times New Roman", Times, serif;
        color: #fff;
        margin-left: 300px;
}

.feedback {
        background-color: #f8f8f8;
        padding: 0 5px 2px 5px;
}

.meta {
        font-size: 10px;
        font-weight: normal;
        text-align: left;
}

.post {
        margin-bottom: 35px;
}

/* Headings */
h1 { font: normal 28px Georgia, "Times New Roman", Times, serif; margin-left: 300px; padding-top: 15px; }
h1 a { color: #fff; text-decoration: none; border: none; }
h1 a:hover { color: #fff; text-decoration: none; border: none; }
h2 { border-bottom: 1px solid #ddd; color: #336; padding-bottom: 2px; font: normal 17px Arial, Helvetica, sans-serif; }
h2 a { color: #336; text-decoration: none; border: none; }
h2 a:hover { color: #889AC2; text-decoration: none; border: none; }
#sidebar h2 { font-size: 13px; font-weight: normal; }
h3 { border-bottom: 1px solid #ddd; color: #336; padding-bottom: 2px; font: normal 14px Arial, Helvetica, sans-serif; padding-top: 20px; }
h4 { font: 12px Arial, Helvetica, sans-serif; }

/* Layout */
body { 
        background-color: #CC3333;
        font: 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: #444;
        margin: 10px 0;
}

#container {
        width: 750px;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px 20px 0 20px;
    border-right: 2px solid #CC3333;
    border-left: 2px solid #CC3333;
    border-top: 1px solid #CC3333;
    border-bottom: 2px solid #CC3333;
}

#content {
        float: left;
        width: 500px;
}

#footer {
        clear: both;
        border-top: 1px solid #ddd;
        padding-bottom: 8px;
        text-align: left;
}

#header {
        height: 300px;
        margin-bottom: 35px;
        background: url(images/masthead.jpg);
        text-align: center;
}

.sep {
        margin: 25px 0 20px 0;
        padding: 0;
        height: 30px;
        border:none;
        background: url(images/sep.gif);
}

#sidebar {
        float: right;
        width: 200px;
        margin-bottom: 35px;
}

/* Images */
img.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid #ddd;
}
        
img.alignright {
        padding: 4px;
        margin: 4px 0 5px 7px;
        display: inline;
        border: 1px solid #ddd;
}

img.alignleft {
        padding: 4px;
        margin: 4px 7px 5px 0;
        display: inline;
        border: 1px solid #ddd;
}

/* Lists */
ul {
        margin-top: 3px;
        list-style: none;
}

li {
        list-style: none;
        line-height: 15px;
        padding: 0 0 0 10px;
}

li li {
        margin-left: 20px;
        margin-bottom: 2px;
        list-style: circle;
        padding: 0;
}

/* Comments */
.alt {
        margin: 0;
        padding: 10px;
}
        
.alt {
        background-color: #dda;
        border-top: 1px solid #c2c295;
        border-bottom: 1px solid #c2c295;
}

.commentlist {
        padding: 0;
}

.commentlist li {
        margin: 15px 0 3px;
        padding: 5px 10px 3px;
        list-style: none;
}

.commentlist p {
        margin: 10px 5px 10px 0;
}

.commentlist li {
        margin: 15px 0 3px;
        padding: 5px 10px 3px;
        list-style: none;
}

.commentlist p {
        margin: 10px 5px 10px 0;
}

/* Compatibility, accessibility and responsive layout. */
#header { background-size: cover; background-position: center; }
#content { min-width: 0; }
#content::after, .entry-content::after { content: ""; display: block; clear: both; }
.entry-content img, .entry-content video { max-width: 100%; height: auto; }
.entry-content iframe { max-width: 100%; }
.entry-content table { max-width: 100%; }
.entry-content { overflow-wrap: break-word; }
.entry-content ul, .entry-content ol { padding-left: 22px; }
.entry-content li { list-style: inherit; padding-left: 0; line-height: inherit; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content pre { overflow-x: auto; }
#sidebar section { margin-bottom: 20px; }
#sidebar li { padding-left: 0; }
#sidebar .bookmark-description { color: #444; }
#sidebar form { margin-top: 7px; }
input, textarea, button { font: inherit; box-sizing: border-box; max-width: 100%; }
input[type="text"], input[type="email"], input[type="url"], input[type="search"], textarea { padding: 4px; border: 1px solid #888; }
textarea { width: 100%; }
button, input[type="submit"] { padding: 2px 6px; cursor: pointer; }
a:focus-visible, input:focus-visible, textarea:focus-visible, button:focus-visible { outline: 2px solid #336; outline-offset: 3px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link:focus { position: fixed; top: 8px; left: 8px; width: auto; height: auto; clip: auto; padding: 8px; background: #fff; z-index: 100000; }
#content .entry-title { margin-left: 0; padding-top: 0; font: normal 17px Arial, Helvetica, sans-serif; color: #336; border-bottom: 1px solid #ddd; }
.sep { background: none; border-top: 1px solid #ddd; height: 1px; }
.navigation { margin: 20px 0; }
.nav-links { display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.commentlist .children { margin-left: 18px; }
.comment-body { overflow-wrap: break-word; }
.comment-form label { display: block; }
.comment-form-cookies-consent label { display: inline; }
.commentlist .avatar { float: right; margin-left: 8px; }
.wp-caption { max-width: 100%; }
@media (max-width: 820px) {
 body { margin: 0; }
 #container { width: auto; max-width: 750px; padding: 16px; border: 0; }
 #content { width: 67%; }
 #sidebar { width: 27%; }
 #header h1, #header .description { margin-left: 36%; }
}
@media (max-width: 560px) {
 #container { padding: 12px; }
 #header { height: 230px; margin-bottom: 24px; }
 #header h1 { margin-left: 0; font-size: 24px; padding: 12px 8px 0; text-shadow: 0 1px 4px #222; }
 #header .description { margin-left: 0; padding: 2px 8px; text-shadow: 0 1px 4px #222; }
 #content, #sidebar { float: none; width: 100%; }
 body { font-size: 13px; line-height: 21px; }
 #sidebar p { font-size: 12px; line-height: 19px; }
 #sidebar { padding-top: 20px; border-top: 1px solid #ddd; }
}