BlogCSS/css/noctua-theme.css

@import url("https://fonts.bunny.net/css?family=damion:400|oxygen:400");
::-moz-selection {
  background-color: var(--selector);
}
::selection {
  background-color: var(--selector);
}

::-webkit-scrollbar,
.comment-form-url {
  display: none;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay,
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links {
  border-color: var(--href);
  background-color: var(--background-darker);
}

#site-navigation ul li a,
.byline a,
.entry-footer > span.tags-links,
.entry-footer > span.tags-links a,
.entry-title a,
.menu-toggle a,
.mt-author-bio,
.mt-author-website a,
.mt-related-post-title,
.mt-search-icon a,
.mt-social-menu-wrapper,
.page-title,
.posted-on time,
.site-info,
.tagcloud a:hover,
.tags-links a,
.widget-title,
a.comment-edit-link,
article.hentry .entry-footer > span,
body,
button,
h1.entry-title,
h2.entry-title a,
h3#reply-title.comment-reply-title,
hr,
input,
label,
li,
section ul li a,
select,
span.screen-reader-text,
textarea,
time,
ul#primary-menu.menu.nav-menu:after {
  color: var(--text-color) !important;
  font-family: var(--main-font);
}

/*** Background Start ***/
#site-navigation ul li a::after,
.front-slider-block .post-info-wrap .entry-meta .posted-on a:before,
.has-thumbnail .post-info-wrap .entry-meta .posted-on a:before,
.posted-on a:before {
  background-color: var(--text-color);
}

#site-navigation,
.wp-comment-cookies-consent,
div#wpadminbar.nojq,
div.custom-header.no-bg-img,
div.cwv3_btns,
div.logo-ads-wrap,
div.mt-logo-row-wrapper.mt-clearfix,
div.site-branding,
div.sticky-wrapper,
footer#colophon.site-footer,
nav#site-navigation.main-navigation.isActive,
.gdrf-success,
.gdrf-errors,
#site-navigation ul li .sub-menu,
#site-navigation ul li .children,
.comment-list .comment-body,
#respond,
.mt-author-box,
textarea#comment {
  background-color: var(--background-darker) !important;
}

#colophon .widget .widget-title:before,
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,
#secondary .widget .widget-title:before,
#site-navigation .menu-item-description,
.edit-link .post-edit-link,
.features-post-title:before,
.front-slider-block .lSAction > a:hover,
.mt-live-link a,
.mt-menu-search .mt-form-wrap .search-form .search-submit,
.mt-related-post-title:before,
.post-cats-list a,
.reply .comment-reply-link,
.top-featured-post-wrap .post-thumbnail .post-number,
.widget.widget_tag_cloud a:hover,
.widget_search .search-submit,
.widget_tag_cloud .tagcloud a:hover,
article .post-thumbnail:before,
article.sticky:before,
div.mt-live-link a,
input.search-submit {
  background-color: var(--href);
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active,
.bttn:hover,
.mt-live-link a:focus,
.mt-live-link a:hover,
.navigation .nav-links a:hover,
.post-edit-link:hover,
button,
div.mt-live-link a:hover,
input.search-submit:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  color: var(--text-color);
  background-color: var(--href-dark);
}

div#bottom-footer,
div#page.site,
div#top-header.top-header-wrap.mt-clearfix,
textarea#comment,
input#author,
input#email,
input#url {
  background-color: var(--background) !important;
}

.category-button[class*=cbd-cat-] a {
  background-color: var(--href) !important;
  color: var(--text-color);
  border-radius: 2px;
}

.category-button[class*=cbd-cat-] a:hover {
  background-color: var(--href-dark) !important;
  color: inherit;
  border-radius: 2px;
}

/*** Background End ***/
#colophon,
.mt-social-menu-wrapper {
  border-top: 1px solid var(--href-dark);
}

.is-sticky .mt-social-menu-wrapper {
  background: var(--background-darker);
  z-index: 9999;
  box-shadow: none !important;
}

p {
  color: var(--text-color);
  font-family: var(--main-font);
  font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
  font-family: var(--main-font);
  color: var(--text-color);
}

.entry-title,
.page-title,
b,
strong {
  color: var(--text-color);
  font-weight: 600;
}

.mt-disclaimer-text,
p em,
p i {
  color: var(--text-color);
  font-family: var(--main-font);
  font-style: italic;
}

p em a,
p i a {
  color: #f5a9b8;
  font-family: var(--main-font);
  font-style: italic;
}

p em a:hover,
p i a:hover {
  color: #c48793;
  font-family: var(--main-font);
  font-style: italic;
}

.mt-author-name a:hover,
.mt-author-website a:hover,
em a,
h3.entry-title a:active,
h3.entry-title a:hover,
i a,
section ul li a:hover,
.pojo-skip-link:focus {
  color: var(--href) !important;
}

textarea {
  overflow: auto;
  padding-left: 3px;
  vertical-align: top;
  color: var(--text-color);
  background-color: var(--background-darker);
  height: 160px;
  max-width: 100%;
  width: 100%;
}

input,
input.search-field,
input[type=email],
input[type=password],
input[type=search],
input[type=text],
input[type=url],
p.comment-form-cookies-consent #wp-comment-cookies-consent {
  color: var(--text-color) !important;
  background-color: var(--background-darker);
  border-bottom: none;
  border: none;
  border-radius: 2px;
}

.search-no-results #primary .search-submit {
  margin-top: 40px;
  border: 0;
  font-size: 20px;
  color: var(--text-color);
}

body {
  font-weight: 400;
  overflow: hidden;
  position: relative;
  line-height: 1.8;
  background: var(--background);
}

* {
  cursor: var(--cursor), default !important;
}

.site-title {
  margin: 0;
  font-family: var(--special-font);
  line-height: 1.5;
  font-weight: 1;
  color: var(--text-color);
  text-shadow: 0 0 3px var(--href-dark), 0 0 10px var(--href), 0 0 20px var(--href), 0 0 30px var(--href);
}

.site-title a:hover {
  color: var(--href);
  cursor: url("data:image/webp;base64,UklGRkgDAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSHEBAAABkENtm2k738ze58ROKlSubNROdavYSW/bto3KrFLatm0be2a+rzjs0kbEBACxRb4GZlPz0R2QZxoAogwbx9amsEhH1KNd2VxDzo9pBCC2yN4gUL9e3E/B2Di2Ft0lf2xQOaBcu2Ez125ZdUYhePVGCtmrXVOQHo9Y/lrZgyi3sR3SrYfOXrN/ArYp8U6ZPnEu8aJI6cBNZY5HN4oMzgVmShIlR0n+X/haC4PlSZGicpOiC6TTIaCjSBWX9OoLVHyrUKygDzUAHJcvkpx2wqL8K4UiMag7ItT+KxZLfxvAoPp3kcUKrWFhr8gXh9S/OjARFigRixL0MA1YNPinIBZGJVqJCIgwVQlF5kcq6F9DWGTukvckmQcp7zUcEQAYYI3kHElREkmGRJoJg6wGKLkliYnzPgTvkiB9HoA8jUWqx5EvyvfN4pqweQARgBpdxm4+evnWrYuHF5ZUASIUGBlkRqmUBYDIoHBjY4usUWTw/wwAVlA4ILABAAAQCQCdASogACAAPl0kjkWjoiEb9AA4BcS2AE6ZjZEIwGeq/sBlpO8l+TlbEvIVvoHEC3gagHRwY/B2xe6y9F3KJmUjAchCd03m3WTJKM9lNj4A/v8r8P/Xx1meVrJSUMxTcc9AZUbxa7RBza8/X22RkP/ZT/WPJvC/31XXNWdX4IQcymLxSHwk/AOQot/Vy51SPpLByvi2Nw/WnY//Vvw5/K7sTv6L7lhx/paRR3x7/+tT8U7rqW3wZ27YUH+0pH8BfxU3qX+XPAYKa6+B7G4rKTErNTD8yHKRmzxi2SPCI+D3qFvHklOO5NEXQtwKgi/wwBymnoBsApVtopJHEfLWHvHs/Eu4wS6evuaq8pp+kHsTtkQg1Me+n5+IeVXrNyMhb46InSX+nR1VuVapmbHqeZ6IHBGivUs802afX4E4iF+92dw02gf5u/ohS9TFeaQxq5IRp7wmrHCYX+FN3B93Ku8jhEuLfGC7g5E85Eyxf5EGte35Fh7f69epPL/rnhnOP3JhPlxCEaAK0kD3Khpl3U+zmQunDE3bYwA+bicyd0CPQ4vqv92TaZ1G/TQAAAA="), default !important;
}

.single .mt-author-box .mt-author-info .mt-author-name a {
  font-family: var(--special-font);
  color: var(--text-color);
}

.error-num {
  margin: 0;
  font-family: var(--special-font);
  line-height: 1.5;
  font-weight: 1;
}

.site-description {
  margin: 0;
  font-size: 15px;
  font-family: var(--main-font);
  line-height: 1.5;
  font-weight: 1;
  color: var(--text-color);
}

.features-post-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
  position: relative;
  padding-left: 40px;
  font-family: var(--main-font);
}

.btn-wrapper a,
.entry-footer .mt-readmore-btn,
.mt-readmore-btn {
  display: inline-block;
  padding: 0;
  font-size: 14px;
  color: var(--text-color);
}

.wp-block-code,
code {
  background-color: #343434;
}

#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item {
  background: var(--background-darker);
  color: var(--href);
}

#wpadminbar .quicklinks a span#ab-updates {
  background: var(--background-darker);
  color: #2c3338;
  display: inline;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 600;
  border-radius: 10px;
}

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
  margin: 0;
  padding: 0;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  background: var(--background-darker);
  display: none;
  position: absolute;
  float: none;
}

#cancel-comment-reply-link:before,
#site-navigation li.menu-item-has-children > a:before,
#site-navigation li.page_item_has_children > a:before,
.edit-link .post-edit-link:before,
.nav-links .nav-next a:after,
.nav-links .nav-previous a:before,
.widget_archive a:before,
.widget_categories a:before,
.widget_meta a:before,
.widget_nav_menu li a:before,
.widget_pages li a:before,
.widget_recent_comments li:before,
.widget_recent_entries a:before,
.widget_rss li:before,
.wp-block-archives li a:before,
.wp-block-categories li a:before,
.wp-block-latest-comments li:before,
.wp-block-latest-posts li a:before,
.wp-block-page-list li a:before,
blockquote:after,
blockquote:before,
li.recentcomments:before,
q:after,
q:before {
  font-family: ForkAwesome !important;
  color: var(--text-color);
}

#mt-scrollup:before {
  content: "\f061";
  font-family: "ForkAwesome";
  transition: none;
}

a:hover,
em a:active,
em a:focus,
em a:hover,
.pojo-skip-link:focus {
  color: var(--href);
}

#cancel-comment-reply-link,
#cancel-comment-reply-link:before,
#footer-menu li a:hover,
#mt-scrollup:hover,
#site-navigation ul li.current-menu-ancestor > a,
#site-navigation ul li.current-menu-item > a,
#site-navigation ul li.current-menu-parent > a,
#site-navigation ul li.current_page_ancestor > a,
#site-navigation ul li.current_page_item > a,
#site-navigation ul li.focus > a,
#site-navigation ul li:hover > a,
#top-footer a:hover,
#top-navigation ul li a:hover,
.banner-sub-title,
.breadcrumbs .trail-items li a:hover,
.btn-wrapper a:hover,
.cat-links a:hover,
.color_blog_dark_latest_posts .mt-post-title a:hover,
.comment-author .fn .url:hover,
.commentmetadata .comment-edit-link,
.entry-cat .cat-links a:hover,
.entry-cat a:hover,
.entry-footer .mt-readmore-btn:hover,
.entry-footer a:hover,
.entry-meta a:hover,
.entry-title a:hover,
.front-slider-block .banner-title a:hover,
.front-slider-block .post-info-wrap .entry-title a:hover,
.has-thumbnail .post-info-wrap .entry-title a:hover,
.logged-in-as a,
.menu-toggle:hover,
.mt-readmore-btn:hover,
.mt-search-icon:hover,
.mt-social-icon-wrap li a:focus,
.mt-social-icon-wrap li a:hover,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover,
.post-info-wrap .entry-meta a:hover,
.single .mt-single-related-posts .entry-title a:hover,
.widget a:hover,
.widget a:hover:before,
.widget li:hover:before,
.wrap-label i,
a,
a:focus {
  color: var(--href);
}

#site-navigation ul li[class*=cbd-cat-] .menu-item-description:after {
  border-top-color: var(--href);
}

.color_blog_dark_social_media a:hover,
.custom-header,
.error-404.not-found,
.navigation.pagination .nav-links .page-numbers.current,
.navigation.pagination .nav-links a.page-numbers:hover,
.widget.widget_tag_cloud a:hover,
.widget_search .search-submit,
.widget_search .search-submit:hover,
.widget_tag_cloud .tagcloud a:hover {
  border-color: var(--href);
}

.mt-menu-search .mt-form-wrap .search-form .search-field:focus {
  outline-color: var(--href);
}

.entry-footer > span.tags-links a:hover,
ul.trail-items span {
  color: var(--href) !important;
}

ul.trail-items span:hover {
  color: var(--href-dark) !important;
}

.mt-menu-search .mt-form-wrap .search-form .search-submit:hover,
.tagcloud a:hover,
.wp-block-search__button:hover {
  border-radius: 0;
  background-color: var(--href-dark) !important;
}

.mt-menu-search .mt-form-wrap .search-form .search-field,
textarea,
.comment-list .comment-body,
#respond,
.mt-author-box {
  border: none !important;
  border-bottom: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
}

span.required {
  color: red;
}

.mt-author-box {
  margin-top: 15px;
}

.mt-author-box .mt-author__avatar img {
  border-radius: 50% !important;
  border: 1px var(--href) solid;
}

.mt-live-link a:focus,
.mt-live-link a:hover,
.search article,
.pojo-skip-link:focus {
  box-shadow: none;
}

.site-info {
  float: unset;
  text-align: center;
}

.mt-copyright-text {
  background-image: linear-gradient(to right, #E61D25, #F46F22, #F7924E, #E05AA3, #C34E95, #B21E6A);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientR 1000s linear infinite;
}
@keyframes gradientR {
  to {
    background-position: 4500vh;
  }
}

#mt-scrollup,
.mt-author__avatar,
.mt-copyright-text,
.nav-links,
.post-thumbnail img,
.site-info,
.wp-block-image {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

video {
  max-width: 100%;
  width: 100% !important;
}

.bttn,
.navigation .nav-links a,
.search-submit,
.tagcloud a,
.wp-block-search__button,
button,
input.search-submit[type=submit],
input[type=button],
input[type=reset],
input[type=submit] {
  background-color: var(--href);
  border: none !important;
  color: var(--text-color) !important;
}

.bttn,
.comment-reply-link,
.mt-menu-search .mt-form-wrap .search-form .search-field,
.navigation .nav-links a,
.page-numbers.current,
.tagcloud a:hover,
button,
input.search-submit,
input.search-submit:hover,
input[type=button],
input[type=reset],
input[type=submit],
textarea {
  border-radius: 5px !important;
}

img,
.pojo-skip-link {
  border-radius: 2px;
}

.page-numbers.current {
  background-color: var(--href-dark);
  border: none !important;
  color: var(--text-color) !important;
}

div#cwv3_dialog.cwv3_dialog.js {
  background-color: var(--background) !important;
  border-color: var(--background-darker) !important;
}

.recentcomments,
.widget_recent_comments li {
  display: block !important;
}

.comment-author img {
  border-radius: 50% !important;
  padding: none;
  border: none;
}

.screen-reader-text:active,
.screen-reader-text:focus,
.screen-reader-text:hover {
  background-color: var(--background) !important;
  box-shadow: none !important;
  color: var(--href) !important;
}

@media (max-width: 979px) {
  #site-navigation ul li a,
  .is-sticky #site-navigation ul li a {
    border-bottom: 1px solid var(--href-dark);
  }
}
#site-navigation ul li a.sub-toggle,
#site-navigation ul li a.sub-toggle:hover {
  background: var(--background) none repeat scroll 0 0;
  color: var(--text-color);
  border: none;
}

.search article .post-thumbnail {
  border-radius: 10px;
}

:root {
  --text-color:#fff;
  --background:#653024;
  --background-darker:#5a2b20;
  --href:#e7ceb5;
  --href-dark:#b8a490;
  --selector: #454FBF;
  --main-font:"Oxygen",sans-serif;
  --special-font:"Damion",handwriting;
  --cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAYAAADhXXHAAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABHNJREFUWIXtmF1MHFUYhp9lh5+FDpQthNJoJNSIVLetbdTExAvTNosBbU3QtEklWNRQ0WiaeGMIiYleqEHb2FYoarkwJBpCY7gAvMKabpOCu7TlR0uhlFbs1gLyu9AFPi9mp1l+yswuXeIFb3KyM+e85zvvfHn3O2fGIiIfAM8ROuaAP4CTwO1AXxRwENgDxIYRMxv4AfhsqUGLiKhAI+EJBrgFPAPcAL4DbEAFMBFGrCygHbi01KBFRABWKvgLoBo4BbwD7ALSQpi/DfgEOLccSQn8jgE5hC94J+ABNqEJrgF6Q5ifCIwYkZSg6zHgRbSnezKEhQBigGhgCngJLVPJJuZlAV+iPaAhlAX32cCj5jUugg84C/wK/GvAjQZeBdKBElPRRURvsSLypwRwuaOjV8zjNxEpEJEBEUkLimnUokTEJSJOM/yoIN2FwGMArxcWNhcVFf0VYlYBagFvCPw54G3gUzPkYBsUA7S0tFxpaGraNHD9egaAz+fz2Ww2m8nFh83rvId24A7wNNCyHFHP7MPAdoA3i4sHj5WXj8TExMQAbNuxo/10dfWyQR4A6oBcQ1bAD/kiIj6fz5dkt/fPzMzMiIjMzs7O2FR1yqaqd09VVZ034dmPQ/BrcHtKRJrMenYzQFtbW1/axo0DVqvVCuD1egfRts3o948c2dna2nolQpm9AWQakXTPJgP09vWNpaenT+uD8fHxcUHcaEVRgv+Q98MW4AVgHeAAvgJ+N5gzCMQZcO5lNgogNjbWOjs7a9EHk5KSEhVFuanflx89elNExOPxXL1PvNeA02hJGAYsgWYEAfzGLM0Pn4uIdHZ1XXsoI8MTbMZX8vObbaoqektISrpjU1X/NxUVwR7WPdslInFh+rY3lDrL41lZj4yNjtqHh4dH9b5vKyu3WhXlln4/Nze3AVAampqmWYx6tC03Ipgn1mKxWHKczt6PSks9ep/dbk++4HJN2e32iwHO+L69e5vP1NY+f7CgoPlkRcX5oBC+SAkF5ttARGRoaGh4fUpKT0dn57WF9Wl8YmLc7/f7RUTcbne3TVUnbarqLy0r+36FpcuUDRaJFRH5ub7esz41tdvtdncvFCwics7l6lyXnPx3kJdXWmdNiV146gLg5by87T/V1Fze5XTGOxyOs+8ePpywOTMzsbunZ+TrEyd8brf7WbRj4apiSbEAe3bvdgz0909VVlV5jx0/Pnnb651LTUmZPrB/v/JeScmlNw4d2oLFEr+aYpe0gRk0NDZejE9MHF9NG5jZkZZEjtO59ceaml5EJoO6zWwAYSNssQB5ubmOutraq1arVS9ZHxI4Z0QCKxILWoYvuFx6dn9BO5REBLpYwzfL5ZCdnb0hcNkG3A0jRAKw1I44D7rYOmAmjEUeBCxAGXDGiKiXri7gAHCc0D5OLEQ+2huyWUQBTwCtwFtGZP2LjA4F7VU8IYQFQfvmMAhkhDgPoB/4xwxxodj/NVZcDVYTa2IjhTWxkcKa2EhhTWyksCY2UlgTGyn8B1Q3DVSkGDKKAAAAAElFTkSuQmCC");
}