p + .alignfull,
p + .alignwide {
margin-top: 2em;
}
main .alignfull {
width: 100vw;
max-width: calc(100% + 80px);
margin-left: -40px;
margin-right: -40px;
}
@media (max-width: 767px) {
main .alignfull {
max-width: calc(100% + 60px);
margin-left: -30px;
margin-right: -30px;
}
}
@media (max-width: 379px) {
main .alignfull {
max-width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
}
main .alignfull img {
width: 100vw;
}
main .alignfull .wp-block-column {
padding: 0 5px;
}
main .alignfull > figcaption {
margin-left: auto;
margin-right: auto;
width: -moz-fit-content;
width: fit-content;
}
main .alignwide {
max-width: calc(100vw - 40px);
margin-left: -20px;
margin-right: -20px;
width: auto;
}
@media (max-width: 767px) {
main .alignwide {
max-width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
}
}
@media (max-width: 379px) {
main .alignwide {
max-width: calc(100% + 16px);
margin-left: -8px;
margin-right: -8px;
}
}
main .alignnone {
margin-right: auto;
margin-left: auto;
}
main .sidebar > :last-child {
margin-bottom: 70px;
}
.single main .sidebar_left .alignwide, .single main .sidebar_right .alignwide {
margin-left: -10px;
margin-right: -10px;
max-width: calc(100% + 20px);
}
.single main .sidebar_left .alignfull, .single main .sidebar_right .alignfull {
margin-left: -20px;
margin-right: -20px;
max-width: calc(100% + 40px);
}
.single main .sidebar_left .alignfull img, .single main .sidebar_right .alignfull img {
width: 100%;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 0 30px 30px 0;
}
.alignright {
float: right;
margin: 0 0 10px 30px;
}
.wp-caption.aligncenter {
margin-left: auto;
margin-right: auto;
}
.wp-block-cover,
.wp-block-button,
p + .alignfull,
p + .alignwide {
margin-top: 2rem;
margin-bottom: 2rem;
}
.wp-block-cover.alignleft,
.wp-block-button.alignleft {
margin-right: 2rem;
margin-top: 0;
}
.wp-block-cover.alignright,
.wp-block-button.alignright {
margin-left: 2rem;
margin-top: 0;
}
.wp-block-cover,
.wp-block-button,
p + .alignfull,
p + .alignwide {
margin-top: 2rem;
margin-bottom: 2rem;
}
.wp-block-cover.alignleft,
.wp-block-button.alignleft {
margin-right: 2rem;
margin-top: 0;
}
.wp-block-cover.alignright,
.wp-block-button.alignright {
margin-left: 2rem;
margin-top: 0;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding: 2em 1.5em 2em 3.7em;
}
.wp-block-quote.is-large::before, .wp-block-quote.is-style-large::before {
top: 1.6em;
}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 1.15em;
}
.wp-block-quote.is-large p:first-child, .wp-block-quote.is-style-large p:first-child {
margin-top: -0.16em;
}
.wp-block-quote.is-large cite, .wp-block-quote.is-style-large cite {
font-size: 0.9em;
}
@media (max-width: 767px) {
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
margin-left: 20px;
}
}
.wp-block-quote cite > br:first-child {
display: none;
}
.wp-block-quote.has-text-align-right {
padding-left: 35px;
padding-right: 94px;
}
.wp-block-quote.has-text-align-right::before {
right: 41px;
left: auto;
transform: scale(-1, 1);
}
.wp-block-pullquote blockquote::before {
top: 50px;
}
.wp-block-pullquote.has-background blockquote {
background-color: transparent;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 75%;
}
.wp-block-pullquote.is-style-solid-color blockquote p:first-of-type {
margin-top: -0.225em;
}
.blog-post_text blockquote,
#comments .comment_content blockquote {
margin-bottom: 30px;
}
.blog-post .blog-post_text blockquote {
background-color: #ffffff;
border-radius: 5px;
transition: 0.3s;
}
.blog-post:hover .blog-post_text blockquote {
background-color: var(--pawscare-secondary-color);
}
figcaption {
width: 100%;
text-align: center;
}
@media (max-width: 410px) {
figure.wp-block-audio, figure.wp-block-embed-youtube, figure.wp-block-embed-facebook {
margin-left: 0;
margin-right: 0;
}
figure.wp-block-audio audio {
min-width: 250px;
}
}
.blog-post_content .wp-block-cover .wp-block-cover-image-text, .blog-post_content .wp-block-cover-image .wp-block-cover-image-text,
.blog-post_content .wp-block-cover .wp-block-cover-text, .blog-post_content .wp-block-cover-image .wp-block-cover-text,
.blog-post_content .wp-block-cover h2, .blog-post_content .wp-block-cover-image h2 {
color: #ffffff;
}
.wp-block-group {
margin-top: 1rem;
margin-bottom: 1rem;
}
.wp-block-group.has-background {
padding: 2rem;
}
.wp-block-group p:last-child {
margin-bottom: 0;
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
}
.blocks-gallery-caption {
font-size: 13px;
text-align: center;
}
.wp-block-gallery {
margin-bottom: 16px;
}
.wp-block-gallery li.blocks-gallery-item {
padding-left: 0;
margin-bottom: 16px;
}
.wp-block-gallery li.blocks-gallery-item figcaption {
line-height: 1.5;
}
.wp-block-gallery.alignwide {
clear: both;
}
ul.wp-block-categories .wp-block-categories-list,
ul.wp-block-categories .wp-block-categories-list ul {
list-style: none;
}
ul.wp-block-categories .wp-block-categories-list li,
ul.wp-block-categories .wp-block-categories-list .children li {
padding-left: 0;
}
ul.wp-block-categories .wp-block-categories-list li {
font-size: 18px;
}
ul.wp-block-categories .wp-block-categories-list li:before {
content: "";
display: block;
position: absolute;
top: 16px;
left: -21px;
width: 6px;
height: 6px;
border-radius: 50%;
}
ul.wp-block-categories .wp-block-categories-list li a {
color: inherit;
display: inline-block;
font-size: 18px;
line-height: 36px;
font-weight: 700;
}
ul.wp-block-categories .wp-block-categories-list li .post_count {
display: inline-block;
margin-left: 5px;
font-size: 1em;
font-weight: 600;
text-align: center;
color: #b7b7b7;
box-sizing: border-box;
transition: 0.15s;
}
ul.wp-block-categories .wp-block-categories-list li img {
max-width: 40px;
margin-top: -4px;
margin-right: 15px;
vertical-align: middle;
}
ul.wp-block-categories .wp-block-categories-list ul a {
font-size: 16px;
padding: 0;
}
ul.wp-block-categories .wp-block-categories-list > li li {
line-height: 30px;
}
ul.wp-block-categories .wp-block-categories-list > li > ul {
margin-top: -3px;
}
.wp-block-categories-dropdown {
display: inline-block;
}
.wp-block-latest-comments > li {
padding-left: 0;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
font-size: 14px;
font-weight: 800;
color: var(--pawscare-header-font-color);
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a {
color: inherit;
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta a:hover {
color: var(--pawscare-primary-color);
}
.wp-block-latest-comments__comment .wp-block-latest-comments__comment-date {
margin-top: -1px;
margin-bottom: 13px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #6c6d6e;
}
.wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
margin-top: 5px;
font-size: 14px;
font-weight: 400;
line-height: 22px;
color: #6c6d6e;
}
.wp-block-latest-posts__post-date {
font-family: var(--pawscare-content-font-family);
}
ul.wp-block-latest-posts {
margin-left: 0;
padding-left: 0;
list-style: none;
}
ul.wp-block-latest-posts li {
position: relative;
padding-left: 17px;
}
ul.wp-block-latest-posts li:not(:first-child) {
margin-top: 22px;
}
ul.wp-block-latest-posts li a {
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 800;
color: var(--pawscare-header-font-color);
}
ul.wp-block-latest-posts li a::before {
content: "\f15b";
position: absolute;
top: 0;
left: 0;
font-family: "Font Awesome 5 Free";
font-size: 12px;
color: var(--pawscare-primary-color);
transition: color 0.3s;
}
ul.wp-block-latest-posts li a:hover::before {
color: var(--pawscare-primary-color);
opacity: 1;
}
ul.wp-block-latest-posts.is-grid li {
margin: 0 20px 20px 0;
}
.wp-block-search .wp-block-search__input {
height: 50px;
border: 1px solid #f4f4f4;
}
.wp-block-search .wp-block-search__button {
height: 50px;
padding: 6px 30px;
margin-bottom: 20px;
min-width: 130px;
border: unset;
font-size: 14px;
text-transform: uppercase;
color: var(--pawscare-button-color-idle);
background-color: var(--pawscare-button-bg-idle);
}
.wp-block-search .wp-block-search__button:hover {
color: var(--pawscare-button-color-hover);
background-color: var(--pawscare-button-bg-hover);
}
@media (max-width: 767px) {
.wp-block-search .wp-block-search__inside-wrapper {
flex-wrap: wrap;
}
.wp-block-search .wp-block-search__input {
width: 100%;
}
.wp-block-search .wp-block-search__button {
margin-left: 0;
}
}