body {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
} a {
text-decoration-thickness: 1px;
text-underline-offset: 0.25ch;
}
a:hover,
a:focus {
text-decoration-style: dashed;
}
a:active {
text-decoration: none;
}
.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
text-decoration: underline;
text-decoration-style: solid;
}
.wp-block-query-pagination-numbers .current {
margin: 5px;
padding: 5px 10px;
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
}
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:focus,
.wp-block-query-pagination-next:focus {
background-color: var(--wp--preset--color--foreground);
color: var(--wp--preset--color--background);
} .wp-block-search__button,
.wp-block-file .wp-block-file__button {
background-color: var(--wp--preset--color--primary);
border-radius: 0;
border: none;
color: var(--wp--preset--color--background);
font-size: var(--wp--preset--font-size--small);
padding: 1rem;
} .wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
background-color: var(--wp--preset--color--foreground);
} .wp-site-blocks,
body>.is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"]>.wp-block-group,
.is-root-container .wp-block[data-align="full"]>.wp-block-cover {
padding-left: var(--wp--custom--spacing--outer);
padding-right: var(--wp--custom--spacing--outer);
}
.wp-site-blocks .alignfull,
.wp-site-blocks>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-cover,
.wp-site-blocks>.wp-block-template-part>.wp-block-group.has-background,
.wp-site-blocks>.wp-block-template-part>.wp-block-cover,
body>.is-root-container>.wp-block-cover,
body>.is-root-container>.wp-block-template-part>.wp-block-group.has-background,
body>.is-root-container>.wp-block-template-part>.wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
width: unset;
} .wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"]>*:not(.wp-block-group) .wp-block[data-align="full"] {
margin-left: auto !important;
margin-right: auto !important;
width: inherit;
} .wp-block-navigation__responsive-container.is-menu-open {
padding-top: var(--wp--custom--spacing--outer);
padding-bottom: var(--wp--custom--spacing--large);
padding-right: var(--wp--custom--spacing--outer);
padding-left: var(--wp--custom--spacing--outer);
} .wp-block-group.fairy-post-thumbnail-wrap {
max-width: 360px;
}
.wp-block-group.fairy-post-content-wrap {
min-width: 250px;
}
.wp-block-read-more:hover {
background-color: var(--wp--preset--color--foreground);
}
.wp-block-post-terms>a {
position: relative;
padding-bottom: 5px;
}
.wp-block-post-terms>a:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background-color: var(--wp--preset--color--primary);
}
.wp-block-post-terms__separator {
display: inline-block;
margin-right: 3px;
}
.wp-block-categories {
list-style: none;
padding-left: 0;
margin-left: 0;
}
.wp-block-categories li a,
.wp-block-latest-posts li a {
position: relative;
display: block;
}
.wp-block-categories li a {
padding-left: 1.5rem;
}
.wp-block-categories li a::before {
content: "→";
position: absolute;
left: 0;
}
footer .wp-block-categories a,
footer .wp-block-latest-posts a {
color: var(--wp--preset--color--background);
}
.wp-site-blocks>*+* {
margin: 0 !important;
}
.wp-block-search__inside-wrapper {
padding: 0;
}
.wp-block-search__input {
padding: 10px 15px;
}
.wp-block-search__button {
margin-left: 0;
}
.wp-block-post-date {
padding-left: 1.3rem;
margin-right: 1.5rem;
background-image: url(//crmnuggets.com/wp-content/themes/fairy-fse/assets/images/calendar-days-solid.svg);
background-size: 13px;
background-position: left center;
background-repeat: no-repeat;
}
.wp-block-post-author-name,
.wp-block-post-author__name {
padding-left: 1.3rem;
background-image: url(//crmnuggets.com/wp-content/themes/fairy-fse/assets/images/user-solid.svg);
background-size: 13px;
background-position: left center;
background-repeat: no-repeat;
}
.wp-block-categories>li,
.wp-block-latest-posts.wp-block-latest-posts__list li {
margin-bottom: 0.8rem;
} .wp-block-latest-posts__list>li::after {
content: '';
display: table;
clear: both;
}
.wp-block-latest-posts__list .wp-block-latest-posts__featured-image {
float: left;
margin-right: 15px;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-title,
.wp-block-latest-posts__list .wp-block-latest-posts__post-date {
display: block;
overflow: hidden;
}
.wp-block-latest-posts__list .wp-block-latest-posts__post-title {
font-family: var(--wp--preset--font-family--oswald);
font-weight: var(--wp--custom--typography--font-weight--bold);
margin-bottom: 0.3rem;
}
.wp-block-latest-posts__post-date {
padding-left: 1rem;
background-image: url(//crmnuggets.com/wp-content/themes/fairy-fse/assets/images/calendar-days-solid.svg);
background-size: 10px;
background-position: left center;
background-repeat: no-repeat;
} footer .wp-block-latest-posts__list .wp-block-latest-posts__post-title {
font-family: var(--wp--preset--font-family--open-sans);
margin-bottom: 0;
}
footer .wp-block-latest-posts__list li a {
position: relative;
padding-left: 1.5rem;
}
footer .wp-block-latest-posts__list li a::before {
content: "→";
position: absolute;
left: 0;
} .wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
padding: 1rem;
margin-top: 0.5rem;
margin-bottom: 1.3rem;
width: 100%;
max-width: 500px;
}
.wpcf7-form input[type="submit"] {
font-weight: 500;
background-color: var(--wp--preset--color--primary);
color: #fff;
border: none;
width: 100%;
max-width: 532px;
cursor: pointer;
font-size: 18px;
}
.wpcf7-form input[type="submit"]:hover {
background-color: var(--wp--preset--color--foreground);
}
@media screen and (max-width: 780px) {
.wp-block-group.fairy-post-wrap {
flex-wrap: wrap !important;
}
}