/*
Theme Name: my-simone
Layout: Content-Sidebar
*/


.site-content {
    
    /*background: #b2b2b2 url(../images/pattern.svg) repeat;*/
    /*background: transparent url(../images/main-bg.png) repeat-y right; #JJ-memoved fake paper look 1/30/2026 */
    margin-right:-8px;
}

@media screen and (max-width: 1075px){
    .site-content {
        background: none;
        margin-right:0px;
    }
}

/*.single .site-content,
.page .site-content { 
    background: #fff; 
    background: hsl(0, 0%, 100%);
}*/
.site-content .widget-area {
/*    width: 380px;
    float: right;
    padding: 4rem;
    background: #fff;
    background: hsl(0, 0%, 100%);*/
    margin-right: -331px;
}

.site-content #coa-sidebar {
    position:relative;
    float:right;
    margin-top:-50px;
}
@media screen and (max-width: 1420px){
    .site-content #coa-sidebar {
/*        display:none;*/
        position:relative;
        float:left;
        margin:40px 20px 30px 20px;
    }
    .site-content .widget-area {
    /*    width: 380px;
        float: right;
        padding: 4rem;
        background: #fff;
        background: hsl(0, 0%, 100%);*/
        margin-right: 0px;
    }
    #sidebar-notepad aside li:first-child::before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        margin: 0 0 16px;
        background: rgb(119,56,21);
    }        
}

.site-content #coa-sidebar .widget-area {
    margin-left:20px;
}
.site-content #secondary {
/*    position:relative; */
    margin-bottom: 30px;
}
.site-content #sidebar-notepad {
/*    position:relative;  */
    background: transparent;
    /*background: transparent url(../images/main-bg.png) repeat-y right;*/
}

#sidebar-notepad aside h1:first-of-type::after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 0 0 16px;
    background: rgb(119,56,21);
}
#sidebar-notepad aside:first-child h1 {
    background: transparent url(../images/notepad-top2.png) no-repeat right;
    width: 310px;
    height: 69px;
    padding: 20px 50px 0;
}
#sidebar-notepad li, #sidebar-notepad aside:nth-child(2) h1 {
    padding: 10px 50px;
    background: transparent url(../images/notepad-middle2.png) repeat-y top right;
    width: 310px;
    
}
#sidebar-notepad aside:nth-child(2) h1 {
    padding: 12px 50px 0;
}
#sidebar-notepad .widget-title, #random-dog-photo .widget-title {
    margin-bottom: 0;
    border-bottom:none;
}

#random-dog-photo .widget-title {
    margin-bottom: 10px;
}

#sidebar-notepad .widget-title a{   
    color:rgb(45,72,46);
}

#sidebar-notepad .widget_rss li {
margin-bottom: 0;
}

#sidebar-notepad aside:nth-child(1) ul:last-child::after {
    content: url('../images/notepad-bottom2.png');
}

#sidebar-notepad .widget ul, #sidebar-notepad .widget ol, #sidebar-notepad .widget {
    margin: 0;
}
.show-when-small {
    display:none;
}

@media screen and (max-width: 1420px){ 
    .show-when-small {
        display:block;
        margin-top:50px;
        margin-bottom:20px;
        
    }
    .site-content #coa-sidebar .widget-area {
        margin-left:15px;
    }
    #sidebar-notepad, #sidebar-notepad aside, #random-dog-photo {
        float:left;
    }    
    #sidebar-notepad aside li:first-child::before {
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        margin: 0 0 16px;
        background: rgb(119,56,21);
    }
    #sidebar-notepad aside:first-child h1 {
        background: none;
        width: 310px;
/*        height: 52px;*/
        height: inherit;
        padding: 0px 50px;
    }
    #sidebar-notepad li {
        padding: 12px 50px 11px;
        background: none;
        width: 310px;
    }
    #sidebar-notepad aside:nth-child(2) h1 {
        padding: 0px 50px;
        background: none;
        width: 310px;
    }
    #sidebar-notepad aside:nth-child(1) ul:last-child::after {
        content: none;
    }
    
    
    
}
@media screen and (max-width: 1024px){ 
    #sidebar-notepad aside:first-child h1 {
        width: 310px;
        padding: 0px;
    }
    #sidebar-notepad li {
        padding: 12px 50px 11px 0px;
        width: 310px;
    }
    #sidebar-notepad aside:nth-child(2) h1 {       
        width: 310px;
        padding:0px;
    }
}
@media screen and (max-width: 695px){ 
     #sidebar-notepad aside:nth-child(2) h1 {
        padding-top: 30px;        
    }
}
@media screen and (max-width: 695px){    
    .site-content #coa-sidebar {
        margin:40px 0px 30px 0px;
    }
    #sidebar-notepad, #sidebar-notepad aside, #random-dog-photo {
/*        float:left;*/
        float:none;
    }    
    #sidebar-notepad aside:first-child h1 {
        width:100%;
        padding: 0px;
    }
    #sidebar-notepad li {
        padding: 12px 0px 11px;
        width:100%;
    }
    #sidebar-notepad aside:nth-child(2) h1 {
        width:100%;
    }
    .site-content #coa-sidebar .widget-area{
        margin-left:20px;
        margin-right:20px;
    }
}
#random-dog-photo .widget {
    margin: 0 0 2em;
}
.site-footer {
    clear: both;
    width: 100%;
}
.entry-header,
.entry-content,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation,
.page-header {
    position: relative;
/*    max-width: 780px;
    max-width: 78rem;*/
    padding: 0 4rem;
    margin: 0 auto;
}

.index-box {
/*    max-width: 780px;
    max-width: 78rem;*/
    padding: 1em 0 2em;
    /*margin: 0 auto 2em;
    background: #fff;
    background: hsl(0, 0%, 100%);*/    
}

.index-box blockquote.alignleft,
.index-box blockquote.alignright {
    background: #fff;
    background: hsl(0, 0%, 100%);
    border: none;
}

@media screen and (min-width: 1820px) {
    .index-box blockquote.alignright { padding-right: 2em; }
}

@media screen and (min-width: 1320px) {
    .index-box blockquote.alignleft { padding-left: 2em; }
}



@media screen and (max-width: 1159px){
    .site-content .widget-area {
	width: auto;
/*        max-width: 780px;*/
        float: none; 
        /*margin: 1em auto 0;*/
    }
}

@media screen and (min-width: 1160px) and (max-width: 1539px) {
    .content-area {
        width: 100%;
        float: left;
/*        margin-left: -380px;
        padding-left: 380px;*/
    }
    
    .entry-header,
    .entry-content,
    .entry-meta,
    .entry-footer,
    .tag-links,
    .post-navigation,
    .comments-area,
    .paging-navigation, 
    .index-box,
    .page-header { 
        margin-right: 0; 
    }
    
}

@media screen and (min-width: 1540px) {
    .content-area {
        float: left;
        width: 100%;
/*        margin-right: -380px;*/
    }
}

@media screen and (max-width: 600px) {
    .entry-header,
    .entry-content,
    .entry-footer,
    .tag-links,
    .post-navigation,
    .comments-area,
    .paging-navigation,
    .page-header {     
        padding: 0 2rem; 
    }
}
.page-header,
.paging-navigation {
    padding-top: 2em;
    padding-bottom: 2em;
    margin-bottom: 1em;
    margin-top:2em;
    list-style-type: none;    
}

.page-header {
    margin-top: 1em;
    margin-bottom: 1em;
}