/*
Theme Name: 10kanal
Theme URI: https://www.10kanal.ru
Description: Тема для сайта www.10kanal.ru основанная на Material Design for Bootstrap 4
Version: 4.7.4
Author: www.10kanal.ru
Author URI: https://www.10kanal.ru
*/

@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat-Regular.ttf');
}
@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat-Bold.ttf');
	font-weight: bold;
}
@font-face {
	font-family: Montserrat;
	src: url('fonts/Montserrat-ExtraLight.ttf');
	font-weight: 300;
}

body, html {
	height: 100%;
}

body {
	font-family: Montserrat,sans-serif;
	font-weight: 400;
	background-color: #ffffff;
}
@media only screen and (min-width: 992px) {

}
.navbar-brand {padding:0px;}
.navbar .navbar-brand img {height:80px;}

a {
	color: #000;
}

article.page > .content a, article.post > .content a, article.programm > .content a, article.project > .content a {
	color: #007bff;
}


article.page > .content a:hover, article.post > .content a:hover, article.programm > .content a:hover, article.project > .content a:hover {

    color: #0056b3;
    text-decoration: none;
    transition: all .2s ease-in-out;

}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300; }

.h1-responsive {
  font-size: 150%; }

.h2-responsive {
  font-size: 145%; }

.h3-responsive {
  font-size: 135%; }

.h4-responsive {
  font-size: 135%; }

.h5-responsive {
  font-size: 135%; }

@media (min-width: 576px) {
  .h1-responsive {
    font-size: 170%; }
  .h2-responsive {
    font-size: 140%; }
  .h3-responsive {
    font-size: 125%; }
  .h4-responsive {
    font-size: 125%; }
  .h5-responsive {
    font-size: 125%; } }

@media (min-width: 768px) {
  .h1-responsive {
    font-size: 200%; }
  .h2-responsive {
    font-size: 170%; }
  .h3-responsive {
    font-size: 140%; }
  .h4-responsive {
    font-size: 125%; }
  .h5-responsive {
    font-size: 125%; } }

@media (min-width: 992px) {
  .h1-responsive {
    font-size: 200%; }
  .h2-responsive {
    font-size: 170%; }
  .h3-responsive {
    font-size: 140%; }
  .h4-responsive {
    font-size: 125%; }
  .h5-responsive {
    font-size: 125%; } }

@media (min-width: 1200px) {
  .h1-responsive {
    font-size: 250%; }
  .h2-responsive {
    font-size: 200%; }
  .h3-responsive {
    font-size: 170%; }
  .h4-responsive {
    font-size: 140%; }
  .h5-responsive {
    font-size: 125%; } }

@media (min-width: 576px ) and (max-width: 768px) {
	.container {
		max-width: 100%;
	}
}

@media (min-width: 992px ) and (max-width: 1200px) {
	.mx-lg-0-only  {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
@media (min-width: 1200px ){
	.mx-lg-0-only  {
		margin-right: -.5rem;
	}
}


.main-color-bg {
	background-color:#0563ad;
	color: #fff;
}
.main-color-text {
	color:#0563ad;
}

.logo-color {
	background-color:#246fb2 !important;
}

body.body-logged-in .navbar.fixed-top{
	top: 32px !important;
}
body.logged-in .navbar.fixed-top{
	top: 32px !important;
}
@media only screen and (max-width: 992px) {
	body.body-logged-in .navbar.fixed-top{ top: 0px !important; }
	body.logged-in .navbar.fixed-top{ top: 0px !important; }
}


footer.page-footer {
	background-color: #022e4a !important;
}

.blue-gradient {
	background: -webkit-linear-gradient(50deg, #45cafc, #303f9f) !important;
	background: -o-linear-gradient(50deg, #45cafc, #303f9f) !important;
	background: linear-gradient(40deg, #45cafc, #303f9f) !important; }

.card-comments img {
	width: 4rem;
}

.card-intro .card-body {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.navbar-brand img {
	height: 20px;
}

.pagination .page-item.active .page-link {
	background-color: #09c;
}

.card-avatar img {
	width: 100px;
}

.row.shrink {
	display:none !important;
}
img.shrink {
	height: 60px;
}
nav.navbar{
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.post.sticky {
	display:flex;
}

.bg-image {
	filter: blur(2px);
	-webkit-filter: blur(2px);
	height: 400px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg-text {
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.4);
	color: white;
	font-weight: bold;
	border: 3px solid #f1f1f1;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	width: 80%;
	padding: 20px;
	text-align: center;
}

.image-wrapper {
	position: relative;
	padding-bottom: 56.2%;
}
.image-wrapper img {
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.tag-list a {
	color: #fff !important;
}

.feedzy-rss .h5-responsive {
	font-size: 16px;
}

.post-category a {
	color: #9e9e9e !important;
}

.post-excerpt p {
	margin-bottom: 0;
	color: #4f4f4f !important;

}

article.post > .content p {
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
font-size: 16px;
text-indent: 10px;
text-align: -webkit-left;
}

article.post > .post-excerpt p {
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
font-size: 14px;
text-indent: 0px;
text-align: -webkit-left;
}

.blockquote p {
    padding: 0 !important;
    font-size: 1.1rem !important;
}

.mega-menu-header-widget p {
	padding: 8px 0 3px 8px;
	font-size: 22px;
	margin-bottom: 2px;
	color:#fff;
	border-bottom: 2px solid #fff;
}
.custom-html-widget {
	padding: 0 8px;
	margin-top: 10px;
	text-align: center !important;
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
    max-width: 100px;
}
.wp-block-separator {
    border: none;
        border-bottom-color: currentcolor;
        border-bottom-style: none;
        border-bottom-width: medium;
    border-bottom: 2px solid #8f98a1;
    margin-left: auto;
    margin-right: auto;
}
.view.overlay {
	background-color: #f5f5f5;
}
figure.img-fluid img {
	max-width: 100%;
	height: auto;
}

ul.sub-menu {
	padding-left: 16px;
	overflow-wrap: normal;
}
footer a:hover {
	text-decoration: underline;
}
.is-layout-flex {
	display:flex;
}

.wp-video, .wp-video-shortcode {
  max-width: 100%;
  height: auto;
}