/*

Based on the original WrightThisWay.com theme, a heavily modified MT2 theme
name: WrightThisWay
designer: Jim Wright
designer_url: http://wrightthisway.com/
layouts: layout-wt

*/


/* Default ---------------------------------------------------------------- */

.category-list {
    column-count: 3;
    text-align: center;
}
.category-list a:hover {
    background:#aaa;
    padding: 5px 15px;
}
.category-list a {

}
.category-div {
    line-height:24px;
    padding: 5px 0px;
}
/* Header Menu */

.menustyle, .menu-header-container {
    border-top: 1px solid var(--page_bg_color);
}
.menustyle ul, .menu-header-container ul{
    padding: 0;
    list-style: none;
	height: calc(var(--menu_line_height) *1px);
    background: var(--header_bg_color);
}
.menustyle ul li, .menu-header-container ul li{
    display: inline-block;
    position: relative;
    text-align: left;
    background: var(--menu_bg_color);
    margin:0px 0px 0px 1px;
}
.menustyle ul li a, .menu-header-container ul li a{
    display: block;
    padding: 4px 8px;
    font-size: calc(var(--menu_font_size) *1px) !important;
    color: var(--header_txt_color);
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}
.menustyle ul li a:hover, .menu-header-container ul li a:hover{
    color: var(--header_txt_color);
    background: var(--header_bg_color);
}
.menustyle ul li ul.dropdown, .menu-header-container ul li ul.sub-menu{
    width: 250px; /* Set width of the dropdown */
    background: var(--header_bg_color);
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
}
.menustyle ul li:hover ul.dropdown, .menu-header-container ul li:hover ul.sub-menu{
    display: block;	/* Display the dropdown */
    left:-1px;
}
.menustyle ul li ul.dropdown li, .menu-header-container ul li ul.sub-menu li{
    margin:1px;
    display: block;
}


/* Global */

body {
    font: calc(var(--body_font_size) *1px) var(--body_font_family);
    font-weight: var(--body_font_weight);
    letter-spacing: calc(var(--body_letter_spacing) *1px);
    margin: 20px;
    color: var(--body_txt_color);
    background-color: var(--page_bg_color);
}

a {
    color: var(--body_txt_color);
}
p {
  margin-bottom: 19px;
}

pre.wp-block-code {
  margin-bottom: 19px !important;
}

code,
kbd,
pre,
samp {
    font-family: Monaco, Consolas, monospace;
}
ul {
    padding-left: 25px;
    list-style-type: disc;
    list-style-position: outside;
}
ol {
    padding-left: 25px;
    list-style-type: decimal;
    list-style-position: outside;
}

h1 {font-size: 2.44em;}
h2 {font-size: 1.95em;}
h3 {font-size: 1.56em;}
h4 {font-size: 1.25em;}
h5 {font-size: 1em;}
h6 {font-size: 0.8em;}

strong{font-weight:bold}
em{font-style:italic}

blockquote{
  font-size: 1.4em;
  width:60%;
  margin:50px auto;
  font-family:'Open Sans';
  font-style:italic;
  color: #666;
  padding:1.0em 30px 0.7em 75px;
  border-left:8px solid #888 ;
  line-height:1.6;
  position: relative;
  background:#ddd;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#888;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote span{
  display:block;
  color:#333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

/* Header */

.blog-header {
	font-family: var(--titles_font_family);
    padding: 15px 0px 15px 10px;
    background: var(--header_bg_color);

}
.blog-title,.blog-description {
	color: var(--header_txt_color);
    font-size: calc(var(--header_font_size) *1px);
	letter-spacing: calc(var(--header_letter_spacing) *1px);
    font-weight: var(--header_font_weight);
    margin-bottom:0px;
}
.blog-description {
	color: var(--header_txt_color);
    font-size: calc(var(--header_font_size) *.8px);
}
.blog-title a {
	color: var(--header_txt_color);
    font-size: calc(var(--header_font_size) *1px);
	letter-spacing: calc(var(--header_letter_spacing) *1px);
    font-weight: var(--header_font_weight);
    line-height: 1.125;
    text-decoration: none;
}

.blog-header a:hover {
    text-decoration: underline;
}

/* Main Body */
.item1 { grid-area: blog; }
.item2 { grid-area: sidebar; }

.grid-container {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  grid-template-areas:
    'blog sidebar';
  gap: 10px;
  margin-top: 20px;
}

.blog-main {
    padding: 0px 20px 0px 20px;
    width: 100%;
}

.blog-sidebar {
    margin-right: 20px;
}

.blog-footer {
    font-family: var(--titles_font_family);
	margin-top: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: var(--header_bg_color);;
}
.blog-footer-text {
    margin: 5px 0px 5px 10px;
    color: var(--header_txt_color);
    font-size: 16px;
    font-weight: bold;
    line-height: 1.125;
    text-decoration: none;
}
.blog-footer-text a {
    color: var(--header_txt_color);
    text-decoration: none;
}

/* Blog */

.blog-post {
    margin: 5px 0;
    margin-bottom: .75em;
}

.blog-post-date {
	font-family: var(--titles_font_family);
    letter-spacing: calc(var(--title_letter_spacing) *1px);
    color: var(--entry_date_color);
    font-size: calc(var(--title_font_size) *1px);
    text-align: right;
    font-variant:small-caps;
    font-weight: bold;
}

.blog-post-title, .the404-header {
    word-wrap: break-word;
    font-family: var(--titles_font_family);
	font-size: calc(var(--title_font_size) *1px);
	letter-spacing: calc(var(--title_letter_spacing) *1px);
    font-weight: var(--title_font_weight);
    font-variant:small-caps;
    margin-top: .25em;
    padding-top: 1px;
    border-top: 1px solid var(--border_color);
	color: var(--entry_title_color);
}
.the404-header {
    border-top: none;
    font-variant: none;
    font-size:24px;
    text-align: center;
}
.category-header {
    font-family: var(--titles_font_family);
    font-size: calc(var(--title_font_size) *1.3px);
    letter-spacing: calc(var(--title_letter_spacing) *1px);
    font-weight: var(--title_font_weight);
    border-top: none;
    text-align: center;
}
.blog-post-title a {
    word-wrap: break-word;
	font-size: calc(var(--title_font_size) *1px);
	letter-spacing: calc(var(--title_letter_spacing) *1px);
    font-weight: var(--title_font_weight);
    text-decoration: none;
	color: var(--entry_title_color);
}

.blog-post-title a:hover {
    text-decoration: underline;
}

.blog-post-meta {
    font-family: var(--titles_font_family);
	font-size: calc(var(--title_font_size) *.7px);
	letter-spacing: calc(var(--title_letter_spacing) *1px);
    font-weight: normal;
}

.alignleft {
	float: left;
	margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
	float: right;
	margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 1.75em;
}

.nav-links {
    text-align: center;
    font-size: 24px;
}

/* Comments */

.comment-body {
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.reply, .comment-meta {
    margin-bottom: 15px;
}
.reply{
    font-family: var(--titles_font_family);
    font-size: 18px;
    font-weight: 700;
}
.comment-reply-link {
    border: 1px solid var(--reply_button_color);
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 16px;
    background: var(--reply_button_color);
    color: var(--reply_button_txt_color);
}
.comment-author, .comment-author a {
    font-family: var(--titles_font_family);
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    color: var(--entry_date_color);
}


/* Widgets */

.widget {
    border: 1px solid var(--border_color);
    border-radius: 6px;
    padding: 10px 10px 10px;
    margin-bottom: 15px;
}



/* Override some WP defaults */

.widget_block h3,
.widget_search label,
.wp-block-group__inner-container h2,
.wp-block-calendar caption {
    font-family: var(--titles_font_family);
    color: var(--side_title_color) !important;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
}
.wp-block-calendar caption{
    font-family: var(--titles_font_family);
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--border_color);
}
.wp-block-archives-list,
.wp-block-group__inner-container ul,
.wp-block-group__inner-container ol{
    border-top: 1px solid var(--border_color);
    padding-top: 12px;
}

.wp-block-search__inside-wrapper,
.wp-block-group__inner-container ul,
.wp-block-group__inner-container ol{
    margin-top: 8px;
}

.wp-block-archives-list li a,
.wp-block-group li a {
    text-decoration: none;
}
.wp-block-archives-list li a:hover,
.wp-block-group li a:hover {
    text-decoration: underline;
}

.wp-block-latest-comments {
    padding: 0px;
}


.wp-block-cover-image.has-background-dim:not([class*="-background-color"]), .wp-block-cover-image .has-background-dim:not([class*="-background-color"]), .wp-block-cover.has-background-dim:not([class*="-background-color"]), .wp-block-cover .has-background-dim:not([class*="-background-color"]) {
  background-color: var(--block_background_color) !important;
}
.wp-block-button__link {
    background-color: var(--block_button_color) !important;
    color: var(--block_button_txt_color !important;
}