/*!
Theme Name: 	Brisko1
Author: 			devuri
Description: 	Brisko is a beautifully simple responsive and lightweight WordPress theme that is fast and optimized for WordPress page builders, you can use it as a foundation to build versatile layouts using modern page builders like Elementor, Gutenberg, Beaver Builder, Brizy, SiteOrigin etc. this theme is suitable for personal blogs, business, agency, restaurant, simple blog, life coach, portfolio, charity, and more. Brisko can be extended with plugins or child themes using any of the many included actions.
Version: 			0.4.1
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: 	brisko
Tags: 				custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Author URI: 	http://switchwebdev.com
Theme URI: 		https://switchwebdev.com/brisko-wordpress-theme/
License:			GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html

Brisko WordPress Theme, Copyright 2020 Uriel Wilson.
Brisko is distributed under the terms of the GNU GPL.

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

Brisko 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/
*/
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700&subset=cyrillic,cyrillic-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i&subset=cyrillic,cyrillic-ext');
/*
  font-family: 'Ubuntu Mono', monospace;
  font-family: 'Roboto Condensed', sans-serif;
*/
body {
	color: #333;
}

.container {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	margin-right: auto;
	margin-left: auto;
}

.site-main {
	padding: 1.75rem;
}

.brisko-font {
	font-family: Noto, "Times New Roman", serif;
}

.brisko-font-style {
	font-size: 1.2rem;
	line-height: 1.75;
}

.post,
.page {
	margin: 0 0 0em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 800;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.secondary-font {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body a:hover {
	text-decoration: none;
}

body a {
	color: #E4584B;
	text-decoration: none;
	background-color: transparent;
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	transition: all .25s;
}

p {
	line-height: 1.75;
	margin: 30px 0;
}

p a {
	text-decoration: underline;
}

blockquote,
.wp-block-quote {
	border-left: solid 5px #4c4c4c;
	padding-left: 0.9rem;
	margin-bottom: 1.5rem;
	color: #4c4c4c;
	margin-left: 0.9rem;
}

th,
td {
	border: 1px solid #e2e8f0;
	padding: 8px 12px;
}

pre {
	word-wrap: break-word;
	white-space: pre-wrap;
}

.wp-block-image {
	margin-bottom: 1em;
	display: flow-root;
}


/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.brisko-header-img {
	margin-bottom: 0;
}

.custom-logo-link {
	width: 90px;
	margin-bottom: 1rem;
	padding-top: 1rem;
	margin-right: 1.75rem;
}

.site-title {
	padding-left: 0;
}

.site-title h1 {
	margin-bottom: 0;
}

.site-description {
	padding-right: 0.75rem;
}

.archive-title {
	font-size: large;
	padding: 0.2rem;
	color: #8F8F8F;
}


/*--------------------------------------------------------------
# Main width
--------------------------------------------------------------*/

.container {
	max-width: 1200px;
}

.entry-header {
	word-wrap: break-word;
}


.elementor-image-gallery .gallery {
    margin-bottom: 1.5em;
    display: inline-block;
    grid-gap: 1.5em;
}

/*--------------------------------------------------------------
	Navigation
--------------------------------------------------------------*/

div.brisko-navigation {
	margin-bottom: 0.2em;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	border-top: 1px solid #E2E8F0;
	background-color: #fff;
	border-bottom: 1px solid #E2E8F0;
}

nav.main-navigation a {
	font-size: 1rem;
	font-weight: 600;
	text-transform: capitalize;
	color: #353535;
	padding: 0.6rem 1.2rem;
	background-color: #FFFFFF;
}

nav.main-navigation a:hover {
	color: #E4584B;
	background-color: #F8F9FA;
}

nav.main-navigation ul ul a {
	border-bottom: solid thin #e2e8f0;
}

/*--------------------------------------------------------------
	Dropdown list display
--------------------------------------------------------------*/
.main-navigation ul ul {
	display: block;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: 100%;
}


/*--------------------------------------------------------------
 # Post
 --------------------------------------------------------------*/

.sticky {
	display: block;
	border: solid thin #d0d0d0;
	padding: 2rem;
}

.entry-content {
	word-wrap: break-word;
	color: #353535;
	padding-top: 0rem;
	/* padding-left: 1rem; */
	/* padding-right: 1rem; */
}

.post-article {
	margin-bottom: 4rem;
}

.read-more {
	font-weight: 600;
	font-size: medium;
	letter-spacing: 0.1rem;
}

.more-link {
	padding: 0.7em 0.8em;
	border: solid thin #ccc;
	text-transform: lowercase;
}

.more-link::after {
	content: " \00BB";
}

.post-thumbnail {
	margin-bottom: 1rem;
}

.primary-content {
	padding-right: 2rem;
}

.entry-meta {
	width: 100%;
	border: solid thin #f1f1f1;
	border-left: none;
	border-right: none;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	font-size: medium;
}

.tags-links a {
	padding: 4px 12px;
	background: #e2e8f0;
	color: #000000;
	margin: 0 4px 4px 0;
	font-size: medium;
}

.cat-links a {
	margin-right: 4px;
}


/*--------------------------------------------------------------
# Nav Previous and Next
--------------------------------------------------------------*/

.post-navigation .nav-previous span,
.post-navigation .nav-next span {
	display: block;
}

.nav-title {
	word-break: break-all;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	margin-top: 24px;
	word-wrap: break-word;
	/* border-top: solid thin #999; */
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
	word-wrap: break-word;
	border: solid thin #eaeaea;
	padding: 1rem;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
	border: solid thin #eaeaea;
	padding: 1rem;
}


/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/

.comment-respond {
	margin-top: 4rem;
	margin-bottom: 4rem;
	border: solid thin #eaeaea;
	padding: 1.75rem;
}

.comment-notes {
	font-size: medium;
	margin: 0px 0;
}

.comment-list {
	padding: 0;
}

.comments-title {
	font-size: medium;
}

.comment-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.comment-author img {
	border-radius: 50%;
	margin-right: .5rem;
}

.comment-metadata a {
	color: #c1c1c1;
}

.says {
	display: none;
}

.comment-reply-link {
	border: solid thin #eaeaea;
	padding: 0.2rem 0.5rem;
}

.comment-form-cookies-consent {
	font-size: medium;
	font-weight: normal;
}

.comments-area ol {
	list-style: none;
}

.comment-body {
	border: solid thin #e2e8f0;
	padding: 1rem;
	margin-bottom: 2rem;
	font-size: medium;
	word-wrap: break-word;
}

ol.children {
	margin-bottom: 0;
	margin-left: 0;
}

div.comments-area label {
	display: inline-block;
	margin-bottom: 0;
	color: #757575;
}

div.comment-respond h3 {
	font-size: inherit;
}

p.logged-in-as {
	font-size: medium;
	margin: 0px 0;
}

span.nav-subtitle {
	color: #999;
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.sidebar {
	margin-left: 1rem;
	word-wrap: break-word;
}

.sidebar ul,
ol {
	margin-right: 0rem;
	margin-left: 0rem;
}

.sidebar ul {
	list-style: none;
	padding-inline-start: unset;
}

.sidebar ul li {
	border-bottom: solid thin #E2E8F0;
	padding: 0.3em 0;
}

.widget-title {
	padding-bottom: 0.5em;
	color: black;
	font-size: inherit;
	font-weight: 700;
	border-bottom: solid thin #E2E8F0;
	text-transform: uppercase;
}


/*--------------------------------------------------------------
 # Input and Forms
 --------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	color: #fff;
	background-color: #E4584B;
	border-color: #E4584B;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0px;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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 {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0px;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}

.search-submit {
	margin-left: 8px;
}


/*--------------------------------------------------------------
 # Footer
 --------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #E2E8F0;
	padding: 0.2rem;
	font-size: medium;
}