body {
background: url(https://www.outbackfamilyhistoryblog.com/wp-content/uploads/2014/02/old-brown-paper-background1.jpg) repeat;
}
.site-container {
background: url(//www.outbackfamilyhistoryblog.com/wp-content/themes/quattro/images/wrap.png);
max-width: 1140px;
margin: 25px auto;
padding: 20px;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
border: 3px solid #ccc;
}
.body {
border: double #ccc;
overflow: hidden;
padding: 15px 20px 20px;
} .custom-header-logo {
padding: 0px 0;
text-align: center;
} .custom-header-logo .custom-logo-link {
display: inline-block;
} .nav-search-container {
display: flex;
justify-content: space-between; align-items: center;
border-top: double #ccc;
border-bottom: double #ccc;
padding: 0 15px; margin: 0 auto;
} .nav-primary {
border: none;
padding: 0;
margin: 0;
}
.nav-primary .genesis-nav-menu {
list-style-type: none !important;
margin: 0;
padding: 0;
display: flex; }
.nav-primary .genesis-nav-menu > .menu-item {
display: inline-block;
}
.nav-primary .genesis-nav-menu a {
background: url(//www.outbackfamilyhistoryblog.com/wp-content/themes/quattro/images/nav-line.png) no-repeat center right;
color: #444;
display: block;
padding: 10px 16px;
text-decoration: none;
font-family: 'Quattrocento', serif;
font-size: 14px;
}
.nav-primary .genesis-nav-menu > .menu-item:last-of-type a {
background: none;
}
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu a:hover {
color: #b63838;
}  .search-form .search-form-input {
color: #777;
font-style: normal;
border: 1px solid #cccc;
color: #fff; padding: 4px 5px;
font-size: 14px; border-radius: 0;
-webkit-appearance: none;
} .search-form .search-form-submit {
background-color: #555!important; border: 1px solid #555;
color: #fff; padding: 3px 5px;
margin: 0;
cursor: pointer;
font-size: 14px; border-radius: 0;
-webkit-appearance: none;
}
.nav-search-container .search-form .search-form-submit:hover {
background-color: #333;
border-color: #333;
} @media (max-width: 1200px) {
.site-container {
max-width: 960px;
}
}
@media (max-width: 1024px) {
.site-container {
width: 100%;
margin: 0;
padding: 10px;
border: none;
box-shadow: none;
}
.content-sidebar .content-sidebar-wrap {
flex-direction: column;
}
.content-sidebar .sidebar {
width: 100%;
} .nav-search-container {
flex-direction: column; align-items: center; gap: 20px; padding: 20px 0;
} .nav-primary .genesis-nav-menu {
justify-content: center; flex-wrap: wrap; gap: 0 10px; }
.nav-primary .genesis-nav-menu a {
padding: 5px 8px; }
}
@media (max-width: 768px) {
.home-grid-posts .post {
width: 100%;
}
} .content-sidebar .content-sidebar-wrap {
display: flex;
flex-wrap: nowrap;
gap: 30px;
}
.content-sidebar .content {
flex-grow: 1;
}
.content-sidebar .sidebar {
width: 320px;
flex-shrink: 0;
} .entry-content img:not(.wp-smiley) {
background-color: #fff;
border: 4px solid #ccc;
padding: 1px;
box-sizing: border-box;
height: auto;
} body, h1, h2, h3, h4, h5, h6, p, select, textarea {
font-family: 'Quattrocento', serif;
}
a, a:visited { color: #b63838; }
.sidebar .widget {
background: url(//www.outbackfamilyhistoryblog.com/wp-content/themes/quattro/images/bg-light.png);
box-shadow: 0 0 10px #bbb inset;
margin: 0 0 20px;
padding: 20px;
}
.sidebar .widget-title {
font-size: 18px;
font-family: 'Quattrocento Sans', sans-serif;
font-weight: bold;
margin-bottom: 15px;
} @media (max-width: 1200px) {
.site-container {
max-width: 960px;
}
}
@media (max-width: 1024px) {
.site-container {
width: 100%;
margin: 0;
padding: 10px;
border: none;
box-shadow: none;
}
.nav-search-container {
flex-direction: column; gap: 15px;
padding: 15px 0;
}
.content-sidebar .content-sidebar-wrap {
flex-direction: column;
}
.content-sidebar .sidebar {
width: 100%;
}
}  .site-container {
background: none;
border: none;
box-shadow: none;
padding: 0;
max-width: 100%; } #wrap {
background: url(//www.outbackfamilyhistoryblog.com/wp-content/themes/quattro/images/wrap.png);
border: 3px solid #ccc;
box-shadow: 0 0 15px rgba(0,0,0,0.5);
max-width: 1140px;
margin: 25px auto;
padding: 20px; } #wrap > .inner {
border: double #ccc;
padding: 20px; overflow: hidden; } .custom-header-logo,
.nav-search-container,
.site-inner {
padding-left: 0;
padding-right: 0;
}
.custom-header-logo {
padding-bottom: 10px; margin-bottom: 0; border-bottom: none; }
.site-inner {
padding-top: 25px;
padding-bottom: 0;
}  .site-footer {
font-family: 'Quattrocento', serif;
clear: both;
color: #cccc;
font-size: 14px;
margin: 0 auto;
overflow: hidden;
text-shadow: 1px 1px 1px #111;
width: 1146px;
}
.site-footer a {
font-family: 'Quattrocento',
serif!important;
font-weight: 500;
clear: both;
color: #cccc;
font-size: 14px;
margin: 0 auto;
overflow: hidden;
text-shadow: 1px 1px 1px #111;
width: 1146px;
text-decoration: none;
}
.site-footer .wrap {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 25px; }
.site-footer .gototop,
.site-footer .creds {
margin: 0;
padding: 0;
}
.site-footer .creds {
text-align: right;
}
.site-footer a:hover {
color: #b63838;
}  .home .home-featured-post {
border-bottom: 1px solid #ddd;
padding-bottom: 25px;
margin-bottom: 25px;
} .home .content > article:nth-of-type(3) {
clear: both;
} .home .content {
overflow: hidden; } .home .content > article:not(.home-featured-post) {
float: left;
width: 48%;
margin-right: 4%;
margin-bottom: 25px;
padding: 15px;
box-sizing: border-box;
border: 1px solid #ddd;
background: #fff;
} .home .content > article:not(.home-featured-post):nth-of-type(even) {
margin-right: 0;
} .archive-pagination {
clear: both;
padding: 20px;
margin: 20px 0;
text-align: left;
background-color: #f5f5f5;
border: 1px solid #ccc;
}
.archive-pagination li {
display: inline-block;
margin-right: 5px;
}
.archive-pagination a,
.archive-pagination .active a {
background-color: #555;
border: 1px solid #555;
color: #fff;
padding: 8px 12px;
text-decoration: none;
font-size: 14px;
}
.archive-pagination a:hover,
.archive-pagination .active a {
background-color: #333;
border-color: #333;
}  .entry-content .wp-caption,
.entry-content img,
.entry-content iframe, .entry-content video {
max-width: 100%; height: auto; display: block; margin: 0 auto 25px auto; } .entry-content .wp-caption,
.entry-content img:not(.wp-smiley) {
box-sizing: border-box; }  .home .home-featured-post .entry-content img,
.home .home-featured-post .entry-content .wp-caption {
width: 100%; } .home .content > article:not(.home-featured-post) .entry-content img { //aspect-ratio: 4 / 3;
width: 100%;
//object-fit: cover; }  .home .home-featured-post .entry-title a {
color: #444; text-decoration: none; } .home .home-featured-post .entry-title a:hover {
color: #b63838; }
.home .content > article:not(.home-featured-post) {
background: transparent;
}