/*   
Theme Name: Barkly
Theme URI: http://barkly.rejournal.ru
Text Domain: barkly
Description: A simple theme for a blog based on Bootstrap 5, offering the possibility of additional settings and the built-in breadcrumbs module.
Author: Sergey Filimonov
Author URI: https://rejournal.ru
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, two-columns, right-sidebar, custom-menu, featured-images, theme-options
Tested up to: 5.6.2
Requires PHP: 5.2.4
*/


body, button, input, select, textarea {
    color: #555;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 1.65;
	font-weight: 300;
	background: #f8f8f8;
}

h1, h2, h3, h4, .site-title, .entry-title {
    font-family: Roboto, sans-serif;
}

h3 {
    font-size: 1.20em;
    font-weight: 700;
    margin: 15px 0 10px 0;
    line-height: 1.4;
}

h5, h6 {
    font-size: 1em;
    font-weight: 700;
    margin: 15px 0 5px 0;
}

p {
    margin: 0 0 20px 0;
	font-size:15px;
}

img {
    height: auto;
}

.margin-auto {
	margin:0 auto;
}

b, strong {
    font-weight: 600;
}

article, aside, figcaption, figure, footer, hgroup, main, section {
    background: #fff;
}

.main {
	padding-top:30px;
	padding-bottom:40px;
}

.pt60 {
	padding-top:90px;
}

.bb0 {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

a {
    color: #427eb9;
}

a:hover {
    color: #333;
}

div.lead p {
    font-size: 1.15rem !important;
    font-weight: 300 !important;
    color: #555;
    font-style: italic;
}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

.gallery-caption, .wp-caption-text {
  font-style: italic;
  margin: 10px 0px;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.screen-reader-text {
     clip: rect(1px, 1px, 1px, 1px);
     position: absolute !important;
     height: 1px;
     width: 1px;
     overflow: hidden;
}
  
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
     box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
     color: #21759b;
     display: block;
     font-size: 14px;
     font-size: 0.875rem;
     font-weight: bold;
     height: auto;
     left: 5px;
     line-height: normal;
     padding: 15px 23px 14px;
     text-decoration: none;
     top: 5px;
     width: auto;
     z-index: 100000; /* Above WP toolbar. */
}

/* NavBar */

.navbar {
	padding: 5px 20px;
}

.navbar-brand {
	font-size:120%;
	font-weight:600;
}

.navbar-dark a.navbar-brand {
	color:#fff;
}

.navbar-light a.navbar-brand {
	color:#333;
}

.bg-light li.menu-item a {
	color:#333;
}

.bg-dark li.menu-item a, .bg-dark a {
	color:#fff;
}

.navbar li.menu-item a {
    line-height: 24px;
    padding: 14px 12px 10px;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
	font-size:12px;
}

span.list-meta, span.list-meta a {
	color: #999;
	font-size:90%;
}

.navbar-dark li.current-menu-item a  {
    color: #dadada;
}

.navbar-light {
    border-bottom: 1px solid #ddd;
}

.navbar-light li.current-menu-item a {
    color: #848484;
}

.bg-white {
    background-color: #ffffff!important;
}

/* Page Header */
.page-header h1 {
    font-size: 1.2em;
    color: #555;
	font-weight: 300;
}

.page-header, .entry-header {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.page-header span {
	font-weight:600;
}

.taxonomy-description p {
    font-size: 0.933em;
    color: #999;
    margin: 5px 0 0;
}

/* Sidebar */
.sidebar {
}
/* Index */
.posts {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin-top: 10px;
}
/* Blog Post */
.blog-post {
	border-bottom: 1px solid #eee;
	margin-bottom:40px;
	padding-bottom:40px;
}


h1.entry-title {
	font-size: 2.4em;
	font-weight: 400;
	word-wrap: break-word;

}

h2.entry-title {
    font-size: 1.733em;
	font-weight: 400;
	word-wrap: break-word;

}

.entry-title a {
	color:#222;
	text-decoration:none;
}

.entry-title a:hover {
	color:#427eb9;
	text-decoration:underline;
}

.entry-meta {
  margin-bottom: 0px;
  color: #999;
  font-size: 0.8em;
}

.entry-meta .sep {
	padding:5px;
}

.entry-meta a {
    color: #999;
}

.entry-content {
	margin-top: 10px;
}

.entry-footer {
  margin-top: 10px;
  color: #999;
  font-size: 0.9em;
}

.blog-post .more-link {
    margin: 20px 0 0;
    padding: 10px 10px;
    font-size: 0.767em;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #f6f6f6;
    color: #333;
    border: 1px solid #e0e0e0;
}

.blog-post .more-link:hover {
    background: #333;
    color: #f6f6f6;
    border: 1px solid #333;
	text-decoration:none;
}

/* Thumbnail */
.w100 {
    width: 100%;
}

/* Featured image */

.featured-image {
    position: relative;
    margin: -10px 15px 20px 15px;
	width:100%;
}

.featured-image .overlay {
    padding: 0 20px;
    margin: 0 0 10px 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.featured-image .cover-bg {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 200px;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.featured-image .overlay h1 {
    color: #fff;
    font-weight: 700;
}

.featured-image:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: transparent linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%) repeat 0 0;
    z-index: 3;
}

.featured-image .entry-meta {
	color:#dcdcdc;
}

.featured-image .entry-meta a {
	color:#dcdcdc;
}

.featured-image .entry-meta a:hover {
	color:#fff;
}

@media only screen and (min-width : 480px) and (max-width : 1024px) {
	.mw100 {
		min-width:50% !important;
	}
}

@media only screen and (max-width : 480px)
 {
	.mw100 {
		min-width:100% !important;
	}
}



@media (max-width: 990px) {
.featured-image .overlay {
    padding: 0px;
    margin: 0 0 10px 0;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
	
	.featured-image .overlay h1 {
    font-weight: 300;
    color: #222;
    margin-bottom: 10px;
}
	
.featured-image:before {
    display: none;
}
	
.featured-image .entry-meta {
    color: #333;
}
	
.featured-image .entry-meta a {
    color: #333;
}
	
.featured-image .entry-meta a:hover {
    color: #000;
}
}

@media screen and (min-width: 990px) {
	
	
.featured-image .overlay {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 30px;
    padding: 0 30px;
    margin: 0;
    z-index: 5;
}

.featured-image .cover-bg {
	  width:100%;
	  height:300px;
}
}

/* Typo */
blockquote, p.bible {
    border-left: 5px solid #427eb9;
    color: #555;
    margin: 0 0 20px;
    padding: 0px 20px;
    font-style: italic;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Widgets */
.widget {
	margin-bottom:40px;
	padding: 20px;
    background: #f6f6f6;
}

.widget {
    margin: 0 0 20px 0px;
    font-size: 0.933em;
    color: #555;
    padding: 20px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    word-wrap: break-word;
}

.widget-title {
    border: 0;
    font-size: 15px;
    text-transform: uppercase;
	font-weight:600;
}

.widget-title span {
   display: inline-block;
    padding: 0 0 0.5em 0;
    position: relative;
}

.widget-title span:before {
    content: "";
    position: absolute;
    width: 60px;
    bottom: -1px;
    border-bottom: 1px solid #427eb9;
}

.widget ul {
	padding-left:20px;
	font-size:15px;
}

.widget_calendar caption {
	font-size:1.143em;
	font-weight:700;
	margin:0 0 1em
}

.widget_calendar thead th{
	text-transform:uppercase;font-size:0.857em
}

.widget_calendar tbody{
	color:#999
}

.widget_calendar a{
	color:#427eb9
}

.widget_calendar td, .widget_calendar th {
    padding: 10px;
}

.widgets-minimal .widget {
	background:#fff;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:0px;
	padding-right:0px;
}

.widgets-minimal .widget-title span:before {
    content: "";
    position: absolute;
    width: 60px;
    bottom: -3px;
    border-bottom: 1px solid #ddd !important;
}

#about-widget {
    padding: 20px;
    background: #f6f6f6;
}

#about-widget p {
    font-size:15px;
}

/* Pagination */

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #616161;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #6b6b6b;
    border-color: #6b6b6b;
}

.page-item:last-child .page-link, .page-item:first-child .page-link {
	border-radius:0;
}

.page-item {
display: block;
    float: left;
    height: 30px;
    margin: 0 5px 5px 0;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
    color: #777;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Breadcrums */
.breadcrumbs {
    color: #999;
    margin: 0 0 10px;
	margin-top:-10px;
}

.breadcrumbs a, .breadcrumbs span, .breadcrumbs {
}

/* Dropdown */

.dropdown-menu {
    margin-top: 0px;
}


.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.navbar ul.dropdown-menu li.menu-item a {
    line-height: 24px;
    padding: 5px 10px;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

.navbar-dark ul.dropdown-menu {
	background-color:#343a40;
}

.navbar-light ul.dropdown-menu {
    background-color: #fff;
}

.navbar-dark ul.dropdown-menu li.menu-item a:hover {
	background:#333;
}

.navbar-light ul.dropdown-menu li.menu-item a:hover {
	background:#ddd;
}
/*./Dropdown Css*/

/* Comments List */
ol.commentlist { list-style:none; margin:0 0 1em; padding:0; }
ol.commentlist li { margin:0 0 1em 0; }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn { font-size: 16px; font-weight:300; font-style:normal }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar { float:left; margin: 1em 1em 0 0; }
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {border-radius: 50%;
    margin-right: 12px;
    margin-top: 5px;}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { }
ol.commentlist li.comment div.comment-meta a { color:#aaa; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { }
ol.commentlist li.comment div.reply a { }
ol.commentlist li.comment ul.children { list-style:none; margin:0;  }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 { margin:0 0 0 3em; }
ol.commentlist li.comment ul.children li.depth-3 { margin:0 0 0 3em; }
ol.commentlist li.comment ul.children li.depth-4 { margin:0 0 0 3em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { }
ol.commentlist li.odd { }
ol.commentlist li.parent { }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* Footer */
.footer {
	border-top:1px solid #ddd;
    color: #888;
	font-size:0.9em;
}

/* Archive List */
ul.ymd-list {
	padding-left: 20px;
}

.sya_postcontent a, span.sya_date {
    font-size: 15px;
    font-weight: 500;
}

span.sya_date, .sya_yearcount {
    color: silver;
}

.wp-block-image figcaption, .blocks-gallery-caption {
    font-size: 90%;
    font-style: italic;
}


.wp-block-image figcaption, .blocks-gallery-caption {
    margin-top: .5em;
    margin-bottom: 1em;
}

.wp-block-button {
    color: #fff;
    margin-bottom: 20px;
}

.wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright {
    width: 100%;
    max-width: 100% !important;
    margin-bottom: 20px;
}

.wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) {
    color: #fff !important;
}

article.sticky  {
    background: #f6f6f6;
    padding: 25px 20px;
    margin-top: -10px;
}

li.sticky a {
    background: #f6f6f6;
    padding: 5px 0px;
}

img, .wp-caption {
    max-width: 100% !important;
}

/* Mobile DrowMenu */
@media only screen and (max-width: 990px) {
 ul.dropdown-menu {
    background-color: #343a40;
    border: 0px;
    padding-left: 20px;
    border-left: 3px solid #9a9da0;
    border-radius: 0;
    margin-left: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
	display:block;
}
	.dropdown-submenu>.dropdown-menu {
		border-radius:0px;
	}
	
	.dropdown-toggle::after, .dropdown-submenu>a:after {
		display:none;
	}
	
	.navbar-light ul.dropdown-menu {
    background-color: transparent;
}
	.navbar-dark ul.dropdown-menu {
    background-color: transparent;
}
}