#bigbackgrounds {
position: fixed;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
z-index: 0;
}
#bigbackgrounds .bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
min-width: 50%;
min-height: 50%;
}
#all {
position: absolute;
z-index: 5;
width: 100%;
}
body {
background: #F0EDE6;
}
#content {
background-color: #FFF;
padding: 30px;
} body {
font-family: 'Crimson Text', serif;
font-weight: 400;
font-size: 15px;
line-ehight: 1.5;
color: #36393e;
}
.wp-block-image {
margin-bottom: 0 !important;
}
.wp-block-image .alignleft {
margin-right: 1.5em;
margin-bottom: 1.5rem;
}
strong, b {
color: #65839c;
font-weight: 600;
}
em, i {
font-style: italic;
}
a {
color: #758C8E;
}
a:focus, a:hover {
color: #36393E;
text-decoration: none;
}
.navfont,
.btn-lara,
h1, h2, h3 {
color: #758C8E;
font-family: 'big_johnregular', sans-serif;
}
h1 {
margin: 10px 0 40px 0;
}
#content .datewrap h3 {
color: #fff;
margin: 6px 0;
}
h4 {
font-weight: 400;
}
h5.title {
font-size: 20px;
font-weight: 600;
height: 45px;
}
.entry-title {
text-align: center;
}
.navfont a {
color: #36393E;
}
.nav > li > a:hover,
.navfont .current-menu-item a {
color: #758C8E;
background-color: transparent;
}
ul.twitterfeed {
margin: 0;
padding: 0;
list-style: none;
} #masthead {
margin-bottom: 15px;
}
#mobile-menu-bar {
background: #36393E;
padding: 5px;
z-index: 9;
}
.jPushMenuBtn {
background-image: none;
border-color: #758C8E;
background-color: #758C8E;
}
.cbp-spmenu .menuclose {
position: absolute;
top: 5px;
right: 5px;
color: #fff;
}
.cbp-spmenu {
background: #36393E;
position: fixed;
overflow-y: overlay;
}
.cbp-spmenu h3 {
color: #fff;
background: #36393E;
}
.cbp-spmenu-vertical a {
border-bottom: 1px solid #fff;
}
.cbp-spmenu a:hover {
background: #758C8E;
} .navfont.aligncenter .navbar-nav {
float: none;
}
.navfont.aligncenter .navbar-nav>li {
float: none;
display: inline-block;
}
#primary-menu {
} #content h3 {
margin: 20px auto 40px auto;
} #listings {
width: 100%;
}
#listings .listing {
position: relative;
width: 100%;
margin: 20px 0;
}
#listings .listing img {
width: 100%;
}
.post-thumbnail-wrap {
padding: 0;
height: 200px;
overflow: hidden;
}
.post-thumbnail {
position: relative;
width: 200%;
height: 200%;
overflow: hidden;
left: -50%;
padding-bottom: 30px;
top: -50%;
}
.post-thumbnail img {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 50%;
max-width: none;
}
.book-box {
padding-top: 20px;
}
.top-book .book-box {
display: inline-block;
float: none;
}
.top-book {
border-bottom: 1px solid #d5d5d5;
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.home-col {
padding-bottom: 15px;
}
figure {
max-width: 100%;
}
@media (max-width: 499px) {
#listings .listing .left {
margin-bottom: 10px;
}
#listings .listing .left img {
width: 100%;
height: auto;
}
}
@media (min-width: 499px) {
#listings .listing .full {
width: 100%;
}
#listings .listing .left {
float: left;
width: 19%;
padding-right: 1%;
}
#listings .listing .right {
position: relative;
float: right;
width: 80%;
}
#listings .listing .right p {
padding-left: 67px;
}
#listings .listing .right .datewrap {
margin: 0 0 0 -2.45%;
}
}
#listings .listing .datewrap {
color: #FFF;
background-color: #758C8E;
text-transform: uppercase;
text-align: center;
font-weight: bold;
padding: 5px 10px;
margin: 0;
font-size: 1.2em;
}
#listings .listing .datewrap .day, #listings .listing .datewrap .date {
padding-right: 5px;
}
#listings .listing a.more-link {
font-weight: 700;
}
#listings .listing a.more-link:after {
content: '\00BB\0020';
}
#listings .listing h5 {
font-size: 26px;
margin: 20px 0 10px 0;
}
#listings #past-link {
text-align: right;
}
#listings #past-link a {
font-weight: 700;
text-transform: uppercase;
} .event-meta { width: 100%;
padding: 10px 0;
margin: 20px 0;
border-top: 1px dashed #d4d4d4;
border-bottom: 1px dashed #d4d4d4;
}
.event-meta .meta { margin-bottom: 3px;
}
.event-meta .meta span.desc {
font-weight: 700;
} .single-book #book-title {
margin: 20px 0;
}
.single-book #buy-button {
margin-bottom: 20px;
}
.single-book .book-image {
margin-bottom: 25px;
} .isotope {
position: relative;
width: 100%;
}
.isotope .box {
position: relative;
width: 33.33%;
padding: 2%;
cursor: pointer;
overflow: hidden;
} #twitter-icon {
margin-bottom: 20px;
} #colophon {
text-align: center;
} .vpad {
padding-top: 20px;
padding-bottom: 20px;
}
.vpad-bottom {
padding-bottom: 20px;
}
.hpad {
padding-left: 20px;
padding-right: 20px;
}
.vpad-double {
padding-top: 40px;
padding-bottom: 40px;
}
.hpad-double {
padding-left: 40px;
padding-right: 40px;
} .vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.alignright {
text-align: right;
}
.aligncenter {
text-align: center;
}
.table-wrap {
display: table;
height: 100%;
width: 100%;
}
.cell-wrap {
display: table-cell;
vertical-align: middle;
} .btn-lara {
color: #FFF;
padding: 12px 20px;
line-height: 1;
background-color: #758C8E;
}
.btn-lara-home {
color: #FFF;
padding: 8px 16px;
line-height: 1;
background-color: #758C8E;
} img {
height: auto;
max-width: 100%;
} body.admin-bar {
padding-top: 32px;
} @media (min-width: 768px) {
.container {
width: 750px !important;
}
}
@media (min-width: 992px) {
.container {
width: 970px !important;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px !important;
}
}
@media (max-width: 992px) {
.isotope .box {
width: 50%;
}
.alignright {
text-align: center;
}
body {
padding-top: 40px;
}
}
@media (max-width: 768px) {
.isotope .box {
width: 100%;
}
}