@font-face {
font-display: swap;
font-family: "Quicksand";
font-style: normal;
font-weight: 400;
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/quicksand-v29-latin-regular.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/quicksand-v29-latin-regular.woff) format("woff");
} @font-face {
font-display: swap; font-family: "Roboto";
font-style: normal;
font-weight: 400;
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/roboto-v30-latin-regular.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/roboto-v30-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Open Sans";
font-style: normal;
font-weight: 400;
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/open-sans-v35-latin-regular.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/open-sans-v35-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Noto Sans JP";
font-style: normal;
font-weight: 400;
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/noto-sans-jp-v52-latin-regular.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/noto-sans-jp-v52-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Montserrat";
font-style: normal;
font-weight: 400;
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/montserrat-v25-latin-regular.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/montserrat-v25-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Lato";
font-style: normal;
font-weight: 400;
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/lato-v24-latin-regular.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/lato-v24-latin-regular.ttf) format("truetype"); } @font-face {
font-display: swap; font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/poppins-v20-latin-regular.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/googlefonts/poppins-v20-latin-regular.ttf) format("truetype"); }
@font-face {
font-family: "Font Awesome Regular";
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/fontawesome/webfonts/fa-regular-400.ttf) format("truetype");
}
@font-face {
font-family: "Font Awesome Brands";
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/fontawesome/webfonts/fa-brands-400.ttf) format("truetype");
}
@font-face {
font-family: "Font Awesome Solid";
src: url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(//salvobulgarella.com/wp-content/themes/neo-blog/fonts/fontawesome/webfonts/fa-solid-900.ttf) format("truetype");
}
.neo_blog_dark_mode .neo_blog_error,
.neo_blog_error {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3em;
}
.neo_blog_dark_mode .neo_blog_error span,
.neo_blog_error span {
font-size: 5em;
}
.neo_blog_dark_mode .neo_blog_error a,
.neo_blog_error a {
margin: 1em 2em 0 2em;
text-decoration: none;
background-color: var(--neo_blog_primary_color);
color: white;
border-radius: 8px;
padding: 0.8em 1.2em;
}
.neo_blog_dark_mode .neo_blog_error a:hover,
.neo_blog_error a:hover {
background-color: transparent;
outline: 1px solid var(--neo_blog_font_color);
color: var(--neo_blog_font_color);
transition: all 200ms;
}
#author-bio ul {
list-style: none;
padding: 0;
}
#author-bio ul li {
margin-top: 0.5em;
}
#author-bio ul li b {
margin-right: 0.5em;
}
.neo_blog_comments_area {
margin-top: 1em;
border-radius: 12px;
padding: 1em;
}
@media only screen and (max-width: 600px) {
.neo_blog_comments_area {
padding: 0;
}
}
.neo_blog_comments_area .neo_blog_comment_list {
padding: 0;
list-style: none;
}
.neo_blog_comments_area .comment {
list-style: none;
font-size: 0.8em;
}
.neo_blog_comments_area .comment-awaiting-moderation {
color: rgb(255, 0, 0);
font-weight: bold;
}
.neo_blog_comments_area .comment-body {
background-color: var(--neo_blog_element_background);
border-radius: var(--neo_blog_comments_border_radius);
padding: 1em;
margin-top: 1em;
border: var(--neo_blog_comments_border);
box-shadow: inset 0px 0px var(--neo_blog_comments_inner_glow) 0px var(--neo_blog_element_background_variant);
overflow-wrap: anywhere;
word-wrap: break-word;
overflow: hidden;
}
.neo_blog_comments_area .comment-content {
overflow: hidden auto;
max-height: var(--neo_blog_comments_max_height);
}
.neo_blog_comments_area .vcard {
display: flex;
align-items: center;
margin-bottom: 0.5em;
}
.neo_blog_comments_area .vcard cite a {
text-decoration: none;
color: unset;
font-weight: bold;
font-size: 1.5em;
padding: 0.2em;
}
.neo_blog_comments_area .vcard img {
width: auto;
margin: 0 1em 0 0;
}
.neo_blog_comments_area .vcard .fn {
font-size: var(--neo_blog_comments_name_font_size);
}
.neo_blog_comments_area .vcard span {
display: none;
}
.neo_blog_comments_area .comment-meta {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: var(--neo_blog_comments_date_position);
}
.neo_blog_comments_area .comment-meta a {
text-decoration: none;
margin: 0.5em 0;
}
.neo_blog_comments_area .reply {
display: flex;
margin-top: 1em;
justify-content: var(--neo_blog_comments_reply_link_position);
}
.neo_blog_comments_area .reply .comment-reply-link {
text-decoration: none;
background-color: var(--neo_blog_primary_variant_much_brighter);
padding: 0.5rem 1rem;
border-radius: var(--neo_blog_comments_border_radius_reply_link);
color: var(--neo_blog_font_color);
border: 1px solid var(--neo_blog_element_background);
}
.neo_blog_comments_area .reply .comment-reply-link:hover {
background-color: unset;
border: 1px solid var(--neo_blog_font_color);
}
.neo_blog_comments_area .bypostauthor .comment-body {
background-color: var(--neo_blog_body);
border: 1px solid var(--neo_blog_font_color);
box-shadow: inset 0px 0px 50px 0px rgba(216, 221, 167, 0.41);
}
.neo_blog_comments_area .children {
grid-column-end: 3;
padding: 0;
}
.neo_blog_comments_area .children .comment {
margin-left: 2em;
font-size: 1em;
}
.neo_blog_comments_area .children .author img {
max-width: 5em;
height: auto;
}
.neo_blog_comments_area .comment-respond {
padding: 1em;
}
@media only screen and (max-width: 600px) {
.neo_blog_comments_area .comment-respond {
padding: 0;
}
}
.neo_blog_comments_area .comment-respond .comment-form-comment {
display: flex;
flex-direction: column;
}
.neo_blog_comments_area .comment-respond .comment-form-comment textarea {
resize: vertical;
width: 100%;
}
.neo_blog_comments_area .comment-respond .form-submit {
margin: 0.5rem;
}
.neo_blog_comments_area .comment-respond .form-submit .submit {
text-decoration: none;
background-color: var(--neo_blog_primary_color);
padding: 0.5rem 1rem;
border-radius: var(--neo_blog_comments_border_radius_reply_link);
color: rgb(36, 36, 36);
border: none;
cursor: pointer;
font-size: 1.2em;
height: auto;
}
.neo_blog_comments_area .comment-respond .form-submit .submit:hover {
background-color: var(--neo_blog_primary_variant_brighter);
}
.neo_blog_comments_area .comment-respond .neo_blog_comment_reply_title {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.neo_blog_comments_area .comment-respond .neo_blog_comment_reply_title #cancel-comment-reply-link {
font-size: 0.8em;
color: red;
text-decoration: none;
}
.neo_blog_comments_area .comment-respond input {
padding: 0.5em;
height: 25px;
border: solid 1px var(--neo_blog_font_color);
}
.neo_blog_comments_area .comment-respond .comment-form-author,
.neo_blog_comments_area .comment-respond .comment-form-email,
.neo_blog_comments_area .comment-respond .comment-form-url {
position: relative;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
.neo_blog_comments_area .comment-respond .comment-form-author label,
.neo_blog_comments_area .comment-respond .comment-form-email label,
.neo_blog_comments_area .comment-respond .comment-form-url label {
pointer-events: none;
position: absolute;
top: 8px;
left: 5px;
}
.neo_blog_comments_area .comment-respond .comment-form-author input:not(:placeholder-shown) + label,
.neo_blog_comments_area .comment-respond .comment-form-author input:focus + label,
.neo_blog_comments_area .comment-respond .comment-form-author input:-webkit-autofill + label,
.neo_blog_comments_area .comment-respond .comment-form-email input:not(:placeholder-shown) + label,
.neo_blog_comments_area .comment-respond .comment-form-email input:focus + label,
.neo_blog_comments_area .comment-respond .comment-form-email input:-webkit-autofill + label,
.neo_blog_comments_area .comment-respond .comment-form-url input:not(:placeholder-shown) + label,
.neo_blog_comments_area .comment-respond .comment-form-url input:focus + label,
.neo_blog_comments_area .comment-respond .comment-form-url input:-webkit-autofill + label {
transform: scale(0.8) translateY(-0.8em);
height: auto;
font-size: 0.8em;
left: 0;
}
.neo_blog_comments_area .neo_blog_comments_without_image .vcard img {
display: none;
}
.neo_blog_dark_mode .neo_blog_comments_area .comment-body {
box-shadow: inset 0px 0px var(--neo_blog_comments_inner_glow) 0px var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_dark_mode .neo_blog_comments_area .bypostauthor .comment-body {
box-shadow: inset 0px 0px 50px 0px rgba(216, 221, 167, 0.41);
}
#neo_blog_footer {
margin-top: auto;
background-color: var(--neo_blog_primary_variant_much_brighter);
display: flex;
flex-direction: column;
align-items: center;
}
#neo_blog_footer a {
color: var(--neo_blog_primary_variant_darker);
}
#neo_blog_footer nav ul {
padding: 1.5em;
padding: 0;
list-style: none;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
#neo_blog_footer nav ul li {
margin: 1.5em;
}
#neo_blog_footer nav ul li a {
font-weight: bold;
font-size: 0.8em;
text-decoration: none;
}
#neo_blog_footer nav ul li ul {
display: flex;
flex-direction: column;
}
#neo_blog_footer nav ul li ul li {
margin: 0;
display: flex;
flex-direction: column;
}
#neo_blog_footer nav ul li ul li a {
font-weight: normal;
font-size: 1em;
}
#neo_blog_footer nav ul li ul li ul {
display: flex;
flex-direction: column;
}
#neo_blog_footer .neo_blog_footer_info {
margin-bottom: 0.2em;
font-size: 0.8em;
}
.neo_blog_header::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-attachment: fixed;
background-repeat: no-repeat;
background-position-x: center;
}
.neo_blog_header {
margin-bottom: 1em;
position: relative;
z-index: 10;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid gray;
background-color: var(--neo_blog_element_background);
}
@media only screen and (max-width: 600px) {
.neo_blog_header {
margin-bottom: 10px;
}
}
.neo_blog_header .neo_blog_header_div {
width: 100%;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: relative;
gap: var(--neo_blog_header_gap);
}
.neo_blog_header .neo_blog_header_div a {
text-decoration: none;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div {
gap: 0;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_search_row {
display: flex;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_search_row img {
max-width: 3em;
height: auto;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_search_row .description {
max-width: 10em;
overflow: hidden;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_search_row .neo_blog_header_search_div {
display: flex;
justify-content: center;
width: 100%;
max-width: 60em;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_search_row form {
margin-left: auto;
margin-right: auto;
width: 60%;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_title_div {
margin: 0 0.5em;
display: flex;
align-items: center;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_title_div .neo_blog_header_title_span {
font-size: clamp(10px, 5vw, var(--neo_blog_title_size));
word-break: keep-all;
margin: 0 0.5em;
color: var(--neo_blog_header_font_color);
text-align: center;
background-color: var(--neo_blog_header_text-background_color);
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_slogan_div {
text-align: center;
padding: 0 1em;
margin: 0.3em 0;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_slogan_div span {
color: var(--neo_blog_header_font_color);
background-color: var(--neo_blog_header_text-background_color);
font-size: clamp(10px, 5vw, var(--neo_blog_slogan-size));
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_banner {
max-height: 400px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: 90em;
margin: 0.5em 0;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_toggle_row {
display: flex;
gap: 0.1em;
margin: 0.3em;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_toggle_row .neo_blog_header_home_link {
margin-right: auto;
background-color: var(--neo_blog_body);
display: flex;
align-items: center;
justify-content: center;
padding: 0.5em 1.8em;
border: 1px solid var(--neo_blog_font_color);
border-radius: 6px;
text-decoration: none;
}
@media only screen and (min-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_toggle_row .neo_blog_header_home_link {
display: none;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row .neo_blog_submenu_toggle {
display: none;
border: 1px solid var(--neo_blog_header_menu_font_color);
padding: 8px 10px;
color: var(--neo_blog_header_menu_font_color);
max-height: 15px;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row {
width: 100%;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row .neo_blog_submenu_toggle {
display: inline;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row a {
margin-left: 1em;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row .neo_blog_menuitem_container {
padding: 0.5rem;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row .neo_blog_header_menu_nav ul li {
border-bottom: none;
}
}
@media only screen and (min-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row {
max-height: 200px;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row .neo_blog_header_menu_vertical {
flex-direction: column;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row ul {
display: none;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row li:hover {
border-bottom: 1px solid;
background-color: rgba(65, 65, 65, 0.479);
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row li:hover > ul {
display: flex;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_row .menu-item-has-children .menu-item-has-children::after {
content: "\f0da";
font-family: "Font Awesome Solid";
margin: 0 5px 0 -8px;
}
}
.neo_blog_header .neo_blog_header_div #neo_blog_header_menu_button {
padding: 5px;
width: 5em;
border-radius: 4px;
font-size: 1.5em;
background-color: var(--neo_blog_primary_variant_much_brighter);
border: 1px solid var(--neo_blog_font_color);
display: none;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div #neo_blog_header_menu_button {
display: block;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--neo_blog_header_menu_background_color);
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ::-webkit-scrollbar {
height: 2px;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav {
justify-content: unset;
font-size: 0.8em;
overflow: hidden;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_home_link {
background-color: var(--neo_blog_body);
padding: 1em;
}
@media only screen and (max-width: 1300px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_home_link {
display: none;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_home_link:hover {
background-color: var(--neo_blog_element_background);
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_horizontal {
flex-flow: row wrap;
display: flex;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_horizontal {
width: 100%;
display: flex;
flex-wrap: nowrap;
justify-content: unset;
overflow-x: auto;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_horizontal li {
font-size: 1rem;
position: static;
flex-direction: column;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_horizontal li ul ul {
position: static;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_horizontal .neo_blog_menuitem_container {
margin: 0 0.5em;
height: 100%;
width: 90%;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_horizontal .neo_blog_menuitem_container a {
margin-left: 0;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_horizontal .neo_blog_menuitem_container .neo_blog_submenu_toggle {
margin-left: 0.5em;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_vertical {
display: flex;
flex-flow: row wrap;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_header_menu_vertical {
max-height: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul {
margin: 0;
padding: 0;
display: flex;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul li:focus-within > ul {
display: flex;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul .neo_blog_menuitem_container {
display: flex;
justify-content: space-between;
width: 100%;
margin: 0 1em;
box-sizing: border-box;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul .neo_blog_menuitem_container a {
display: flex;
align-items: center;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul a {
color: var(--neo_blog_header_menu_font_color);
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul li {
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
position: relative;
border-bottom: 1px solid transparent;
font-size: 1.2rem;
min-height: 3rem;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul li ul {
background-color: var(--neo_blog_primary_variant_much_brighter);
position: absolute;
flex-direction: column;
top: 100%;
left: 0px;
z-index: 20;
display: none;
padding: 0;
height: auto;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul li ul {
width: 100%;
}
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul li ul a {
overflow: hidden;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul li ul li {
position: relative;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav ul li ul ul {
background-color: var(--neo_blog_primary_variant_brighter);
position: absolute;
left: 100%;
top: 0;
display: none;
}
@media only screen and (max-width: 600px) {
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_nav .neo_blog_submenu_open {
display: flex;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_open .neo_blog_header_menu_nav {
justify-content: flex-start;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_open .neo_blog_header_menu_vertical {
transition: max-height 500ms;
max-height: 1000px;
align-items: center;
width: 100%;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_open .neo_blog_header_menu_vertical li {
flex-direction: column;
width: 100%;
}
.neo_blog_header .neo_blog_header_div .neo_blog_header_menu_open .neo_blog_header_menu_vertical ul {
position: static;
}
}
.neo_blog_header_fixed {
position: fixed;
}
h1 {
font-size: clamp(16px, 8vw, var(--neo_blog_heading_font_size));
margin-bottom: 0.5em;
margin-left: 0;
}
.neo_blog_content_spacer_post {
max-width: var(--neo_blog_max_posts_width);
}
.neo_blog_content_spacer_post h1 {
text-align: var(--neo_blog_posts_title_alignment);
}
.wp-block-quote,
blockquote {
padding: 1em !important;
background-color: rgb(95, 95, 102);
font-style: italic;
margin: 1em 0;
display: flex;
flex-direction: column;
color: white;
position: relative;
padding-left: 40px !important;
}
.wp-block-quote p,
blockquote p {
color: white;
}
.wp-block-quote cite,
blockquote cite {
display: inline-flex;
justify-content: flex-end;
}
.wp-block-quote p::before,
blockquote p::before {
content: "\f10d";
font-family: "Font Awesome Solid";
font-size: 1.5em;
position: absolute;
top: 10px;
left: 10px;
}
.wp-block-pullquote {
color: white;
}
.neo_blog_dark_mode .wp-block-quote,
blockquote {
background-color: rgb(37, 38, 39);
}
dt {
font-size: 1.2em;
margin: 0.5em;
}
hr {
width: 100%;
}
pre {
overflow-y: auto;
background-color: var(--neo_blog_element_background);
margin: 0;
box-sizing: border-box;
white-space: pre-wrap;
color: var(--neo_blog_font_color);
}
code {
background-color: white;
padding: 1em;
color: black;
display: block;
margin: 1em 5%;
}
table {
border-collapse: collapse;
margin-top: 25px;
font-size: clamp(0.8rem, 4vw, 1rem);
display: block;
overflow-x: auto;
}
table thead tr {
background-color: transparent;
text-align: left;
}
th,
td {
padding: 12px 15px;
}
th {
color: var(--neo_blog_primary_variant_darker);
}
tr {
background-color: var(--neo_blog_element_background);
}
.wp-block-table.is-style-stripes {
border-bottom: none;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: var(--neo_blog_element_background_variant_darker);
}
.neo_blog_dark_mode .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
color: #000000;
}
.neo_blog_author_card {
border: 2px solid rgb(192, 192, 192);
padding: 1em;
display: flex;
margin: 1em 5% 0em 5%;
background-color: var(--neo_blog_element_background);
}
@media only screen and (max-width: 600px) {
.neo_blog_author_card {
flex-direction: column;
}
}
.neo_blog_author_card ul {
list-style: none;
padding: 0;
}
.neo_blog_author_card ul li {
margin: 0.5em;
}
.neo_blog_author_card .neo_blog_author_details {
flex-grow: 1;
}
.neo_blog_author_card .neo_blog_author_avatar {
margin-right: 1em;
}
.neo_blog_author_card .neo_blog_author_name_row {
display: flex;
justify-content: space-between;
}
.neo_blog_author_card .neo_blog_author_name_row h3 {
margin: 0;
}
.neo_blog_author_card .neo_blog_author_name_row a {
text-decoration: none;
}
.neo_blog_author_card .neo_blog_author_name_row a:hover {
transform: scale(1.5);
}
.neo_blog_dark_mode .neo_blog_article {
background-color: var(--neo_blog_dark_mode_background_color_posts);
}
.neo_blog_dark_mode .neo_blog_article .neo_blog_post_tags ul a {
background-color: var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_article {
width: 100%;
overflow: hidden;
background-color: var(--neo_blog_background_color_posts);
padding: 5px;
box-sizing: border-box;
}
.neo_blog_article .neo_blog_post_categories ul {
list-style: none;
padding: 0;
margin-top: 0;
display: flex;
gap: 0.5em;
flex-wrap: wrap;
margin: 0;
}
.neo_blog_article .neo_blog_post_categories li {
margin: 0;
}
.neo_blog_article .neo_blog_post_tags ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
font-size: 1.2em;
}
.neo_blog_article .neo_blog_post_tags ul li {
margin: 0.4em 0.2em;
}
.neo_blog_article .neo_blog_post_tags ul a {
text-decoration: none;
text-align: center;
background-color: var(--neo_blog_element_background_variant);
padding: 0.6em 1em;
border-radius: 32px;
font-size: 0.7em;
color: var(--neo_blog_font_color);
}
.neo_blog_article .neo_blog_post_tags ul a:hover {
outline: 1px solid var(--neo_blog_primary_variant_brighter);
}
.neo_blog_article .neo_blog_content_container {
padding: 2em;
padding-top: 0;
border-radius: 16px;
overflow: hidden;
}
@media only screen and (max-width: 600px) {
.neo_blog_article {
padding: var(--neo_blog_content_padding);
}
.neo_blog_article .neo_blog_content_container {
padding: 0;
}
}
.neo_blog_article .wp-block-columns {
margin: 1em 0 0 0;
}
.neo_blog_article .wp-block-columns p {
margin: 0;
}
.neo_blog_article li {
margin: 3px;
}
.neo_blog_article .wp-caption {
font-size: 0.8em;
font-style: italic;
}
.neo_blog_article figure {
margin: 0;
}
.neo_blog_article img {
margin: 0.6em 0;
}
.neo_blog_article .alignnone {
display: contents;
}
.neo_blog_article .alignleft {
float: left;
margin: 0 1.5em 1em 0;
}
.neo_blog_article .alignright {
float: right;
margin: 0 0 1em 1.5em;
}
.neo_blog_article .aligncenter {
clear: both;
}
.neo_blog_article .page-links {
margin-top: 2em;
margin-bottom: 3em;
display: flex;
justify-content: flex-end;
align-items: center;
background-color: var(--neo_blog_element_background);
padding: 0.5em;
border-radius: 18px;
}
.neo_blog_article .page-links .page-links-title {
margin-right: 0.5em;
}
.neo_blog_article .page-links .post-page-numbers {
border-radius: 8px;
text-decoration: none;
background-color: var(--neo_blog_element_background_variant_darker);
margin: 0.2em;
padding: 0.5em 1em;
}
.neo_blog_article .page-links .post-page-numbers span {
color: var(--neo_blog_primary_color);
}
.neo_blog_article .page-links .current {
border: 1px solid var(--neo_blog_font_color);
background-color: unset;
}
.neo_blog_article .page-links .current span {
color: var(--neo_blog_font_color);
}
.neo_blog_article .page-links a:hover {
background-color: var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_article .wp-block-cover__inner-container {
color: rgb(245, 245, 245);
}
.neo_blog_article .gallery {
display: grid;
}
.neo_blog_article .gallery .gallery-item {
font-size: 0.8em;
overflow: hidden;
}
.neo_blog_article .gallery .gallery-item img {
border-radius: 8px;
border: none !important;
}
.neo_blog_article .gallery .gallery-item img:hover {
transform: scale(0.95);
transition: all 300ms;
}
.neo_blog_article .gallery .landscape img {
width: 95%;
height: auto;
}
.neo_blog_article .gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.neo_blog_article .gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.neo_blog_article .gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.neo_blog_article .gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.neo_blog_article .gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.neo_blog_article .gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.neo_blog_article .gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.neo_blog_article .gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.neo_blog_article .attachment img {
width: 95%;
height: auto;
}
.post-pagination {
display: flex;
justify-content: space-between;
margin-top: 1em;
}
.post-password-form {
background-color: var(--neo_blog_element_background);
border: 2px solid var(--neo_blog_font_color);
padding: 1em 3em;
margin: 2em 0em;
display: flex;
flex-direction: column;
align-items: center;
gap: 1em;
}
.post-password-form p {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin: 0em;
max-width: 100%;
}
.post-password-form p label {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 1em;
margin: 1em;
}
.post-password-form input[type=submit] {
text-decoration: none;
background-color: var(--neo_blog_primary_variant_much_brighter);
color: white;
border-radius: 6px;
padding: 0.8em 1.2em;
border: none;
max-width: 100px;
}
.post-password-form input[type=submit]:hover {
background-color: transparent;
outline: 1px solid var(--neo_blog_font_color);
transition: all 200ms;
cursor: pointer;
}
.post-password-form input[type=password] {
padding: 0.5em;
height: 25px;
border: solid 1px rgb(12, 12, 12);
background-color: rgb(236, 244, 248);
}
@media print {
* {
color: #000000 !important;
}
body,
p {
font-size: 12px !important;
}
#header,
#neo_blog_footer,
#sidebar,
#comments,
.neo_blog_author_card,
.post-pagination,
.neo_blog_post_tags {
display: none;
}
main {
margin-top: 0 !important;
}
img {
max-height: 5cm;
}
}
.widget, .widget ul {
list-style: none;
padding: 0;
}
#neo_blog_sidebar {
margin: 0 1em;
padding-bottom: 0.5em;
border-radius: 12px;
width: 20em;
height: -moz-min-content;
height: min-content;
overflow: hidden;
}
@media only screen and (max-width: 950px) {
#neo_blog_sidebar {
display: none;
}
}
#neo_blog_sidebar hr {
width: 80%;
margin-top: 1rem;
}
#neo_blog_sidebar h2 {
margin: 0;
}
#neo_blog_sidebar select {
margin: 0.5rem 0;
padding: 6px;
border: none;
}
#neo_blog_sidebar select option {
padding: 4px;
}
#neo_blog_sidebar img {
max-width: 100%;
height: auto;
border-radius: 6px;
}
.widget {
padding: 0 1rem 1rem 1rem;
}
.wp-widget-group__inner-blocks {
margin-top: 1em;
}
.wp-block-social-link:hover {
transform: scale(0.9);
}
.wp-block-archives {
margin: 0 1em 1em 1em;
max-height: 800px;
overflow-y: auto;
list-style: none;
padding: 0;
}
.widget_archive, .wp-block-archives {
padding: 0;
}
.widget_archive li, .wp-block-archives li {
padding: 0.8em 1em;
border: 1px solid var(--neo_blog_element_background_variant_darker);
box-shadow: inset 0px 0px 20px 0px var(--neo_blog_element_background_variant);
}
.widget_archive li a, .wp-block-archives li a {
text-decoration: none;
width: 100%;
height: 100%;
color: var(--neo_blog_font_color);
}
.widget_archive li:nth-child(even), .wp-block-archives li:nth-child(even) {
background-color: var(--neo_blog_element_background);
}
.wp-block-calendar table,
.widget_calendar table {
display: table;
}
.wp-block-calendar caption,
.widget_calendar caption {
color: var(--neo_blog_font_color);
}
.wp-block-calendar .wp-calendar-nav,
.widget_calendar .wp-calendar-nav {
margin-top: 0.5rem;
}
.wp-block-calendar .wp-calendar-nav a,
.widget_calendar .wp-calendar-nav a {
padding: 8px;
}
.wp-block-calendar th,
.wp-block-calendar td,
.widget_calendar th,
.widget_calendar td {
border: 1px solid var(--neo_blog_primary_variant_much_brighter);
}
.wp-block-calendar tr,
.wp-block-calendar th,
.widget_calendar tr,
.widget_calendar th {
background-color: unset;
text-align: center;
}
.wp-block-calendar tr,
.widget_calendar tr {
color: var(--neo_blog_font_color);
}
.wp-block-social-links {
margin: 0.3em 0;
}
.calendar_wrap td {
padding: 4px;
}
.calendar_wrap .wp-calendar-nav {
margin-top: 0.5rem;
display: flex;
justify-content: space-between;
}
.calendar_wrap .wp-calendar-nav a {
padding: 8px;
}
.widget_search form {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.widget_search form label {
font-size: 1.2em;
}
.widget_search input[type=search] {
height: 3em;
outline: 1px solid var(--neo_blog_primary_variant_darker);
}
.widget_search input[type=search]:focus {
outline: none;
outline: 1px solid var(--neo_blog_primary_color);
}
.widget_search button {
height: 3em;
border-radius: 8px;
color: white;
background-color: var(--neo_blog_primary_variant_much_brighter);
border: none;
}
.widget_search button:hover {
background-color: var(--neo_blog_body);
transition: all 200ms;
outline: 1px solid var(--neo_blog_font_color);
color: var(--neo_blog_font_color);
}
.widget_categories,
.wp-block-categories {
max-height: 600px;
overflow-y: auto;
margin: 0;
}
.widget_categories li,
.wp-block-categories li {
display: flex;
margin-bottom: 0.2em;
align-items: center;
gap: 0.2em;
}
.widget_categories li a,
.wp-block-categories li a {
padding: 0.5em;
border-radius: 6px;
background-color: var(--neo_blog_body);
color: var(--neo_blog_font_color);
text-decoration: none;
border: 1px solid var(--neo_blog_primary_variant_darker);
box-shadow: inset 0px 0px 20px 0px var(--neo_blog_primary_variant_much_brighter);
}
.widget_categories li a:hover,
.wp-block-categories li a:hover {
background-color: var(--neo_blog_element_background_variant);
}
.wp-block-page-list {
font-size: 0.9em;
max-height: 800px;
overflow-y: auto;
padding: 0;
list-style: none;
}
.wp-block-page-list li {
background-color: var(--neo_blog_body);
border: 1px solid var(--neo_blog_primary_variant_darker);
box-shadow: inset 0px 0px 20px 0px var(--neo_blog_element_background_variant);
}
.wp-block-page-list a {
color: unset;
}
.wp-block-page-list ul {
list-style: circle;
padding-left: 2em;
}
.wp-block-page-list ul li {
padding-left: 0;
margin: 0;
border: none;
background-color: unset;
box-shadow: none;
}
.wp-block-page-list ul li a {
text-decoration: none;
}
.neo_blog_dark_mode .wp-block-loginout,
.wp-block-loginout {
display: flex;
justify-content: center;
}
.neo_blog_dark_mode .wp-block-loginout a,
.wp-block-loginout a {
padding: 0.8em 1em;
border-radius: 8px;
background-color: var(--neo_blog_primary_color);
text-decoration: none;
color: var(--neo_blog_font_color);
}
.neo_blog_dark_mode .wp-block-loginout a:hover,
.wp-block-loginout a:hover {
background-color: var(--neo_blog_element_background);
outline: 1px solid var(--neo_blog_primary_color);
transition: all 200ms;
}
.wp-block-page-list li,
.widget_rss li {
background-color: var(--neo_blog_element_background);
padding: 0.5rem;
margin-top: 0.5rem;
}
.wp-block-latest-posts li,
.widget_recent_entries li {
margin-top: 0.5rem;
border: 1px solid rgb(212, 212, 212);
}
.wp-block-latest-posts li a,
.widget_recent_entries li a {
display: block;
padding: 0.5rem;
background-color: var(--neo_blog_body);
background-color: var(--neo_blog_element_background);
border: 1px solid var(--neo_blog_primary_variant_much_brighter);
box-shadow: inset 0px 0px 50px 0px var(--neo_blog_element_background_variant);
text-decoration: none;
}
.wp-block-latest-posts li a:hover,
.widget_recent_entries li a:hover {
background-color: var(--neo_blog_element_background_variant);
}
.wp-block-latest-posts__post-excerpt a {
margin: 1em 0 0 0;
}
.wp-block-latest-comments__comment-excerpt {
max-height: 200px;
overflow-y: auto;
}
.tagcloud {
display: flex;
flex-wrap: wrap;
}
.neo_blog_dark_mode .wp-block-tag-cloud p,
.neo_blog_dark_mode .tagcloud p,
.wp-block-tag-cloud p,
.tagcloud p {
margin: 0;
}
.neo_blog_dark_mode .wp-block-tag-cloud a,
.neo_blog_dark_mode .tagcloud a,
.wp-block-tag-cloud a,
.tagcloud a {
margin: 0.2em 0.2em;
text-decoration: none;
color: var(--neo_blog_font_color);
text-align: center;
background-color: var(--neo_blog_element_background_variant);
padding: 0.6em 1em;
border-radius: 32px;
font-size: 0.7em !important;
min-width: 2em;
}
.neo_blog_dark_mode .wp-block-tag-cloud a:hover,
.neo_blog_dark_mode .tagcloud a:hover,
.wp-block-tag-cloud a:hover,
.tagcloud a:hover {
outline: 1px solid var(--neo_blog_font_color);
}
.widget_recent_comments ol,
.wp-block-latest-comments,
#recentcomments {
margin: 0;
padding: 0;
line-height: 1.3;
}
.widget_recent_comments ol li,
.wp-block-latest-comments li,
#recentcomments li {
padding: 0.5rem;
border-radius: 12px;
margin-bottom: 0.5em;
background-color: var(--neo_blog_element_background);
border: var(--neo_blog_comments_border);
box-shadow: inset 0px 0px 50px 0px var(--neo_blog_element_background_variant);
}
.widget_recent_comments ol p,
.wp-block-latest-comments p,
#recentcomments p {
margin-bottom: 5px;
overflow-wrap: anywhere;
}
.widget_recent_comments ol .wp-block-latest-comments__comment-link,
.wp-block-latest-comments .wp-block-latest-comments__comment-link,
#recentcomments .wp-block-latest-comments__comment-link {
font-size: 0.8em;
}
.widget_recent_comments ol .wp-block-latest-comments__comment-author,
.wp-block-latest-comments .wp-block-latest-comments__comment-author,
#recentcomments .wp-block-latest-comments__comment-author {
text-decoration: none;
font-weight: bold;
color: unset;
}
#recentcomments li {
background-color: var(--neo_blog_element_background);
border-radius: 6px;
box-shadow: none;
}
.widget_recent_entries li {
padding: 0;
}
.widget_recent_entries .has-dates li {
padding: 0.5em;
box-sizing: border-box;
}
.neo_blog_dark_mode .widget_recent_entries a:hover {
background-color: var(--neo_blog_body);
color: var(--neo_blog_font_color);
}
.neo_blog_dark_mode .wp-block-latest-posts a,
.neo_blog_dark_mode .wp-block-archives li,
.neo_blog_dark_mode .widget_recent_entries a {
box-shadow: inset 0px 0px 20px 0px var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_dark_mode .wp-block-latest-comments li {
box-shadow: inset 0px 0px var(--neo_blog_comments_inner_glow) 0px var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_dark_mode .wp-block-page-list li {
box-shadow: inset 0px 0px 20px 0px var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_dark_mode .wp-block-page-list ul li {
box-shadow: none;
}
.neo_blog_dark_mode .wp-block-tag-cloud a,
.neo_blog_dark_mode .tagcloud a {
background-color: var(--neo_blog_primary_variant_much_brighter);
}
.wp-polls-archive code {
font-family: inherit;
background-color: unset;
}
.wp-polls-loading {
display: none;
}
.wp-polls-ans + p {
display: none;
}
.neo_blog_article .wp-polls-ans {
margin-bottom: 2em;
border: 1px solid var(--neo_blog_primary_color);
background-color: var(--neo_blog_element_background);
}
.neo_blog_article .wp-polls-ans ul {
list-style: none;
}
.neo_blog_article .wp-polls-ans ul li {
margin-bottom: 1em;
}
.wp-polls-archive + code {
background-color: var(--neo_blog_element_background);
}
.wp-polls-paging {
display: flex;
justify-content: flex-end;
align-items: center;
font-size: clamp(14px, 2vw, 1rem);
}
.wp-polls-paging .pages {
margin-right: auto;
}
.wp-polls-paging a {
text-decoration: none;
background-color: var(--neo_blog_element_background_variant_darker);
margin: 0.2em;
padding: 0.5em;
border-radius: 8px;
}
.wp-polls-paging a:hover {
background-color: var(--neo_blog_primary_variant_much_brighter);
}
p code {
display: none;
}
#neo_blog_searchform {
display: flex;
align-items: center;
justify-content: center;
gap: 0.3em;
width: 100%;
}
#neo_blog_searchform #neo_blog_searchinput {
height: 100%;
width: 80%;
max-width: 20em;
border: none;
font-size: 1.5em;
padding: 0;
margin: 5px 0;
text-align: center;
outline: 1px solid var(--neo_blog_primary_variant_darker);
background-color: rgba(201, 201, 201, 0.4117647059);
color: var(--neo_blog_font_color);
}
#neo_blog_searchform #neo_blog_searchinput::-moz-placeholder {
color: var(--neo_blog_font_color);
}
#neo_blog_searchform #neo_blog_searchinput::placeholder {
color: var(--neo_blog_font_color);
}
#neo_blog_searchform #neo_blog_searchinput:focus {
outline: 2px solid var(--neo_blog_primary_color);
}
#neo_blog_searchform #neo_blog_searchinput:focus::-webkit-input-placeholder {
opacity: 0;
}
#neo_blog_searchform #neo_blog_search_submit {
border-radius: 6px;
height: 100%;
padding: 0 0.4em;
font-size: 1.3em;
border: none;
color: rgb(248, 248, 248);
background-color: var(--neo_blog_primary_variant_much_brighter);
}
#neo_blog_searchform #neo_blog_search_submit:hover {
cursor: pointer;
background-color: var(--neo_blog_element_background);
outline: 1px solid var(--neo_blog_font_color);
transition: all 200ms;
}
.neo_blog_dark_mode #neo_blog_searchform #neo_blog_searchinput {
background-color: rgba(0, 0, 0, 0.4117647059);
}
body {
margin: 0;
display: flex;
flex-direction: column;
min-height: 100vh;
background: var(--neo_blog_body);
}
.neo_blog_skip_link {
position: absolute;
top: -40px;
left: 0;
background-color: #333;
color: #fff;
padding: 5px;
z-index: 999;
}
.neo_blog_skip_link:focus {
top: 0;
}
input,
textarea {
background-color: var(--neo_blog_element_background);
color: var(--neo_blog_font_color);
}
input:-webkit-autofill {
-webkit-text-fill-color: var(--neo_blog_font_color);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
box-shadow: inset 0 0 0 1px var(--neo_blog_element_background), inset 0 0 0 100px var(--neo_blog_element_background);
}
h1,
h2,
h3,
h4,
h5,
h6 {
word-wrap: break-word;
overflow-wrap: anywhere;
margin: 0.2em 0;
}
h1,
h2,
h3,
a,
p,
span,
table,
label,
div,
button {
color: var(--neo_blog_font_color);
}
h2,
h3,
.neo_blog_dark_mode h2,
.neo_blog_dark_mode h3 {
color: var(--neo_blog_primary_variant_darker);
}
.neo_blog_dark_mode .rot,
.rot {
color: red;
}
main {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
}
.neo_blog_content_spacer {
margin: 0 auto;
max-width: 70em;
width: 95vw;
z-index: 5;
position: relative;
}
.neo_blog_content_spacer_feed {
max-width: var(--neo_blog_max_feed_width);
}
.neo_blog_content_spacer_feed > :first-child {
width: 100%;
box-sizing: border-box;
}
.neo_blog_content_spacer_pages {
max-width: var(--neo_blog_max_pages_width);
}
a {
color: var(--neo_blog_primary_variant_darker);
}
.neo_blog_dark_mode a {
color: var(--neo_blog_primary_color);
}
.neo_blog_content_and_sidebar_grid {
display: grid;
grid-template-columns: 70fr auto;
align-items: flex-start;
margin-bottom: 2em;
}
@media only screen and (max-width: 600px) {
.neo_blog_content_and_sidebar_grid {
display: flex;
}
}
.neo_blog_shadow {
box-shadow: 1px 1px 8px -6px #000000;
}
.neo_blog_author_last_comments_headline {
margin: 1em;
}
@media only screen and (max-width: 600px) {
.neo_blog_feed {
padding: var(--neo_blog_mobile_feed_padding);
}
}
.neo_blog_post_card {
background-color: var(--neo_blog_element_background);
border: 1px solid rgb(221, 221, 221);
border-radius: var(--neo_blog_feed_post_card_border_radius);
padding: var(--neo_blog_feed_post_card_padding);
margin-bottom: var(--neo_blog_feed_post_card_spacing);
display: grid;
grid-template-columns: 40% 1fr;
grid-auto-flow: column;
width: 50rem;
justify-content: flex-start;
align-items: center;
gap: 0.5em;
width: 100%;
box-sizing: border-box;
}
.neo_blog_post_card .neo_blog_post_card_image_container {
overflow: hidden;
display: flex;
border-radius: var(--neo_blog_feed_post_card_border_radius_image);
}
.neo_blog_post_card .neo_blog_post_card_image_container img {
width: 100%;
max-width: 100%;
-o-object-fit: var(--neo_blog_image_display_behavior);
object-fit: var(--neo_blog_image_display_behavior);
height: var(--neo_blog_feed_image_height);
transition: all 500ms;
}
.neo_blog_post_card .neo_blog_post_card_image_container:hover img {
transform: scale(1.2);
}
.neo_blog_post_card .neo_blog_post_card_content_div {
padding: 0.5em;
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 0.9em;
grid-column: span 2;
height: 100%;
}
.neo_blog_post_card .neo_blog_post_card_content_div a {
text-decoration: none;
}
.neo_blog_post_card .neo_blog_post_card_content_div p {
line-height: var(--neo_blog_feed_post_card_line_height);
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_image_date {
font-size: 0.8em;
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row {
margin-top: auto;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_link_div {
display: flex;
margin-left: auto;
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_pin {
display: none;
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_comments_count {
display: flex;
align-items: center;
background-color: var(--neo_blog_body);
border: 1px solid rgb(226, 226, 226);
text-decoration: none;
padding: 0.8em 1.2em;
border-radius: 8px;
margin-right: 0.5em;
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_comments_count :nth-child(2) {
margin-left: 0.5em;
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_comments_count:hover {
background-color: var(--neo_blog_element_background);
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_read_more {
text-decoration: none;
border: 1px solid rgb(226, 226, 226);
background-color: var(--neo_blog_body);
color: var(--neo_blog_font_color);
border-radius: 8px;
padding: 0.8em 1.2em;
}
.neo_blog_post_card .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_read_more:hover {
background-color: var(--neo_blog_element_background);
transition: all 200ms;
color: var(--neo_blog_font_color);
}
.neo_blog_post_card h2 {
margin: 0 0 0.5em 0;
color: var(--neo_blog_font_color);
font-size: 1.4em;
}
.neo_blog_post_card h2:hover {
text-decoration: underline;
}
.neo_blog_post_card .neo_blog_post_card_tags_div ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
font-size: 1.2em;
margin-bottom: 0.5em;
}
.neo_blog_post_card .neo_blog_post_card_tags_div ul li {
margin: 0.4em 0.2em;
}
.neo_blog_post_card .neo_blog_post_card_tags_div ul a {
text-decoration: none;
color: var(--neo_blog_font_color);
text-align: center;
padding: 0.6em 1em;
border-radius: var(--neo_blog_tags_border_radius);
font-size: 0.7em;
min-width: 2em;
background-color: var(--neo_blog_element_background_variant);
}
.neo_blog_post_card .neo_blog_post_card_tags_div ul a:hover {
outline: 1px solid rgb(97, 97, 97);
}
.neo_blog_post_card_image_top {
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.neo_blog_post_card_image_top .neo_blog_post_card_content_div {
grid-column: span 1;
}
@media only screen and (max-width: 600px) {
.neo_blog_post_card_image_left {
display: flex;
flex-direction: column;
font-size: 0.9em;
padding: 0.75em;
}
.neo_blog_post_card_image_left .neo_blog_post_card_image_container {
width: 100%;
}
.neo_blog_post_card {
padding: 1em;
}
.neo_blog_post_card .neo_blog_post_card_content_div {
width: 100%;
padding: 0.5em 0;
}
.neo_blog_post_card .neo_blog_post_card_content_div p {
line-height: unset;
}
}
.neo_blog_dark_mode .neo_blog_post_card {
border: none;
border: 1px solid rgb(49, 49, 49);
}
.neo_blog_dark_mode .neo_blog_post_card img {
filter: brightness(0.8);
}
.neo_blog_dark_mode .neo_blog_post_card .neo_blog_post_card_tags_div a {
background-color: var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_sticky_post .neo_blog_post_card_content_div .neo_blog_post_card_buttom_row .neo_blog_post_card_pin {
display: block;
}
.neo_blog_pagination {
margin-top: 2em;
margin-bottom: 3em;
display: flex;
justify-content: flex-end;
align-items: center;
background-color: var(--neo_blog_element_background);
padding: 0.5em;
font-size: clamp(14px, 2vw, 1rem);
flex-direction: column;
}
@media only screen and (max-width: 600px) {
.neo_blog_pagination {
font-size: 0.8em;
}
}
.neo_blog_pagination a,
.neo_blog_pagination span {
background-color: var(--neo_blog_element_background_variant_darker);
border-radius: 8px;
margin: 0.2em;
padding: 0.5em 1em;
text-decoration: none;
vertical-align: middle;
height: 100%;
box-sizing: border-box;
border: 1px solid transparent;
}
.neo_blog_pagination span {
border: 1px solid var(--neo_blog_font_color);
background-color: var(--neo_blog_body);
}
.neo_blog_pagination a:hover {
background-color: var(--neo_blog_primary_variant_much_brighter);
}
.neo_blog_pagination .neo_blog_pagination_content {
display: flex;
align-items: center;
width: 100%;
}
.neo_blog_pagination .neo_blog_pagination_pages {
display: flex;
flex: 1 1 0%;
overflow-x: auto;
}
.neo_blog_pagination_pages::-webkit-scrollbar {
height: 1px;
}
.neo_blog_pagination_controls {
margin-bottom: 1px;
box-sizing: border-box;
display: flex;
}
html ::-webkit-scrollbar {
width: 15px;
height: 10px;
}
html body ::-webkit-scrollbar {
width: 5px;
height: 5px;
} ::-webkit-scrollbar-track {
background: #f1f1f1;
} ::-webkit-scrollbar-thumb {
background: #888;
} ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.neo_blog_content_spacer_pages h1 {
text-align: var(--neo_blog_page_title_alignment);
}
.neo_blog_content_spacer_pages .neo_blog_article {
background-color: var(--neo_blog_background_color_pages);
}
.neo_blog_dark_mode .neo_blog_content_spacer_pages .neo_blog_article {
background-color: var(--neo_blog_dark_mode_background_color_pages);
}
::-moz-selection {
background: var(--neo_blog_primary_variant_much_brighter);
}
::selection {
background: var(--neo_blog_primary_variant_much_brighter);
}
input::-moz-selection {
background: initial;
}
input::selection {
background: initial;
}
.neo_blog_search_headline {
text-align: center;
}