.screen-reader-text {
position: absolute;
left: -1000em;
} .aligncenter {
display: block;
margin-left: auto;
}
.alignleft {
margin-right: auto;
float: left;
margin: 7px 7px 0 0;
}
.alignright {
float: right;
margin: 7px 0 0 7px;
}
body {
padding: 190.578px 0 0 !important;
} body.blog {
main {
padding: 0;
margin: 0 auto;
background-color: #fff;
}
.internal {
#interior-banner {
background: #ecf4db;
.contain {
padding: 50px 20px;
#page-title {
h1 {
text-align: center;
padding: 0;
margin: 0 auto;
color: #527f8e;
max-width: 1500px;
text-transform: capitalize;
}
}
}
}
}
.content-container {
padding: 50px 20px;
.post {
border-radius: 10px;
margin: 50px auto;
padding: 20px;
max-width: 1200px;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
text-align: left;
position: relative;
&:first-of-type {
margin: 0 auto 50px;
}
&:last-of-type {
margin: 0 auto;
}
&:nth-child(odd) {
background: #527f8e;
*:not(a) {
color: #fff;
}
a {
color: #c2dd9e;
&:hover {
color: #70bad9;
}
}
}
&:nth-child(even) {
&:before {
content: "";
position: absolute;
left: -1000px;
right: -1000px;
top: 0;
bottom: 0;
z-index: 0;
background: #ecf4db url(https://www.westchestergentledentistry.com/assets/images/block-deco.png) center center no-repeat;
}
}
a {
&:hover {
color: #70bad9;
}
}
.storytitle {
text-align: left;
margin: 0;
position: relative;
a {
width: 100%;
display: block;
text-decoration: none;
}
&:hover {
& + .date {
& + .storycontent {
.featured-image {
img {
transform: scale(1.035);
transition: all 0.3s;
}
}
}
}
}
}
.date {
font-size: 18px;
font-weight: 700;
margin: 10px 0 15px;
position: relative;
}
.storycontent {
position: relative;
.featured-image {
float: left;
display: block;
margin: 0 10px 10px 0;
transition: all 0.3s;
&:hover {
img {
transform: scale(1.035);
transition: all 0.3s;
}
}
img {
height: auto;
transition: all 0.3s;
}
}
}
}
}
} body.single-post {
main {
padding: 0;
margin: 0 auto;
background-color: #fff;
}
.internal {
#interior-banner {
background: #ecf4db;
.contain {
padding: 50px 20px;
#page-title {
h1 {
text-align: center;
padding: 0;
margin: 0 auto;
color: #527f8e;
max-width: 1500px;
text-transform: capitalize;
}
}
}
}
}
.content-container {
padding: 50px 20px;
.post {
margin: 0 auto;
padding: 20px;
max-width: 1200px;
background: #ecf4db url(https://www.westchestergentledentistry.com/assets/images/block-deco.png) center center repeat;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
text-align: left;
position: relative;
border-radius: 10px;
.featured-image + h2 {
margin: 0;
padding: 0;
}
.wp-block-heading {
text-align: left;
}
h2 {
margin: 0;
padding: 30px 0 0;
&:first-child,
&:nth-child(2) {
padding: 0;
}
}
.featured-image + h3 {
margin: 0;
padding: 0;
}
h3 {
margin: 0;
padding: 30px 0 0;
&:first-child,
&:nth-child(2) {
padding: 0;
}
}
.storytitle {
margin: 0;
a {
text-decoration: none;
}
}
.date {
font-size: 18px;
font-weight: 700;
margin: 0 0 15px;
}
.storycontent {
.featured-image {
float: left;
display: block;
margin: 0 20px 10px 0;
img {
height: auto;
}
}
}
}
}
} .navigation {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 10px 0;
background-color: #f8f8f8;
border-top: 1px solid #dddddd;
font-family: inherit;
font-size: 18px;
text-align: center;
a {
text-decoration: none;
padding: 10px;
transition: color 0.3s ease;
&:hover {
text-decoration: underline;
}
}
.nav-previous {
margin: 0 10px;
}
.nav-next {
margin: 0 10px;
}
}
@media screen and (max-width: 1024px) {
body {
padding: 85.9844px 0 0 !important;
}
}
@media screen and (max-width: 800px) {
body.blog {
.wp-block-image figure {
float: none !important;
margin: 10px auto !important;
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
text-align: center !important;
}
.date {
text-align: center !important;
}
.content-container {
.post {
.storytitle {
text-align: center !important;
}
.storycontent {
.featured-image {
float: none;
margin: 0 0 20px;
}
}
}
}
}
}
@media screen and (max-width: 1000px) {
body.single-post {
.content-container {
.post {
.storycontent {
.wp-block-image {
figure {
float: none;
margin: 0 auto 20px;
}
}
.featured-image {
float: none;
margin: 0 auto 20px;
}
}
}
}
}
}
@media screen and (max-width: 800px) {
body.single-post {
.wp-block-image {
figure {
float: none !important;
margin: 10px auto !important;
}
}
.post h1,
.post h2,
.post h3,
.post h4,
.post h5,
.post h6 {
text-align: center !important;
}
.date {
text-align: center !important;
}
.content-container {
.post {
.storytitle {
text-align: center !important;
}
.wp-block-heading {
text-align: center !important;
}
.storycontent {
.wp-block-image {
figure {
float: none;
margin: 0 auto 20px;
}
}
.featured-image {
float: none;
margin: 0 0 20px;
}
}
}
}
}
}