@import url("https://fonts.bunny.net/css?family=damion:400|dotgothic16:400|source-code-pro:300|oxygen:400"); @import url("https://cdn.jsdelivr.net/npm/fork-awesome/css/fork-awesome.min.css"); :root{ --text-color:#fff; --background:#383C4A; --background-darker:#2E323E; --href:#7289DA; --href-dark:#4E5D94; --main-font: 'Oxygen', sans-serif; --special-font: 'Damion', handwriting; } ::-webkit-scrollbar{ 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); } ul#primary-menu.menu.nav-menu ::after, span.screen-reader-text,li,label,hr,h3#reply-title.comment-reply-title,.tags-links a,.posted-on time,.byline a,time,a.comment-edit-link,.entry-footer>span.tags-links a,.entry-footer>span.tags-links,h2.entry-title a, .site-info,body, button, input, select, textarea { color: var(--text-color) !important; font-family: var(--main-font); } div.site-branding,div.logo-ads-wrap,div#wpadminbar.nojq,div.sticky-wrapper,footer#colophon.site-footer,nav#site-navigation.main-navigation.isActive,div.mt-logo-row-wrapper.mt-clearfix,div.custom-header.no-bg-im,#site-navigation { background-color: var(--background-darker); } div.mt-live-link a,input.search-submit, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a,.front-slider-block .lSAction > a:hover,.top-featured-post-wrap .post-thumbnail .post-number,.post-cats-list a,#site-navigation .menu-item-description,article .post-thumbnail::before,#secondary .widget .widget-title::before,.mt-related-post-title::before,#colophon .widget .widget-title::before,.features-post-title::before,.mt-menu-search .mt-form-wrap .search-form .search-submit,.mt-live-link a,.widget_tag_cloud .tagcloud a:hover,.widget.widget_tag_cloud a:hover,.edit-link .post-edit-link,.reply .comment-reply-link,.widget_search .search-submit,.mt-menu-search .mt-form-wrap .search-form .search-submit:hover,article.sticky::before{ background-color: var(--href); } div.mt-live-link a:hover,input.search-submit:hover, #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active { background-color: var(--href-dark); } .mt-live-link a:hover,.mt-live-link a:focus { color: var(--text-color); background-color: var(--href-dark); box-shadow: none; } div#top-header.top-header-wrap.mt-clearfix,div#page.site,div#bottom-footer{ background-color: var(--background); } .mt-social-menu-wrapper { border-top: 1px solid #ffffff33; } .is-sticky .mt-social-menu-wrapper { background: var(--background-darker); z-index: 9999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); } p { color: var(--text-color); font-family: var(--main-font); font-size: 15px; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; font-family: var(--main-font); line-height: 1.5; margin-bottom: 15px; color: var(--text-color); } strong, b { color: var(--text-color); font-weight: 600; } 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; } em a, i a{ color: var(--href); } textarea { overflow: auto; padding-left: 3px; vertical-align: top; color: var(--text-color); background-color: var(--background-darker); border: 1px solid var(--text-color); height: 160px; max-width: 100%; width: 100%; } input,input#author,input#email,input#url,input.search-field { color: var(--text-color); background-color: var(--background-darker); } .search-no-results #primary .search-submit { margin-top: 40px; border: 0px; font-size: 20px; color: var(--text-color); } body { font-weight: 400; overflow: hidden; position: relative; font-family: var(--main-font); line-height: 1.8; background: var(--background); } .site-title { margin: 0; font-family: var(--special-font); ; line-height: 1.5; font-weight: 1; font-size: px; color: var(--text-color); /* almost white */ 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); } .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; } .features-post-title { font-size: 18px; font-weight: 700; margin-bottom: 25px; position: relative; padding-left: 40px; font-family: var(--main-font); } .entry-footer .mt-readmore-btn, .btn-wrapper a, .mt-readmore-btn { display: inline-block; padding: 0; font-size: 14px; color: var(--text-color); } code, .wp-block-code{ background-color: #343434; font-family: 'Source Code Pro', monospace; } #wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus, #wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item, #wpadminbar .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 #00000033; background: var(--background-darker); display: none; position: absolute; float: none; } .category-button[class*="cbd-cat-"] a{ background-color: var(--href)!important; } .category-button[class*="cbd-cat-"] a:hover{ background-color: var(--href-dark)!important; } li.recentcomments:before,blockquote::before, q::before,blockquote:after, q:after,.edit-link .post-edit-link:before,.nav-links .nav-previous a:before,.nav-links .nav-next a:after,#cancel-comment-reply-link:before,.widget_archive a::before, .widget_categories a::before, .widget_recent_entries a::before, .widget_meta a::before, .widget_recent_comments li::before, .widget_rss li:before, .widget_pages li a:before, .widget_nav_menu li a:before, .wp-block-latest-posts li a:before, .wp-block-archives li a:before, .wp-block-categories li a:before, .wp-block-page-list li a:before, .wp-block-latest-comments li:before,#site-navigation li.menu-item-has-children>a::before, #site-navigation li.page_item_has_children>a::before { font-family: ForkAwesome!important; } em a:active,em a:focus, em a:hover { color: var(--href-dark); } .entry-cat .cat-links a:hover,.entry-cat a:hover,.entry-footer a:hover,.comment-author .fn .url:hover,.commentmetadata .comment-edit-link,#cancel-comment-reply-link,#cancel-comment-reply-link:before,.logged-in-as a,.widget a:hover,.widget a:hover::before,.widget li:hover::before,.mt-social-icon-wrap li a:hover,.mt-social-icon-wrap li a:focus,#site-navigation ul li:hover>a,#site-navigation ul li.current-menu-item>a,#site-navigation ul li.current_page_ancestor>a,#site-navigation ul li.current-menu-ancestor>a,#site-navigation ul li.current_page_item>a,#site-navigation ul li.current-menu-parent>a,#site-navigation ul li.focus>a,.banner-sub-title,.entry-title a:hover,.cat-links a:hover,.entry-footer .mt-readmore-btn:hover,.btn-wrapper a:hover,.mt-readmore-btn:hover,.navigation.pagination .nav-links .page-numbers.current,.navigation.pagination .nav-links a.page-numbers:hover,#footer-menu li a:hover,.color_blog_dark_latest_posts .mt-post-title a:hover,#mt-scrollup:hover,.menu-toggle:hover,#top-navigation ul li a:hover,.mt-search-icon:hover,.entry-meta a:hover,.front-slider-block .banner-title a:hover,.post-info-wrap .entry-meta a:hover,.single .mt-single-related-posts .entry-title a:hover,.breadcrumbs .trail-items li a:hover,.wrap-label i,.has-thumbnail .post-info-wrap .entry-title a:hover,.front-slider-block .post-info-wrap .entry-title a:hover,#top-footer a:hover, a{ color:var(--href); } #site-navigation ul li[class*="cbd-cat-"] .menu-item-description:after{ border-top-color:var(--href); } .widget_search .search-submit,.widget_search .search-submit:hover,.navigation.pagination .nav-links .page-numbers.current,.navigation.pagination .nav-links a.page-numbers:hover,.error-404.not-found,.color_blog_dark_social_media a:hover,.custom-header,.widget_tag_cloud .tagcloud a:hover,.widget.widget_tag_cloud a:hover{ border-color:var(--href); } .mt-menu-search .mt-form-wrap .search-form .search-field:focus{ outline-color:var(--href); } ul.trail-items span,.entry-footer>span.tags-links a:hover{ color:var(--href)!important; } ul.trail-items span:hover{ color:var(--href-dark)!important; }