/*!
Theme Name: wordherd
Theme URI: https://wordherd.io
Author: WordHerd
Author URI: https://wordherd.io
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wordherd
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wordherd is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Full Width Gutenberg */
.alignwide { margin-left: -80px; margin-right: -80px }
.alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw }
/* .alignfull img { width: 100vw } */
html { line-height: 1.15; -webkit-text-size-adjust: 100% }
body { margin: 0 }
h1 { font-size: 2em; margin: 0.67em 0 }
hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent }
abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -0.25em }
sup { top: -0.5em }
img { border-style: none }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button }
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0 }
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText }
fieldset { padding: 0.35em 0.75em 0.625em }
legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit }
details { display: block }
summary { display: list-item }
template { display: none }
[hidden] { display: none }
body, button, input, select, optgroup, textarea { color: #404040; font-family: sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5 }
h1, h2, h3, h4, h5, h6 { clear: both; color: #345DB3; }
p { margin-bottom: 1.5em }
dfn, cite, em, i { font-style: italic }
blockquote { margin: 0 1.5em }
address { margin: 0 0 1.5em }
pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em }
code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem }
abbr, acronym { border-bottom: 1px dotted #666; cursor: help }
mark, ins { background: #fff9c0; text-decoration: none }
big { font-size: 125% }
*, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit }
html { -webkit-box-sizing: border-box; box-sizing: border-box }
body { background: #fff }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em }
ul, ol { margin: 0 0 1.5em 3em }
ul { list-style: disc }
ol { list-style: decimal }
li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em }
dt { font-weight: 700 }
dd { margin: 0 1.5em 1.5em }
img { height: auto; max-width: 100% }
figure { margin: 1em 0 }
table { margin: 0 0 1.5em; width: 100% }
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: 0.6em 1em 0.4em }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa }
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111 }
select { border: 1px solid #ccc }
textarea { width: 100% }
a { color: #4169e1 }
a:visited { color: #800080 }
a:hover, a:focus, a:active { color: #191970 }
a:focus { outline: thin dotted }
a:hover, a:active { outline: 0 }
.main-navigation { display: block; width: 100% }
.main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0 }
.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999 }
.main-navigation ul ul ul { left: -999em; top: 0 }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { display: block; left: auto }
.main-navigation ul ul a { width: 200px }
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto }
.main-navigation li { position: relative }
.main-navigation a { display: block; text-decoration: none }
.menu-toggle, .main-navigation.toggled ul { display: block }
@media screen and (min-width: 992px) {
	.menu-toggle { display: none }
	.main-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex }
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation { margin: 0 0 1.5em }
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50% }
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000 }
#primary[tabindex="-1"]:focus { outline: 0 }
.alignleft { display: inline; float: left; margin-right: 1.5em; margin-bottom: 1.5em }
.alignright { display: inline; float: right; margin-left: 1.5em; margin-bottom: 1.5em }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em }
.widget { margin: 0 0 1.5em }
.widget select { max-width: 100% }
.sticky { display: block }
.post, .page { margin: 0 }
.updated:not(.published) { display: none }
.page-content, .entry-content, .entry-summary { margin: 0 }
.page-links { clear: both; margin: 0 0 1.5em }
.comment-content a { word-wrap: break-word }
.bypostauthor { display: block }
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none }
.infinity-end.neverending .site-footer { display: block }
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0 }
embed, iframe, object { max-width: 100% }
.custom-logo-link { display: inline-block }
.wp-caption { margin-bottom: 1.5em; max-width: 100% }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto }
.wp-caption .wp-caption-text { margin: 0.8075em 0 }
.wp-caption-text { text-align: center }
.gallery { margin-bottom: 1.5em }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100% }
.gallery-columns-2 .gallery-item { max-width: 50% }
.gallery-columns-3 .gallery-item { max-width: 33.33% }
.gallery-columns-4 .gallery-item { max-width: 25% }
.gallery-columns-5 .gallery-item { max-width: 20% }
.gallery-columns-6 .gallery-item { max-width: 16.66% }
.gallery-columns-7 .gallery-item { max-width: 14.28% }
.gallery-columns-8 .gallery-item { max-width: 12.5% }
.gallery-columns-9 .gallery-item { max-width: 11.11% }
.gallery-caption { display: block }

/*Theme layout Option CSS*/

body > #page > .content-area.boxed { width: 1250px; margin: 0 auto; max-width: 100%; padding: 0 20px; }
body > #page > .content-area.no-sidebar > main.site-main { width: 100%; }
body > #page > .content-area.left-sidebar,
body > #page > .content-area.right-sidebar { display: -webkit-box; display: -ms-flexbox; display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }
body > #page > .content-area.left-sidebar > main.site-main,
body > #page > .content-area.right-sidebar > main.site-main { width: calc(100% - 250px); }
body > #page > .content-area.left-sidebar > aside.widget-area,
body > #page > .content-area.right-sidebar > aside.widget-area { width: 250px }

body {
	background-color: #CCCCCC;
}

body > #page > .content-area.left-sidebar > aside.widget-area, 
body > #page > .content-area.right-sidebar > aside.widget-area {
	width: 180px;
}

.advanced-sidebar-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.advanced-sidebar-menu ul ul {
	margin-left: 10px;
}
.advanced-sidebar-menu ul li {
	font-weight: 700;
	font-size: 12px;
}
.advanced-sidebar-menu ul li a {
	display: block;
	padding: 5px;
	color: #000;
	text-decoration: none;
}
.advanced-sidebar-menu ul li.has_children a, 
.advanced-sidebar-menu ul li.current_page_item ul li.has_children a, 
.advanced-sidebar-menu ul li.current_page_ancestor ul li.has_children a, 
.advanced-sidebar-menu ul li.current_page_ancestor ul li.current_page_item.has_children ul.children li a {
	border-bottom: 1px dashed #eaeaea;
	background-image: url(/wp-content/uploads/table_bullet.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
.advanced-sidebar-menu ul li.current_page_ancestor li.has_children a, 
.advanced-sidebar-menu ul li.current_page_ancestor ul li.current_page_item.has_children a {
	background-image: url(/wp-content/uploads/table_bullet_selected.gif);
}
.advanced-sidebar-menu ul li ul li ul li a {
	color: #599AC3;
	border-bottom: none;
}

table tr td {
	vertical-align: top;
}
table tr td hr {
	width: 100% !important;
}

.content-area header {
	width: 100%;
}

.entry-meta {
	font-size: 13px;
}

.entry-content p, 
.entry-content ol, 
.entry-content ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.entry-content ol, 
.entry-content ul {
	margin: 0px;
}
.entry-content a {
	color: #345DB3;
}
.entry-content p.subhead {
	color: #345DB3;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}
.entry-content .search {
    padding-top: 10px;
    color: #345DB3;
    font-weight: bold;
}
.entry-content h3 {
	color: #345DB3;
	font-size: 1.2em !important;
}
.entry-content h4 {
	color: #345DB3;
	font-size: .95em !important;
	margin-bottom: 5px;
}

.site {
	width: 1250px;
	margin: 0 auto;
	max-width: 100%;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
	background-color: #FFF;
}

.site-header,
.site-footer {
	padding: 0 20px;
}

.site-header .logo-search {
	display: flex;
	justify-content: space-between;
	padding-top: 10px;
}

.logo-search .search {
	display: flex;
}

.logo-search input {
	width: 100px;
	height: 30px;
	color: #000;
	border-color: #000;
	font-size: 12px;
	padding-left: 8px;
}

.logo-search input::placeholder {
	color: #000;
}

.logo-search button {
	height: 30px;
	background-color: #345db3;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin-left: 5px;
	border-radius: 30px;
	cursor: pointer;
}

.site-branding {
	margin-top: 40px;
}

.main-navigation ul {
	background-color: #345db3;
	justify-content: flex-end;
	margin-bottom: 5px;
}

.main-navigation li {
	border-left: 1px solid #fff;
}

.main-navigation ul li a {
	color: #fff;
	display: block;
	padding: 5px 15px;
	font-size: 13px;
	font-weight: 300;
	white-space: nowrap;
}

.main-navigation ul ul {
	flex-direction: column;
	background-color: #599AC3;
	width: 270px;
}

.main-navigation ul ul li {
	border-left: 0;
}

.main-navigation ul ul li:hover {
	background-color: #345db3;
}

.main-navigation ul ul a {
    width: auto;
}

.home-banner .slick-list {
	/* height: 264px !important; */
}

.kt-blocks-carousel {
    padding: 0 !important;
}

.home-categories ul {
	margin: 40px auto 0;
	list-style: none;
}

.home-categories ul li {
	background-image: url("/wp-content/uploads/table_bullet.gif");
	background-repeat: no-repeat;
	background-position: right center;
	border-bottom: 1px dotted #000;
}

.home-categories ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0 0;
}

.home-categories ul li a:hover {
	text-decoration: underline;
}

.view-all {
	margin-left: 40px;
	position: relative;
}

.view-all a {
	color: #345DB3;
	font-weight: 700;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.view-all a:hover {
	text-decoration: underline;
}

.view-all::after {
	content: url("/wp-content/uploads/table_bullet.gif");
	padding-left: 10px;
	position: relative;
	top: -1px;
}

.site-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.site-footer a {
	color: #335DB9;
	text-decoration: none;
}

.site-footer a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 769px){
	body > #page > .content-area.left-sidebar > main.site-main { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;padding-left: 3%; }
	body > #page > .content-area.right-sidebar > main.site-main { padding-right: 3% }
	body > #page > .content-area.left-sidebar > aside.widget-area { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
}

@media screen and (max-width: 992px){
	body > #page > .content-area.left-sidebar > aside.widget-area,
	body > #page > .content-area.right-sidebar > aside.widget-area { width: 200px }
	body > #page > .content-area.left-sidebar > main.site-main,
	body > #page > .content-area.right-sidebar > main.site-main { width: calc(100% - 200px); }
	.main-navigation {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}
	.menu-toggle {
		height: auto;
		padding: 7px 10px 8px 10px;
		background: #ffffff;
		border: 1px solid #335DB9;
		cursor: pointer;
		margin: 0 0 10px 0;
	}
	.menu-toggle i {
		color: #335DB9;
		font-size: 20px;
	}
	.main-navigation.toggled {
		display: flex;
		flex-direction: column;

	}
	.main-navigation.toggled .menu-toggle,
	.menu-toggle:hover {
		background: #335DB9;
		width: 45px;
		border-color: transparent;
	}
	.main-navigation.toggled .menu-toggle i,
	.menu-toggle:hover i {
		color: #FFF;
		font-size: 20px;
	}
	.main-navigation.toggled .menu {
		width: 90vw;
	}
	.main-navigation.toggled .menu .menu-item {
		list-style: none;
		border-bottom: 1px solid #fff;
	}
	.main-navigation.toggled .menu .menu-item:last-child {
		border:none;
	}
	.main-navigation.toggled .menu .menu-item a {
		display: block;
		background: #335DB9;
		color: #fff;
		padding: 15px;
		text-decoration: none;
	}
	.main-navigation.toggled .menu .menu-item-has-children a::after {
		content: "+";
		display: inline-block;
		float: right;
	}
	.main-navigation.toggled .menu .menu-item-has-children a.active::after {
		content: "-";
	  }
	.main-navigation.toggled .menu .menu-item-has-children .sub-menu a:after {
		display: none;
	}
	
	.main-navigation.toggled .menu .sub-menu {
		display: none;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.main-navigation.toggled .menu .sub-menu a {
		background: #fff;
		color: #335DB9;
		border: none;
	}
	.main-navigation.toggled .sub-menu li:last-child {
		border:none;
	}
	.home-categories .kt-row-layout-inner {
		background-image: none !important;
	}
	.home-categories ul {
		margin: 0;
		padding: 0;
	}
	.view-all {
		margin-left: 0;
	}
	.logo-search .search {
		display: none;
	}
}
@media screen and (max-width: 768px){
	body > #page > .content-area > main.site-main { padding-right: 0 !important;padding-left: 0 !important; }
	body > #page > .content-area > aside.widget-area,
	body > #page > .content-area > main.site-main { width:100% !important; }
	body > #page > .content-area.left-sidebar > main.site-main,
	body > #page > .content-area.left-sidebar > aside.widget-area { -webkit-box-ordinal-group:unset; -ms-flex-order:unset; order:unset; }
	.main-navigation.toggled .menu {
		width: 95vw;
	}
}
	.home-banner p {
		background: rgba(51 93 185 / .8);
		border-radius: 10px;
		padding: 20px;
	}

@media screen and (max-width: 540px){
	.main-navigation.toggled .menu {
		width: 93vw;
	}
}

@media screen and (max-width: 414px){
	.main-navigation.toggled .menu {
		width: 90vw;
	}
}