/* Last Update: 30/08/2023 - 12:40 */
/*
Theme Name: Jonnie Grieve Digital Media: Blog
Theme URI: https://blog.jonniegrieve.co.uk
Author: @jg_digitalMedia
Author URI: https://www.jonniegrieve.co.uk
Description: Blog theme for Jonnie Grieve Digital Media (2023)
Tags: blog, webdesignblog, web-design, digital-media, one-column, custom-background,  featured-images, footer-widgets, full-width-template, r threaded-comments, translation-ready, block-styles
Version: v1.2
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jgdm_blog
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
* {
  padding: 0;
  margin: 0;
}

body {
  background: url("files/images/backgrounds/page_bg.png");
  background-position: center;
  background-position: 50% 50%;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}

.page_404 .page_404_container, body section .page_bloglist .filter_categories_container .filter_categories, section div.single .blog_entry_container .blog_entry, section div.single .category_list_container .category_list, section .category section.category_list .category_list_container .category_item .category_text, section .category section.category_list .inline-category-list, section .archive section.archive_list .archive_list_container .archive_item .archive_text, section .archive section.archive_list .inline-category-list, section .search .search_results_container .search_list .search_item, .main_container .widget_areas .widget {
  border: solid white 3px;
  border-radius: 10px;
  background: black;
  margin-top: 5px;
  /* background: rgb(255, 255, 255 / 29%); */
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.6);
  transition: border 0.3s;
}
.page_404 .page_404_container:hover, body section .page_bloglist .filter_categories_container .filter_categories:hover, section div.single .blog_entry_container .blog_entry:hover, section div.single .category_list_container .category_list:hover, section .category section.category_list .category_list_container .category_item .category_text:hover, section .category section.category_list .inline-category-list:hover, section .archive section.archive_list .archive_list_container .archive_item .archive_text:hover, section .archive section.archive_list .inline-category-list:hover, section .search .search_results_container .search_list .search_item:hover, .main_container .widget_areas .widget:hover {
  border: solid #f9dd6c 3px;
}

section div.single .comment-form-container form input, section .search .search_results_container .search_list .search_item .searchform div #s, .comment-list-container .comment-list .comment-respond .comment-form-comment #comment, section div.single .comment-form-container form #form_comment {
  color: white;
  border: solid white 2px;
  padding: 5px;
  font-family: "Nunito Sans", sans-serif;
  border-radius: 7px;
  /* background: black; */
  background: #334957;
  transition: background 0.4s, color 0.4s;
  color: white;
  vertical-align: middle;
  margin: 0 10px;
}
section div.single .comment-form-container form input:hover, section .search .search_results_container .search_list .search_item .searchform div #s:hover, .comment-list-container .comment-list .comment-respond .comment-form-comment #comment:hover, section div.single .comment-form-container form #form_comment:hover {
  background: #1a034d;
}
section div.single .comment-form-container form input:focus, section .search .search_results_container .search_list .search_item .searchform div #s:focus, .comment-list-container .comment-list .comment-respond .comment-form-comment #comment:focus, section div.single .comment-form-container form #form_comment:focus {
  background: #1a034d;
}
section div.single .comment-form-container form input::placeholder, section .search .search_results_container .search_list .search_item .searchform div #s::placeholder, .comment-list-container .comment-list .comment-respond .comment-form-comment #comment::placeholder, section div.single .comment-form-container form #form_comment::placeholder {
  color: lightgray;
}

.comment-list-container .comment-list .comment-respond .comment-form-comment #comment, section div.single .comment-form-container form #form_comment {
  margin-top: 25pt;
  width: 300px;
  min-height: 100px;
}

.comment-list-container .comment-list .comment-respond .form-submit .submit, section div.single .comment-form-container form .form_btn, section .search .search_results_container .search_list .search_item .searchform div #searchsubmit {
  padding: 5px;
  border: solid 2px white;
  border-radius: 7px;
  font-weight: normal;
  width: auto;
  width: 60px;
  margin: 15px 25px;
  background: none;
  transition: background 0.3s;
  cursor: pointer;
}
.comment-list-container .comment-list .comment-respond .form-submit .submit:hover, section div.single .comment-form-container form .form_btn:hover, section .search .search_results_container .search_list .search_item .searchform div #searchsubmit:hover {
  background: #1a034d;
  background: #0b053f;
}

header #links .subdomain-list ul li a {
  color: white;
  transition: color 0.2s;
}
header #links .subdomain-list ul li a:hover {
  color: #f9dd6c;
}

.page_404 .page_404_container p a, .comment-list-container .comment .comment-body .reply a, .comment-list-container .comment .comment-body .comment-meta .comment-edit-link a, .comment-list-container .comment .comment-body .comment-meta a a, .comment-list-container .comment .comment-body .comment-meta a, .comment-list-container .comment .comment-body .comment-author .says a, .comment-list-container .comment .comment-body .comment-author .fn a, .comment-list-container .comment-list .comment-respond .must-log-in a, .comment-list-container .comment-list .comment-respond .comment-form p.logged-in-as a, .comment-list-container .comment-list .comment-respond .comment-reply-title a, section div.single .comment-list-container .comment-list .navigation div a, section div.single .comment-list-container .comment-list .pagination a, section .author .author_post li a, section .author .author_list li a, section .archive section.archive_list .archive_list_container .blog_post_archive li a, section .archive section.archive_list span.post_data div a {
  color: #f9dd6c;
  transition: color 0.3s;
}
.page_404 .page_404_container p a:hover, .comment-list-container .comment .comment-body .reply a:hover, .comment-list-container .comment .comment-body .comment-meta a:hover, .comment-list-container .comment .comment-body .comment-author .says a:hover, .comment-list-container .comment .comment-body .comment-author .fn a:hover, .comment-list-container .comment-list .comment-respond .must-log-in a:hover, .comment-list-container .comment-list .comment-respond .comment-form p.logged-in-as a:hover, .comment-list-container .comment-list .comment-respond .comment-reply-title a:hover, section div.single .comment-list-container .comment-list .navigation div a:hover, section div.single .comment-list-container .comment-list .pagination a:hover, section .author .author_post li a:hover, section .author .author_list li a:hover, section .archive section.archive_list .archive_list_container .blog_post_archive li a:hover, section .archive section.archive_list span.post_data div a:hover {
  color: lightgreen;
}

section div.single .blog_entry_container .blog_entry h2 .more_posts a {
  color: #adff2f;
  transition: color 0.3s;
}
section div.single .blog_entry_container .blog_entry h2 .more_posts a:hover {
  color: #edf38d;
}

section div.single .blog_entry_container .blog_entry .hcb_wrap pre code {
  /* display: inline-block; */
  display: block;
  margin: 15px auto;
  margin: 5px auto;
  background: #444444;
  /* border-radius: $borderradius-blog-items; */
  padding: 0 15px;
  font-family: monospace;
  font-family: "Myriad Pro";
  color: greenyellow;
  color: inherit;
  color: #ffffca;
  color: #ffffca;
  word-break: break-all;
  white-space: pre-wrap;
  width: 90%;
  /* font-size: 9pt; */
  font-size: 14px;
  /* border-radius: $borderradius-code-block; */
  border-bottom: solid greenyellow 3px;
  /* border-right: solid white 3px; */
  /* border-left: solid white 3px; */
  /* border-top: solid white 3px; */
  box-shadow: yellowgreen 0 2px 2px;
  box-shadow: none;
  font-weight: normal;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre code code[attr="language-^"] {
  color: gray;
}

section div.single .blog_entry_container .blog_entry {
  /* Further blocks and formatting styling to go here */
}
section div.single .blog_entry_container .blog_entry h3 {
  text-align: left;
  color: white;
  color: #acff0a;
  color: #f9dd6c;
}
section div.single .blog_entry_container .blog_entry p,
section div.single .blog_entry_container .blog_entry ul,
section div.single .blog_entry_container .blog_entry ol,
section div.single .blog_entry_container .blog_entry h2,
section div.single .blog_entry_container .blog_entry h3,
section div.single .blog_entry_container .blog_entry h4,
section div.single .blog_entry_container .blog_entry h5,
section div.single .blog_entry_container .blog_entry h6,
section div.single .blog_entry_container .blog_entry ul,
section div.single .blog_entry_container .blog_entry ol {
  width: 65%;
  margin: 0 auto;
  line-height: 1.9;
}
section div.single .blog_entry_container .blog_entry p {
  text-align: left;
  font-size: 14px;
  margin-bottom: 13pt;
}
section div.single .blog_entry_container .blog_entry p::first-child {
  margin-top: 20pt;
}
section div.single .blog_entry_container .blog_entry p:first-child {
  margin-top: 20pt;
}
section div.single .blog_entry_container .blog_entry h3,
section div.single .blog_entry_container .blog_entry h4,
section div.single .blog_entry_container .blog_entry h5,
section div.single .blog_entry_container .blog_entry h6 {
  margin-top: 15pt;
  border-bottom: 3px solid white;
}
section div.single .blog_entry_container .blog_entry ul, section div.single .blog_entry_container .blog_entry ol {
  display: block;
  color: #ffbd99;
  text-align: left;
  /* list-style: none; */
  position: relative;
  /* margin: 10px 5px; */
  /* top: 20px; */
  /* left: 20px; */
  padding-left: 35px;
}
section div.single .blog_entry_container .blog_entry ul ul, section div.single .blog_entry_container .blog_entry ol ul {
  padding-left: 5px;
  margin: 5px 25px;
}
section div.single .blog_entry_container .blog_entry a {
  /* color: red; */
  color: #acff0a;
}
section div.single .blog_entry_container .blog_entry strong, section div.single .blog_entry_container .blog_entry b {
  /* color: red; */
  color: #f9dd6c;
}
section div.single .blog_entry_container .blog_entry em, section div.single .blog_entry_container .blog_entry i {
  color: #f9dd6c;
}
section div.single .blog_entry_container .blog_entry span {
  /* text-align: center; */
  color: #ef7a7a;
}
section div.single .blog_entry_container .blog_entry s {
  text-decoration: line-through;
  color: gray;
}
section div.single .blog_entry_container .blog_entry .kdb {
  /* color: $post-formatting-code; */
}
section div.single .blog_entry_container .blog_entry .inserted-image {
  display: block;
  margin: 15px auto;
  width: 90%;
  width: 65%;
  border: solid 3px greenyellow;
  border-radius: 6px;
}
section div.single .blog_entry_container .blog_entry .has-text-align-center {
  text-align: center;
}
section div.single .blog_entry_container .blog_entry .has-text-align-left {
  text-align: left;
  margin: 15px 28% 15px 10px;
}
section div.single .blog_entry_container .blog_entry .has-text-align-right {
  text-align: right;
  margin: 15px 0 15px 32%;
}
section div.single .blog_entry_container .blog_entry figcaption {
  position: relative;
  bottom: 10px;
  color: white;
  font-size: 10px;
}
section div.single .blog_entry_container .blog_entry figure img {
  display: block;
  border: solid 3px black;
  width: 60%;
  margin: 10px auto;
  border-radius: 5px;
}
@media (max-width: 680px) {
  section div.single .blog_entry_container .blog_entry figure img {
    width: 90%;
  }
}
section div.single .blog_entry_container .blog_entry code {
  background: #444444;
  border-bottom: solid greenyellow 3px;
  border-bottom: none;
  box-shadow: none;
  word-break: break-all;
  white-space: pre-wrap;
  padding: 0 5px;
  font-weight: bold;
  font-family: arial;
}
section div.single .blog_entry_container .blog_entry .wp-block-image {
  display: block;
  /* border: solid 2px black; */
  margin: 0 auto;
}
@media (max-width: 680px) {
  section div.single .blog_entry_container .blog_entry .wp-block-image {
    width: 90%;
  }
}
section div.single .blog_entry_container .blog_entry .wp-block-image figure {
  text-align: center;
}
section div.single .blog_entry_container .blog_entry .wp-block-image.alignleft {
  margin: 0 auto;
  text-align: left;
}
section div.single .blog_entry_container .blog_entry .wp-block-image.aligncenter {
  margin: 0 auto;
  text-align: center;
}
section div.single .blog_entry_container .blog_entry .wp-block-image.alignright {
  margin: 0 auto;
  text-align: right;
}
section div.single .blog_entry_container .blog_entry .wp-block-image img {
  display: block;
  border: solid gold 3px;
  width: 430px;
  margin: 10px auto;
}
@media (max-width: 680px) {
  section div.single .blog_entry_container .blog_entry .wp-block-image img {
    width: 90%;
  }
}
section div.single .blog_entry_container .blog_entry .wp-block-media-text {
  border: solid red 1px;
  text-align: center;
}
section div.single .blog_entry_container .blog_entry .wp-block-media-text .wp-block-media-text__media img {
  width: 30%;
}
@media (max-width: 680px) {
  section div.single .blog_entry_container .blog_entry .wp-block-media-text .wp-block-media-text__media img {
    width: 50px;
  }
}
section div.single .blog_entry_container .blog_entry .wp-block-cover {
  border: black solid 2px;
}
section div.single .blog_entry_container .blog_entry .wp-block-verse {
  border: black solid 2px;
  margin-top: 20px;
  text-align: center;
}
section div.single .blog_entry_container .blog_entry .wp-block-pullquote {
  border: black solid 2px;
  padding: 0;
  margin: 10pt 0;
}
section div.single .blog_entry_container .blog_entry .wp-block-pullquote blockquote cite {
  font-size: 10pt;
}
section div.single .blog_entry_container .blog_entry .wp-block-table {
  border: black solid 2px;
}
section div.single .blog_entry_container .blog_entry .wp-caption {
  display: block;
  width: 90%;
  margin: 10pt auto;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap {
  display: block;
  /* border: black solid 2px; */
  border: white solid 3px;
  width: 64%;
  margin: 20px auto;
  font-family: monospace;
  font-family: "Myriad Pro";
}
section div.single .blog_entry_container .blog_entry .hcb_wrap .hcb-clipboard {
  /* background: #ededbc; */
  background-color: #444444;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap .hcb-clipboard::before {
  color: red;
  color: white;
  background-color: #444444;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre.prism {
  text-shadow: none;
  word-break: break-all;
  word-break: break-word;
  text-align: left;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre.prism::before {
  background: #444444;
  color: #fcfd9f;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre.prism code {
  text-shadow: none;
  /* color: $col-secondary; */
  /* color: $codeformatting-text; */
  word-break: break-word;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre.prism code span {
  text-align: left;
  /*display: inline-block;*/
  display: inline;
  word-break: break-all;
  word-break: break-word;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre {
  display: block;
  background-color: gray;
  background-color: #444444;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre::before {
  background-color: #444444;
  color: black;
  font-weight: bold;
  font-size: 9pt;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre code span.line-numbers-rows {
  display: block;
  display: inline-block;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre code span {
  display: inline-block;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre code span span {
  display: block;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .comment {
  color: #65ff65;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .variable {
  color: white;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .string {
  color: #ffffca;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .text {
  color: #ffffca;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .function {
  color: #ffb488;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .keyword {
  color: #659cff;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .attr-value {
  color: #ffffca;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .function {
  color: #ffb488;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .operator {
  color: blue;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-css {
  color: #8bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-css .property {
  color: #ebacf3;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-css .selector {
  color: #34b4ff;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-css .punctuation {
  color: white;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-scss {
  color: #8bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-scss .property {
  color: #ebacf3;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-scss .selector {
  color: #34b4ff;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-scss .punctuation {
  color: white;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-html {
  color: white;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-html .token {
  color: #8bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-html .tag {
  color: #8bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-html .punctuation {
  color: #acd9ac;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-html .attr-name {
  color: #ef7a7a;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-html .attr-value {
  color: #ffffca;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-html .comment {
  color: #65ff65;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-js {
  color: #8bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-js .keyword {
  color: #ffffaa;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-js .function {
  color: #ffb488;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-js .punctuation {
  color: #ef7a7a;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-js .operator {
  color: blue;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-python {
  color: #8bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-python .keyword {
  color: #ffa8a8;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-python .operator {
  color: #ffa8a8;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-python .number {
  color: #fb3232;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-python .punctuation {
  color: #ffa8a8;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-python .builtin {
  color: blue;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-php {
  color: #b0dcff;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-php .variable {
  color: #8bdae7;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-php .delimiter {
  color: #f45757;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-php .operator {
  color: #ffa8a8;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-php .keyword {
  color: #659cff;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-php .punctuation {
  color: #7bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-json {
  color: #8bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-json .property {
  color: #ffffaa;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-json .operator {
  color: #ffffaa;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-json .punctuation {
  color: #ffffaa;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-ruby {
  color: #7bcafb;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-ruby .function {
  color: #659cff;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-ruby .operator {
  color: blue;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-ruby .punctuation {
  color: #ef7a7a;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-c,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-csharp,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-cplus {
  color: #ffffca;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-c .preprocessor,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-csharp .preprocessor,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-cplus .preprocessor {
  color: #ef7a7a;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-c .punctuation,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-csharp .punctuation,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-cplus .punctuation {
  color: #ffa8a8;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-c .operator,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-csharp .operator,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-cplus .operator {
  color: #ffa8a8;
}
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-c .keyword,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-csharp .keyword,
section div.single .blog_entry_container .blog_entry .hcb_wrap pre .language-cplus .keyword {
  color: #659cff;
}
section div.single .blog_entry_container .blog_entry :where(img[class*=wp-image-]) {
  border: solid white 3px;
}

/* header.php */
header {
  background: black;
  height: 100px;
  max-height: 100px;
  border-bottom: solid white 4px;
  /* display: inline-block; */
  display: flex;
  justify-content: space-around;
}
@media (max-width: 680px) {
  header {
    height: auto;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: normal;
    min-height: 190px;
  }
}
header a {
  display: inline-block;
  /* width: 200px; */
}
header a #site_logo {
  display: block;
  width: 65px;
  height: 65px;
  position: relative;
  top: 15px;
  left: 10px;
  transition: transform 0.4s;
}
header a #site_logo:hover {
  transform: rotate(720deg);
}
@media (max-width: 680px) {
  header a #site_logo {
    margin: 0 auto;
    width: 55px;
    height: 55px;
    top: 3px;
    left: 0;
  }
}
header #website_title {
  position: relative;
  top: 15px;
  display: inline-block;
  /* width: 340px; */
  /* width: 800px; */
  width: 100%;
  text-align: center;
}
@media (max-width: 780px) {
  header #website_title {
    width: 100%;
    top: 0px;
  }
}
header #website_title h1 {
  color: #f9dd6c;
  text-transform: uppercase;
  line-height: 1.2;
  font-size: 27px;
  font-size: 23pt;
  padding: 0 15px;
  font-weight: normal;
}
@media (max-width: 980px) {
  header #website_title h1 {
    font-size: 18.6666666667px;
  }
}
@media (max-width: 780px) {
  header #website_title h1 {
    position: relative;
    top: 15px;
    font-size: 20px;
    font-size: 22px;
  }
}
@media (max-width: 680px) {
  header #website_title h1 {
    position: relative;
    top: 10px;
    text-align: center;
    width: 58%;
    margin: 0 auto;
    padding: 0;
  }
}
header #links {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 15px;
}
@media (max-width: 980px) {
  header #links {
    /* width: 100%; */
    width: 75%;
  }
}
@media (max-width: 780px) {
  header #links {
    width: 100%;
  }
}
header #links .social_container {
  display: inline-block;
  text-align: right;
  position: relative;
  right: 30px;
}
@media (max-width: 680px) {
  header #links .social_container {
    text-align: center;
    position: relative;
    right: 0;
  }
}
header #links .social_container ul li {
  display: inline-block;
}
header #links .social_container a {
  text-decoration: none;
  width: 40px;
}
header #links .social_container a .social-icon {
  /* width: 45px; */
  width: 35px;
  transition: transform 0.3s;
}
header #links .social_container a .social-icon:hover {
  transform: rotate(720deg);
}
@media (max-width: 680px) {
  header #links .social_container a .social-icon {
    width: 35px;
  }
}
header #links .subdomain-list {
  display: inline-block;
  /* background: lightblue; */
  margin-top: 22px;
  text-align: right;
  min-width: 400px;
  width: 345px;
}
@media (max-width: 680px) {
  header #links .subdomain-list {
    text-align: center;
    margin-top: 5px;
    width: 100%;
  }
}
header #links .subdomain-list ul li {
  display: inline-block;
  /* width: 60px; */
  margin-right: 10px;
}
header #links .subdomain-list ul li a {
  color: white;
  transition: color 0.2s;
  text-decoration: none;
  font-size: 14px;
}
header #links .subdomain-list ul li a:hover {
  color: #f9dd6c;
}

/* home.php */
body {
  /* background: $bg-body; */
  font-family: "Nunito Sans", sans-serif;
}

p {
  color: white;
}

.main_container {
  /* width: 300px; */
  width: 100%;
  display: block;
  margin: 10px auto;
}
.main_container h2 {
  text-align: center;
  color: #fcfd9f;
  color: #f9dd6c;
}
.main_container p {
  /* line-height: 1.5; */
  line-height: 1.8;
  font-size: 8pt;
  margin-top: 15px;
}
.main_container a.link_home {
  display: inline-block;
  text-align: center;
  width: 100%;
  color: #f9dd6c;
  transition: color 0.3s;
  /* margin: 20px auto; */
  margin: 0 auto;
}
.main_container a.link_home:hover {
  /* color: $col-primary; */
  color: lightgreen;
}
.main_container #welcome_text {
  display: block;
  margin: 40pt auto;
  width: 300px;
  line-height: 1.9;
  color: white;
  /* border: solid white 3px; */
  /* border-radius: 10px; */
}
.main_container #welcome_text h2 {
  font-weight: normal;
  font-size: 20px;
  text-align: center;
  color: #fcfd9f;
  color: #f9dd6c;
}
.main_container #welcome_text p {
  line-height: 1.9;
  font-size: 14px;
}
.main_container .recentblog_carousel {
  background: #0b053f;
  margin: 0 auto;
  width: 100%;
  /* height: 300px; */
  /* height: 500px; */
  min-height: 340px;
  text-align: center;
  border-top: solid white 3px;
  border-bottom: solid white 3px;
}
@media (max-width: 780px) {
  .main_container .recentblog_carousel {
    min-height: 160px;
  }
}
.main_container .recentblog_carousel a {
  text-decoration: none;
  color: white;
  margin: 0 30px;
}
.main_container .recentblog_carousel a .carousel-item {
  display: inline-block;
  position: relative;
  border-radius: 7px;
  border: solid white 3px;
  width: 300px;
  height: auto;
  margin: 10pt 0;
  vertical-align: top;
  transition: border 0.5s;
}
@media (max-width: 980px) {
  .main_container .recentblog_carousel a .carousel-item {
    width: auto;
  }
}
@media (max-width: 780px) {
  .main_container .recentblog_carousel a .carousel-item {
    /* width: 20%; */
    width: 100%;
  }
}
@media (max-width: 680px) {
  .main_container .recentblog_carousel a .carousel-item {
    width: 126%;
  }
}
@media (max-width: 480px) {
  .main_container .recentblog_carousel a .carousel-item {
    width: 148%;
  }
}
.main_container .recentblog_carousel a .carousel-item:hover {
  /* border: solid gold 3px; */
  border: solid #f9dd6c 3px;
  border: solid #f9dd6c 3px;
}
.main_container .recentblog_carousel a .carousel-item .item-image {
  width: 100%;
  border-radius: 7px;
}
.main_container .recentblog_carousel a .carousel-item article {
  background: black;
  position: absolute;
  /* visibility: hidden;*/
  opacity: 0;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 7px;
  transition: opacity 0.3s;
}
@media (max-width: 680px) {
  .main_container .recentblog_carousel a .carousel-item article {
    padding: 0;
    font-size: 2vw;
  }
}
.main_container .recentblog_carousel a .carousel-item article:hover {
  /* visibility: visible; */
  opacity: 1;
}
.main_container .recentblog_carousel a .carousel-item article h3 {
  text-align: center;
  margin: 15pt 0;
  font-size: 20px;
}
@media (max-width: 980px) {
  .main_container .recentblog_carousel a .carousel-item article h3 {
    font-size: 10px;
    line-height: 1;
    margin: 8px 0px 8px 0px;
  }
}
@media (max-width: 680px) {
  .main_container .recentblog_carousel a .carousel-item article h3 {
    margin: 10pt 0 0 0;
  }
}
.main_container .recentblog_carousel a .carousel-item article p {
  line-height: 1.7;
  text-align: left;
  padding: 0 15px;
  font-size: 14px;
}
@media (max-width: 980px) {
  .main_container .recentblog_carousel a .carousel-item article p {
    line-height: 1.5;
    font-size: 10px;
  }
}
@media (max-width: 780px) {
  .main_container .recentblog_carousel a .carousel-item article p {
    display: none;
    font-size: 10px;
  }
}
.main_container .recentblog_carousel a .carousel-item article .num_comments {
  font-size: 12px;
  font-style: italic;
}
.main_container .recentblog_carousel a .carousel-item article .num_comments strong {
  color: #f9dd6c;
}
@media (max-width: 680px) {
  .main_container .recentblog_carousel a .carousel-item article .num_comments {
    margin: 10pt 0 0 0;
    display: inline-block;
  }
}
.main_container .latest_blog {
  display: block;
  color: white;
  margin: 20px auto;
  margin: 10% auto;
  width: 400px;
}
@media (max-width: 680px) {
  .main_container .latest_blog {
    width: 70%;
  }
}
.main_container .latest_blog p {
  margin-top: 20px;
  line-height: 1.8;
  font-size: 14px;
}
.main_container .latest_blog #btn_readon {
  display: block;
  margin: 10pt auto 0 auto;
  width: 100px;
  text-align: center;
  padding: 10px;
  color: white;
  text-decoration: none;
  border-radius: 10px;
  border: solid white 3px;
  background: #0b053f;
  transition: background 0.4s;
}
.main_container .latest_blog #btn_readon:hover {
  background: #13096e;
}
.main_container .find_more {
  color: white;
  text-align: center;
  margin: 60pt auto;
  display: block;
}
.main_container .find_more h2 {
  text-align: center;
}
.main_container .find_more form {
  margin-top: 5px;
}
.main_container .find_more form .wp-block-search__label {
  visibility: hidden;
}
.main_container .find_more form #search_input {
  display: inline-block;
  border: solid white 2px;
  border-radius: 10px;
  padding: 8px;
  /* background: none; */
  background: rgba(0, 0, 0, 0.6);
  transition: width 0.3s ease, background 0.4s, transform 0.3s;
  transform-origin: right;
  width: 150px;
  color: white;
  font-size: 14pt;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  /* margin: 20px 0; */
}
.main_container .find_more form #search_input::placeholder {
  color: gray;
}
.main_container .find_more form #search_input:hover {
  width: 300px;
  background: #0b053f;
}
.main_container .find_more form #search_btn {
  display: inline-block;
  background: #0b053f;
  border: solid white 2px;
  border-radius: 10px;
  margin: 0 20px;
  color: white;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px;
  cursor: pointer;
  transition: background 0.4s;
  width: 90px;
}
.main_container .find_more form #search_btn:hover {
  background: #13096e;
}
.main_container .widget_areas {
  margin: 20px auto;
  display: block;
  text-align: center;
}
@media (max-width: 780px) {
  .main_container .widget_areas {
    display: flex;
    flex-direction: column;
  }
}
.main_container .widget_areas .widget {
  display: inline-block;
  margin: 10px 25px;
  vertical-align: top;
  /* min-height: 250px; */
  height: 100%;
  min-height: 100vh;
  width: 24%;
  color: white;
  text-align: left;
  padding: 4px;
  font-size: 14px;
}
@media (max-width: 980px) {
  .main_container .widget_areas .widget {
    width: 215px;
    margin: 25px 15px;
  }
}
@media (max-width: 780px) {
  .main_container .widget_areas .widget {
    display: block;
    margin: 20px auto;
    width: 60%;
  }
}
.main_container .widget_areas .widget h2 {
  text-align: center;
  font-size: 20px;
}
.main_container .widget_areas .widget p {
  font-size: 14px;
}
.main_container .widget_areas .widget p em, .main_container .widget_areas .widget p i {
  color: #f9dd6c;
}
.main_container .widget_areas .widget p strong, .main_container .widget_areas .widget p b {
  color: #f9dd6c;
}
.main_container .widget_areas .widget p a {
  color: #f9dd6c;
}
.main_container .widget_areas .widget p a:hover {
  color: lightgreen;
}
.main_container .widget_areas .widget a {
  /* color: $col-secondary; */
  width: auto;
}
.main_container .widget_areas .widget ul {
  margin-top: 5px;
}
.main_container .widget_areas .widget ul li {
  list-style: none;
  font-size: 14px;
  line-height: 1.9;
}
.main_container .widget_areas .widget ul li a {
  color: #fcfd9f;
  transition: color 0.3s;
  width: auto;
}
.main_container .widget_areas .widget ul li a:hover {
  color: lightgreen;
  text-decoration: none;
}
.main_container section .pagination {
  width: 100%;
  text-align: center;
  /* color: darkgray; */
  color: #edf38d;
}
.main_container section .pagination ul li {
  display: inline-block;
}
.main_container section .pagination ul li a {
  color: #adff2f;
  transition: color 0.3s;
  margin: 5px 0;
  display: inline-block;
  text-decoration: none;
}
.main_container section .pagination ul li a:hover {
  color: #edf38d;
  text-decoration: underline;
}
.main_container section .pagination .nav-links {
  padding: 8px 0;
}
.main_container section .pagination .nav-links .page-numbers {
  color: #adff2f;
  transition: color 0.3s;
  text-decoration: none;
}
.main_container section .pagination .nav-links .page-numbers:hover {
  color: #edf38d;
}
.main_container section .pagination .nav-links .current {
  color: #eff38d;
}
.main_container section .pagination .nav-links .page {
  color: #edf38d;
  text-decoration: none;
}

/* search.php */
section .search .search_results_container .search_list h2 {
  color: white;
}
section .search .search_results_container .search_list h2 span {
  color: #fcfd9f;
  font-style: italic;
}
section .search .search_results_container .search_list p {
  text-align: center;
  font-size: 14px;
}
section .search .search_results_container .search_list p span {
  color: #fcfd9f;
  font-weight: bold;
}
section .search .search_results_container .search_list .search_item {
  display: block;
  width: 450px;
  margin: 15px auto;
  padding: 10px;
}
@media (max-width: 680px) {
  section .search .search_results_container .search_list .search_item {
    width: 73%;
  }
}
section .search .search_results_container .search_list .search_item p {
  text-align: center;
}
section .search .search_results_container .search_list .search_item h2 {
  text-align: center;
  color: white;
}
section .search .search_results_container .search_list .search_item h3 {
  text-align: center;
}
section .search .search_results_container .search_list .search_item h3 a {
  color: #f9dd6c;
  transition: color 0.3s;
  text-decoration: none;
  font-size: 20px;
}
section .search .search_results_container .search_list .search_item h3 a:hover {
  color: white;
}
section .search .search_results_container .search_list .search_item p {
  font-size: 14px;
}
section .search .search_results_container .search_list .search_item .searchform {
  display: block;
}
section .search .search_results_container .search_list .search_item .searchform div {
  text-align: center;
}
section .search .search_results_container .search_list .search_item .searchform div #searchsubmit {
  color: white;
}
section .search .search_results_container .search_list .post_data {
  display: block;
  margin-bottom: 25pt;
  color: white;
  /* font-family: $font-two; */
  font-size: 12px;
  text-align: center;
  /*.author_post {

      width: 70%;
      display: block;
      margin: 0 auto;

      h2 {

          margin-top: 15px;
      }

      li {

          line-height: 1.1;
          color: $col-primary;
          list-style: none;
          font-size: $font-size-xxs;
          height: 25px;

          a {

              display: inline-block;
              font-size: $font-size-xxs;
              margin: 0 3px;

          }

          @extend %link-colscheme-2;

          .metric {

              display: inline-block;
              font-size: $font-size-xxs;

          }
      }
  }*/
}
section .search .search_results_container .search_list .post_data div.post-data-author {
  width: auto;
  display: inline;
}
section .search .search_results_container .search_list .post_data div {
  width: auto;
  display: inline;
  color: lightgreen;
}
section .search .search_results_container .search_list .post_data div span {
  color: #f9dd6c;
  margin-right: 10px;
}
section .search .search_results_container .search_list .post_data div span a {
  color: #f9dd6c;
  transition: color 0.3s;
}
section .search .search_results_container .search_list .post_data div span a:hover {
  color: lightgreen;
}

/* archive.scss */
section .archive section.archive_list .inline-category-list {
  color: white;
  text-align: center;
  /*width: 200px;*/
  min-width: 770px;
  width: 200px;
  min-width: 759px;
  display: block;
  margin: 14pt auto;
}
@media (max-width: 780px) {
  section .archive section.archive_list .inline-category-list {
    min-width: 0;
    width: 75%;
  }
}
section .archive section.archive_list .inline-category-list h3 {
  font-size: 20px;
  margin-top: 10px;
}
section .archive section.archive_list .inline-category-list ul {
  width: 100%;
}
section .archive section.archive_list .inline-category-list ul li {
  display: inline-block;
  content: "-";
  margin-left: 20pt;
}
@media (max-width: 780px) {
  section .archive section.archive_list .inline-category-list ul li {
    margin-left: 10px;
  }
}
@media (max-width: 680px) {
  section .archive section.archive_list .inline-category-list ul li {
    margin-left: 0px;
    display: block;
    line-height: 1.5;
  }
}
section .archive section.archive_list .inline-category-list ul li:first-child {
  content: "";
}
section .archive section.archive_list .inline-category-list ul li a {
  color: #f9dd6c;
  transition: color 0.3s;
  text-decoration: none;
}
section .archive section.archive_list .inline-category-list ul li a:hover {
  color: lightgreen;
}
section .archive section.archive_list .archive_list_container .archive_item {
  margin-top: 15pt;
  /* display: inline-block; */
  display: block;
  vertical-align: top;
}
section .archive section.archive_list .archive_list_container .archive_item h2 {
  text-align: center;
  color: white;
}
section .archive section.archive_list .archive_list_container .archive_item .archive_text {
  width: 450px;
  margin: 0 auto;
  padding: 10px;
}
@media (max-width: 780px) {
  section .archive section.archive_list .archive_list_container .archive_item .archive_text {
    width: 73%;
  }
}
section .archive section.archive_list .archive_list_container .archive_item .archive_text h3 {
  font-size: 20px;
  color: white;
  display: block;
  text-align: center;
}
section .archive section.archive_list .archive_list_container .archive_item .archive_text p.item {
  line-height: 1.5;
  width: 70%;
  margin: 20px auto;
  color: white;
  font-size: 14px;
}
section .archive section.archive_list .archive_list_container .archive_item .archive_text .link_to_post {
  color: #fcfd9f;
  text-transform: capitalize;
  width: auto;
  font-style: italic;
  font-size: 12px;
}
section .archive section.archive_list .archive_list_container .archive_item .archive_text span.post_data {
  color: white;
  /* font-family: $font-two; */
  font-size: 12px;
}
section .archive section.archive_list .archive_list_container .archive_item .archive_text span.post_data div.post-data-author {
  width: auto;
  display: inline;
}
section .archive section.archive_list span.post_data {
  display: block;
  color: white;
  /* font-family: $font-two; */
  /* font-size: 10px; */
  font-size: 12px;
  text-align: center;
  width: 100%;
}
section .archive section.archive_list span.post_data div {
  width: auto;
  display: inline;
  color: lightgreen;
}
section .archive section.archive_list span.post_data div span {
  color: #f9dd6c;
  margin-right: 10px;
}
section .archive section.archive_list .archive_list_container {
  /* display: inline-block; */
  /* vertical-align: top; */
}
section .archive section.archive_list .archive_list_container .blog_post_archive {
  display: inline-block;
  width: 25%;
  padding: 0 30px;
  margin: 26px auto;
}
@media (max-width: 780px) {
  section .archive section.archive_list .archive_list_container .blog_post_archive {
    width: 90%;
    margin: 10px auto;
  }
}
section .archive section.archive_list .archive_list_container .blog_post_archive li {
  color: white;
  list-style: none;
}
section .archive section.archive_list .archive_list_container .blog_post_archive li:first-child {
  display: none;
}
section .archive section.archive_list .archive_list_container .list {
  display: inline-block;
  vertical-align: top;
}

/* category.scss */
section .category section.category_list .inline-category-list {
  display: block;
  margin: 14pt auto;
  padding: 10px 0;
  color: white;
  text-align: center;
  /* width: 200px; */
  min-width: 770px;
  width: 200px;
  min-width: 759px;
}
@media (max-width: 780px) {
  section .category section.category_list .inline-category-list {
    min-width: 0;
    width: 75%;
  }
}
section .category section.category_list .inline-category-list h3 {
  font-size: 20px;
  margin-top: 10px;
}
section .category section.category_list .inline-category-list ul {
  width: 100%;
  margin-top: 10px;
}
section .category section.category_list .inline-category-list ul li {
  display: inline-block;
  content: "-";
  margin-left: 20pt;
}
@media (max-width: 780px) {
  section .category section.category_list .inline-category-list ul li {
    margin-left: 10px;
  }
}
@media (max-width: 680px) {
  section .category section.category_list .inline-category-list ul li {
    margin-left: 0px;
    display: block;
    line-height: 1.5;
  }
}
section .category section.category_list .inline-category-list ul li:first-child {
  content: "";
}
section .category section.category_list .inline-category-list ul li a {
  color: #f9dd6c;
  transition: color 0.3s;
  text-decoration: none;
}
section .category section.category_list .inline-category-list ul li a:hover {
  color: lightgreen;
}
section .category section.category_list .category_list_container .category_item {
  margin-top: 15pt;
  display: block;
  vertical-align: top;
}
section .category section.category_list .category_list_container .category_item h2 {
  text-align: center;
  color: white;
}
section .category section.category_list .category_list_container .category_item .category_text {
  margin: 0 auto;
  padding: 10px;
  width: 450px;
}
@media (max-width: 780px) {
  section .category section.category_list .category_list_container .category_item .category_text {
    width: 73%;
  }
}
section .category section.category_list .category_list_container .category_item .category_text h3 {
  font-size: 20px;
  color: white;
  display: block;
  text-align: center;
}
section .category section.category_list .category_list_container .category_item .category_text p.item {
  line-height: 1.5;
  width: 70%;
  margin: 20px auto;
  color: white;
  font-size: 14px;
}
section .category section.category_list .category_list_container .category_item .category_text .link_to_post {
  color: #fcfd9f;
  text-transform: capitalize;
  width: auto;
  font-style: italic;
  font-size: 10px;
}
section .category section.category_list .category_list_container .category_item .category_text.no_return {
  color: red;
  text-align: center;
}
section .category section.category_list .category_list_container .category_item .category_text.no_return p {
  font-size: 20px;
}
section .category section.category_list .category_list_container .category_item span.post_data {
  display: block;
  color: white;
  /* font-family: $font-two; */
  font-size: 12px;
  text-align: center;
  width: 100%;
}
section .category section.category_list .category_list_container .category_item span.post_data div {
  width: auto;
  display: inline;
  color: lightgreen;
}
section .category section.category_list .category_list_container .category_item span.post_data div span {
  color: #f9dd6c;
  margin-right: 10px;
}
section .category section.category_list .category_list_container .category_item span.post_data div span a {
  color: #f9dd6c;
  transition: color 0.3s;
}
section .category section.category_list .category_list_container .category_item span.post_data div span a:hover {
  color: lightgreen;
}
section .category .category_list_container h2 span {
  color: lightgreen;
}

/* author.scss */
section .author h2 {
  text-align: center;
  color: white;
  margin-bottom: 20px;
  margin: 10px 0;
}
section .author .author_list {
  text-align: center;
}
section .author .author_list li {
  line-height: 1.1;
}
section .author .author_post {
  width: 70%;
  display: block;
  margin: 0 auto;
}
section .author .author_post h2 {
  margin-top: 15px;
}
section .author .author_post li {
  line-height: 1.1;
  color: white;
  list-style: none;
  font-size: 10px;
  height: 25px;
}
section .author .author_post li a {
  display: inline-block;
  font-size: 10px;
  margin: 0 3px;
}
section .author .author_post li .metric {
  display: inline-block;
  font-size: 10px;
}

/* single.scss */
section div.single .category_list_container,
section div.single .blog_entry_container {
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
section div.single .category_list_container h2,
section div.single .blog_entry_container h2 {
  font-size: 20px;
  color: #fcfd9f;
}
section div.single .category_list_container a,
section div.single .blog_entry_container a {
  color: white;
  transition: color 0.3s;
  /* font-size: $font-size-lg; */
  /* font-size: 16pt; */
  color: #acff0a;
  text-decoration: none;
  width: auto;
}
section div.single .category_list_container a:hover,
section div.single .blog_entry_container a:hover {
  color: #fcfd9f;
}
section div.single .category_list_container {
  position: relative;
  position: sticky;
  top: 0px;
  /* width: 200px; */
  margin: 30px 30px;
  width: 20%;
}
@media (max-width: 1287px) {
  section div.single .category_list_container {
    width: 200px;
  }
}
@media (max-width: 980px) {
  section div.single .category_list_container {
    margin: 30px 7px;
  }
}
@media (max-width: 680px) {
  section div.single .category_list_container {
    display: block;
    margin: 0 auto;
    position: relative;
  }
}
section div.single .category_list_container h2 {
  position: relative;
  top: 5px;
  color: white;
  text-align: center;
  font-weight: normal;
  /* font-size: $font-size-lg; */
  /* font-size: 18pt; */
  font-size: 16px;
}
section div.single .category_list_container .category_list ul {
  margin: 10pt 0;
}
section div.single .category_list_container .category_list ul li {
  list-style: none;
}
section div.single .category_list_container .category_list ul li a {
  line-height: 1.6;
  position: relative;
  left: 20px;
  margin: 3pt 0;
  text-align: left;
  color: white;
  transition: color 0.3s;
  text-decoration: none;
}
section div.single .category_list_container .category_list ul li a:hover {
  color: #f9dd6c;
}
section div.single .category_list_container .category_list li.categories {
  border: solid red 1px;
  /* display: none; */
  visibility: hidden;
  color: white;
  list-style: none;
}
section div.single .category_list_container .category_list li.categories ul {
  display: block;
  visibility: visible;
}
section div.single .blog_entry_container {
  width: 50%;
  width: 61%;
  /* min-width: 400px; */
  text-align: center;
  /* font-size: $font-size-lg; */
  color: white;
  content: "";
}
@media (max-width: 680px) {
  section div.single .blog_entry_container {
    display: block;
    margin: 20px auto;
    width: 90%;
  }
}
section div.single .blog_entry_container .blog_metrics {
  display: flex;
  flex-direction: row;
  position: relative;
  top: 5px;
  justify-content: space-between;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  font-size: 12pt;
}
section div.single .blog_entry_container span a {
  display: inline;
  width: auto;
  margin: 0;
  display: inline-block;
  color: white;
  transition: color 0.3s;
}
section div.single .blog_entry_container span a:hover {
  color: #fcfd9f;
}
section div.single .blog_entry_container span strong {
  color: #fcfd9f;
  font-weight: normal;
}
section div.single .blog_entry_container span #blogsingle_numcomments {
  color: #fcff24;
  font-weight: bold;
}
section div.single .blog_entry_container .blog_entry {
  color: white;
  line-height: 1.4;
}
section div.single .blog_entry_container .blog_entry h2 {
  display: block;
  color: #fcfd9f;
  width: 80%;
  text-align: center;
  font-weight: bold;
  margin: 10pt auto;
  font-size: 20px;
}
@media (max-width: 680px) {
  section div.single .blog_entry_container .blog_entry h2 {
    font-size: 3vw;
    margin-top: 25px;
  }
}
section div.single .blog_entry_container .blog_entry h2 .more_posts a {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 25px;
  transition: color 0.3s;
}
section div.single .blog_entry_container .blog_entry h2 .more_posts a:hover {
  color: lightgreen;
}
section div.single .blog_entry_container .assigned-categories {
  margin-top: 20pt;
}
section div.single .blog_entry_container .linear-category-list {
  margin: 5px;
}
section div.single .blog_entry_container .linear-category-list li {
  display: inline-block;
  margin-left: 15px;
  list-style: circle;
}
section div.single .blog_entry_container .linear-category-list li a {
  color: #fcfd9f;
  transition: color 0.3s;
}
section div.single .blog_entry_container .linear-category-list li a:hover {
  color: lightgreen;
}
section div.single .comment-form-container {
  color: white;
  width: 61%;
  display: block;
  margin: 0 32%;
}
@media (max-width: 680px) {
  section div.single .comment-form-container {
    width: 90%;
    margin: 0 auto;
  }
}
section div.single .comment-form-container h3 {
  text-align: left;
  font-weight: normal;
  padding-left: 10px;
  margin-top: 25px;
}
section div.single .comment-form-container form {
  width: 61%;
  padding-top: 35px;
  border: solid 2px white;
  border-radius: 7px;
  background: rgba(0, 0, 0, 0.6);
}
@media (max-width: 980px) {
  section div.single .comment-form-container form {
    width: 80%;
  }
}
@media (max-width: 680px) {
  section div.single .comment-form-container form {
    width: 100%;
    display: block;
    margin: 0 auto;
  }
}
section div.single .comment-form-container form label {
  display: inline-block;
  /* max-width: 250px; */
  /* width: 200px; */
  width: 75px;
  margin: 15px 25px;
}
section div.single .comment-form-container form label:first-child {
  margin-top: 0pt;
}
@media (max-width: 680px) {
  section div.single .comment-form-container form label {
    /* width: 60%; */
    width: 14%;
  }
}
section div.single .comment-form-container form input {
  display: inline-block;
  width: 35%;
  padding: 5px 5px;
  padding: 8px;
}
@media (max-width: 680px) {
  section div.single .comment-form-container form input {
    width: 90%;
    width: 36%;
  }
}
section div.single .comment-form-container form #form_comment {
  width: 35%;
}
section div.single .comment-form-container form #form-savedetails {
  width: 20px;
  display: inline-block;
  height: 20px;
  width: 20px;
  vertical-align: top;
  margin: 15px 25px;
  cursor: pointer;
}
section div.single .comment-form-container form #form-savedetails ~ label {
  width: 400px;
  width: 65%;
}
@media (max-width: 680px) {
  section div.single .comment-form-container form #form-savedetails ~ label {
    width: 45%;
  }
}
section div.single .comment-form-container .wpcf7 form.wpcf7-form p {
  width: 100%;
}
section div.single .comment-form-container .wpcf7 form.wpcf7-form p label {
  width: 90%;
  width: 75px;
  font-size: 12pt;
}
section div.single .comment-form-container .wpcf7 form.wpcf7-form p .wpcf7-form-control-wrap .wpcf7-text {
  width: 54%;
}
section div.single .comment-form-container .wpcf7 form.wpcf7-form p .wpcf7-form-control-wrap .wpcf7-textarea {
  width: 80%;
  margin-top: 0pt;
}
section div.single .comment-form-container .wpcf7 form.wpcf7-form p .wpcf7-form-control-wrap #form_comment {
  width: 90%;
  margin-top: 0px;
}
section div.single .comment-form-container .wpcf7 form.wpcf7-form p .wpcf7-form-control-wrap .wpcf7-list-item {
  width: 90%;
}
section div.single .comment-form-container .wpcf7 form.wpcf7-form p .wpcf7-form-control-wrap .wpcf7-list-item .wpcf7-list-item-label {
  display: inline-block;
  width: auto;
  width: 90%;
}
section div.single .comment-list-container {
  display: block;
  width: 50%;
  margin: 0 32%;
  color: white;
}
@media (max-width: 680px) {
  section div.single .comment-list-container {
    width: 90%;
    margin: 0 auto;
  }
}
section div.single .comment-list-container h3 {
  text-align: left;
  padding: 5px;
  font-weight: normal;
  margin-top: 25px;
}
section div.single .comment-list-container form label {
  display: inline-block;
}
section div.single .comment-list-container .comment-list {
  padding: 0 5px;
  margin: 25px 0px;
}
section div.single .comment-list-container .comment-list li {
  display: block;
  width: 50%;
  height: auto;
  background: #1f1812;
  border-left: #fff995 2px solid;
  border-bottom: #fff995 2px solid;
  border-bottom-left-radius: 7px;
  border-radius: 7px;
  border: solid 2px #fff995;
  margin: 10px 0;
  padding: 5px;
  transition: background 0.3s;
}
section div.single .comment-list-container .comment-list li:hover {
  background: #2f241b;
}
@media (max-width: 680px) {
  section div.single .comment-list-container .comment-list li {
    width: 80%;
  }
}
section div.single .comment-list-container .comment-list li p a {
  color: #acff0a;
}
section div.single .comment-list-container .comment-list li span.comment-metainfo {
  font-size: 10pt;
  color: yellowgreen;
}
section div.single .comment-list-container .comment-list li span.comment-metainfo a {
  display: inline-block;
  /* color: yellowgreen; */
  text-decoration: none;
  color: lightgreen;
  font-weight: bold;
  font-size: 11px;
  text-align: right;
  width: 98%;
}
section div.single .comment-list-container .comment-list ul.children {
  margin-left: 10px;
}
section div.single .comment-list-container .comment-list ul.children li {
  margin-left: 20px;
  width: 89%;
  background: #1f1812;
  border: none;
  padding: 7px;
  transition: background 0.3s;
}
section div.single .comment-list-container .comment-list ul.children li:hover {
  background: #343434;
}
section div.single .comment-list-container .comment-list ul.children ul {
  margin-left: 10px;
}
section div.single .comment-list-container .comment-list ul.children ul li {
  margin-left: 20px;
  width: 89%;
  background: #1f1812;
  border: none;
  padding: 7px;
  transition: background 0.3s;
}
section div.single .comment-list-container .comment-list ul.children ul li:hover {
  background: #343434;
}
section div.single .comment-list-container .comment-list .pagination {
  text-align: left;
  font-size: 14px;
}
section div.single .comment-list-container .comment-list .navigation {
  text-align: left;
  font-size: 14px;
}
section div.single .comment-list-container .comment-respond {
  /* border: solid red 1px; */
}

/* draft.scss */
#swipe_carousel {
  text-align: center;
  font-size: 15pt;
  margin: 10px 0;
  font-family: "Nunito Sans", sans-serif;
}

.carousel-container {
  border: solid white 3px;
  border-radius: 6px;
  display: block;
  margin: 0 auto;
  width: 45%;
}
@media (max-width: 780px) {
  .carousel-container {
    width: 75%;
  }
}
.carousel-container .carousel div img {
  width: 100%;
}

/* page.scss */
body section .page_bloglist div.select_blog_title {
  margin-top: 10pt;
  text-align: center;
  color: white;
}
body section .page_bloglist .filter_categories_container {
  position: relative;
  position: sticky;
  top: 0;
  width: 320px;
  display: inline-block;
  vertical-align: top;
  margin-top: 15px;
  margin-top: 40px;
}
@media (max-width: 780px) {
  body section .page_bloglist .filter_categories_container {
    display: block;
    position: relative;
    margin: 10px auto;
    width: 400px;
  }
}
body section .page_bloglist .filter_categories_container h3 {
  color: white;
  font-weight: normal;
  text-align: center;
}
body section .page_bloglist .filter_categories_container .filter_categories {
  color: white;
  margin: 5px 10px;
  padding: 15px 10px;
}
body section .page_bloglist .filter_categories_container .filter_categories label {
  /* border: solid black 2px; */
  /* margin: 20px; */
  margin: 6px;
  position: relative;
  bottom: 24px;
  left: 40px;
  font-size: 15pt;
  font-size: 16px;
  color: white;
  transition: color 0.3s;
  cursor: pointer;
}
body section .page_bloglist .filter_categories_container .filter_categories label:hover {
  color: #f9dd6c;
}
body section .page_bloglist .filter_categories_container .filter_categories div {
  border: solid black 3px;
  border-radius: 5px;
  width: 20px;
  height: 20px;
}
body section .page_bloglist .filter_categories_container .filter_categories div .input_chkbx {
  display: block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
body section .page_bloglist .filter_categories_container .filter_categories div .input_chkbx.checked {
  color: #f9dd6c;
}
body section .page_bloglist .filter_categories_container .filter_categories div .checked {
  color: #f9dd6c;
}
body section .page_bloglist .filter_categories_container .filter_categories label:input:checked,
body section .page_bloglist .filter_categories_container .filter_categories div:input:checked {
  color: #f9dd6c;
}
body section .page_bloglist .filter_categories_container .filter_categories label ~ div > input:checked {
  color: #f9dd6c;
}
body section .page_bloglist .filter_categories_container .filter_categories label ~ div input:checked {
  color: #f9dd6c;
}
body section .page_bloglist .filter_categories_container .filter_categories label ~ div > input[type=checkbox]:checked {
  /* outline: 2px solid #F00; */
  cursor: pointer;
  color: #f9dd6c;
}
body section .page_bloglist .blog_list {
  width: 70%;
  display: inline-block;
  /* border: solid red 1px; */
}
@media (max-width: 1287px) {
  body section .page_bloglist .blog_list {
    width: 65%;
  }
}
@media (max-width: 980px) {
  body section .page_bloglist .blog_list {
    width: 54%;
  }
}
@media (max-width: 780px) {
  body section .page_bloglist .blog_list {
    display: block;
    margin: 0 auto;
    width: 90%;
  }
}
body section .page_bloglist .blog_list h3 {
  margin-top: 10pt;
  text-align: center;
  color: white;
  margin: 15px 0;
  /* font-weight: normal; */
  font-size: 22pt;
}
body section .page_bloglist .blog_list h4 {
  text-align: center;
  color: white;
  margin: 15px 0;
}
body section .page_bloglist .blog_list .blog-item {
  display: inline-block;
  /* border-radius: $borderradius-blog-items; */
  /* border: solid $col-primary 3px; */
  width: 240px;
  width: 25%;
  margin: 4px 10px;
  vertical-align: top;
}
@media (max-width: 1287px) {
  body section .page_bloglist .blog_list .blog-item {
    width: 29%;
  }
}
@media (max-width: 980px) {
  body section .page_bloglist .blog_list .blog-item {
    width: 44%;
  }
}
@media (max-width: 780px) {
  body section .page_bloglist .blog_list .blog-item {
    width: 40%;
  }
}
body section .page_bloglist .blog_list .blog-item .blog-info {
  position: relative;
}
body section .page_bloglist .blog_list .blog-item .blog-info a {
  text-decoration: none;
  color: white;
  margin: 0;
}
body section .page_bloglist .blog_list .blog-item .blog-info a .item-image {
  /* position: relative; */
  border-radius: 7px;
  border: solid white 3px;
  width: 100%;
}
body section .page_bloglist .blog_list .blog-item .blog-info a article {
  position: absolute;
  /* background: black; */
  background: black;
  top: 0;
  opacity: 0;
  width: 100%;
  /* height: 95%; */
  /* height: 96%; */
  height: 95%;
  transition: opacity 0.3s;
  border-radius: 7px;
  border: solid #f9dd6c 3px;
}
body section .page_bloglist .blog_list .blog-item .blog-info a article:hover {
  opacity: 1;
}
body section .page_bloglist .blog_list .blog-item .blog-info a article h3 {
  margin: 7px 0;
  font-size: 16.6666666667px;
}
@media (max-width: 1287px) {
  body section .page_bloglist .blog_list .blog-item .blog-info a article h3 {
    font-size: 12px;
    font-size: calc(20px - 2vw);
    font-size: 1.2vw;
    padding: 3px;
    margin: 4% 5px;
  }
}
@media (max-width: 980px) {
  body section .page_bloglist .blog_list .blog-item .blog-info a article h3 {
    font-size: 16.6666666667px;
    font-size: 2vw;
    font-size: 1.6vw;
  }
}
@media (max-width: 680px) {
  body section .page_bloglist .blog_list .blog-item .blog-info a article h3 {
    font-size: 10px;
  }
}
body section .page_bloglist .blog_list .blog-item .blog-info a article p {
  padding: 0 5px;
  font-size: 10px;
}
@media (max-width: 1287px) {
  body section .page_bloglist .blog_list .blog-item .blog-info a article p {
    font-size: 11px;
    margin-top: 4px;
    line-height: 1.3;
    padding: 0;
    margin: 12px 5px;
  }
}
@media (max-width: 980px) {
  body section .page_bloglist .blog_list .blog-item .blog-info a article p {
    font-size: 1.3vw;
    margin: 0 8px;
  }
}
@media (max-width: 780px) {
  body section .page_bloglist .blog_list .blog-item .blog-info a article p {
    font-size: 1.9vw;
  }
}
@media (max-width: 680px) {
  body section .page_bloglist .blog_list .blog-item .blog-info a article p {
    font-size: 2.2vw;
  }
}
body section .page_bloglist .blog-item-metrics {
  color: white;
  font-size: 12px;
}
body section .page_bloglist .blog-item-metrics table {
  display: block;
  width: 100%;
  margin: 0 auto;
}
body section .page_bloglist .blog-item-metrics table td:nth-child(2n) {
  text-align: right;
  width: 100%;
  color: #f9dd6c;
  font-weight: bold;
}
body section .page_bloglist .blog-item-metrics table td:nth-child(2n) a {
  color: #f9dd6c;
  transition: color 0.3s;
}
body section .page_bloglist .blog-item-metrics table td:nth-child(2n) a:hover {
  color: lightgreen;
}

/* slick.scss */
.slick-next {
  position: absolute;
  right: 10px;
  /* color: #FCFD9F; */
  /* background: $col-primary;*/
  transition: color 0.3s, background 0.3s;
}
.slick-next::before {
  color: #f9dd6c;
  font-size: 25px;
}
.slick-next:hover {
  /* background: white; */
  color: white;
}

.slick-list {
  margin: 6% auto;
}
@media (max-width: 680px) {
  .slick-list {
    margin: 5% auto;
  }
}

.slick-prev {
  left: 10px;
  cursor: pointer;
  z-index: 1000;
  /* color: #FCFD9F; */
  /* background: $col-primary; */
  transition: color 0.3s, background 0.3s;
}
.slick-prev::before {
  color: #f9dd6c;
  font-size: 25px;
}
.slick-prev:hover {
  /* background: white; */
  /* color: white; */
  color: #f9dd6c;
}

/* _wordpress.scss */
.comment-respond {
  /* border: solid yellow 1px; */
}

.comment-list-container .comment-list .comment-respond .comment-reply-title {
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: solid #f9dd6c 3px;
}
.comment-list-container .comment-list .comment-respond .comment-form {
  /* border: solid yellow 1px; */
}
.comment-list-container .comment-list .comment-respond .comment-form .required-field-message .required {
  color: red;
}
.comment-list-container .comment-list .comment-respond .comment-form-comment label {
  font-size: 14px;
}
.comment-list-container .comment-list .comment-respond .comment-form-comment label .required {
  color: red;
}
.comment-list-container .comment-list .comment-respond .comment-form-comment #comment {
  vertical-align: top;
  display: inline-block;
  margin-top: 0;
}
.comment-list-container .comment-list .comment-respond .form-submit {
  margin: 25px 60px;
}
.comment-list-container .comment-list .comment-respond .form-submit .submit {
  width: auto;
  color: white;
}
.comment-list-container .comment .comment-body {
  font-size: 14px;
}
.comment-list-container .comment .comment-body .comment-author {
  display: inline-block;
}
.comment-list-container .comment .comment-body .comment-author .avatar {
  width: 60px;
  height: 60px;
  border: solid white 3px;
  border-radius: 50%;
  vertical-align: bottom;
}
.comment-list-container .comment .comment-body .comment-meta {
  display: inline-block;
  margin-top: 10px;
}
.wp-block-search__inside-wrapper {
  margin-top: 5px;
  max-width: 150px;
  width: auto;
  /* max-width: 20%; */
  text-align: center;
  display: block;
  margin: 0 40%;
}
@media (max-width: 780px) {
  .wp-block-search__inside-wrapper {
    margin: 0 28%;
  }
}
.wp-block-search__inside-wrapper .wp-block-search__input {
  display: inline-block;
  border: solid white 2px;
  border-radius: 10px;
  padding: 8px;
  /* background: none; */
  background: rgba(0, 0, 0, 0.6);
  transition: width 0.3s ease, background 0.4s, transform 0.3s;
  transform-origin: right;
  width: 150px;
  color: white;
  font-size: 14pt;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
  letter-spacing: 1px;
  /* margin: 20px 0; */
}
.wp-block-search__inside-wrapper .wp-block-search__input::placeholder {
  color: gray;
}
.wp-block-search__inside-wrapper .wp-block-search__input:hover {
  width: 300px;
  background: #0b053f;
}
.wp-block-search__inside-wrapper .wp-block-search__button {
  display: inline-block;
  background: #0b053f;
  border: solid white 2px;
  border-radius: 10px;
  margin: 20px 20px;
  color: white;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 6px;
  cursor: pointer;
  transition: background 0.4s;
  /* width: 90px; */
  width: 25px;
  width: auto;
}
.wp-block-search__inside-wrapper .wp-block-search__button:hover {
  background: #13096e;
}

/* 404.scss */
.page_404 {
  color: white;
  width: 400px;
  margin: 0 auto;
  /*.link_home {

      margin-bottom: 10pt;
  }*/
}
.page_404 .page_404_container {
  content: "";
  /* margin-top: 10pt; */
  margin: 15% auto;
  padding: 10px 0;
  /* font-size: $font-size-md; */
}
.page_404 .page_404_container h2 {
  color: #fcfd9f;
}
.page_404 .page_404_container p {
  font-size: 14px;
  text-align: center;
}

/* footer.php */
footer {
  text-align: center;
  color: white;
  font-size: 10pt;
  margin-top: 10pt;
  display: inline;
}
footer a {
  color: #f9dd6c;
  width: 0%;
  text-decoration: none;
}

/*# sourceMappingURL=style.css.map */